@charset "UTF-8";
@charset "UTF-8";
@charset "UTF-8";
.dnd-icon-remove.deleting { font-size:12px; color:#000; font-weight: 500; position: relative; top:-3px; }
.dnd-icon-remove.deleting:after { display:none!important; }
.wpcf7-drag-n-drop-file.d-none {
display:none;
opacity:0;
visibility:hidden;
position:absolute;
top:0;
} .dnd-upload-status {
display:flex;
padding:4px 0;
align-items:center;
position:relative;
} .dnd-upload-status .dnd-upload-image {
width:40px;
height:40px;
border:1px solid #a5a5a5;
text-align:center;
border-radius:100%;
position:relative;
}
.dnd-upload-status .dnd-upload-image span.file {
background-image: url("data:image/svg+xml,%0A%3Csvg width='18' height='23' viewBox='0 0 18 23' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M12.569 0.659576H0.5V23H18V6.09053L12.569 0.659576ZM12.7872 1.93075L16.7288 5.87234H12.7872V1.93075ZM1.24468 22.2553V1.40426H12.0426V6.61702H17.2553V22.2553H1.24468Z' fill='%235C5B5B'/%3E%3C/svg%3E%0A");
background-repeat: no-repeat;
background-size: 100%;
height: 21px;
width: 16px;
display: block;
position: absolute;
left: 50%;
top: 50%;
transform: translate(-50%, -50%);
-moz-transform : translate(-50%, -50%);
-webkit-transform: translate(-50%, -50%);
} .dnd-upload-status .dnd-upload-details {
padding-left:10px;
width: calc(100% - 40px);
}
.dnd-upload-status .dnd-upload-details .name {color:#016d98; padding:4px 0; padding-right:60px; display:flex; }
.dnd-upload-status .dnd-upload-details .name span { text-overflow: ellipsis; white-space: nowrap; overflow: hidden; position: relative; padding-right:10px; }
.dnd-upload-status .dnd-upload-details .name em {color:#444242;	font-weight:700; } .dnd-upload-status .dnd-upload-details .remove-file {
position:absolute;
right:0;
top:10px;
text-decoration:none;
box-shadow:none;
outline:none;
opacity:1;
}
.dnd-upload-status .dnd-upload-details .remove-file span:after {
content: '';
width:15px;
height:15px;
display: block;
background-repeat:no-repeat;
background-size:100%;
background-image: url("data:image/svg+xml,%3Csvg width='35' height='35' viewBox='0 0 35 35' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M17.5 0C7.83499 0 0 7.83499 0 17.5C0 27.165 7.83499 35 17.5 35C27.165 35 35 27.165 35 17.5C34.9888 7.83965 27.1604 0.0112198 17.5 0ZM17.5 33.871C8.45857 33.871 1.12903 26.5414 1.12903 17.5C1.12903 8.45857 8.45857 1.12903 17.5 1.12903C26.5414 1.12903 33.871 8.45857 33.871 17.5C33.861 26.5373 26.5373 33.861 17.5 33.871Z' fill='black'/%3E%3Cpath d='M25.4834 9.51661C25.2629 9.29624 24.9056 9.29624 24.6852 9.51661L17.5 16.7018L10.3148 9.51661C10.0983 9.29236 9.74087 9.28615 9.51661 9.50271C9.29236 9.71927 9.28615 10.0767 9.50271 10.3009C9.50723 10.3057 9.51188 10.3103 9.51661 10.3148L16.7018 17.5L9.51661 24.6852C9.29236 24.9018 9.28615 25.2591 9.50278 25.4834C9.71941 25.7076 10.0768 25.7139 10.301 25.4972C10.3057 25.4927 10.3103 25.488 10.3148 25.4834L17.5 18.2982L24.6852 25.4834C24.9094 25.7 25.2668 25.6938 25.4834 25.4696C25.6947 25.2508 25.6947 24.9039 25.4834 24.6852L18.2982 17.5L25.4834 10.3148C25.7038 10.0944 25.7038 9.73705 25.4834 9.51661Z' fill='black'/%3E%3C/svg%3E%0A");
}
.dnd-upload-status.in-progress .remove-file { opacity:0.2;}
.dnd-upload-status .dnd-upload-details span.has-error { color:#f50505; } .dnd-upload-status .dnd-upload-details .dnd-progress-bar {
display: block;
border-radius: 5px;
overflow: hidden;
background: #565555;
height: 14px;
}
.dnd-upload-status .dnd-upload-details .dnd-progress-bar span {
background: #4CAF50;
display: block;
font-size: 11px;
text-align: right;
color: #fff;
height: 100%;
width:0;
line-height:14px;
}
.dnd-upload-status .dnd-upload-details .dnd-progress-bar span.complete { width:100%!important; padding-right:5px; }
.dnd-upload-counter { position:absolute; right:5px; bottom:3px; font-size:12px; } .codedropz-upload-handler {
border:2px dashed #c5c5c5;
border-radius:5px;
margin-bottom:10px;
position:relative;
}
.codedropz-upload-container {
padding:15px 20px;
}
.codedropz-upload-inner {
overflow:hidden;
width:100%; text-align:center;
text-overflow: ellipsis;
font-weight:inherit;
}
.codedropz-upload-inner .codedropz-btn-wrap a.cd-upload-btn {
text-decoration:none;
box-shadow:none;
}
.codedropz-upload-inner h3 {
margin:5px 0;
font-size:30px;
line-height:32px;
word-break:break-word;
} .codedropz-dragover {
border-color:#6b6a6a;
}
.codedropz-upload-wrapper span.has-error-msg {
display:inline-block;
color:#ff0000;
padding:5px 0;
font-style:italic;
} .wpcf7-form label.error-new {
color: #900;
font-size: 11px;
float: none;
padding-left: 5px;
}
.wpcf7-form .codedropz-upload-wrapper.invalid .codedropz-upload-handler{
border-bottom-color: #900;
border-bottom-style: solid;
} @media screen and (max-width: 767px) {
.dnd-upload-status .dnd-upload-details .name em { font-weight:normal; }
.dnd-upload-status .dnd-upload-details .name { padding-right:60px; }
.codedropz-upload-inner h3 { font-size:22px; }
}.wpcf7 .screen-reader-response {
position: absolute;
overflow: hidden;
clip: rect(1px, 1px, 1px, 1px);
clip-path: inset(50%);
height: 1px;
width: 1px;
margin: -1px;
padding: 0;
border: 0;
word-wrap: normal !important;
}
.wpcf7 .hidden-fields-container {
display: none;
}
.wpcf7 form .wpcf7-response-output {
margin: 2em 0.5em 1em;
padding: 0.2em 1em;
border: 2px solid #00a0d2; }
.wpcf7 form.init .wpcf7-response-output,
.wpcf7 form.resetting .wpcf7-response-output,
.wpcf7 form.submitting .wpcf7-response-output {
display: none;
}
.wpcf7 form.sent .wpcf7-response-output {
border-color: #46b450; }
.wpcf7 form.failed .wpcf7-response-output,
.wpcf7 form.aborted .wpcf7-response-output {
border-color: #dc3232; }
.wpcf7 form.spam .wpcf7-response-output {
border-color: #f56e28; }
.wpcf7 form.invalid .wpcf7-response-output,
.wpcf7 form.unaccepted .wpcf7-response-output,
.wpcf7 form.payment-required .wpcf7-response-output {
border-color: #ffb900; }
.wpcf7-form-control-wrap {
position: relative;
}
.wpcf7-not-valid-tip {
color: #dc3232; font-size: 1em;
font-weight: normal;
display: block;
}
.use-floating-validation-tip .wpcf7-not-valid-tip {
position: relative;
top: -2ex;
left: 1em;
z-index: 100;
border: 1px solid #dc3232;
background: #fff;
padding: .2em .8em;
width: 24em;
}
.wpcf7-list-item {
display: inline-block;
margin: 0 0 0 1em;
}
.wpcf7-list-item-label::before,
.wpcf7-list-item-label::after {
content: " ";
}
.wpcf7-spinner {
visibility: hidden;
display: inline-block;
background-color: #23282d; opacity: 0.75;
width: 24px;
height: 24px;
border: none;
border-radius: 100%;
padding: 0;
margin: 0 24px;
position: relative;
}
form.submitting .wpcf7-spinner {
visibility: visible;
}
.wpcf7-spinner::before {
content: '';
position: absolute;
background-color: #fbfbfc; top: 4px;
left: 4px;
width: 6px;
height: 6px;
border: none;
border-radius: 100%;
transform-origin: 8px 8px;
animation-name: spin;
animation-duration: 1000ms;
animation-timing-function: linear;
animation-iteration-count: infinite;
}
@media (prefers-reduced-motion: reduce) {
.wpcf7-spinner::before {
animation-name: blink;
animation-duration: 2000ms;
}
}
@keyframes spin {
from {
transform: rotate(0deg);
}
to {
transform: rotate(360deg);
}
}
@keyframes blink {
from {
opacity: 0;
}
50% {
opacity: 1;
}
to {
opacity: 0;
}
}
.wpcf7 [inert] {
opacity: 0.5;
}
.wpcf7 input[type="file"] {
cursor: pointer;
}
.wpcf7 input[type="file"]:disabled {
cursor: default;
}
.wpcf7 .wpcf7-submit:disabled {
cursor: not-allowed;
}
.wpcf7 input[type="url"],
.wpcf7 input[type="email"],
.wpcf7 input[type="tel"] {
direction: ltr;
}
.wpcf7-reflection > output {
display: list-item;
list-style: none;
}
.wpcf7-reflection > output[hidden] {
display: none;
}#powerTip{cursor:default;background-color:#333;background-color:rgba(0,0,0,.8);border-radius:6px;color:#fff;display:none;padding:10px;position:absolute;white-space:nowrap;z-index:2147483647}#powerTip:before{content:"";position:absolute}#powerTip.n:before,#powerTip.s:before{border-right:5px solid transparent;border-left:5px solid transparent;left:50%;margin-left:-5px}#powerTip.e:before,#powerTip.w:before{border-bottom:5px solid transparent;border-top:5px solid transparent;margin-top:-5px;top:50%}#powerTip.n:before{border-top:10px solid #333;border-top:10px solid rgba(0,0,0,.8);bottom:-10px}#powerTip.e:before{border-right:10px solid #333;border-right:10px solid rgba(0,0,0,.8);left:-10px}#powerTip.s:before{border-bottom:10px solid #333;border-bottom:10px solid rgba(0,0,0,.8);top:-10px}#powerTip.w:before{border-left:10px solid #333;border-left:10px solid rgba(0,0,0,.8);right:-10px}#powerTip.ne:before,#powerTip.se:before{border-right:10px solid transparent;border-left:0;left:10px}#powerTip.nw:before,#powerTip.sw:before{border-left:10px solid transparent;border-right:0;right:10px}#powerTip.ne:before,#powerTip.nw:before{border-top:10px solid #333;border-top:10px solid rgba(0,0,0,.8);bottom:-10px}#powerTip.se:before,#powerTip.sw:before{border-bottom:10px solid #333;border-bottom:10px solid rgba(0,0,0,.8);top:-10px}#powerTip.ne-alt:before,#powerTip.nw-alt:before,#powerTip.se-alt:before,#powerTip.sw-alt:before{border-top:10px solid #333;border-top:10px solid rgba(0,0,0,.8);bottom:-10px;border-left:5px solid transparent;border-right:5px solid transparent;left:10px}#powerTip.ne-alt:before,#powerTip.se-alt:before{left:auto;right:10px}#powerTip.se-alt:before,#powerTip.sw-alt:before{border-top:none;border-bottom:10px solid #333;border-bottom:10px solid rgba(0,0,0,.8);bottom:auto;top:-10px}body{
position: inherit !important;
}
@-moz-keyframes Ani {
0% {
box-shadow: 0 0 0 rgba(255,255,255,0);
border: 1px solid rgba(255,255,255,0);
-webkit-transform: scale(0);
transform: scale(0)
}
70% {
box-shadow: 0 0 50px #fff;
border: 1px solid #fff;
-webkit-transform: scale(1);
transform: scale(1)
}
100% {
box-shadow: 0 0 60px rgba(255,255,255,0);
border: 0 solid rgba(255,255,255,0);
-webkit-transform: scale(1.5);
transform: scale(1.5)
}
}
@-webkit-keyframes Ani {
0% {
box-shadow: 0 0 0 rgba(255,255,255,0);
border: 1px solid rgba(255,255,255,0);
-webkit-transform: scale(0);
transform: scale(0)
}
70% {
box-shadow: 0 0 50px #fff;
border: 1px solid #fff;
-webkit-transform: scale(1);
transform: scale(1)
}
100% {
box-shadow: 0 0 60px rgba(255,255,255,0);
border: 0 solid rgba(255,255,255,0);
-webkit-transform: scale(1.5);
transform: scale(1.5)
}
}
@keyframes Ani {
0% {
box-shadow: 0 0 0 rgba(255,255,255,0);
border: 1px solid rgba(255,255,255,0);
-webkit-transform: scale(0);
transform: scale(0)
}
70% {
box-shadow: 0 0 50px #fff;
border: 1px solid #fff;
-webkit-transform: scale(1);
transform: scale(1)
}
100% {
box-shadow: 0 0 60px rgba(255,255,255,0);
border: 0 solid rgba(255,255,255,0);
-webkit-transform: scale(1.5);
transform: scale(1.5)
}
}
#powerTip {
background-color: #000;
}
#powerTip.n:before {
border-top: 10px solid rgba(0,0,0,1);
}
#powerTip.s:before {
border-bottom: 10px solid #000;
}
#powerTip.e:before {
border-right: 10px solid #000;
}
#powerTip.w:before {
border-left: 10px solid #000;
right: -10px
}
#powerTip.ne:before,#powerTip.nw:before {
border-top: 10px solid #000;
border-top: 10px solid rgba(0,0,0,1);
}
#powerTip.se:before,#powerTip.sw:before {
border-bottom: 10px solid #000;
border-bottom: 10px solid rgba(0,0,0,1);
}
#powerTip.nw-alt:before,#powerTip.ne-alt:before,#powerTip.sw-alt:before,#powerTip.se-alt:before {
border-top: 10px solid #000;
border-top: 10px solid rgba(0,0,0,1);
}
#powerTip.sw-alt:before,#powerTip.se-alt:before {
border-bottom: 10px solid #000;
border-bottom: 10px solid rgba(0,0,0,1);
}
.wrap_svl {
position: relative;
float: left;
margin: 0 auto;    
max-width: 100%;
}
.wrap_svl:after{
content: "";
display: table;
clear: both;
}
.images_wrap img {
width: 100%;
height: auto;
display: block;
}
.drag_element {
position: absolute;
top: 0;
left: 0;
min-width: 1px;
min-height: 1px;
}
.point_style{
position: relative;
z-index: 10;
display: block;
-webkit-transition: all .3s ease-in-out;
-moz-transition: all .3s ease-in-out;
-o-transition: all .3s ease-in-out;
-ms-transition: all .3s ease-in-out;
box-sizing: border-box;
text-align: center;
}
.point_style img{
position: absolute;
top: 0;
left: 0;
width: inherit;
max-width: inherit;
}
body .wrap_svl img.pins_image_hover,
body .wrap_svl .point_style.has-hover:hover img.pins_image {
display: none !important;
}
body .wrap_svl .point_style.has-hover:hover img.pins_image_hover {
display: block !important;
}
.tolltip_points{
text-align: center;
}
.tolltip_points img{
width: 130px;
height: 130px;
border: 1px solid #fff;
border-radius: 50%;
-moz-border-radius: 50%;
-webkit-border-radius: 50%;
}
.tolltip_points .points_name{
display: block;
font-size: 16px;
}
.tolltip_points .points_desc{
display: block;
font-size: 14px;
}
.mobile_points_wrap{
display: none;
}
.mobile_points_box {
width: 50%;
float: left;
padding: 0 5px 15px 5px;
text-align: center;
}
.img_points_box {
display: inline-block;
width: 100px;
height: 100px;
border-radius: 50%;
overflow: hidden;
border: 1px solid #fff;
}
.img_points_box img {
width: 100%;
height: 100%;
}
.mobile_points_box:nth-child(2n+1) {
clear: both;
}
ul.list_content_point {
list-style: none;
margin: 0 0 10px;
padding: 0;
}
ul.list_content_point li {
position: relative;
padding: 3px 0 0 20px;
margin: 0 0 5px 0;
}
ul.list_content_point li:before {
content: "";
font-family: FontAwesome;  
position: absolute;
top: 0;
left: 0;
font-size: 20px;  
}
ul.list_content_point li.address_point:before {
content: "\f041";    
}
ul.list_content_point li.person_point:before {
content: "\f183";    
}
ul.list_content_point li.tel_point:before {
content: "\f095";    
}
ul.list_content_point li.fax_point:before {
content: "\f1ac";    
font-size: 15px;
top: 4px;
}
ul.list_content_point li.mail_point:before {
content: "\f0e0";    
font-size: 15px;
top: 4px;
}
.box_view_html {
color: #fff;
font-weight: 300;
max-width: 530px;
white-space: normal;
overflow: hidden;
position: relative;
}
.thumb_point {
float: left;
width: 30%;
}
.has-thumb .content_point {
width: 70%;
float: left;
padding: 0 0 0 15px;
}
.has-thumb .content_point h3 {
font-size: 19px;
}
.linkto_point {
text-align: right;
margin: 20px 0 0 0;
}
.wrap_svl_center {
text-align: center;
}
.wrap_svl_center_box {
display: inline-block;
}
body .point_style a img,
body .point_style img {
max-width: inherit !important;
vertical-align: inherit;
border-radius: 0 !important;;
-moz-border-radius: 0 !important;;
-webkit-border-radius: 0 !important;;
box-shadow: none !important;;
-moz-box-shadow: none !important;;
-webkit-box-shadow: none !important;;
}
.pins_animation{
border: 3px solid rgba(255,255,255,.5);
width: 30px;
height: 30px;
position: absolute;
left: 0;
top: 0;
border-radius: 50%;
-moz-border-radius: 50%;
-webkit-border-radius: 50%;
box-shadow: 0 0 20px rgba(255,255,255,.5);
pointer-events: none;
}
.pins_animation.ihotspot_pulse{
-moz-animation: Ani 2s infinite;
-webkit-animation: Ani 2s infinite;
animation: Ani 2s infinite;
}
span.close_ihp {
display: none;
}
body .point_style a:hover img {
background: transparent !important;
}
span.close_ihp svg {
width: 25px;
height: 25px;
}
@media (max-width: 500px){
.ihp_popup_full div#powerTip {
position: fixed;
top: 0 !important;
left: 0 !important;
width: 100%;
height: 100%;
overflow-x: hidden;
overflow-y: auto;
}
.ihp_popup_full span.close_ihp {
display: block;
float: right;
width: 25px;
height: 25px;
}
.ihp_popup_full span.close_ihp svg {
fill: #fff;
}
}.wpac,.wpac h1,.wpac h2,.wpac h3,.wpac h4,.wpac h5,.wpac h6,.wpac p,.wpac td,.wpac dl,.wpac tr,.wpac dt,.wpac ol,.wpac form,.wpac select,.wpac option,.wpac pre,.wpac div,.wpac table,.wpac th,.wpac tbody,.wpac tfoot,.wpac caption,.wpac thead,.wpac ul,.wpac li,.wpac address,.wpac blockquote,.wpac dd,.wpac fieldset,.wpac li,.wpac strong,.wpac legend,.wpac em,.wpac s,.wpac cite,.wpac span,.wpac input,.wpac sup,.wpac label,.wpac dfn,.wpac object,.wpac big,.wpac q,.wpac font,.wpac samp,.wpac acronym,.wpac small,.wpac img,.wpac strike,.wpac code,.wpac sub,.wpac ins,.wpac textarea,.wpac var,.wpac a,.wpac abbr,.wpac applet,.wpac del,.wpac kbd,.wpac tt,.wpac b,.wpac i,.wpac hr{background-attachment:scroll!important;background-color:transparent!important;background-image:none!important;background-position:0 0!important;background-repeat:repeat!important;border-color:black!important;border-color:currentColor!important;border-radius:0!important;border-style:none!important;border-width:medium!important;bottom:auto!important;clear:none!important;clip:auto!important;color:inherit!important;counter-increment:none!important;counter-reset:none!important;cursor:auto!important;direction:inherit!important;display:inline;float:none!important;font-family:inherit!important;font-size:inherit!important;font-style:inherit!important;font-variant:normal!important;font-weight:inherit!important;height:auto;left:auto!important;letter-spacing:normal!important;line-height:inherit!important;list-style-type:inherit!important;list-style-position:outside!important;list-style-image:none!important;margin:0!important;max-height:none!important;max-width:none!important;min-height:0!important;min-width:0!important;opacity:1;outline:invert none medium!important;padding:0!important;position:static!important;quotes:"" ""!important;right:auto!important;table-layout:auto!important;text-align:inherit!important;text-decoration:inherit!important;text-indent:0!important;text-transform:none!important;top:auto!important;unicode-bidi:normal!important;vertical-align:baseline!important;visibility:inherit!important;white-space:normal!important;width:auto!important;word-spacing:normal!important;z-index:auto!important;-moz-border-radius:0!important;-webkit-border-radius:0!important;-moz-box-sizing:border-box!important;-webkit-box-sizing:border-box!important;box-sizing:border-box!important;text-shadow:none!important;-webkit-transition:none!important;transition:none!important;-webkit-box-shadow:none!important;box-shadow:none!important}.wpac,.wpac h3,.wpac h5,.wpac p,.wpac h1,.wpac dl,.wpac dt,.wpac h6,.wpac ol,.wpac form,.wpac select,.wpac option,.wpac pre,.wpac div,.wpac h2,.wpac caption,.wpac h4,.wpac ul,.wpac address,.wpac blockquote,.wpac dd,.wpac fieldset,.wpac textarea,.wpac hr{display:block}.wpac table{display:table}.wpac tbody{display:table-row-group}.wpac tr{display:table-row}.wpac td{display:table-cell}.wpac ul{list-style-type:none!important}.wpac li{display:list-item;min-height:auto!important;min-width:auto!important}.wpac a,.wpac a *,.wpac input[type=submit],.wpac input[type=radio],.wpac input[type=checkbox],.wpac select{cursor:pointer!important}.wpac a:hover{text-decoration:none!important}.wpac button,.wpac input[type=submit]{height:auto!important;text-align:center!important}.wpac input[type=hidden]{display:none}.wpac select{-webkit-appearance:menulist!important;-moz-appearance:menulist!important;appearance:menulist!important}.wpac input[type=checkbox]{-webkit-appearance:checkbox!important;-moz-appearance:checkbox!important;appearance:checkbox!important}.wpac input[type="checkbox"]:before,.wpac input[type="checkbox"]:after{content:none!important;border:0!important}.wpac input[type=radio]{-webkit-appearance:radio!important;-moz-appearance:radio!important;appearance:radio!important}.wpac input[type="radio"]:before,.wpac input[type="radio"]:after{content:none!important;border:0!important}.wpac li:before,.wpac li:after{content:""!important}.wpac input,.wpac select{vertical-align:middle!important}.wpac select,.wpac textarea,.wpac input{border:1px solid #ccc!important}.wpac table{border-collapse:collapse!important;border-spacing:0!important}.wpac *[dir=rtl]{direction:rtl!important}.wpac img{border:0!important}.wpac svg{vertical-align:middle!important;-moz-box-sizing:content-box!important;-webkit-box-sizing:content-box!important;box-sizing:content-box!important}.wpac{font-size:14px!important;line-height:20px!important;direction:inherit!important;text-align:inherit!important;font-family:"Helvetica Neue",Helvetica,Arial,sans-serif!important;color:#333!important;font-style:normal!important;font-weight:normal!important;text-decoration:none!important;list-style-type:disc!important}.wp-gr{--rev-gap:4px;--rev-padding:4px}.wp-gr .wp-google-badge{display:inline-block;font-family:Helvetica Neue,Helvetica,Arial,sans-serif!important;box-shadow:0 2px 5px 0 rgba(0,0,0,.26)!important}.wp-gr .wp-google-badge-fixed{position:fixed!important;right:30px!important;bottom:30px!important;max-width:none!important;z-index:2147482999!important;box-shadow:0 2px 5px 0 rgba(0,0,0,.26)!important}.wp-gr .wp-google-badge_left-fixed{position:fixed!important;left:30px!important;bottom:30px!important;max-width:none!important;z-index:2147482999!important}.wp-gr .wp-google-badge *{cursor:pointer!important}.wp-gr .wp-google-border{width:100%!important;height:6px!important;background:#4fce6a!important;border-radius:2px 2px 0 0!important}.wp-gr .wp-google-badge-btn{position:relative!important;padding:10px!important;background:#fff!important;transition:all .2s ease-in-out!important;border-radius:2px!important}.wp-gr .wp-google-badge-btn:hover{background:#f3f3f5!important}.wp-gr .wp-google-badge-score{display:inline-block;margin:0 0 0 4px!important;vertical-align:middle!important}.wp-gr .wp-google-rating{color:var(--star-color,#fb8e28)!important;font-size:21px!important;font-weight:600!important;margin:0 6px 0 0!important;vertical-align:middle!important}.wp-gr .wp-google-stars .wp-star{padding:0 3px 0 0!important;line-height:normal!important}.wp-gr .wp-google-based,.wp-gr .wp-google-powered{color:var(--head-based-color,#555)!important;margin:6px 0 0!important}.wp-gr .wp-google-powered{color:var(--powered-color,#777)!important;font-size:15px!important}.wp-gr .wp-google-powered>span{font-weight:600!important}.wp-gr .wp-google-form .wp-google-reviews{padding:16px 16px 0!important}.wp-gr .wp-google-review{margin-top:15px!important}.wp-gr .wp-google-left{display:table-cell!important;vertical-align:top!important}[dir="ltr"] .wp-google-left{padding-right:10px!important}[dir="rtl"] .wp-google-left{padding-left:10px!important}.wp-gr .wp-google-left img{border:none!important;float:left!important;height:46px!important;width:46px!important;margin-right:10px!important;overflow:hidden!important;border-radius:50%!important;box-shadow:0 0 2px rgba(0,0,0,.12),0 2px 4px rgba(0,0,0,.24)!important}.wp-gr .wp-google-reviews img{border-radius:50%!important}.wp-gr .wp-google-right{display:table-cell!important;vertical-align:top!important;width:10000px!important}.wp-gr .grw-header.wp-place-center{width:100%!important}.wp-gr .wp-place-center{text-align:center!important}.wp-gr .wp-place-center .wp-google-left{display:block!important}.wp-gr .wp-place-center .wp-google-left img{float:none!important}.wp-gr .wp-star svg{display:inline-block!important}.wp-gr .wp-google-place .wp-star svg{width:20px!important;height:20px!important;vertical-align:middle!important}.wp-gr .wp-star svg{width:18px!important;height:18px!important;vertical-align:middle!important}.wp-gr .wp-star svg path{fill:var(--star-color,#fb8e28)}.wp-gr .wp-google-wrap{display:flex;flex-direction:column;gap:var(--rev-gap)}.wp-gr .wp-google-name{color:black!important;font-size:100%!important;font-weight:bold!important;margin:0 0 2px!important;padding-right:6px!important;text-decoration:none!important}.wp-gr a.wp-google-name{color:#427fed!important;text-decoration:none!important}.wp-gr .wp-google-time{color:#555!important;font-size:13px!important;white-space:nowrap!important}.wp-gr .wp-google-text{color:var(--text-color,#222)!important;font-size:15px!important;line-height:24px!important;max-width:100%!important;overflow:hidden!important;white-space:pre-wrap!important;word-break:break-word!important}.wp-gr .wp-google-text .wp-google-stars{padding-right:7px!important}.wp-gr .wp-more{display:none}.wp-gr .wp-more-toggle{color:#136aaf!important;cursor:pointer!important;text-decoration:none!important}.wp-gr .wp-google-url{display:block;margin:10px 0!important;color:#136aaf!important;text-align:center!important}.wp-gr .wp-google-form{position:fixed!important;bottom:0!important;right:0!important;height:100%!important;width:368px!important;z-index:2147483000!important}.wp-gr .wp-google-form.wp-google-form-left{left:0!important}@media(max-width:460px){.wp-gr .wp-google-form{width:100%!important}}.wp-gr .wp-google-head{position:absolute!important;top:0!important;right:0!important;width:100%!important;height:80px!important;background:#fff!important;padding:10px 16px!important;overflow:hidden!important;box-shadow:0 1px 2px 0 rgba(0,0,0,.12)!important;z-index:2147483002!important}.wp-gr .wp-google-head-inner{z-index:2147483000!important;position:absolute!important;left:20px!important;top:20px!important;width:100%!important;height:100%!important;pointer-events:none!important}.wp-gr .wp-google-close{padding:0!important;cursor:pointer!important;outline:0!important;border:0!important;background:0 0!important;min-height:0!important;width:auto!important;float:right!important;font-size:32px!important;font-weight:500!important;line-height:.6!important;color:#999!important;-webkit-appearance:none!important}.wp-gr .wp-google-close:hover{color:#555!important}.wp-gr .wp-google-body{position:absolute!important;top:0!important;right:0!important;bottom:0!important;width:100%!important;background:rgba(250,250,251,.98)!important;border-left:1px solid #dadee2!important;box-shadow:0 0 4px 1px rgba(0,0,0,.08)!important;z-index:2147483000!important}.wp-gr .wp-google-content{position:absolute!important;top:0!important;right:0!important;bottom:0!important;width:100%!important;overflow-y:auto!important;z-index:2147483001!important;-webkit-transform:translateZ(0)!important}.wp-gr .wp-google-content{top:80px!important;bottom:48px!important}.wp-gr .wp-google-content-inner{position:relative!important;min-height:100%!important;margin:0 auto!important}.wp-gr .wp-google-footer{position:absolute!important;bottom:0!important;right:0!important;width:100%!important;height:48px!important;text-align:center!important;z-index:2147483002!important;background:#fff!important;box-shadow:0 -1px 2px 0 rgba(0,0,0,.06)!important;-moz-text-align-last:center!important;text-align-last:center!important}.wp-gr .wp-google-footer img{float:right!important;padding:16px!important}.wp-gr.wp-dark .wp-google-name{color:#eee!important}.wp-gr.wpac.wp-dark .wp-google-name a{color:var(--head-based-color,#eee)!important}.wp-gr.wp-dark .wp-google-time{color:#bbb!important}.wp-gr.wp-dark .wp-google-text{color:#ececec!important}.wp-gr.wp-dark .wp-google-powered{color:var(--powered-color,#fff)!important}.wp-gr.wp-dark .wp-google-based{color:var(--head-based-color,#999)!important}.wp-gr:not(.wp-dark) .grw-review-inner.grw-backgnd{background:var(--rev-color,#fafafa)!important}.wp-gr.wpac .wp-google-name{font-size:100%!important}.wp-gr.wpac .wp-google-hide,.wp-gr.wpac .grw-hide{display:none}.wp-gr.wpac .wp-google-name a{color:var(--head-name-color,#333)!important;font-size:100%!important;text-decoration:none!important}.wp-gr.wpac .wp-google-left img{width:46px!important;height:46px!important;border-radius:50%!important}.wp-gr.wpac a.wp-google-name{color:#154fc1!important;text-decoration:none!important;white-space:nowrap!important;text-overflow:ellipsis!important}.wp-gr.wpac .wp-google-review .wp-google-stars{display:inline-block;margin-right:4px!important}@media(max-width:480px){.wp-google-badge.wp-google-badge-fixed.wp-google-badge-hide{display:none!important}}@media(max-width:480px){.wp-google-badge.wp-google-badge_left-fixed.wp-google-badge-hide{display:none!important}}.wp-gr{display:block!important;width:100%!important;padding-bottom:20px!important;text-align:left!important;direction:ltr!important;box-sizing:border-box!important}.wp-gr .grw-row{display:-ms-flexbox!important;display:flex!important;flex-wrap:nowrap!important;align-items:center!important;-ms-flex-wrap:nowrap!important;-ms-flex-align:center!important}.wp-gr .grw-row-xs{-ms-flex-wrap:wrap!important;flex-wrap:wrap!important}.wp-gr .grw-row-xs .grw-header,.wp-gr .grw-row-xs .grw-content,.wp-gr .grw-row-xs .grw-review,.wp-gr .grw-row-x .grw-header+.grw-content .grw-review{--gap:0;--col:1}.wp-gr .grw-row-xl .grw-header+.grw-content{--gap:.2;--col:1.2}.wp-gr .grw-row-l .grw-header+.grw-content{--gap:.25;--col:1.25}.wp-gr .grw-row-m .grw-header+.grw-content{--gap:.333333;--col:1.333333}.wp-gr .grw-row-s .grw-header+.grw-content{--gap:.5;--col:1.5}.wp-gr .grw-row-x .grw-header,.wp-gr .grw-row-x .grw-header+.grw-content,.wp-gr .grw-row-x .grw-review,.wp-gr .grw-row-s .grw-header+.grw-content .grw-review{--gap:1;--col:2}.wp-gr .grw-row-s .grw-header,.wp-gr .grw-row-s .grw-review,.wp-gr .grw-row-m .grw-header+.grw-content .grw-review{--gap:2;--col:3}.wp-gr .grw-row-m .grw-header,.wp-gr .grw-row-m .grw-review,.wp-gr .grw-row-l .grw-review{--gap:3;--col:4}.wp-gr .grw-row-l .grw-header,.wp-gr .grw-row-xl .grw-review{--gap:4;--col:5}.wp-gr .grw-row-xl .grw-header{--gap:5;--col:6}.wp-gr .grw-header,.wp-gr .grw-content{-ms-flex:1 0 calc(100% / var(--col,3))!important;flex:1 0 calc(100% / var(--col,3))!important;width:calc(100% / var(--col,3))!important}.wp-gr .grw-review{-ms-flex:1 0 calc((100% - var(--card-gap,16px)*var(--gap,2)) / var(--col,3))!important;flex:1 0 calc((100% - var(--card-gap,16px)*var(--gap,2)) / var(--col,3))!important;width:calc((100% - var(--card-gap,16px)*var(--gap,2)) / var(--col,3))!important}.wp-gr .grw-content{position:relative!important;min-width:0!important}.wp-gr .grw-content-inner{position:relative!important;display:flex!important;align-items:center!important}.wp-gr .grw-review-inner{display:flex;flex-direction:column;gap:var(--rev-gap);height:100%!important}.wp-gr .grw-header-inner,.wp-gr .grw-review-inner{position:relative!important;padding:15px!important;width:100%!important}.wp-gr .grw-review-inner.grw-round{border-radius:4px!important}.wp-gr .grw-review-inner.grw-shadow{box-shadow:0 0 2px rgba(0,0,0,.12),0 2px 4px rgba(0,0,0,.24)!important}.wp-gr .grw-review-inner>svg{position:absolute!important;top:10px!important;right:10px!important;width:18px!important;height:18px!important}.wp-gr .grw-reviews{display:flex!important;display:-ms-flexbox!important;flex:1!important;overflow:hidden!important;scrollbar-width:none}.wp-gr .grw-reviews::-webkit-scrollbar{display:none!important}.wp-gr .grw-review{display:flex;position:relative!important;justify-content:center!important;align-items:center!important;flex-shrink:0!important;width:100%!important;padding:var(--rev-padding)!important}.wp-gr .grw-btns{height:33px!important;width:33px!important;text-align:center!important;cursor:pointer!important;border-radius:50%!important;user-select:none!important}.wp-gr .grw-btns svg path{fill:#aaa;transition:all .2s ease-in-out!important}.wp-gr .grw-btns:hover svg path{fill:#555!important}[dir="rtl"] .wp-gr .grw-next,[dir="rtl"] .wp-gr .grw-prev{transform:rotate(180deg)}.wp-gr .grw-review .wp-google-left{display:block!important;overflow:hidden!important;white-space:nowrap!important;text-overflow:ellipsis!important;line-height:24px!important}.wp-gr .grw-review .wp-google-stars{margin:8px 0 var(--rev-gap)!important}.wp-gr .grw-review .wp-google-feedback{height:100px!important;overflow-y:auto!important}.wp-gr .grw-scroll::-webkit-scrollbar{width:4px!important}.wp-gr .grw-scroll::-webkit-scrollbar-track{-webkit-box-shadow:inset 0 0 6px rgba(0,0,0,0.3)!important;-webkit-border-radius:4px!important;border-radius:4px!important}.wp-gr .grw-scroll::-webkit-scrollbar-thumb{-webkit-border-radius:10px!important;border-radius:10px!important;background:#ccc!important;-webkit-box-shadow:inset 0 0 6px rgba(0,0,0,0.5)!important}.wp-gr .grw-scroll::-webkit-scrollbar-thumb:window-inactive{background:#ccc!important}.wp-gr .wp-google-wr{margin:15px auto 8px!important}.wp-gr .wp-google-wr a{color:#fff!important;padding:6px 15px 10px!important;outline:none!important;border-radius:27px!important;background:var(--btn-color,#1f67e7)!important;white-space:nowrap!important;vertical-align:middle!important;opacity:.9!important;text-shadow:1px 1px 0 #888!important;box-shadow:0 0 2px rgba(0,0,0,.12),0 2px 4px rgba(0,0,0,.24)!important;user-select:none!important;transition:all .2s ease-in-out!important}.wp-gr .wp-google-wr a:hover{opacity:.95!important;background:var(--btn-color,#1f67e7)!important;box-shadow:0 0 2px rgba(0,0,0,.12),0 3px 5px rgba(0,0,0,.24)!important}.wp-gr .wp-google-wr a:active{opacity:1!important;background:var(--btn-color,#1f67e7)!important;box-shadow:none!important}.wp-gr .wp-google-wr a svg{display:inline-block;width:16px;height:16px;padding:1px;margin:0 0 0 4px;background:#fff;border-radius:50%}.wp-gr[data-layout="slider"] .grw-reviews{gap:calc(var(--card-gap,16px) - var(--rev-padding));overflow-x:scroll!important;flex-wrap:nowrap!important;-ms-flex-wrap:nowrap!important;scroll-snap-type:x mandatory!important;scroll-behavior:smooth!important;-webkit-overflow-scrolling:touch!important}.wp-gr[data-layout="slider"] .grw-review{scroll-snap-align:start!important;transform-origin:center center!important;transform:scale(1)!important;transition:transform .5s!important}.wp-gr{--slider-dot-size:8px}.wp-gr .rpi-dots-wrap{position:absolute!important;top:calc(100% - 1px)!important;left:0!important;right:0!important;display:flex!important;justify-content:center!important;margin:0 var(--slider-btn)!important;padding-top:var(--slider-dot-padding-top,16px)!important}.wp-gr .rpi-dots{display:flex!important;gap:12px!important;flex-wrap:nowrap!important;overflow-x:scroll!important;scrollbar-width:none!important;scroll-snap-type:x mandatory!important;-webkit-overflow-scrolling:touch!important}.wp-gr .rpi-dot{display:inline-block!important;width:var(--slider-dot-size)!important;height:var(--slider-dot-size)!important;margin:1px 0!important;background-color:var(--slider-dot-color,#999)!important;border-radius:20px!important;cursor:pointer!important;opacity:.4!important;vertical-align:middle!important;flex:1 0 auto!important;width:var(--slider-dot-size)!important;transform:scale(0.65)!important;scroll-snap-align:center!important}.wp-gr .rpi-dot:hover{opacity:1!important}.wp-gr .rpi-dot.active{opacity:1!important;transform:scale(1.1)!important;background-color:var(--slider-act-dot-color,#154fc1)!important}.wp-gr .rpi-dot.s2{transform:scale(.9)!important}.wp-gr .rpi-dot.s3{transform:scale(.75)!important}.wp-gr[data-layout="grid"] .grw-reviews{gap:calc(var(--card-gap,16px) - var(--rev-padding));flex-wrap:wrap!important;-ms-flex-wrap:wrap!important}.wp-gr .grw-b{font-weight:bold!important;white-space:nowrap!important}.wp-gr .wp-google-reply{font-size:14px!important;margin-top:auto!important;margin-left:6px!important;padding-left:6px!important;border-left:1px solid #999!important;overflow:hidden!important;overflow-y:auto!important;line-height:20px!important;max-height:44px!important}.wp-gr .wp-google-reply>div{display:flex;gap:4px;align-items:center}.wp-gr .wp-google-reply .wp-google-time{font-size:11px!important;white-space:nowrap!important}.wp-gr .wp-google-img{display:flex;flex-wrap:wrap;gap:8px}.wp-gr .wp-google-img img{display:flex;width:40px!important;height:40px!important;cursor:pointer!important;border-radius:3px!important;box-shadow:0 0 2px rgba(0,0,0,.12),0 2px 4px rgba(0,0,0,.24)!important}.rpi-x{position:absolute;top:var(--x-top,6px)!important;right:var(--x-right,8px)!important;display:flex!important;align-items:center;justify-content:center;width:var(--x-width,20px)!important;height:var(--x-height,20px)!important;cursor:pointer;opacity:var(--x-opacity,.65);border-radius:50%;background-color:var(--x-bg,#fafafa);z-index:2147483003}.rpi-x:hover{opacity:1}.rpi-x::before,.rpi-x::after{content:"";position:absolute;display:block;width:var(--x-line-width,12px);height:var(--x-line-height,1px);border-radius:2px;background-color:var(--x-color,#373737)}.rpi-x::before{transform:rotate(45deg)}.rpi-x::after{transform:rotate(-45deg)}.rpi-x.rpi-xa::before{--x-line-width:7px;--x-line-height:7px;top:4px;border-radius:0;border-right:1px solid #373737;border-bottom:1px solid #373737;background-color:transparent}.rpi-x.rpi-xa::after{content:none}.rpi-bubble:after{content:"";position:absolute;top:-8px;left:16px;bottom:auto;border-style:solid;border-width:0 8px 8px;border-color:#fff transparent}.rpi-fade{-webkit-transition:opacity 150ms ease,-webkit-transform 150ms ease;transition:opacity 150ms ease,-webkit-transform 150ms ease;transition:transform 150ms ease,opacity 150ms ease;transition:transform 150ms ease,opacity 150ms ease,-webkit-transform 150ms ease}.rpi-lightbox{--x-top:15px;--x-right:15px;--x-bg:none;--x-color:#ececec;--x-line-width:25px;--x-line-height:3px;--x-opacity:1;position:fixed;top:0;left:0;right:0;bottom:0;display:flex;align-items:center;justify-content:center;flex-wrap:wrap;width:100%;height:100%;max-width:100%;color:#333;text-align:left;z-index:2147483001;user-select:none;background-color:rgba(0,0,0,0.6);transition:all 300ms ease-out}.rpi-lightbox-inner{width:95%;height:100%;max-width:1200px;max-height:calc(100vh - 160px)}.rpi-lightbox-xxx{container-name:lightbox;container-type:inline-size;position:relative;height:100%;border:0;overflow:hidden;border-radius:4px}.rpi-lightbox-content{position:relative;display:flex;flex-direction:row;justify-content:flex-start;color:#000;height:100%;flex-direction:row;border-radius:4px;background-color:#fff}.rpi-lightbox-media{position:relative;display:flex;justify-content:center;flex:2;align-items:center;width:100%;height:100%;overflow:hidden;padding-bottom:0;background-color:#000}.rpi-lightbox-btn{position:absolute;display:flex;width:30px;height:30px;font-size:36px;line-height:22px;justify-content:center;z-index:1;cursor:pointer;border-radius:50%;background-color:rgba(214,214,214,.7);transition:background 300ms ease-in-out}.rpi-lightbox-btn:hover{background:rgba(225,225,225,1)}.rpi-lightbox-prev{left:8px}.rpi-lightbox-next{right:8px}.rpi-lightbox-prev::before{content:'‹'}.rpi-lightbox-next::before{content:'›'}.rpi-lightbox-media img{position:relative;display:block;width:100%;height:100%;max-width:100%;max-height:100%;opacity:1;object-fit:contain;border-radius:inherit;transition:opacity 300ms ease-in-out}.rpi-lightbox-review{display:flex;flex-direction:column;flex:1;height:100%;font-size:15px;color:#000;padding:0}@container lightbox(width < 480px){.rpi-lightbox-xxx .rpi-lightbox-content{flex-direction:column}}@media(max-width:480px){.rpi-lightbox-xxx .rpi-lightbox-content{flex-direction:column}}@keyframes rotate {
from {
transform: rotate(0deg);
}
to {
transform: rotate(-360deg);
}
}
.nuages {
position: absolute;
width: 100%;
left: 0;
top: calc(100vh - 110px);
z-index: 1;
mix-blend-mode: screen;
pointer-events: none;
overflow-x: clip;
}
.nuages > div img {
width: 100%;
}
.header-home {
height: 110vh;
background: radial-gradient(farthest-side at 50% 100%, #FFF3BA, #F0D342) no-repeat;
padding-top: 20vh;
-webkit-clip-path: ellipse(590% 100% at 50% 0%);
clip-path: ellipse(590% 100% at 50% 0%);
position: relative;
}
.header-home #asterisque {
position: absolute;
left: 30px;
bottom: 140px;
max-width: 350px;
font-size: 10px;
line-height: 120%;
z-index: 50;
}
.header-home .container {
display: flex;
flex-direction: column-reverse;
justify-content: center;
align-items: center;
width: 100vw;
height: 100%;
}
.header-home .container .col-bot {
height: 80vh;
margin-top: 80px;
display: flex;
flex-direction: column;
align-items: center;
justify-content: center;
padding-bottom: 100px;
}
.header-home .container .col-bot h1 {
text-align: center;
margin-bottom: 25px;
color: #282E3F !important;
}
.header-home .container .col-bot h1 strong {
color: #FFF !important;
}
.header-home .container .col-bot p {
text-align: center;
margin-bottom: 25px;
opacity: 0.75;
}
.header-home .container .col-bot .surtitre {
text-align: center;
margin-bottom: 25px;
margin-bottom: 0;
}
.header-home .container .col-bot .ctas {
margin-top: 10px;
display: flex;
justify-content: center;
width: 100%;
}
.header-home .container .col-bot .ctas > a {
margin: 0 10px;
}
.header-home .animation-framer {
position: relative;
width: 100%;
overflow-x: clip;
}
.header-home .animation-framer .arrow {
position: absolute;
top: 0;
bottom: 0;
margin: auto;
left: -15px;
width: 150px;
height: 150px;
z-index: 1;
cursor: pointer;
pointer-events: all;
transform-origin: center center;
transition: transform 0.7s cubic-bezier(0.19, 1, 0.22, 1);
}
.header-home .animation-framer .arrow svg {
width: 150px;
height: 150px;
}
.header-home .animation-framer .arrow:hover {
transform: scale(1.25);
}
.header-home .animation-framer .arrow.arrowright {
left: unset;
right: -15px;
}
.header-home .celestial-body {
position: absolute;
width: 230px;
height: 230px;
top: 0;
bottom: 0;
left: 0;
right: 0;
margin: auto;
transition: opacity 0.7s cubic-bezier(0.19, 1, 0.22, 1), transform 0.7s cubic-bezier(0.19, 1, 0.22, 1);
pointer-events: none;
z-index: -1;
transform-origin: center center;
}
.header-home #sun svg {
width: 230px;
height: 230px;
transform-origin: center center;
animation: rotate 60s linear infinite;
}
.header-home .orbite {
position: relative;
width: 100%;
height: 100%;
pointer-events: none;
}
.header-home .orbite .ligne {
width: 100%;
height: 1px;
border-bottom: 2px dotted rgba(255, 255, 255, 0.3333333333);
position: absolute;
top: 50%;
transform: translateY(-50%);
z-index: -1;
}
.header-home .orbite .points {
width: 100%;
height: -moz-fit-content;
height: fit-content;
z-index: 11;
}
.header-home .orbite .points .slick-list {
overflow: visible;
overflow-x: clip;
top: 0;
bottom: 0;
margin: auto;
}
.header-home .orbite .points .point-cle {
position: relative;
display: flex;
flex-direction: column;
align-items: center;
opacity: 0;
transition: opacity 0.7s cubic-bezier(0.19, 1, 0.22, 1);
}
.header-home .orbite .points .point-cle:hover .unepopup {
transform: translateY(-70px);
opacity: 1;
}
.header-home .orbite .points .point-cle .mois {
position: absolute;
left: 0;
right: 0;
bottom: -50px;
margin: auto;
text-align: center;
font-weight: 400;
background-color: #F1D757;
padding: 10px 16px;
border-radius: 144px;
width: -moz-fit-content;
width: fit-content;
}
.header-home .orbite .points .point-cle .unpoint {
width: 19px;
height: 19px;
background-color: white;
border-radius: 50%;
cursor: pointer;
pointer-events: all;
position: relative;
display: flex;
align-items: center;
justify-content: center;
}
.header-home .orbite .points .point-cle .unpoint::after {
content: "";
width: 15px;
height: 15px;
border: 2px #FFF solid;
transform-origin: center center;
border-radius: 100px;
position: absolute;
transition: width 0.7s cubic-bezier(0.19, 1, 0.22, 1), height 0.7s cubic-bezier(0.19, 1, 0.22, 1);
}
.header-home .orbite .points .point-cle .unpoint:hover::after {
width: 27px;
height: 27px;
}
.header-home .orbite .points .point-cle .unepopup {
position: absolute;
opacity: 0;
transform: translateY(-30px);
background-color: #FFF;
border-radius: 30px;
width: 230px;
height: 50px;
transition: transform 0.7s cubic-bezier(0.19, 1, 0.22, 1), opacity 0.7s cubic-bezier(0.19, 1, 0.22, 1);
display: flex;
align-items: center;
justify-content: space-between;
padding: 15px;
}
.header-home .orbite .points .point-cle .unepopup p:last-of-type {
font-weight: 600;
}
.header-home .orbite .points .point-cle.slick-active {
opacity: 1;
}
.header-home .orbite .points .point-cle.slick-current .unpoint::after {
width: 27px;
height: 27px;
}
.header-home .orbite .points .point-cle.slick-current .unepopup {
transform: translateY(-70px);
opacity: 1;
}
section.nouveautes {
z-index: 900;
position: relative;
padding: 50px 0;
overflow-x: clip;
}
section.nouveautes .container {
display: flex;
flex-direction: column;
}
section.nouveautes .container .nav-nouveautes {
display: flex;
align-items: center;
}
section.nouveautes .container .nav-nouveautes h2 {
margin-bottom: 40px;
width: 50%;
}
section.nouveautes .container .nav-nouveautes nav {
display: flex;
gap: 1rem;
align-items: center;
}
section.nouveautes .container .nav-nouveautes nav .arrow {
width: 60px;
height: 60px;
background-color: white;
border-radius: 1000px;
border: solid 1px #282E40;
display: flex;
align-items: center;
justify-content: center;
cursor: pointer;
transition: 0.7s cubic-bezier(0.19, 1, 0.22, 1);
}
section.nouveautes .container .nav-nouveautes nav .arrow:hover {
background-color: #F1D757;
border: solid 2px #F1D757;
}
section.nouveautes .container .nav-nouveautes nav .arrow svg {
width: 14px;
height: auto;
}
section.nouveautes .container .nav-nouveautes nav .dots ul {
display: flex;
align-items: center;
gap: 0.75rem;
}
section.nouveautes .container .nav-nouveautes nav .dots ul li {
width: 15px;
height: 15px;
border: solid #282E40 1px;
background-color: transparent;
border-radius: 1000px;
cursor: pointer;
}
section.nouveautes .container .nav-nouveautes nav .dots ul li::marker, section.nouveautes .container .nav-nouveautes nav .dots ul li::after, section.nouveautes .container .nav-nouveautes nav .dots ul li::before, section.nouveautes .container .nav-nouveautes nav .dots ul li button {
display: none;
content: "";
}
section.nouveautes .container .nav-nouveautes nav .dots ul li.slick-active {
border: solid #282E40 1px;
background-color: #282E40;
}
section.nouveautes .container ul.slider-nouveautes {
padding-left: 0;
}
section.nouveautes .container ul.slider-nouveautes li {
list-style-type: none;
list-style: none;
width: 100%;
border-radius: 60px;
padding: 0 !important;
}
section.nouveautes .container ul.slider-nouveautes li .item {
width: 100%;
display: flex;
justify-content: flex-end;
overflow: hidden;
border-radius: 60px;
background-color: #FFF;
position: relative;
}
section.nouveautes .container ul.slider-nouveautes li .item > .col-right {
width: 50%;
display: flex;
flex-direction: column;
padding: 80px 0;
padding-left: 55px;
}
section.nouveautes .container ul.slider-nouveautes li .item > .col-right .badge {
margin-bottom: 25px;
font-size: 16px;
opacity: 0.7;
}
section.nouveautes .container ul.slider-nouveautes li .item > .col-right p {
margin-bottom: 25px;
opacity: 0.75;
font-size: 30px;
line-height: 115%;
}
section.nouveautes .container ul.slider-nouveautes li .item > .col-right .puissance {
margin: 0;
opacity: 1 !important;
}
section.nouveautes .container ul.slider-nouveautes li .item > .col-right .h3 {
margin-bottom: 25px;
}
section.nouveautes .container ul.slider-nouveautes li .item > .col-right #sendbutton,
section.nouveautes .container ul.slider-nouveautes li .item > .col-right .cta-primary {
margin-top: auto;
margin-bottom: 0;
opacity: 1;
}
section.nouveautes .container ul.slider-nouveautes li .item > .img-container {
width: 50%;
position: absolute;
left: 0;
top: 0;
height: 100%;
}
section.nouveautes .container ul.slider-nouveautes li .item > .img-container img {
width: 100%;
height: 100%;
transition: all ease 0.7s;
-o-object-fit: cover;
object-fit: cover;
}
.bandeau-partenaires {
width: 100%;
padding: 70px 0 30px;
position: relative;
z-index: 5;
mix-blend-mode: luminosity;
}
.bandeau-partenaires .container {
width: 100%;
display: flex;
justify-content: space-evenly;
gap: 2rem;
}
.bandeau-partenaires .container .img-container {
width: 100%;
height: 72px;
}
.bandeau-partenaires .container .img-container img {
-o-object-fit: contain;
object-fit: contain;
height: 72px;
}
.carousel-container {
width: 100vw;
margin: auto;
overflow: hidden; border-radius: 8px;
position: relative; mask-image: linear-gradient(to right, transparent 0%, black 50%, black 50%, transparent 100%);
-webkit-mask-image: linear-gradient(to right, transparent 0%, black 50%, black 50%, transparent 100%);
}
.carousel {
display: flex;
position: relative;
left: 0; gap: 20px;
}
.carousel-item {
min-width: 250px;
font-size: 1.5rem;
padding: 20px 20px;
text-align: center;
border-radius: 8px;
transition: opacity 0.5s ease;
mix-blend-mode: multiply;
}
.quisommesnous {
padding: 100px 0;
}
.quisommesnous .container {
width: 100%;
display: flex;
}
.quisommesnous .container .col-left {
width: 50%;
display: flex;
flex-direction: column;
padding-right: 12.5%;
}
.quisommesnous .container .col-right {
width: 50%;
padding-right: 12.5%;
display: flex;
flex-direction: column;
justify-content: flex-end;
}
.bandeau-equipe {
width: 100%;
transform: translateY(5px);
}
.bandeau-equipe .container {
width: 100%;
max-width: 100%;
display: flex;
justify-content: center;
}
.bandeau-equipe .container .img-container {
width: 70%;
transform: translateY(100px);
}
.bandeau-equipe .container .img-container img {
border-radius: 60px;
-o-object-fit: cover;
object-fit: cover;
}
.projets-home {
padding: 100px 0;
}
.projets-home .container:nth-child(2) {
display: flex;
align-items: flex-end;
gap: 2rem;
margin-top: 40px;
}
.projets-home .container:nth-child(2) > .col-left {
width: 75%;
}
.projets-home .container:nth-child(2) > .col-right {
width: 25%;
border-radius: 60px;
background-color: #F1D757;
display: flex;
flex-direction: column;
height: -moz-fit-content;
height: fit-content;
}
.projets-home .container:nth-child(2) > .col-right .h3 {
margin-bottom: 35px;
}
.avantages-home {
padding: 100px 0;
}
.avantages-home .container:nth-child(1) {
display: flex;
gap: 2rem;
}
.avantages-home .container:nth-child(1) > .col-left {
width: 50%;
display: flex;
justify-content: flex-end;
flex-direction: column;
padding-right: 12.5%;
}
.avantages-home .container:nth-child(1) > .col-right {
width: 50%;
display: flex;
justify-content: flex-end;
flex-direction: column;
padding-right: 12.5%;
}
.avantages-home .container:nth-child(1) > .col-right p {
margin-bottom: 25px;
}
.avantages-home .container:nth-child(2) {
width: 100%;
margin-top: 40px;
}
.avantages-home .container:nth-child(2) ul.avantages {
display: flex;
flex-wrap: wrap;
gap: 2rem;
padding: 0 !important;
}
.avantages-home .container:nth-child(2) ul.avantages li.unavantage {
width: calc(25% - 1.5rem);
display: flex;
flex-direction: column;
justify-content: flex-start;
background-color: #FFF;
transition: 0.7s cubic-bezier(0.19, 1, 0.22, 1);
border-radius: 60px;
list-style: none;
list-style-type: none;
}
.avantages-home .container:nth-child(2) ul.avantages li.unavantage img {
min-width: 40px;
height: 55px;
-o-object-fit: contain;
object-fit: contain;
margin-right: auto;
margin-bottom: 20px;
transition: 0.7s cubic-bezier(0.19, 1, 0.22, 1);
}
.avantages-home .container:nth-child(2) ul.avantages li.unavantage .h3 {
margin-bottom: 25px;
transition: 0.7s cubic-bezier(0.19, 1, 0.22, 1);
}
.avantages-home .container:nth-child(2) ul.avantages li.unavantage p {
margin-bottom: 25px;
transition: 0.7s cubic-bezier(0.19, 1, 0.22, 1);
margin-top: auto;
}
.avantages-home .container:nth-child(2) ul.avantages li.unavantage:hover {
background-color: #F1D757;
}
.avantages-home .container:nth-child(2) ul.avantages li.unavantage:hover img {
height: 80px;
}
.services-home {
padding: 100px 0;
}
.services-home .container:nth-child(1) {
display: flex;
gap: 2rem;
}
.services-home .container:nth-child(1) > .col-left {
width: 50%;
display: flex;
justify-content: flex-end;
flex-direction: column;
padding-right: 12.5%;
}
.services-home .container:nth-child(1) > .col-right {
width: 50%;
display: flex;
justify-content: flex-end;
flex-direction: column;
padding-right: 12.5%;
}
.services-home .container:nth-child(1) > .col-right p {
margin-bottom: 25px;
}
.services-home .container:nth-child(2) {
width: 100%;
margin-top: 40px;
}
.services-home .container:nth-child(2) ul.services {
display: flex;
flex-wrap: nowrap;
gap: 2rem;
padding: 0 !important;
}
.services-home .container:nth-child(2) ul.services li.unservice {
width: 12.5%;
display: flex;
flex-direction: row;
background-color: #FFF;
transition: 1.2s cubic-bezier(0.19, 1, 0.22, 1);
border-radius: 60px;
position: relative;
list-style: none;
list-style-type: none;
height: 700px;
overflow: hidden;
display: flex;
}
.services-home .container:nth-child(2) ul.services li.unservice .pictos {
margin-top: auto;
display: flex;
flex-wrap: wrap;
gap: 1rem;
margin-bottom: 0;
position: absolute;
bottom: 30px;
left: 30px;
width: 80px;
transition: 0.4s cubic-bezier(0.19, 1, 0.22, 1);
}
.services-home .container:nth-child(2) ul.services li.unservice .pictos img {
width: 65px;
height: 65px;
-o-object-fit: contain;
object-fit: contain;
margin-bottom: 0;
}
.services-home .container:nth-child(2) ul.services li.unservice .col-left {
width: 35vw;
min-width: 35vw;
display: flex;
flex-direction: column;
justify-content: flex-start;
transition: 1.2s cubic-bezier(0.19, 1, 0.22, 1);
opacity: 0;
overflow: hidden;
}
.services-home .container:nth-child(2) ul.services li.unservice .col-left .h3 {
margin-bottom: 25px;
transition: 0.7s cubic-bezier(0.19, 1, 0.22, 1);
}
.services-home .container:nth-child(2) ul.services li.unservice .col-left ul li {
margin-bottom: 10px;
}
.services-home .container:nth-child(2) ul.services li.unservice .col-left .mention {
margin-top: 20px;
}
.services-home .container:nth-child(2) ul.services li.unservice .col-left .mention p {
font-size: 12px;
}
.services-home .container:nth-child(2) ul.services li.unservice .col-left .mention a {
font-size: 12px;
text-decoration: underline;
}
.services-home .container:nth-child(2) ul.services li.unservice > .img-container {
width: 100%;
overflow: hidden;
position: absolute;
right: 0;
top: 0;
height: 100%;
border-top-right-radius: 25px;
border-bottom-right-radius: 25px;
border-radius: 60px;
transition: 1.2s cubic-bezier(0.19, 1, 0.22, 1);
}
.services-home .container:nth-child(2) ul.services li.unservice > .img-container img {
height: 120%;
-o-object-fit: cover;
object-fit: cover;
-webkit-clip-path: ellipse(110% 100% at 100% 50%);
clip-path: ellipse(110% 100% at 100% 50%);
transition: 1.2s cubic-bezier(0.19, 1, 0.22, 1);
width: 100%;
}
.services-home .container:nth-child(2) ul.services li.unservice.active {
width: 100%;
}
.services-home .container:nth-child(2) ul.services li.unservice.active .col-left {
opacity: 1;
}
.services-home .container:nth-child(2) ul.services li.unservice.active > .img-container {
width: 50%;
}
.services-home .container:nth-child(2) ul.services li.unservice.active > .img-container img {
-webkit-clip-path: ellipse(95% 100% at 100% 50%);
clip-path: ellipse(95% 100% at 100% 50%);
}
.services-home .container:nth-child(2) ul.services li.unservice.active .pictos {
width: 150px;
left: 40px;
}
.avis-home {
padding: 50px 45px 150px;
}
.avis-home .container:nth-child(1) {
display: flex;
flex-direction: column;
align-items: center;
justify-content: center;
max-width: 50%;
text-align: center;
}
.avis-home .container:nth-child(1) h2 {
margin-bottom: 25px;
}
.avis-home .container:nth-child(1) p {
margin-bottom: 25px;
}
.avis-home .container:nth-child(1) a {
margin-bottom: 25px;
}
.avis-home .container:nth-child(2) {
width: calc(100% - 32px);
margin-left: -32px;
padding: 0 30px;
}
.avis-home .container:nth-child(2) .col-avis {
width: 33.33%;
background-color: #FFF;
border-radius: 30px;
display: flex;
flex-direction: column;
}
.avis-home .container:nth-child(2) .col-avis .entete {
display: flex;
align-items: center;
margin-bottom: 25px;
}
.avis-home .container:nth-child(2) .col-avis .entete .avatar,
.avis-home .container:nth-child(2) .col-avis .entete img {
width: 110px;
border-radius: 100px;
height: 110px;
-o-object-fit: cover;
object-fit: cover;
margin-right: 40px;
display: flex;
justify-content: center;
align-items: center;
background-color: #F0D342;
}
.avis-home .container:nth-child(2) .col-avis .entete .avatar p,
.avis-home .container:nth-child(2) .col-avis .entete img p {
height: -moz-fit-content;
height: fit-content;
width: -moz-fit-content;
width: fit-content;
text-align: center;
transform-origin: center center;
font-size: 40px;
font-weight: 500;
color: #282E3F;
text-transform: uppercase;
}
.avis-home .container:nth-child(2) .stars {
margin-top: 25px;
}
.avis-home .container:nth-child(2) .stars svg {
width: 20px;
height: 20px;
margin-right: 6px;
}
.cta-contact {
position: relative;
padding-top: 100px;
}
.cta-contact .turningsun {
position: absolute;
left: 0;
right: 0;
margin: auto;
top: -85px;
width: 250px;
height: 250px;
transform-origin: center center;
animation: rotate 60s linear infinite;
z-index: 5;
}
.cta-contact .turningsun svg {
width: 250px;
height: 250px;
}
.cta-contact .container {
display: flex;
gap: 4rem;
flex-wrap: nowrap;
background-color: #F1D757;
padding: 150px 0 100px;
border-radius: 60px;
-webkit-clip-path: ellipse(100% 95% at 50% 100%);
clip-path: ellipse(100% 95% at 50% 100%);
z-index: 0;
}
.cta-contact .container .col-left {
width: 50%;
position: relative;
z-index: 5;
}
.cta-contact .container .col-left h2 {
text-align: right;
transform: translateY(-19px);
}
.cta-contact .container .col-right {
width: 50%;
position: relative;
z-index: 5;
padding-right: 12.5%;
}
.cta-contact .container .col-right p {
margin-bottom: 25px;
}
.cta-contact .container .nuages-contact {
z-index: 2;
position: absolute;
left: -20%;
bottom: -350px;
width: 120%;
transform: translateY(90px);
pointer-events: none;
}
.cta-contact .container .nuages-contact img {
-o-object-fit: contain;
object-fit: contain;
width: 100%;
}
@media screen and (max-width: 1400px) {
.avis-home .container:nth-child(2) .col-avis .entete .avatar,
.avis-home .container:nth-child(2) .col-avis .entete img {
margin-right: 16px;
width: 70px;
height: 70px;
margin-bottom: 0;
}
.avis-home .container:nth-child(2) .col-avis .entete .avatar p,
.avis-home .container:nth-child(2) .col-avis .entete img p {
font-size: 30px;
}
.avis-home .container:nth-child(2) .col-avis .entete h3 {
font-size: 28px;
}
.header-home .celestial-body {
width: 200px;
height: 200px;
}
.header-home #sun svg {
width: 200px;
height: 200px;
}
.header-home .animation-framer .arrow {
width: 120px;
height: 120px;
}
.header-home .animation-framer .arrow svg {
width: 120px;
height: 120px;
}
.header-home .orbite .points .point-cle .unepopup {
width: 210px;
}
.nuages {
position: absolute;
width: 100%;
left: 0;
top: calc(100vh - 200px);
z-index: 1;
mix-blend-mode: screen;
pointer-events: none;
overflow-x: clip;
}
.nuages > div img {
width: 300vh;
margin-left: -100vh;
}
}
@media screen and (max-width: 1100px) {
.header-home .orbite .points .point-cle .unepopup {
width: 140px;
flex-direction: column;
height: auto;
}
.header-home .orbite .points .point-cle .unepopup > p {
text-align: center;
}
.header-home .orbite .points .point-cle .unpoint {
width: 15px;
height: 15px;
}
.header-home .orbite .points .point-cle .unpoint:hover::after {
width: 23px;
height: 23px;
}
.header-home .orbite .points .point-cle.slick-current .unepopup {
transform: translateY(-105px);
opacity: 1;
}
.header-home .orbite .points .point-cle.slick-current .unpoint::after {
width: 23px;
height: 23px;
}
.header-home .animation-framer .arrow {
width: 90px;
height: 90px;
}
.header-home .animation-framer .arrow svg {
width: 90px;
height: 90px;
}
section.nouveautes .container ul.slider-nouveautes li .item > .col-right p {
font-size: 23px;
}
section.nouveautes .container ul.slider-nouveautes li .item > .col-right {
padding: 5px 40px;
}
.services-home .container:nth-child(1) > .col-left {
padding-right: 5%;
}
.services-home .container:nth-child(1) > .col-right {
padding-right: 5%;
}
.services-home .container:nth-child(2) {
flex-direction: column;
}
.services-home .container:nth-child(2) ul.services li.unservice {
width: 100%;
}
.services-home .container:nth-child(2) ul.services li.unservice .pictos {
width: 150px;
left: 25px;
}
.services-home .container:nth-child(2) ul.services li.unservice.active > .img-container {
width: 0;
}
.services-home .container:nth-child(2) ul.services li.unservice.active .pictos {
width: 150px;
left: 25px;
}
.services-home .container:nth-child(2) ul.services li.unservice.active .col-left {
width: 100%;
max-width: 100%;
}
.avantages-home {
padding-bottom: 0;
}
.avantages-home .container:nth-child(1) > .col-left {
padding-right: 5%;
}
.avantages-home .container:nth-child(1) > .col-right {
padding-right: 5%;
}
.avantages-home .container:nth-child(2) ul.avantages {
gap: 2rem;
}
.avantages-home .container:nth-child(2) ul.avantages li.unavantage {
width: calc(33.33% - 1.5rem);
}
.quisommesnous .container .col-left {
padding-right: 5%;
}
.quisommesnous .container .col-right {
padding-right: 5%;
}
.cta-contact .container {
-webkit-clip-path: ellipse(140% 95% at 50% 100%);
clip-path: ellipse(140% 95% at 50% 100%);
}
}
@media screen and (max-width: 950px) {
.avis-home .container:nth-child(2) .col-avis .entete {
flex-direction: column;
align-items: flex-start;
}
.services-home .container:nth-child(2) {
flex-direction: column;
}
.services-home .container:nth-child(2) ul.services li.unservice {
width: 100%;
height: 700px;
}
.services-home .container:nth-child(2) ul.services li.unservice .pictos {
width: 150px;
left: 25px;
}
}
@media screen and (max-width: 770px) {
.quisommesnous {
padding: 35px 0;
}
.quisommesnous .container {
flex-direction: column;
gap: 0.5rem;
}
.quisommesnous .container .col-left {
width: 100%;
margin-bottom: 35px;
}
.quisommesnous .container .col-right {
width: 100%;
}
.projets-home {
padding: 35px 0;
}
.projets-home .container:nth-child(2) {
flex-direction: column;
align-items: flex-start;
}
.projets-home .container:nth-child(2) .col-left {
width: 100%;
margin-bottom: 15px;
}
.projets-home .container:nth-child(2) .col-right {
width: 75%;
}
.avantages-home {
padding: 35px 0;
}
.avantages-home .container:nth-child(1) {
flex-direction: column;
gap: 0.5rem;
}
.avantages-home .container:nth-child(1) .col-left {
width: 100%;
margin-bottom: 35px;
margin-bottom: 0px;
}
.avantages-home .container:nth-child(1) .col-right {
width: 100%;
}
.avantages-home .container:nth-child(2) ul.avantages li.unavantage {
width: calc(50% - 1rem);
}
.avantages-home .container:nth-child(2) ul.avantages li.unavantage:hover img {
height: 65px;
}
.avis-home {
padding: 35px 20px;
}
.avis-home .container:nth-child(2) .col-avis {
width: 100%;
}
.avis-home .container:nth-child(2) .col-avis .entete {
flex-direction: column;
align-items: flex-start;
flex-direction: row;
align-items: center;
}
.avis-home .container:nth-child(1) {
width: 100%;
max-width: 100%;
}
section.nouveautes .container ul.slider-nouveautes li .item > .col-right p {
font-size: 20px;
}
section.nouveautes .container ul.slider-nouveautes li .item > .img-container {
width: 35%;
}
section.nouveautes .container ul.slider-nouveautes li .item > .col-right {
width: 65%;
}
.services-home {
padding: 35px 0;
}
.services-home .container:nth-child(2) {
flex-direction: column;
}
.services-home .container:nth-child(2) ul.services {
flex-direction: column;
}
.services-home .container:nth-child(2) ul.services li.unservice {
width: 100%;
height: auto;
flex-direction: column;
}
.services-home .container:nth-child(2) ul.services li.unservice .pictos {
width: 150px;
left: 25px;
position: relative;
left: 0;
bottom: 0;
}
.services-home .container:nth-child(2) ul.services li.unservice > .img-container {
display: none;
}
.services-home .container:nth-child(2) ul.services li.unservice .col-left {
opacity: 1;
width: 100%;
padding-bottom: 25px;
}
.services-home .container:nth-child(2) ul.services li.unservice.active > .img-container {
display: none;
}
.services-home .container:nth-child(2) ul.services li.unservice.active .pictos {
width: 150px;
left: 25px;
position: relative;
left: 0;
bottom: 0;
}
.services-home .container:nth-child(2) ul.services li.unservice.active .col-left {
width: 100%;
max-width: 100%;
}
.services-home .container:nth-child(1) {
flex-direction: column;
gap: 0.5rem;
}
.services-home .container:nth-child(1) .col-left {
width: 100%;
margin-bottom: 35px;
margin-bottom: 0px;
}
.services-home .container:nth-child(1) .col-right {
width: 100%;
}
.bandeau-photo {
padding: 35px 0;
}
.cta-contact .container {
flex-direction: column;
justify-content: center;
align-items: center;
gap: 0;
-webkit-clip-path: ellipse(160% 95% at 50% 100%);
clip-path: ellipse(160% 95% at 50% 100%);
}
.cta-contact .container .col-left {
width: 100%;
margin-bottom: 0;
}
.cta-contact .container .col-left h2 {
margin: auto;
text-align: center;
max-width: 75%;
margin-bottom: 25px;
max-width: 100%;
padding: 0 20px;
}
.cta-contact .container .col-right {
width: 100%;
display: flex;
flex-direction: column;
justify-content: center;
align-items: center;
padding: 0;
}
.cta-contact .container .col-right p {
text-align: center;
max-width: 75%;
margin: auto;
margin-bottom: 25px;
}
.cta-contact .turningsun {
width: 190px;
height: 190px;
top: -45px;
}
.cta-contact .turningsun svg {
width: 190px;
height: 190px;
}
.header-home .container .col-bot {
margin-top: 0;
}
.header-home .container .col-bot .ctas {
width: 100%;
flex-direction: column;
justify-content: center;
align-items: center;
margin-top: 0;
}
.header-home .container .col-bot .ctas .cta-primary:first-of-type {
margin-bottom: 20px;
}
.header-home .animation-framer .arrow {
left: -15px;
}
.header-home .animation-framer .arrow.arrowright {
left: unset;
right: -15px;
}
.bandeau-partenaires .container {
gap: 0rem;
}
.bandeau-partenaires .container .img-container {
height: 60px;
width: 75%;
}
.bandeau-partenaires .container .img-container img {
height: 60px;
width: 75%;
}
}
@media screen and (max-width: 550px) {
.avantages-home .container:nth-child(2) ul.avantages li.unavantage {
width: 100%;
}
section.nouveautes .container .nav-nouveautes {
display: flex;
flex-direction: column;
align-items: flex-start;
margin-bottom: 15px;
}
section.nouveautes .container .nav-nouveautes h2 {
margin-bottom: 15px;
}
}
@media screen and (max-width: 500px) {
.header-home {
padding-top: 15vh;
}
.header-home .h1 {
font-size: 50px;
line-height: 43px;
}
.header-home .animation-framer {
transform: translateY(15px);
}
.header-home .orbite .points .point-cle .unepopup {
width: 125px;
padding: 10px;
}
.header-home .container .col-bot {
padding-bottom: 50px;
padding-top: 20px;
}
.header-home .container .col-bot > p {
padding: 0 20px;
}
.header-home .container .col-bot .surtitre {
font-weight: 500;
margin-bottom: 10px;
}
.header-home .container .col-bot .ctas {
margin-top: 0px;
}
.header-home .container .col-bot .ctas .cta-primary:first-of-type {
margin-bottom: 10px;
}
section.nouveautes .container ul.slider-nouveautes li .item > .img-container {
display: none;
}
section.nouveautes .container ul.slider-nouveautes li .item > .col-right {
width: 100%;
padding: 20px;
}
.cta-contact .container {
-webkit-clip-path: ellipse(200% 95% at 50% 100%);
clip-path: ellipse(200% 95% at 50% 100%);
padding-bottom: 25px;
}
}#header-errorpage {
height: 100vh;
width: 100vw;
padding: 150px 0;
}
#header-errorpage .container {
display: flex;
flex-direction: column;
justify-content: flex-start;
align-items: flex-start;
}.contact-fixed {
display: flex;
flex-direction: column;
width: -moz-fit-content;
width: fit-content;
position: fixed;
left: 40px;
bottom: 20px;
background-color: rgba(0, 0, 0, 0.6666666667);
border-radius: 45px;
z-index: 1000777;
padding: 7px;
}
.contact-fixed .col-top {
display: flex;
flex-direction: column;
padding: 0px 0 0px;
height: 0;
overflow: hidden;
transition: 0.7s cubic-bezier(0.19, 1, 0.22, 1);
}
.contact-fixed .col-top.active {
height: 110px;
padding: 15px 0 10px;
}
.contact-fixed .col-top label {
color: #F7F7F7;
margin-bottom: 7px;
text-align: center;
width: 100%;
display: block;
font-size: 17px;
font-weight: 500;
}
.contact-fixed .col-top .inputs {
width: 100%;
display: flex;
}
.contact-fixed .col-top .inputs input {
border-radius: 100px;
font-size: 16px;
width: 100%;
height: 40px;
padding-left: 15px;
border: none;
outline: none;
}
.contact-fixed .col-top .inputs div.submit {
width: 40px;
margin-left: 5px;
background-color: #F1D757;
border-radius: 100px;
border: none;
outline: none;
display: flex;
align-items: center;
justify-content: center;
cursor: pointer;
}
.contact-fixed .col-top .inputs div.submit svg {
width: 30px;
}
.contact-fixed .col-bot {
display: flex;
}
.contact-fixed .col-bot .cta-secondaire {
background-color: #F1D757;
margin-left: 10px;
}
.entete-realisation .container:nth-child(1) {
padding: 150px 0;
display: flex;
justify-content: center;
align-items: center;
flex-direction: column;
}
.entete-realisation .container:nth-child(1) h1 {
text-align: center;
margin-bottom: 35px;
}
.entete-realisation .container:nth-child(1) > a {
text-align: center;
margin-bottom: 25px;
}
.entete-realisation .container:nth-child(1) .ville-rounded {
cursor: none;
}
.entete-realisation .container:nth-child(1) p:not(.ville-rounded) {
text-align: center;
max-width: 50%;
opacity: 0.75;
}
.superficie-realisation {
padding: 0px 0 100px;
}
.superficie-realisation .container:nth-child(1) {
display: flex;
flex-direction: column;
align-items: center;
justify-content: center;
max-width: 50%;
text-align: center;
}
.superficie-realisation .container:nth-child(1) .surtitre {
transform: translateY(0);
}
.superficie-realisation .container:nth-child(1) h2, .superficie-realisation .container:nth-child(1) p, .superficie-realisation .container:nth-child(1) a {
margin-bottom: 25px;
}
.superficie-realisation {
padding: 100px 0;
}
.valeurs .container {
display: flex;
flex-wrap: wrap;
gap: 2rem;
}
.valeurs .container .col {
width: calc(33.33% - 1.5rem);
border-radius: 60px;
display: flex;
flex-direction: column;
background-color: #FFF;
transition: 0.7s cubic-bezier(0.19, 1, 0.22, 1);
height: 320px;
}
.valeurs .container .col.first {
background-color: transparent;
}
.valeurs .container .col.first:hover {
background-color: transparent;
}
.valeurs .container .col .surtitre {
font-weight: 400;
margin-bottom: 5px;
}
.valeurs .container .col .valeur {
font-size: 35px;
font-weight: 500;
margin-bottom: 30px;
transition: 0.4s cubic-bezier(0.19, 1, 0.22, 1);
}
.valeurs .container .col .valeur strong {
transition: 0.4s cubic-bezier(0.19, 1, 0.22, 1);
}
.valeurs .container .col a {
margin-top: auto;
}
.valeurs .container .col .docs {
display: flex;
margin-top: auto;
}
.valeurs .container .col .docs a:first-of-type {
margin-right: 7px;
}
.valeurs .container .col p:last-of-type {
margin-top: auto;
}
.valeurs .container .col:hover {
background-color: #F1D757;
}
.valeurs .container .col:hover .valeur {
font-size: 38px;
}
.valeurs .container .col:hover .valeur strong {
color: #282E3F !important;
}
.valeurs.salledebain {
padding: 5rem 0;
overflow: hidden;
position: relative;
}
.valeurs.salledebain .container {
gap: 1rem;
}
.valeurs.salledebain .container .col {
border-radius: 2rem;
width: calc(25% - 1rem) !important;
height: 190px;
padding: 1.4rem !important;
}
.galerie {
padding: 100px 0;
}
.galerie .container {
display: flex;
flex-direction: column;
gap: 2rem;
}
.galerie .container .col-left {
width: 50%;
}
.galerie .container .col-right {
width: 100%;
position: relative;
padding-right: 12.5%;
}
.galerie .container .col-right button.slick-prev {
display: none !important;
}
.galerie .container .col-right .arrowright {
position: absolute;
top: 0;
bottom: 0;
right: 0px;
margin: auto;
width: 120px;
height: 120px;
cursor: pointer;
}
.galerie .container .col-right .arrowright svg {
width: 120px;
height: 120px;
transform-origin: center center;
transition: 0.4s cubic-bezier(0.19, 1, 0.22, 1);
}
.galerie .container .col-right .arrowright svg:hover {
transform: scale(1.2);
}
.galerie .container .col-right ul.images {
width: 100%;
overflow-y: clip;
padding: 0 !important;
border-radius: 60px;
}
.galerie .container .col-right ul.images .slick-track, .galerie .container .col-right ul.images .slick-list {
overflow-y: clip;
}
.galerie .container .col-right ul.images li {
padding-right: 2rem !important;
background-color: transparent !important;
}
.galerie .container .col-right ul.images li > div.image {
height: 550px;
width: auto;
background-color: transparent;
border-radius: 60px;
}
.galerie .container .col-right ul.images li > div.image img {
height: 100%;
width: auto;
border-radius: 60px;
}
.certification {
padding: 100px 0 100px;
}
.certification .container:nth-child(1) {
display: flex;
flex-wrap: nowrap;
gap: 2rem;
}
.certification .container:nth-child(1) .col-left {
width: 50%;
display: flex;
flex-direction: column;
justify-content: space-between;
padding-right: 12.5%;
}
.certification .container:nth-child(1) .col-right {
width: 50%;
display: flex;
flex-direction: column;
background-color: #F1D757;
border-radius: 60px;
}
.certification .container:nth-child(1) .col-right h3 {
margin-bottom: 25px;
}
.certification .container:nth-child(1) .col-right p.mention {
font-size: 13px;
margin-top: auto;
}
.certification .container:nth-child(1) .col-right p.mention a {
text-decoration: underline;
font-size: 14px;
font-weight: 500;
}
.certification .container:nth-child(2) {
display: flex;
flex-wrap: nowrap;
gap: 2rem;
margin-top: 100px;
}
.certification .container:nth-child(2) .col-left, .certification .container:nth-child(2) .col-right {
width: 50%;
display: flex;
flex-direction: column;
padding-right: 12.5%;
}
.certification .container:nth-child(2) .col-left h3, .certification .container:nth-child(2) .col-right h3 {
margin-bottom: 25px;
}
.faq {
margin-bottom: 75px;
}
.archive-content.realisation {
padding-bottom: 100px;
}
.archive-content.realisation .container {
display: flex;
gap: 2rem;
flex-wrap: nowrap;
}
.archive-content.realisation .container .col-left {
width: 30%;
}
.archive-content.realisation .container .col-right {
width: 70%;
position: relative;
padding-right: 12.5%;
}
.archive-content.realisation .container .col-right button.slick-prev {
display: none !important;
}
.archive-content.realisation .container .col-right .arrowright {
position: absolute;
top: 0;
bottom: 0;
right: 0px;
margin: auto;
width: 120px;
height: 120px;
cursor: pointer;
}
.archive-content.realisation .container .col-right .arrowright svg {
width: 120px;
height: 120px;
transform-origin: center center;
transition: 0.4s cubic-bezier(0.19, 1, 0.22, 1);
}
.archive-content.realisation .container .col-right .arrowright svg:hover {
transform: scale(1.2);
}
.archive-content.realisation .container .col-right ul.projets {
width: 100%;
overflow-y: clip;
display: block;
}
.archive-content.realisation .container .col-right ul.projets .slick-track, .archive-content.realisation .container .col-right ul.projets .slick-list {
overflow-y: clip;
}
.archive-content.realisation .container .col-right ul.projets li {
padding-right: 2rem !important;
background-color: transparent !important;
}
.archive-content.realisation .container .col-right ul.projets li > div {
width: 100%;
background-color: transparent;
border-radius: 60px;
}
.archive-content.realisation .container .col-right ul.projets li > div .projet.catalogue {
height: 550px;
background-color: transparent !important;
}
.archive-content.realisation .container .col-right ul.projets li > div .projet.catalogue .img-container {
height: 250px;
}
.archive-content.realisation .container .col-right ul.projets li > div .projet.catalogue .col-bot {
height: 220px;
padding: 0 !important;
padding-top: 30px !important;
}
@media screen and (max-width: 1400px) {
.galerie .container .col-right ul.images li > div.image {
height: 460px;
}
.valeurs .container .col:hover .valeur {
font-size: 34px;
}
}
@media screen and (max-width: 1100px) {
.archive-content.realisation .container {
flex-direction: column;
}
.archive-content.realisation .container .col-right {
width: 100%;
}
}
@media screen and (max-width: 950px) {
.valeurs .container .col,
.valeurs.salledebain .container .col {
width: calc(50% - 1rem) !important;
height: 280px;
}
.valeurs .container .col:hover .valeur,
.valeurs.salledebain .container .col:hover .valeur {
font-size: 35px;
}
.certification .container:nth-child(1) .col-left,
.certification .container:nth-child(2) .col-left {
padding-right: 5%;
}
}
@media screen and (max-width: 770px) {
.archive-content.realisation .container .col-left {
width: 70%;
}
.contact-fixed {
left: 0px;
width: 100%;
bottom: 0;
border-bottom-right-radius: 0;
border-bottom-left-radius: 0;
}
.contact-fixed .col-bot {
justify-content: center;
}
.contact-fixed .col-bot .cta-secondaire {
margin-left: 10px;
}
.contact-fixed .col-bot a:first-of-type {
margin-bottom: 5px;
}
.archive-content,
.valeurs,
.galerie,
.certification,
.superficie-realisation {
padding: 35px 0;
}
.archive-content.realisation {
margin-top: 0;
}
.entete-realisation .container:nth-child(1) {
padding: 100px 20px 75px;
}
.entete-realisation .container:nth-child(1) p:not(.ville-rounded),
.bandeau-photo .container,
.superficie-realisation .container:nth-child(1) {
max-width: 75%;
}
.bandeau-photo .container {
padding: 0 20px;
}
.valeurs.salledebain .container .col,
.valeurs .container .col {
width: 100% !important;
height: 200px;
}
.valeurs.salledebain .container .col.first,
.valeurs .container .col.first {
height: 140px;
}
.valeurs.salledebain .container .col:hover .valeur,
.valeurs .container .col:hover .valeur {
font-size: 35px;
}
.galerie .container .col-right ul.images li > div.image {
height: 400px;
}
.archive-content.realisation .container .col-right .arrowright,
.galerie .container .col-right .arrowright {
width: 90px;
height: 90px;
z-index: 5;
}
.archive-content.realisation .container .col-right .arrowright svg,
.galerie .container .col-right .arrowright svg {
width: 90px;
height: 90px;
}
.certification .container:nth-child(1),
.certification .container:nth-child(2) {
margin-top: 0;
flex-direction: column;
}
.certification .container:nth-child(1) .col-left,
.certification .container:nth-child(1) .col-right,
.certification .container:nth-child(2) .col-left,
.certification .container:nth-child(2) .col-right {
width: 100%;
padding-right: 0;
}
.certification .container:nth-child(1) .col-left,
.certification .container:nth-child(2) .col-left {
padding-right: 0;
}
.certification .container:nth-child(2) {
margin-top: 30px;
}
.archive-content.realisation .container .col-right ul.projets li {
padding-right: 0 !important;
}
}
@media screen and (max-width: 500px) {
.entete-realisation .container:nth-child(1) p:not(.ville-rounded),
.bandeau-photo .container,
.superficie-realisation .container:nth-child(1) {
max-width: 100%;
}
}body.page-template-template-contact .entete-services .container:nth-child(1) {
padding-bottom: 20px;
}
.formulaire-contact {
padding: 0px 0 100px;
}
.formulaire-contact .container form {
display: flex;
flex-direction: column;
background-color: #F1D757;
border-radius: 60px;
max-width: 75%;
margin: auto;
padding: 30px;
}
.formulaire-contact .container form .wpcf7-form-control-wrap {
width: 100%;
}
.formulaire-contact .container form .line {
display: flex;
flex-wrap: nowrap;
gap: 2rem;
width: 100%;
padding: 5px 0;
}
.formulaire-contact .container form .line br {
display: none;
}
.formulaire-contact .container form .line label {
color: #282E3F;
margin-bottom: 7px;
text-align: left;
width: 100%;
display: block;
font-size: 42px;
font-weight: 500;
}
.formulaire-contact .container form .line label:first-of-type {
width: -moz-fit-content;
width: fit-content;
white-space: nowrap;
}
.formulaire-contact .container form .line input, .formulaire-contact .container form .line textarea, .formulaire-contact .container form .line select {
border-radius: 50px;
font-size: 16px;
font-weight: 500;
font-family: Outfit;
padding: 10px 15px 10px;
border-radius: 50px;
border: 1px solid #282E3F;
background-color: transparent;
color: rgba(0, 0, 0, 0.6666666667);
width: 100%;
}
.formulaire-contact .container form .line input::-moz-placeholder, .formulaire-contact .container form .line textarea::-moz-placeholder, .formulaire-contact .container form .line select::-moz-placeholder {
color: rgba(0, 0, 0, 0.3333333333);
}
.formulaire-contact .container form .line input::placeholder, .formulaire-contact .container form .line textarea::placeholder, .formulaire-contact .container form .line select::placeholder {
color: rgba(0, 0, 0, 0.3333333333);
}
.formulaire-contact .container form .line select {
width: 100%;
margin-left: 0px;
padding-right: 20px;
}
.formulaire-contact .container form .line textarea {
border-radius: 20px;
}
.formulaire-contact .container form .line.head .group:nth-child(1) {
width: -moz-fit-content;
width: fit-content;
padding-right: 1rem;
}
.formulaire-contact .container form .line.head .group:nth-child(2) {
width: 100%;
padding-top: 5px;
}
.formulaire-contact .container form .line.head .group:nth-child(2) select {
width: 300px;
}
.formulaire-contact .container form .line .group {
display: flex;
flex-direction: column;
width: 50%;
}
.formulaire-contact .container form .line .group label {
font-size: 17px;
}
.formulaire-contact .container form .line .group .h3 {
font-size: 42px;
}
.formulaire-contact .container form .line .cta-primary {
margin-top: 5px;
}
.partenaire {
padding: 100px 0;
}
.partenaire .container {
background-color: #FFF;
display: flex;
gap: 2rem;
flex-wrap: nowrap;
border-radius: 60px;
}
.partenaire .container .col-left {
width: 50%;
display: flex;
flex-direction: column;
justify-content: space-between;
padding-right: 12.5%;
}
.partenaire .container .col-right {
width: 50%;
display: flex;
flex-direction: column;
}
.partenaire .container .col-right .col-top {
display: flex;
flex-wrap: wrap;
align-items: flex-end;
gap: 2rem;
width: 100%;
}
.partenaire .container .col-right .col-top > * {
width: calc(50% - 1.5rem);
}
.partenaire .container .col-right .col-top h3 {
margin-bottom: auto;
}
.partenaire .container .col-right .col-top img {
max-width: 35%;
}
@media screen and (max-width: 1400px) {
.formulaire-contact .container form {
max-width: 75%;
}
}
@media screen and (max-width: 1100px) {
.partenaire .container {
padding: 25px;
}
.partenaire .container .col-right .col-top img {
max-width: 45%;
}
}
@media screen and (max-width: 950px) {
.formulaire-contact .container form {
max-width: 100%;
}
.partenaire .container {
flex-direction: column;
}
.partenaire .container .col-left,
.partenaire .container .col-right {
width: 100%;
}
.partenaire .container .col-left {
margin-bottom: 30px;
}
}
@media screen and (max-width: 770px) {
.partenaire .container {
padding: 20px;
}
.formulaire-contact .container form {
max-width: 100%;
}
}
.formulaire-contact .container form .line.mobile {
display: none;
}
@media screen and (max-width: 650px) {
.formulaire-contact .container form .line.mobile {
display: flex;
}
.formulaire-contact .container form .line.desktop {
display: none;
}
.partenaire .container .col-right .col-top img {
max-width: 65%;
}
.formulaire-contact .container form {
max-width: 100%;
}
.formulaire-contact .container form .line {
flex-direction: column;
align-items: flex-start;
justify-content: flex-start;
}
.formulaire-contact .container form .line select {
margin-left: 0;
}
.formulaire-contact .container form .line .group {
width: 100%;
}
.partenaire .container {
flex-direction: column;
}
.partenaire .container .col-left,
.partenaire .container .col-right {
width: 100%;
flex-direction: column;
}
.partenaire .container .col-left .col-top,
.partenaire .container .col-right .col-top {
flex-direction: column;
align-items: flex-start;
}
.partenaire .container .col-left .col-top > *,
.partenaire .container .col-right .col-top > * {
width: 100%;
}
.partenaire .container .col-left {
margin-bottom: 30px;
}
}
@media screen and (max-width: 500px) {
.partenaire .container .col-right .col-top img {
max-width: 90%;
}
}.entete-services {
position: relative;
}
.entete-services .container:nth-child(1) {
padding: 150px 0;
display: flex;
justify-content: center;
align-items: center;
flex-direction: column;
}
.entete-services .container:nth-child(1) h1 {
text-align: center;
margin-bottom: 25px;
}
.entete-services .container:nth-child(1) p {
text-align: center;
max-width: 50%;
opacity: 0.75;
}
.intro-text.services {
padding-top: 35px;
}
.intro-text.services .container {
transform: translateY(0);
}
.bandeau-photo.services {
position: relative;
}
.bandeau-photo.services .nuages-services {
position: absolute;
left: 0;
right: 0;
margin: auto;
bottom: -250px;
width: 100%;
height: 300px;
}
.bandeau-photo.services .nuages-services img {
-o-object-fit: contain;
object-fit: contain;
height: auto;
width: 100%;
}
.zoom-prime,
.services-bref {
padding: 100px 0;
}
.zoom-prime .container,
.services-bref .container {
display: flex;
flex-wrap: nowrap;
gap: 2rem;
width: 100%;
background-color: #F1D757;
border-radius: 60px;
}
.zoom-prime .container .col-left,
.services-bref .container .col-left {
width: 50%;
display: flex;
flex-direction: column;
padding-right: 12.5%;
}
.zoom-prime .container .col-left h2,
.services-bref .container .col-left h2 {
margin-bottom: 25px;
}
.zoom-prime .container .col-right,
.services-bref .container .col-right {
width: 50%;
padding-top: 15px;
}
.zoom-prime .container .col-right .mention,
.services-bref .container .col-right .mention {
font-size: 11px;
margin-top: 35px;
}
.zoom-prime .container .col-left {
display: flex;
flex-direction: row;
padding-right: 12.5%;
}
.zoom-prime .container .col-left img {
width: 85px;
height: 85px;
-o-object-fit: contain;
object-fit: contain;
margin-right: 25px;
}
.aides-economiques {
padding: 100px 0;
}
.aides-economiques .container .col-top {
display: flex;
flex-direction: column;
justify-content: center;
align-items: center;
}
.aides-economiques .container .col-top h2, .aides-economiques .container .col-top p {
text-align: center;
max-width: 50%;
}
.aides-economiques .container .col-bot {
margin-top: 40px;
}
.aides-economiques .container .col-bot table {
background-color: #FFF;
border-radius: 60px;
overflow: hidden;
border: none;
border-collapse: collapse;
width: 75%;
margin: auto;
border-top-left-radius: 25px;
border-top-right-radius: 25px;
}
.aides-economiques .container .col-bot table thead {
padding: 5px;
border-top-left-radius: 25px;
border-top-right-radius: 25px;
height: 80px;
font-size: 35px;
font-weight: 300;
text-align: left;
}
.aides-economiques .container .col-bot table thead th {
font-weight: 500;
padding-left: 20px;
width: 50%;
background-color: #F1D757;
font-size: 22px;
}
.aides-economiques .container .col-bot table thead th:first-of-type {
border-right: 0.5rem solid #F7F7F7;
border-top: 0.5rem solid #F7F7F7;
border-top-right-radius: 25px;
}
.aides-economiques .container .col-bot table thead th:last-of-type {
border-top-left-radius: 25px;
border-left: 0.5rem solid #F7F7F7;
border-top: 0.5rem solid #F7F7F7;
}
.aides-economiques .container .col-bot table tbody tr td {
width: 50%;
padding: 20px;
}
.aides-economiques .container .col-bot table tbody tr td:first-of-type {
border-right: 0.5rem solid #F7F7F7;
border-top: 0.5rem solid #F7F7F7;
}
.aides-economiques .container .col-bot table tbody tr td:first-of-type h3 {
font-size: 27px;
}
.aides-economiques .container .col-bot table tbody tr td:last-of-type {
border-left: 0.5rem solid #F7F7F7;
border-top: 0.5rem solid #F7F7F7;
font-size: 20px;
}
.aides-economiques .container .col-bot .after-table {
width: 75%;
margin: auto;
padding-right: 37.5%;
}
.aides-economiques .container .col-bot .after-table .asterisque {
font-size: 12px;
padding-left: 15px;
margin-bottom: 35px;
margin-top: 5px;
}
.services-plus {
padding-top: 50px;
}
.services-plus .container:nth-child(1) {
display: flex;
gap: 2rem;
}
.services-plus .container:nth-child(1) > .col-left {
width: 50%;
display: flex;
justify-content: flex-end;
flex-direction: column;
padding-right: 5.5%;
}
.services-plus .container:nth-child(1) > .col-right {
width: 50%;
display: flex;
justify-content: flex-end;
flex-direction: column;
padding-right: 12.5%;
}
.services-plus .container:nth-child(1) > .col-right p {
margin-bottom: 25px;
}
.services-plus .container:nth-child(2) {
margin-top: 40px;
}
.services-plus .container:nth-child(2) ul.avantages {
display: flex;
flex-wrap: nowrap;
gap: 2rem;
padding: 0 !important;
}
.services-plus .container:nth-child(2) ul.avantages li.unavantage {
width: 50%;
display: flex;
flex-direction: column;
justify-content: flex-start;
background-color: #F1D757;
transition: 0.7s cubic-bezier(0.19, 1, 0.22, 1);
border-radius: 60px;
list-style: none;
list-style-type: none;
padding-right: 12.5%;
}
.services-plus .container:nth-child(2) ul.avantages li.unavantage img {
min-width: 55px;
height: 65px;
-o-object-fit: contain;
object-fit: contain;
margin-right: auto;
margin-bottom: 20px;
transition: 0.7s cubic-bezier(0.19, 1, 0.22, 1);
}
.services-plus .container:nth-child(2) ul.avantages li.unavantage .h3, .services-plus .container:nth-child(2) ul.avantages li.unavantage p {
margin-bottom: 25px;
transition: 0.7s cubic-bezier(0.19, 1, 0.22, 1);
}
.services-plus .container:nth-child(2) ul.avantages li.unavantage:hover {
background-color: #F1D757;
}
.services-plus .container:nth-child(2) ul.avantages li.unavantage:hover img {
height: 90px;
}
@media screen and (max-width: 1100px) {
.zoom-prime .container, .services-bref .container {
padding: 25px;
}
}
@media screen and (max-width: 950px) {
.bandeau-photo .nuages-services {
display: none;
}
.services-bref {
padding-top: 35px;
}
.zoom-prime .container, .services-bref .container {
padding: 25px;
}
.aides-economiques .container .col-bot table {
width: 100%;
}
}
@media screen and (max-width: 770px) {
.zoom-prime .container, .services-bref .container {
padding: 20px;
}
.entete-services .container:nth-child(1) {
padding: 100px 20px 75px;
}
.services-bref {
padding-top: 35px;
}
.aides-economiques .container .col-bot table thead th {
font-size: 20px;
}
.aides-economiques .container .col-bot table tbody tr td:first-of-type h3 {
font-size: 20px;
white-space: wrap;
}
.aides-economiques .container .col-bot table tbody tr td:first-of-type,
.aides-economiques .container .col-bot table thead th:first-of-type {
width: 25%;
}
.aides-economiques .container .col-bot table tbody tr td:last-of-type,
.aides-economiques .container .col-bot table thead th:last-of-type {
width: 75%;
}
.intro-text.services {
padding-top: 35px;
}
.intro-text.services .container {
transform: translateY(0);
}
.aides-economiques .container .col-bot table {
width: 100%;
}
.aides-economiques .container .col-top h2, .aides-economiques .container .col-top p {
max-width: 75%;
}
.aides-economiques .container .col-bot .after-table {
padding-right: 0;
width: 100%;
}
.aides-economiques .container .col-bot .after-table .asterisque {
padding-left: 0;
}
.zoom-prime .container .col-left, .services-bref .container .col-left {
padding-right: 0;
}
.services-plus {
padding-top: 35px;
}
.services-plus .container:nth-child(1) {
flex-direction: column;
}
.services-plus .container:nth-child(1) > .col-left {
width: 100%;
}
.services-plus .container:nth-child(2) {
margin-top: 0;
}
.services-plus .container:nth-child(2) ul.avantages {
flex-direction: column;
}
.services-plus .container:nth-child(2) ul.avantages li.unavantage {
width: 100%;
}
.services-plus .container:nth-child(2) .ul.avantages {
width: 100%;
}
.zoom-prime .container,
.services-bref .container {
flex-direction: column;
gap: 0rem;
}
.zoom-prime .container .col-left, .zoom-prime .container .col-right,
.services-bref .container .col-left,
.services-bref .container .col-right {
width: 100%;
}
}
@media screen and (max-width: 500px) {
.entete-services .container:nth-child(1) {
padding-bottom: 35px;
}
.entete-services .container:nth-child(1) p br {
display: none;
}
.services-bref {
padding-top: 35px;
}
.aides-economiques .container .col-top h2, .aides-economiques .container .col-top p {
max-width: 100%;
}
}

#header-adwords.desktop {
height: 80vh;
padding-top: 0vh;
padding-bottom: 0vh;
position: relative;
background-color: #F7F7F7;
}
#header-adwords.desktop .container {
height: 100%;
display: flex;
padding-top: 155px;
align-items: flex-start;
padding-left: 100px !important;
padding-right: 100px !important;
}
#header-adwords.desktop .container .col-left {
width: 50%;
padding-right: 50px;
}
#header-adwords.desktop .container .col-left .note {
margin-bottom: 20px;
display: flex;
align-items: center;
gap: 0.5rem;
}
#header-adwords.desktop .container .col-left .h1 {
font-size: 70px;
font-weight: 500;
line-height: 86px;
margin-bottom: 25px;
}
#header-adwords.desktop .container .col-left ul.bullets {
padding-left: 0;
margin-bottom: 25px;
}
#header-adwords.desktop .container .col-left ul.bullets li {
list-style: none;
list-style-type: none;
margin-bottom: 12px;
display: flex;
align-items: center;
gap: 1rem;
}
#header-adwords.desktop .container .col-left .ctas {
display: flex;
gap: 1rem;
}
#header-adwords.desktop .container .col-right {
width: 50%;
}
#header-adwords.desktop .container .col-right .img-container {
width: 100%;
height: auto;
position: relative;
}
#header-adwords.desktop .container .col-right .img-container .logo-svg {
position: absolute;
bottom: 35px;
left: 35px;
width: 200px;
height: auto;
}
#header-adwords.desktop .container .col-right .img-container .info-svg {
position: absolute;
top: -60px;
right: -60px;
width: 240px;
height: auto;
}
#header-adwords.desktop .container .col-right .img-container img {
width: 100%;
height: 100%;
border-radius: 50px;
}
.adwords-carousel {
padding-top: 30px;
}
.adwords-carousel .container {
padding-bottom: 40px;
padding-top: 0px;
opacity: 1;
transform: translateY(0px);
}
#realisations-adwords {
padding: 100px 0;
}
#realisations-adwords .container > .titre {
width: 100%;
display: flex;
flex-wrap: nowrap;
align-items: flex-end;
justify-content: center;
gap: 2rem;
margin-bottom: 20px;
}
#realisations-adwords .container > .titre .h2 {
width: 50%;
text-align: center;
}
#realisations-adwords .container > .titre p {
width: 50%;
padding-bottom: 25px;
}
#realisations-adwords .container > .titre p a {
margin-top: 15px;
}
#realisations-adwords .container .realisations-container {
transform: translateY(75px);
opacity: 0;
display: flex;
flex-direction: row;
gap: 1rem;
flex-wrap: nowrap;
}
#realisations-adwords .container .realisations-container .realisation {
display: flex;
flex-direction: column;
gap: 1rem;
width: 100%;
}
#realisations-adwords .container .realisations-container .realisation .card {
border-radius: 60px;
position: relative;
height: -moz-fit-content;
height: fit-content;
width: 100%;
transition: border-radius 0.6s cubic-bezier(0.075, 0.82, 0.165, 1);
}
#realisations-adwords .container .realisations-container .realisation .card:nth-child(1):hover {
border-radius: 72px;
}
#realisations-adwords .container .realisations-container .realisation .card:nth-child(1):hover > img {
border-radius: 72px;
}
#realisations-adwords .container .realisations-container .realisation .card:nth-child(1):hover .consommation {
transform: scale(1.25);
}
#realisations-adwords .container .realisations-container .realisation .card .consommation {
transform-origin: left bottom;
transition: transform 0.6s cubic-bezier(0.075, 0.82, 0.165, 1);
background-color: #F0F0F0;
padding: 30px;
padding-top: 30px;
border-radius: 60px;
height: -moz-fit-content;
height: fit-content;
width: -moz-fit-content;
width: fit-content;
display: flex;
flex-direction: column;
align-items: flex-start;
justify-content: space-between;
position: absolute;
left: 0.5rem;
bottom: 0.7rem;
z-index: 5;
}
#realisations-adwords .container .realisations-container .realisation .card .consommation .label {
opacity: 0.75;
font-size: 18px;
padding-bottom: 25px;
}
#realisations-adwords .container .realisations-container .realisation .card .consommation .chiffre {
display: flex;
align-items: center;
gap: 1rem;
font-size: 28px;
width: -moz-fit-content;
width: fit-content;
}
#realisations-adwords .container .realisations-container .realisation .card .consommation .chiffre svg {
width: 35px;
height: 35px;
min-width: 20px;
}
#realisations-adwords .container .realisations-container .realisation .card .consommation .chiffre span {
font-size: 68px;
font-weight: 300;
}
#realisations-adwords .container .realisations-container .realisation .card > img {
width: 100%;
-o-object-fit: cover;
object-fit: cover;
height: calc(300px + 20vw);
z-index: 1;
border-radius: 60px;
transition: border-radius 0.6s cubic-bezier(0.075, 0.82, 0.165, 1);
}
#realisations-adwords .container .realisations-container .realisation .card:nth-child(1) {
background-color: #FFFFFF;
padding: 40px;
display: flex;
flex-direction: column;
gap: 1rem;
}
#realisations-adwords .container .realisations-container .realisation .card:nth-child(1) .titre {
display: flex;
align-items: center;
gap: 1.5rem;
}
#realisations-adwords .container .realisations-container .realisation .card:nth-child(1) .titre img {
border-radius: 100px;
-o-object-fit: cover;
object-fit: cover;
width: 70px;
height: 70px;
}
#realisations-adwords .container .realisations-container .realisation .card:nth-child(1) .titre h3 {
font-size: 32px;
font-weight: 500;
line-height: 34px;
}
#realisations-adwords .container .realisations-container .realisation .card:nth-child(1) .sous-titre {
display: flex;
align-items: center;
gap: 0.5rem;
width: 100%;
}
#realisations-adwords .container .realisations-container .realisation .card:nth-child(1) .sous-titre h4 {
font-size: 22px;
opacity: 0.75;
margin: 0;
font-weight: 500;
}
#realisations-adwords .container .realisations-container .realisation .card:nth-child(1) p {
font-size: 16px;
line-height: 21px;
font-weight: 400;
}
#realisations-adwords .container .realisations-container .realisation .card:nth-child(1) .note {
display: flex;
gap: 0.2rem;
}
#realisations-adwords .container .realisations-container .realisation .card:nth-child(1) .note svg {
width: 21px;
height: 21px;
}
#tarifs-adwords { position: relative;
z-index: 100;
padding: 100px 40px;
}
#tarifs-adwords strong {
font-weight: 600;
}
#tarifs-adwords.services {
padding-top: 0;
}
#tarifs-adwords .container {
transform: translateY(75px);
display: flex;
flex-direction: column;
justify-content: flex-start;
align-items: flex-start;
gap: 3rem;
border-radius: 60px;
padding-top: 100px;
padding-bottom: 40px;
background-color: #F0F0F0; }
#tarifs-adwords .container > .titre {
font-size: 35px;
font-weight: 600;
color: #282E40;
text-align: center;
padding-left: 10%;
}
#tarifs-adwords .container > .titre h2, #tarifs-adwords .container > .titre p {
text-align: left;
}
#tarifs-adwords .container .formulaire-container {
padding-left: 10%;
display: flex;
width: 100%;
font-family: Arial, sans-serif;
gap: 1rem; }
#tarifs-adwords .container .formulaire-container .etapes-container {
width: 30%;
height: -moz-fit-content;
height: fit-content;
display: flex;
flex-direction: column;
gap: 2rem;
}
#tarifs-adwords .container .formulaire-container .etapes-container .etapes-suivi {
padding: 30px;
border-radius: 60px;
display: flex;
flex-direction: column;
background-color: #F7F7F7;
}
#tarifs-adwords .container .formulaire-container .etapes-container .etapes-suivi > .sous-titre {
opacity: 0.5;
padding-left: 5px;
font-size: 18px;
margin-bottom: 10px;
}
#tarifs-adwords .container .formulaire-container .etapes-container .etapes-suivi .etape {
display: flex;
align-items: center;
margin-bottom: 15px;
padding: 10px;
color: #282E40;
gap: 0.75rem;
opacity: 0.5;
cursor: pointer;
transition: opacity 0.7s ease-in-out;
}
#tarifs-adwords .container .formulaire-container .etapes-container .etapes-suivi .etape:hover {
opacity: 1;
}
#tarifs-adwords .container .formulaire-container .etapes-container .etapes-suivi .etape .numero {
border-radius: 100px;
color: #282E40;
border: 2px solid #282E40;
width: 55px;
height: 55px;
min-width: 55px;
min-height: 55px;
display: flex;
align-items: center;
justify-content: center;
font-size: 32px;
font-weight: 500;
}
#tarifs-adwords .container .formulaire-container .etapes-container .etapes-suivi .etape .text {
display: flex;
flex-direction: column;
gap: 0rem;
}
#tarifs-adwords .container .formulaire-container .etapes-container .etapes-suivi .etape .text .titre {
font-size: 30px;
font-weight: 500;
color: #282E40;
}
#tarifs-adwords .container .formulaire-container .etapes-container .etapes-suivi .etape .text .sous-titre {
font-size: 16px;
font-weight: 500;
color: #282E40;
}
#tarifs-adwords .container .formulaire-container .etapes-container .etapes-suivi .etape.active {
opacity: 1;
}
#tarifs-adwords .container .formulaire-container .etapes-container .etapes-suivi .etape.active .numero {
color: #282E3F;
border: 2px solid #F1D757;
background-color: #F1D757;
}
#tarifs-adwords .container .formulaire-container .etapes-container .etapes-suivi .etape.complete {
opacity: 1;
}
#tarifs-adwords .container .formulaire-container .etapes-container .etapes-suivi .etape.complete p.sous-titre::after {
content: "Complété";
color: #F0C245;
font-weight: 400;
}
#tarifs-adwords .container .formulaire-container .etapes-container .etapes-suivi .etape.complete .numero {
background-color: #282E40;
color: #F1D757;
}
#tarifs-adwords .container .formulaire-container .etapes-container .infos-offres {
display: none;
}
#tarifs-adwords .container .formulaire-container .etapes-container .infos-offres p {
font-size: 16px;
line-height: 21px;
}
#tarifs-adwords .container .formulaire-container .etapes-container .infos-offres p em {
opacity: 0.5;
text-transform: none;
text-decoration: none;
font-style: normal;
}
#tarifs-adwords .container .formulaire-container .etapes-container .infos-offres p span {
display: flex;
align-items: center;
gap: 0.5rem;
opacity: 1;
}
#tarifs-adwords .container .formulaire-container .etapes-container .infos-offres p span svg {
width: 30px;
height: 30px;
}
#tarifs-adwords .container .formulaire-etapes {
width: 70%;
padding: 0px;
border-radius: 60px;
background-color: #F7F7F7;
}
#tarifs-adwords .container .formulaire-etapes .cta-secondaire {
background-color: #F1D757;
}
#tarifs-adwords .container .formulaire-etapes .button-to-contact {
text-decoration: underline;
font-size: 14px;
background-color: transparent;
border: none;
outline: none;
cursor: pointer;
margin-left: unset !important;
}
#tarifs-adwords .container .formulaire-etapes .etape-content {
display: none;
padding: 0.5rem;
width: -moz-fit-content;
width: fit-content;
height: 100%;
transition: transform 1s cubic-bezier(0.075, 0.82, 0.165, 1);
transform: translateY(50px);
}
#tarifs-adwords .container .formulaire-etapes .etape-content.complete {
transform: translateY(-50px);
}
#tarifs-adwords .container .formulaire-etapes .etape-content.active {
display: flex !important;
gap: 0.75rem;
flex-wrap: nowrap;
height: 100%;
position: relative;
transform: translateY(0);
}
#tarifs-adwords .container .formulaire-etapes .etape-content.active.offres {
flex-direction: column;
width: 100%;
}
#tarifs-adwords .container .formulaire-etapes .etape-content.active.offres > .text {
flex-direction: row;
align-items: flex-start;
gap: 2rem;
flex-wrap: nowrap;
width: 100%;
max-width: 100% !important;
}
#tarifs-adwords .container .formulaire-etapes .etape-content.active.offres > .text h3 {
width: -moz-fit-content;
width: fit-content;
width: 50%;
}
#tarifs-adwords .container .formulaire-etapes .etape-content.active.offres > .text p {
width: 50%;
}
#tarifs-adwords .container .formulaire-etapes .etape-content.active .h3 {
font-size: 32px;
line-height: 32px;
font-weight: 500;
}
#tarifs-adwords .container .formulaire-etapes .etape-content.active .h3 em {
font-size: 22px;
line-height: 25px;
font-style: normal;
}
#tarifs-adwords .container .formulaire-etapes .etape-content.active .h3 em span {
font-size: 22px;
line-height: 21px;
background-color: #F1D757;
color: #282E3F;
padding: 5px 15px;
border-radius: 1000px;
width: -moz-fit-content;
width: fit-content;
margin-left: 4px;
}
#tarifs-adwords .container .formulaire-etapes .etape-content.active p {
font-size: 16px;
line-height: 21px;
}
#tarifs-adwords .container .formulaire-etapes .etape-content.active a {
text-decoration: underline;
}
#tarifs-adwords .container .formulaire-etapes .etape-content.active .sous-titre {
opacity: 0.75;
margin: 0;
margin-bottom: 5px;
}
#tarifs-adwords .container .formulaire-etapes .etape-content.active > .text {
max-width: 33%;
display: flex;
flex-direction: column;
gap: 1rem;
height: -moz-fit-content;
height: fit-content;
padding: 2rem;
background-color: transparent;
}
#tarifs-adwords .container .formulaire-etapes .etape-content.active > .text.form {
max-width: 66%;
}
#tarifs-adwords .container .formulaire-etapes .etape-content.active .inputgroupinfos {
display: flex;
flex-wrap: wrap;
gap: 1rem;
}
#tarifs-adwords .container .formulaire-etapes .etape-content.active .inputgroupinfos .inputgroup {
width: calc(50% - 0.5rem);
}
#tarifs-adwords .container .formulaire-etapes .etape-content.active .inputgroupinfos > p {
opacity: 0.5;
width: 100%;
padding-top: 5px;
}
#tarifs-adwords .container .formulaire-etapes .etape-content.active .inputgroup {
display: flex;
flex-direction: column;
justify-content: flex-start;
align-items: flex-start;
width: 100%;
gap: 0.5rem;
margin-bottom: 5px;
}
#tarifs-adwords .container .formulaire-etapes .etape-content.active .inputgroup label {
font-size: 14px;
font-weight: 700;
}
#tarifs-adwords .container .formulaire-etapes .etape-content.active .inputgroup input, #tarifs-adwords .container .formulaire-etapes .etape-content.active .inputgroup select {
border-radius: 100px;
padding: 10px;
width: 100%;
border: 1px solid #282E3F;
background-color: transparent;
}
#tarifs-adwords .container .formulaire-etapes .etape-content.active .inputgroup input.error, #tarifs-adwords .container .formulaire-etapes .etape-content.active .inputgroup select.error {
border: 1px solid rgb(225, 50, 50);
}
#tarifs-adwords .container .formulaire-etapes .etape-content.active .inputgroup input::-webkit-input-placeholder, #tarifs-adwords .container .formulaire-etapes .etape-content.active .inputgroup select::-webkit-input-placeholder {
color: #282E3F;
opacity: 0.6;
}
#tarifs-adwords .container .formulaire-etapes .etape-content.active .inputgroup input:-moz-placeholder, #tarifs-adwords .container .formulaire-etapes .etape-content.active .inputgroup select:-moz-placeholder {
color: #282E3F;
opacity: 0.6;
}
#tarifs-adwords .container .formulaire-etapes .etape-content.active .inputgroup input::-moz-placeholder, #tarifs-adwords .container .formulaire-etapes .etape-content.active .inputgroup select::-moz-placeholder {
color: #282E3F;
opacity: 0.6;
}
#tarifs-adwords .container .formulaire-etapes .etape-content.active .inputgroup input:-ms-input-placeholder, #tarifs-adwords .container .formulaire-etapes .etape-content.active .inputgroup select:-ms-input-placeholder {
color: #282E3F;
opacity: 0.6;
}
#tarifs-adwords .container .formulaire-etapes .etape-content.active .inputgroup p.error {
background-color: #ffe6e6;
width: -moz-fit-content;
width: fit-content;
padding: 3px 10px;
color: rgb(225, 50, 50);
border-radius: 100px;
font-size: 20px;
font-weight: 400;
font-size: 13px;
}
#tarifs-adwords .container .formulaire-etapes .etape-content.active > .offres-selection,
#tarifs-adwords .container .formulaire-etapes .etape-content.active > .installation-selection {
display: flex;
flex-wrap: nowrap;
gap: 0.5rem;
}
#tarifs-adwords .container .formulaire-etapes .etape-content.active > .offres-selection .content,
#tarifs-adwords .container .formulaire-etapes .etape-content.active > .installation-selection .content {
justify-content: center;
align-items: center;
gap: 2rem;
}
#tarifs-adwords .container .formulaire-etapes .etape-content.active > .offres-selection .content:nth-child(1) .sous-prix .logo,
#tarifs-adwords .container .formulaire-etapes .etape-content.active > .installation-selection .content:nth-child(1) .sous-prix .logo {
height: 40px;
}
#tarifs-adwords .container .formulaire-etapes .etape-content.active > .offres-selection .content.text,
#tarifs-adwords .container .formulaire-etapes .etape-content.active > .installation-selection .content.text {
padding-top: 0;
align-items: flex-start;
}
#tarifs-adwords .container .formulaire-etapes .etape-content.active > .offres-selection .content.black .categorie,
#tarifs-adwords .container .formulaire-etapes .etape-content.active > .installation-selection .content.black .categorie {
width: -moz-fit-content;
width: fit-content;
padding: 7px 16px;
background-color: rgba(247, 247, 247, 0.1333333333);
color: #F7F7F7;
border-radius: 100px;
font-size: 18px;
font-weight: 400;
}
#tarifs-adwords .container .formulaire-etapes .etape-content.active > .offres-selection .content .categorie,
#tarifs-adwords .container .formulaire-etapes .etape-content.active > .installation-selection .content .categorie {
width: -moz-fit-content;
width: fit-content;
padding: 7px 16px;
background-color: rgba(40, 46, 63, 0.1333333333);
color: #282E3F;
border-radius: 100px;
font-size: 18px;
font-weight: 400;
}
#tarifs-adwords .container .formulaire-etapes .etape-content.active > .offres-selection .content .prix,
#tarifs-adwords .container .formulaire-etapes .etape-content.active > .installation-selection .content .prix {
font-size: 65px;
font-weight: 500;
position: relative;
transform: translateX(-20px);
font-family: Outfit, sans-serif;
}
#tarifs-adwords .container .formulaire-etapes .etape-content.active > .offres-selection .content .prix .expo,
#tarifs-adwords .container .formulaire-etapes .etape-content.active > .installation-selection .content .prix .expo {
font-size: 30px;
font-weight: 400;
position: absolute;
right: -53px;
top: -12px;
}
#tarifs-adwords .container .formulaire-etapes .etape-content.active > .offres-selection .content .prix .expo span,
#tarifs-adwords .container .formulaire-etapes .etape-content.active > .installation-selection .content .prix .expo span {
font-size: 18px;
font-weight: 400;
margin-left: 4px;
}
#tarifs-adwords .container .formulaire-etapes .etape-content.active > .offres-selection .content .sous-prix,
#tarifs-adwords .container .formulaire-etapes .etape-content.active > .installation-selection .content .sous-prix {
display: flex;
flex-direction: column;
justify-content: center;
align-items: center;
gap: 0.75rem;
text-align: center;
}
#tarifs-adwords .container .formulaire-etapes .etape-content.active > .offres-selection .content .sous-prix .logo,
#tarifs-adwords .container .formulaire-etapes .etape-content.active > .installation-selection .content .sous-prix .logo {
width: auto;
height: 30px;
-o-object-fit: contain;
object-fit: contain;
}
#tarifs-adwords .container .formulaire-etapes .etape-content.active > .offres-selection .content .description,
#tarifs-adwords .container .formulaire-etapes .etape-content.active > .installation-selection .content .description {
text-align: center;
}
#tarifs-adwords .container .formulaire-etapes .etape-content.active > .offres-selection .content .infos,
#tarifs-adwords .container .formulaire-etapes .etape-content.active > .installation-selection .content .infos {
text-align: center;
opacity: 0.5;
}
#tarifs-adwords .container .formulaire-etapes .etape-content.active > .offres-selection .content .cta-primary, #tarifs-adwords .container .formulaire-etapes .etape-content.active > .offres-selection .content .cta-secondaire,
#tarifs-adwords .container .formulaire-etapes .etape-content.active > .installation-selection .content .cta-primary,
#tarifs-adwords .container .formulaire-etapes .etape-content.active > .installation-selection .content .cta-secondaire {
margin-right: auto !important;
margin-left: auto;
}
#tarifs-adwords .container .formulaire-etapes .etape-content.active > .installation-selection .content.text {
flex-direction: column;
justify-content: flex-start;
align-items: flex-start;
}
#tarifs-adwords .container .formulaire-etapes .etape-content.active .content {
width: 100%;
max-width: none;
padding: 2rem;
display: flex;
flex-direction: column;
justify-content: space-between;
align-items: flex-start;
border-radius: 60px;
height: 100%;
}
#tarifs-adwords .container .formulaire-etapes .etape-content.active .content a.grille-tarif {
font-size: 16px;
line-height: 16px;
border: solid 1px #282E3F;
border-radius: 1000px;
padding: 7px 15px;
text-decoration: none;
}
#tarifs-adwords .container .formulaire-etapes .etape-content.active .content select::-ms-expand {
display: none;
}
#tarifs-adwords .container .formulaire-etapes .etape-content.active .content button {
margin-left: auto;
}
#tarifs-adwords .container .formulaire-etapes .etape-content.active .content.yellow {
color: #282E3F;
background-color: #F1D757;
}
#tarifs-adwords .container .formulaire-etapes .etape-content.active .content.yellow .button-to-contact {
color: #282E3F;
}
#tarifs-adwords .container .formulaire-etapes .etape-content.active .content.yellow .h3 {
color: #282E3F;
margin-bottom: 10px;
}
#tarifs-adwords .container .formulaire-etapes .etape-content.active .content.yellow label {
color: #282E3F;
}
#tarifs-adwords .container .formulaire-etapes .etape-content.active .content.yellow input, #tarifs-adwords .container .formulaire-etapes .etape-content.active .content.yellow select {
border: 1px solid #282E3F;
color: #282E3F;
background-color: #F1D757;
}
#tarifs-adwords .container .formulaire-etapes .etape-content.active .content.white {
color: #282E3F;
background-color: #F0F0F0;
}
#tarifs-adwords .container .formulaire-etapes .etape-content.active .content.white .button-to-contact {
color: #282E3F;
}
#tarifs-adwords .container .formulaire-etapes .etape-content.active .content.white .h3 {
color: #282E3F;
margin-bottom: 10px;
}
#tarifs-adwords .container .formulaire-etapes .etape-content.active .content.white label {
color: #282E3F;
}
#tarifs-adwords .container .formulaire-etapes .etape-content.active .content.white input, #tarifs-adwords .container .formulaire-etapes .etape-content.active .content.white select {
border: 1px solid #282E3F;
color: #282E3F;
background-color: #F0F0F0;
}
#tarifs-adwords .container .formulaire-etapes .etape-content.active .content.black {
color: #F7F7F7;
background-color: #282E3F;
}
#tarifs-adwords .container .formulaire-etapes .etape-content.active .content.black .grille-tarif {
color: #F7F7F7;
border-color: #F7F7F7;
}
#tarifs-adwords .container .formulaire-etapes .etape-content.active .content.black .button-to-contact {
color: #F7F7F7;
}
#tarifs-adwords .container .formulaire-etapes .etape-content.active .content.black .h3 {
color: #F7F7F7;
margin-bottom: 10px;
}
#tarifs-adwords .container .formulaire-etapes .etape-content.active .content.black label {
color: #F7F7F7;
font-size: 14px;
font-weight: 700;
}
#tarifs-adwords .container .formulaire-etapes .etape-content.active .content.black input, #tarifs-adwords .container .formulaire-etapes .etape-content.active .content.black select {
border: 1px solid #F7F7F7;
color: #F7F7F7;
background-color: #282E3F;
}
#tarifs-adwords .container .formulaire-etapes .etape-content.active .content.black input::-webkit-input-placeholder, #tarifs-adwords .container .formulaire-etapes .etape-content.active .content.black select::-webkit-input-placeholder {
color: #F7F7F7;
opacity: 0.6;
}
#tarifs-adwords .container .formulaire-etapes .etape-content.active .content.black input:-moz-placeholder, #tarifs-adwords .container .formulaire-etapes .etape-content.active .content.black select:-moz-placeholder {
color: #F7F7F7;
opacity: 0.6;
}
#tarifs-adwords .container .formulaire-etapes .etape-content.active .content.black input::-moz-placeholder, #tarifs-adwords .container .formulaire-etapes .etape-content.active .content.black select::-moz-placeholder {
color: #F7F7F7;
opacity: 0.6;
}
#tarifs-adwords .container .formulaire-etapes .etape-content.active .content.black input:-ms-input-placeholder, #tarifs-adwords .container .formulaire-etapes .etape-content.active .content.black select:-ms-input-placeholder {
color: #F7F7F7;
opacity: 0.6;
}
#tarifs-adwords .container .formulaire-etapes .etape-content .bouton-retour {
color: #333;
padding: 0;
background-color: transparent;
position: absolute;
left: 2rem;
top: 1rem;
font-size: 12px;
opacity: 0.5;
border: none;
outline: none;
}
#tarifs-adwords .container .formulaire-etapes .etape-content h2 {
font-size: 20px;
margin-bottom: 15px;
color: #333;
}
#plusvalues-adwords {
padding: 75px 0;
}
#plusvalues-adwords .container {
display: flex;
flex-direction: column;
align-items: center;
gap: 2rem;
}
#plusvalues-adwords .container .h2 {
text-align: center;
max-width: 770px;
}
#plusvalues-adwords .container > p {
font-size: 20px;
line-height: 22px;
font-weight: 400;
text-align: center;
max-width: 550px;
margin-bottom: 20px;
}
#plusvalues-adwords .container .img-container {
width: 100%;
border-radius: 60px;
overflow: hidden;
transform: translateY(75px);
opacity: 0;
position: relative;
}
#plusvalues-adwords .container .img-container svg {
position: absolute;
right: 60px;
top: 60px;
width: calc(7vw + 7vh);
height: auto;
}
#plusvalues-adwords .container .img-container img {
width: 100%;
height: 100%;
-o-object-fit: cover;
object-fit: cover;
}
#plusvalues-adwords .container .values-container {
display: flex;
flex-direction: row;
flex-wrap: wrap;
width: 100%;
gap: 1rem;
transform: translateY(75px);
opacity: 0;
}
#plusvalues-adwords .container .values-container .col {
border-radius: 60px;
background-color: #F0F0F0;
padding: 40px;
display: flex;
flex-direction: column;
width: calc(33% - 0.3rem);
}
#plusvalues-adwords .container .values-container .col .h3 {
display: flex;
gap: 1rem;
margin-bottom: 15px;
font-size: 32px;
line-height: 34px;
}
#plusvalues-adwords .container .values-container .col .h3 img {
width: 40px;
height: 40px;
min-width: 35px;
-o-object-fit: contain;
object-fit: contain;
}
#plusvalues-adwords .container .values-container .col p {
font-size: 20px;
line-height: 24px;
font-weight: 400;
}
#plusvalues-adwords .container .values-container .col p strong {
font-weight: 500;
}
section.popup {
width: 800px;
height: -moz-fit-content;
height: fit-content;
padding: 100px 40px;
border-radius: 60px;
background-color: #F7F7F7;
position: fixed;
top: 0;
bottom: 0;
left: 0;
right: 0;
margin: auto;
opacity: 0;
pointer-events: none;
transform: translateY(50px);
transition: all 1.2s cubic-bezier(0.075, 0.82, 0.165, 1);
z-index: 500;
box-shadow: 0px 0px 100px 0px rgba(0, 0, 0, 0.1);
}
section.popup .close {
position: absolute;
top: 35px;
right: 35px;
width: 20px;
height: 20px;
cursor: pointer;
transform-origin: center center;
transition: all 0.5s ease-in-out;
}
section.popup .close svg {
width: 100%;
height: 100%;
}
section.popup .close:hover {
transform: scale(1.1);
}
section.popup.active {
opacity: 1;
pointer-events: all;
transform: translateY(0);
}
section.popup .container {
width: 100%;
display: flex;
flex-direction: column;
align-items: center;
justify-content: center;
gap: 2rem;
}
section.popup .container h2 {
font-size: 32px;
font-weight: 500;
color: #282E40;
text-align: center;
}
section.popup .container p {
font-size: 20px;
font-weight: 400;
color: #282E40;
text-align: center;
}
section.popup .container .ctas {
display: flex;
gap: 2rem;
}
.entete-contact-adwords {
margin-bottom: 25px;
padding-top: 50px;
}
.entete-contact-adwords .container {
display: flex;
flex-direction: column;
align-items: center;
}
.entete-contact-adwords .container .h2 {
text-align: center;
}
@media screen and (max-width: 1580px) {
#header-adwords.desktop {
height: 80vh;
padding-top: 0vh;
padding-bottom: 0vh;
position: relative;
background-color: #F7F7F7;
}
#header-adwords.desktop .container {
height: 100%;
display: flex;
padding-top: 145px;
align-items: flex-start;
padding-left: 75px !important;
padding-right: 75px !important;
}
#header-adwords.desktop .container .col-left {
width: 50%;
padding-right: 30px;
}
#header-adwords.desktop .container .col-left .note {
margin-bottom: 20px;
display: flex;
align-items: center;
gap: 0.5rem;
}
#header-adwords.desktop .container .col-left .h1 {
font-size: 56px;
font-weight: 500;
line-height: 66px;
margin-bottom: 20px;
}
#header-adwords.desktop .container .col-left ul.bullets {
padding-left: 0;
margin-bottom: 20px;
}
#header-adwords.desktop .container .col-left ul.bullets li {
list-style: none;
list-style-type: none;
margin-bottom: 12px;
display: flex;
align-items: center;
gap: 1rem;
}
#header-adwords.desktop .container .col-left .ctas {
display: flex;
flex-direction: column;
gap: 1rem;
}
#header-adwords.desktop .container .col-right {
width: 50%;
}
#header-adwords.desktop .container .col-right .img-container {
width: 100%;
height: auto;
position: relative;
}
#header-adwords.desktop .container .col-right .img-container .logo-svg {
position: absolute;
bottom: 35px;
left: 35px;
width: 200px;
height: auto;
}
#header-adwords.desktop .container .col-right .img-container .info-svg {
position: absolute;
top: -80px;
right: -80px;
width: 370px;
height: auto;
}
#header-adwords.desktop .container .col-right .img-container img {
width: 100%;
height: 450px;
border-radius: 25px;
-o-object-fit: cover;
object-fit: cover;
}
#tarifs-adwords .cta-primary, #tarifs-adwords .cta-secondaire {
font-size: 15px !important;
padding: 17px 21px !important;
}
#tarifs-adwords .container .formulaire-container .etapes-container .etapes-suivi {
border-radius: 30px;
padding: 1.5rem;
}
#tarifs-adwords .container .formulaire-container .etapes-container .etapes-suivi .etape .numero {
width: 45px;
height: 45px;
min-width: 45px;
min-height: 45px;
font-size: 28px;
}
#tarifs-adwords .container .formulaire-container .etapes-container .etapes-suivi .etape .text .titre {
font-size: 24px;
}
#tarifs-adwords .container .formulaire-container .etapes-container .etapes-suivi .etape .text .sous-titre {
font-size: 14px;
line-height: 14px;
}
#tarifs-adwords .container .formulaire-container .etapes-container .infos-offres p {
font-size: 14px;
line-height: 18px;
}
#tarifs-adwords .container .formulaire-container .formulaire-etapes {
border-radius: 30px;
}
#tarifs-adwords .container .formulaire-container .formulaire-etapes .etape-content.active .content, #tarifs-adwords .container .formulaire-container .formulaire-etapes .etape-content.active .content.black, #tarifs-adwords .container .formulaire-container .formulaire-etapes .etape-content.active .content.white, #tarifs-adwords .container .formulaire-container .formulaire-etapes .etape-content.active .content.yellow {
padding: 1.5rem;
border-radius: 30px;
}
#tarifs-adwords .container .formulaire-container .formulaire-etapes .etape-content.active .content .h3, #tarifs-adwords .container .formulaire-container .formulaire-etapes .etape-content.active .content.black .h3, #tarifs-adwords .container .formulaire-container .formulaire-etapes .etape-content.active .content.white .h3, #tarifs-adwords .container .formulaire-container .formulaire-etapes .etape-content.active .content.yellow .h3 {
font-size: 24px;
line-height: 29px;
margin-bottom: 4px;
}
#tarifs-adwords .container .formulaire-container .formulaire-etapes .etape-content.active .content .h3 em span, #tarifs-adwords .container .formulaire-container .formulaire-etapes .etape-content.active .content.black .h3 em span, #tarifs-adwords .container .formulaire-container .formulaire-etapes .etape-content.active .content.white .h3 em span, #tarifs-adwords .container .formulaire-container .formulaire-etapes .etape-content.active .content.yellow .h3 em span {
font-size: 22px;
line-height: 21px;
padding: 4px 13px;
}
#tarifs-adwords .container .formulaire-container .formulaire-etapes .etape-content.active .content p, #tarifs-adwords .container .formulaire-container .formulaire-etapes .etape-content.active .content.black p, #tarifs-adwords .container .formulaire-container .formulaire-etapes .etape-content.active .content.white p, #tarifs-adwords .container .formulaire-container .formulaire-etapes .etape-content.active .content.yellow p {
font-size: 14px;
line-height: 14px;
margin-bottom: 10px;
}
#tarifs-adwords .container .formulaire-container .formulaire-etapes .etape-content.active .content .button-to-contact, #tarifs-adwords .container .formulaire-container .formulaire-etapes .etape-content.active .content.black .button-to-contact, #tarifs-adwords .container .formulaire-container .formulaire-etapes .etape-content.active .content.white .button-to-contact, #tarifs-adwords .container .formulaire-container .formulaire-etapes .etape-content.active .content.yellow .button-to-contact {
font-size: 11px;
}
#tarifs-adwords .container .formulaire-container .formulaire-etapes .etape-content.active .text {
padding: 1.5rem;
border-radius: 30px;
}
#tarifs-adwords .container .formulaire-container .formulaire-etapes .etape-content.active .text .h3 {
font-size: 24px;
line-height: 29px;
margin-bottom: 4px;
}
#tarifs-adwords .container .formulaire-container .formulaire-etapes .etape-content.active .text p, #tarifs-adwords .container .formulaire-container .formulaire-etapes .etape-content.active .text a {
font-size: 14px;
line-height: 18px;
margin-bottom: 10px;
}
}
@media screen and (max-width: 1400px) {
#header-adwords.desktop {
height: 90vh;
}
#header-adwords.desktop .container .col-left {
width: 60%;
padding-right: 0;
}
#header-adwords.desktop .container .col-left .h1 {
font-size: 48px;
line-height: 57px;
}
#plusvalues-adwords .container .values-container .col {
padding: 30px;
}
#plusvalues-adwords .container .values-container .col .h3 {
font-size: 30px;
font-weight: 500;
}
#plusvalues-adwords .container .values-container .col .h3 img {
width: 35px;
height: 35px;
}
#plusvalues-adwords .container .values-container .col p {
font-size: 18px;
line-height: 22px;
}
#realisations-adwords .container .realisations-container .realisation .card .consommation .chiffre {
font-size: 24px;
}
#realisations-adwords .container .realisations-container .realisation .card .consommation .chiffre span {
font-size: 50px;
}
#realisations-adwords .container .realisations-container .realisation .card:nth-child(2) .titre h3 {
font-size: 24px;
}
#realisations-adwords .container .realisations-container .realisation .card:nth-child(2) .sous-titre h4 {
font-size: 18px;
}
#realisations-adwords .container .realisations-container .realisation .card:nth-child(2) .sous-titre p {
font-size: 14px;
line-height: 20px;
}
section.popup .cta-primary, section.popup .cta-secondaire {
font-size: 14px !important;
padding: 15px 20px !important;
}
#tarifs-adwords {
padding: 100px 30px;
}
#tarifs-adwords .cta-primary, #tarifs-adwords .cta-secondaire {
font-size: 14px !important;
padding: 15px 20px !important;
}
#tarifs-adwords .container > .titre {
padding-left: 0;
}
#tarifs-adwords .container .formulaire-container {
padding-left: 0;
}
#tarifs-adwords .container .formulaire-container .formulaire-etapes .etape-content.active > .installation-selection, #tarifs-adwords .container .formulaire-container .formulaire-etapes .etape-content.active .offres-selection {
display: flex;
flex-wrap: nowrap;
gap: 0.5rem;
}
#tarifs-adwords .container .formulaire-container .formulaire-etapes .etape-content.active > .installation-selection .content, #tarifs-adwords .container .formulaire-container .formulaire-etapes .etape-content.active .offres-selection .content {
justify-content: center;
align-items: center;
gap: 2rem;
}
#tarifs-adwords .container .formulaire-container .formulaire-etapes .etape-content.active > .installation-selection .content.text, #tarifs-adwords .container .formulaire-container .formulaire-etapes .etape-content.active .offres-selection .content.text {
align-items: flex-start;
}
#tarifs-adwords .container .formulaire-container .formulaire-etapes .etape-content.active > .installation-selection .content.black .categorie, #tarifs-adwords .container .formulaire-container .formulaire-etapes .etape-content.active .offres-selection .content.black .categorie {
width: -moz-fit-content;
width: fit-content;
padding: 5px 13px;
background-color: rgba(247, 247, 247, 0.1333333333);
color: #F7F7F7;
border-radius: 100px;
font-size: 14px;
font-weight: 400;
}
#tarifs-adwords .container .formulaire-container .formulaire-etapes .etape-content.active > .installation-selection .content .categorie, #tarifs-adwords .container .formulaire-container .formulaire-etapes .etape-content.active .offres-selection .content .categorie {
width: -moz-fit-content;
width: fit-content;
padding: 5px 13px;
background-color: rgba(40, 46, 63, 0.1333333333);
color: #282E3F;
border-radius: 100px;
font-size: 14px;
font-weight: 400;
}
#tarifs-adwords .container .formulaire-container .formulaire-etapes .etape-content.active > .installation-selection .content .prix, #tarifs-adwords .container .formulaire-container .formulaire-etapes .etape-content.active .offres-selection .content .prix {
font-size: 48px;
font-weight: 500;
position: relative;
transform: translateX(-20px);
font-family: Outfit, sans-serif;
}
#tarifs-adwords .container .formulaire-container .formulaire-etapes .etape-content.active > .installation-selection .content .prix .expo, #tarifs-adwords .container .formulaire-container .formulaire-etapes .etape-content.active .offres-selection .content .prix .expo {
font-size: 30px;
font-weight: 400;
position: absolute;
right: -53px;
top: -12px;
}
#tarifs-adwords .container .formulaire-container .formulaire-etapes .etape-content.active > .installation-selection .content .prix .expo span, #tarifs-adwords .container .formulaire-container .formulaire-etapes .etape-content.active .offres-selection .content .prix .expo span {
font-size: 18px;
font-weight: 400;
margin-left: 4px;
}
#tarifs-adwords .container .formulaire-container .formulaire-etapes .etape-content.active > .installation-selection .content .sous-prix, #tarifs-adwords .container .formulaire-container .formulaire-etapes .etape-content.active .offres-selection .content .sous-prix {
text-align: center;
}
#tarifs-adwords .container .formulaire-container .formulaire-etapes .etape-content.active > .installation-selection .content .description, #tarifs-adwords .container .formulaire-container .formulaire-etapes .etape-content.active .offres-selection .content .description {
text-align: center;
}
#tarifs-adwords .container .formulaire-container .formulaire-etapes .etape-content.active > .installation-selection .content .infos, #tarifs-adwords .container .formulaire-container .formulaire-etapes .etape-content.active .offres-selection .content .infos {
text-align: center;
opacity: 0.5;
}
#tarifs-adwords .container .formulaire-container .formulaire-etapes .etape-content.active > .installation-selection .content .cta-primary, #tarifs-adwords .container .formulaire-container .formulaire-etapes .etape-content.active > .installation-selection .content .cta-secondaire, #tarifs-adwords .container .formulaire-container .formulaire-etapes .etape-content.active .offres-selection .content .cta-primary, #tarifs-adwords .container .formulaire-container .formulaire-etapes .etape-content.active .offres-selection .content .cta-secondaire {
margin-right: auto !important;
margin-left: auto;
}
}
@media screen and (max-width: 1210px) {
#header-adwords.desktop {
height: 95vh;
}
#header-adwords.desktop .container .col-left {
width: 60%;
padding-right: 0;
}
#header-adwords.desktop .container .col-left .h1 {
font-size: 45px;
line-height: 55px;
}
#plusvalues-adwords .container .values-container {
flex-wrap: wrap;
}
#plusvalues-adwords .container .values-container .col {
padding: 30px;
width: calc(50% - 1rem);
}
#plusvalues-adwords .container .values-container .col .h3 {
font-size: 30px;
font-weight: 500;
}
#plusvalues-adwords .container .values-container .col .h3 img {
width: 35px;
height: 35px;
}
#plusvalues-adwords .container .values-container .col p {
font-size: 18px;
line-height: 22px;
}
section.popup .cta-primary, section.popup .cta-secondaire {
font-size: 13px !important;
padding: 14px 18px !important;
}
#tarifs-adwords .cta-primary, #tarifs-adwords .cta-secondaire {
font-size: 13px !important;
padding: 14px 18px !important;
}
#tarifs-adwords .container .formulaire-container {
flex-direction: column;
}
#tarifs-adwords .container .formulaire-container .etapes-container {
width: 100%;
flex-direction: row;
justify-content: space-between;
}
#tarifs-adwords .container .formulaire-container .etapes-container .etapes-suivi {
width: 100%;
gap: 1rem;
}
#tarifs-adwords .container .formulaire-container .etapes-container .etapes-suivi .etape {
padding: 0;
margin: 0;
}
#tarifs-adwords .container .formulaire-container .etapes-container .infos-offres {
width: 100%;
align-items: center;
padding: 1.2rem;
}
#tarifs-adwords .container .formulaire-container .formulaire-etapes {
width: 100%;
}
#tarifs-adwords .container .formulaire-container .formulaire-etapes .etape-content.active > .installation-selection, #tarifs-adwords .container .formulaire-container .formulaire-etapes .etape-content.active > .offres-selection {
display: flex;
flex-wrap: nowrap;
gap: 0.5rem;
}
#tarifs-adwords .container .formulaire-container .formulaire-etapes .etape-content.active > .installation-selection .content.black .categorie, #tarifs-adwords .container .formulaire-container .formulaire-etapes .etape-content.active > .offres-selection .content.black .categorie {
width: -moz-fit-content;
width: fit-content;
padding: 7px 16px;
background-color: rgba(247, 247, 247, 0.1333333333);
color: #F7F7F7;
border-radius: 100px;
font-size: 18px;
font-weight: 400;
}
#tarifs-adwords .container .formulaire-container .formulaire-etapes .etape-content.active > .installation-selection .content .categorie, #tarifs-adwords .container .formulaire-container .formulaire-etapes .etape-content.active > .offres-selection .content .categorie {
width: -moz-fit-content;
width: fit-content;
padding: 7px 16px;
background-color: rgba(40, 46, 63, 0.1333333333);
color: #282E3F;
border-radius: 100px;
font-size: 18px;
font-weight: 400;
}
#tarifs-adwords .container .formulaire-container .formulaire-etapes .etape-content.active > .installation-selection .content .prix, #tarifs-adwords .container .formulaire-container .formulaire-etapes .etape-content.active > .offres-selection .content .prix {
font-size: 48px;
font-weight: 500;
position: relative;
transform: translateX(-20px);
font-family: Outfit, sans-serif;
}
#tarifs-adwords .container .formulaire-container .formulaire-etapes .etape-content.active > .installation-selection .content .prix .expo, #tarifs-adwords .container .formulaire-container .formulaire-etapes .etape-content.active > .offres-selection .content .prix .expo {
font-size: 30px;
font-weight: 400;
position: absolute;
right: -53px;
top: -12px;
}
#tarifs-adwords .container .formulaire-container .formulaire-etapes .etape-content.active > .installation-selection .content .prix .expo span, #tarifs-adwords .container .formulaire-container .formulaire-etapes .etape-content.active > .offres-selection .content .prix .expo span {
font-size: 18px;
font-weight: 400;
margin-left: 4px;
}
#tarifs-adwords .container .formulaire-container .formulaire-etapes .etape-content.active > .installation-selection .content .sous-prix, #tarifs-adwords .container .formulaire-container .formulaire-etapes .etape-content.active > .offres-selection .content .sous-prix {
text-align: center;
}
#tarifs-adwords .container .formulaire-container .formulaire-etapes .etape-content.active > .installation-selection .content .description, #tarifs-adwords .container .formulaire-container .formulaire-etapes .etape-content.active > .offres-selection .content .description {
text-align: center;
}
#tarifs-adwords .container .formulaire-container .formulaire-etapes .etape-content.active > .installation-selection .content .infos, #tarifs-adwords .container .formulaire-container .formulaire-etapes .etape-content.active > .offres-selection .content .infos {
text-align: center;
opacity: 0.5;
}
#tarifs-adwords .container .formulaire-container .formulaire-etapes .etape-content.active > .installation-selection .content .cta-primary, #tarifs-adwords .container .formulaire-container .formulaire-etapes .etape-content.active > .installation-selection .content .cta-secondaire, #tarifs-adwords .container .formulaire-container .formulaire-etapes .etape-content.active > .offres-selection .content .cta-primary, #tarifs-adwords .container .formulaire-container .formulaire-etapes .etape-content.active > .offres-selection .content .cta-secondaire {
margin-right: auto !important;
margin-left: auto;
}
}
@media screen and (max-width: 1100px) {
#plusvalues-adwords .container .img-container svg {
right: 30px;
top: 30px;
width: calc(7vw + 7vh);
}
#tarifs-adwords {
padding: 100px 25px;
}
#realisations-adwords .container .realisations-container {
flex-direction: column;
}
#realisations-adwords .container .realisations-container .realisation {
display: flex;
flex-direction: row;
flex-wrap: nowrap;
}
#realisations-adwords .container .realisations-container .realisation .card {
border-radius: 30px;
}
#realisations-adwords .container .realisations-container .realisation .card:hover {
border-radius: 30px;
}
#realisations-adwords .container .realisations-container .realisation .card img {
border-radius: 30px;
}
#realisations-adwords .container .realisations-container .realisation .card img:hover {
border-radius: 30px;
}
#realisations-adwords .container .realisations-container .realisation .card:nth-child(2) {
height: 100%;
justify-content: space-between;
}
#realisations-adwords .container .realisations-container .realisation .card .consommation .chiffre {
font-size: 24px;
}
#realisations-adwords .container .realisations-container .realisation .card .consommation .chiffre span {
font-size: 50px;
}
#realisations-adwords .container .realisations-container .realisation .card:nth-child(2) .sous-titre {
flex-direction: column;
justify-content: flex-start;
align-items: flex-start;
gap: 0.5rem;
}
#realisations-adwords .container .realisations-container .realisation .card:nth-child(2) .sous-titre h4 {
font-size: 18px;
}
#realisations-adwords .container .realisations-container .realisation .card:nth-child(2) .sous-titre p {
font-size: 14px;
line-height: 20px;
}
}
@media screen and (max-width: 870px) {
#tarifs-adwords .container .formulaire-container {
flex-direction: column;
}
#tarifs-adwords .container .formulaire-container .etapes-suivi {
width: 100%;
flex-direction: row;
justify-content: space-between;
}
#tarifs-adwords .container .formulaire-container .etapes-suivi .etape {
padding: 0;
margin: 0;
}
#tarifs-adwords .container .formulaire-container .formulaire-etapes {
width: 100%;
}
}
@media screen and (max-width: 800px) {
section.popup {
width: 80%;
padding: 80px 20px;
border-radius: 30px;
}
section.popup .container {
gap: 1rem;
}
section.popup .container h2 {
font-size: 28px;
}
section.popup .container p {
font-size: 18px;
}
section.popup .container .ctas {
flex-direction: column;
gap: 1rem;
align-items: center;
}
#tarifs-adwords .cta-primary, #tarifs-adwords .cta-secondaire {
font-size: 13px !important;
padding: 14px 18px !important;
}
#tarifs-adwords .container .formulaire-container {
flex-direction: column;
}
#tarifs-adwords .container .formulaire-container .etapes-suivi {
width: 100%;
flex-direction: column;
gap: 1rem;
}
#tarifs-adwords .container .formulaire-container .etapes-suivi .etape {
padding: 0;
margin: 0;
width: 100%;
}
#tarifs-adwords .container .formulaire-container .formulaire-etapes {
width: 100%;
}
#tarifs-adwords .container .formulaire-container .formulaire-etapes .etape-content.active {
flex-direction: row;
flex-wrap: wrap;
}
#tarifs-adwords .container .formulaire-container .formulaire-etapes .etape-content.active > .text {
width: 100%;
max-width: 100%;
}
#tarifs-adwords .container .formulaire-container .formulaire-etapes .etape-content.active > .content {
max-width: 49%;
width: 49%;
}
#tarifs-adwords .container .formulaire-container .formulaire-etapes .etape-content.active > .installation-selection, #tarifs-adwords .container .formulaire-container .formulaire-etapes .etape-content.active > .offres-selection {
display: flex;
flex-wrap: wrap;
gap: 0.5rem;
flex-direction: row;
}
#tarifs-adwords .container .formulaire-container .formulaire-etapes .etape-content.active > .installation-selection .content, #tarifs-adwords .container .formulaire-container .formulaire-etapes .etape-content.active > .offres-selection .content {
justify-content: center;
align-items: center;
gap: 1.2rem;
width: 100%;
max-width: 100% !important;
height: -moz-fit-content;
height: fit-content;
}
#tarifs-adwords .container .formulaire-container .formulaire-etapes .etape-content.active > .installation-selection .content.text, #tarifs-adwords .container .formulaire-container .formulaire-etapes .etape-content.active > .offres-selection .content.text {
align-items: flex-start;
}
#tarifs-adwords .container .formulaire-container .formulaire-etapes .etape-content.active > .installation-selection .content.black .categorie, #tarifs-adwords .container .formulaire-container .formulaire-etapes .etape-content.active > .offres-selection .content.black .categorie {
width: -moz-fit-content;
width: fit-content;
padding: 7px 16px;
background-color: rgba(247, 247, 247, 0.1333333333);
color: #F7F7F7;
border-radius: 100px;
font-size: 18px;
font-weight: 400;
}
#tarifs-adwords .container .formulaire-container .formulaire-etapes .etape-content.active > .installation-selection .content .categorie, #tarifs-adwords .container .formulaire-container .formulaire-etapes .etape-content.active > .offres-selection .content .categorie {
width: -moz-fit-content;
width: fit-content;
padding: 7px 16px;
background-color: rgba(40, 46, 63, 0.1333333333);
color: #282E3F;
border-radius: 100px;
font-size: 18px;
font-weight: 400;
}
#tarifs-adwords .container .formulaire-container .formulaire-etapes .etape-content.active > .installation-selection .content .prix, #tarifs-adwords .container .formulaire-container .formulaire-etapes .etape-content.active > .offres-selection .content .prix {
font-size: 48px;
font-weight: 500;
position: relative;
transform: translateX(-20px);
font-family: Outfit, sans-serif;
}
#tarifs-adwords .container .formulaire-container .formulaire-etapes .etape-content.active > .installation-selection .content .prix .expo, #tarifs-adwords .container .formulaire-container .formulaire-etapes .etape-content.active > .offres-selection .content .prix .expo {
font-size: 30px;
font-weight: 400;
position: absolute;
right: -53px;
top: -12px;
}
#tarifs-adwords .container .formulaire-container .formulaire-etapes .etape-content.active > .installation-selection .content .prix .expo span, #tarifs-adwords .container .formulaire-container .formulaire-etapes .etape-content.active > .offres-selection .content .prix .expo span {
font-size: 18px;
font-weight: 400;
margin-left: 4px;
}
#tarifs-adwords .container .formulaire-container .formulaire-etapes .etape-content.active > .installation-selection .content .sous-prix, #tarifs-adwords .container .formulaire-container .formulaire-etapes .etape-content.active > .offres-selection .content .sous-prix {
text-align: center;
}
#tarifs-adwords .container .formulaire-container .formulaire-etapes .etape-content.active > .installation-selection .content .description, #tarifs-adwords .container .formulaire-container .formulaire-etapes .etape-content.active > .offres-selection .content .description {
text-align: center;
}
#tarifs-adwords .container .formulaire-container .formulaire-etapes .etape-content.active > .installation-selection .content .infos, #tarifs-adwords .container .formulaire-container .formulaire-etapes .etape-content.active > .offres-selection .content .infos {
text-align: center;
opacity: 0.5;
}
#tarifs-adwords .container .formulaire-container .formulaire-etapes .etape-content.active > .installation-selection .content .cta-primary, #tarifs-adwords .container .formulaire-container .formulaire-etapes .etape-content.active > .installation-selection .content .cta-secondaire, #tarifs-adwords .container .formulaire-container .formulaire-etapes .etape-content.active > .offres-selection .content .cta-primary, #tarifs-adwords .container .formulaire-container .formulaire-etapes .etape-content.active > .offres-selection .content .cta-secondaire {
margin-right: auto !important;
margin-left: auto;
}
}
#header-adwords.mobile {
display: none;
}
@media screen and (max-width: 770px) {
#header-adwords.desktop {
display: none;
}
#header-adwords.mobile {
display: block;
height: 100vh;
padding-top: 0vh;
padding-bottom: 0vh;
position: relative;
background-color: #F7F7F7;
margin-bottom: 30px;
}
#header-adwords.mobile .container {
height: 100%;
display: flex;
flex-direction: column;
padding-top: 85px;
align-items: flex-start;
}
#header-adwords.mobile .container .h1 {
font-size: 46px;
font-weight: 500;
line-height: 56px;
margin-bottom: 15px;
}
#header-adwords.mobile .container .note {
margin-bottom: 20px;
display: flex;
align-items: center;
gap: 0.5rem;
}
#header-adwords.mobile .container .img-container {
width: 100%;
height: auto;
position: relative;
}
#header-adwords.mobile .container .img-container .logo-svg {
position: absolute;
bottom: 35px;
left: 35px;
width: 200px;
height: auto;
display: none;
}
#header-adwords.mobile .container .img-container .info-svg {
position: absolute;
top: -30px;
right: -30px;
width: 200px;
height: auto;
}
#header-adwords.mobile .container .img-container img {
width: 100%;
height: 330px;
border-radius: 25px;
-o-object-fit: cover;
object-fit: cover;
}
#header-adwords.mobile .container .ctas {
display: flex;
flex-direction: column;
gap: 1rem;
transform: translateY(-50px);
width: 100%;
}
#header-adwords.mobile .container .ctas .cta-orange, #header-adwords.mobile .container .ctas .cta-secondaire {
width: 100%;
text-align: center;
display: flex;
justify-content: center;
}
#header-adwords.mobile .container .ctas .cta-orange:hover:after, #header-adwords.mobile .container .ctas .cta-secondaire:hover:after {
transform-origin: center center;
transform: translateX(0px) translateY(0px) scale(1);
}
#header-adwords.mobile .container ul.bullets {
padding-left: 0;
margin-bottom: 15px;
transform: translateY(-30px);
}
#header-adwords.mobile .container ul.bullets li {
list-style: none;
list-style-type: none;
margin-bottom: 12px;
display: flex;
align-items: center;
gap: 1rem;
font-size: 15px;
}
#fixed-contact.adwords-active {
display: flex;
bottom: unset;
top: 4px !important;
z-index: 100099901;
position: fixed;
bottom: 30px;
right: 30px;
width: 46px;
height: 46px;
z-index: 100001;
}
#plusvalues-adwords .container .h2 {
font-size: 42px;
line-height: 43px;
text-align: left;
max-width: unset;
}
#plusvalues-adwords .container p {
font-size: 18px;
line-height: 22px;
text-align: left;
max-width: unset;
}
#plusvalues-adwords .container .img-container {
border-radius: 30px;
}
#plusvalues-adwords .container .values-container {
flex-wrap: wrap;
}
#plusvalues-adwords .container .values-container .col {
padding: 25px;
width: 100%;
border-radius: 30px;
}
#plusvalues-adwords .container .values-container .col .h3 {
font-size: 32px;
font-weight: 500;
}
#plusvalues-adwords .container .values-container .col .h3 img {
width: 35px;
height: 35px;
}
#plusvalues-adwords .container .values-container .col p {
font-size: 18px;
line-height: 22px;
}
#tarifs-adwords {
padding: 70px 20px;
}
#tarifs-adwords .container {
padding: 0;
background-color: transparent;
}
#tarifs-adwords .container .formulaire-etapes .etape-content {
padding: 0;
}
#tarifs-adwords .container .formulaire-etapes .etape-content.active .text, #tarifs-adwords .container .formulaire-container .etapes-suivi {
background-color: #F0F0F0;
}
#tarifs-adwords .container .formulaire-container .formulaire-etapes .etape-content.active > .installation-selection .content.text {
background-color: transparent !important;
}
#realisations-adwords .container > .titre {
flex-direction: column;
}
#realisations-adwords .container > .titre h2, #realisations-adwords .container > .titre p {
width: 100% !important;
}
#realisations-adwords .container .realisations-container .realisation {
flex-direction: column;
}
#realisations-adwords .container .realisations-container .realisation .card:nth-child(2) {
padding: 20px;
}
}
@media screen and (max-width: 740px) {
#tarifs-adwords .container .formulaire-container .formulaire-etapes .etape-content.active .content {
width: 100%;
max-width: 100%;
}
#tarifs-adwords .container .formulaire-container .formulaire-etapes .etape-content.active .content.black, #tarifs-adwords .container .formulaire-container .formulaire-etapes .etape-content.active .content.white, #tarifs-adwords .container .formulaire-container .formulaire-etapes .etape-content.active .content.yellow {
width: 100%;
}
}
@media screen and (max-width: 500px) {
#header-adwords.mobile .container .h1 {
font-size: 38px;
line-height: 46px;
}
#header-adwords.mobile .container ul.bullets li {
font-size: 14px;
}
#plusvalues-adwords .container .h2 {
font-size: 42px;
line-height: 43px;
text-align: left;
max-width: unset;
}
#plusvalues-adwords .container p {
font-size: 18px;
line-height: 22px;
text-align: left;
max-width: unset;
}
#plusvalues-adwords .container .values-container {
flex-wrap: wrap;
}
#plusvalues-adwords .container .values-container .col {
padding: 20px;
width: 100%;
border-radius: 30px;
}
#plusvalues-adwords .container .values-container .col .h3 {
font-size: 25px;
font-weight: 500;
}
#plusvalues-adwords .container .values-container .col .h3 img {
width: 35px;
height: 35px;
}
#plusvalues-adwords .container .values-container .col p {
font-size: 16px;
line-height: 21px;
}
#tarifs-adwords .container .formulaire-etapes .etape-content.active .inputgroupinfos {
flex-direction: column;
gap: 1rem;
}
#tarifs-adwords .container .formulaire-etapes .etape-content.active .inputgroupinfos .inputgroup {
width: 100%;
}
#tarifs-adwords .container .formulaire-container .etapes-container .etapes-suivi {
padding: 0;
margin-bottom: 10px;
display: flex;
flex-direction: row;
flex-wrap: wrap;
justify-content: flex-start;
gap: 0.25rem;
}
#tarifs-adwords .container .formulaire-container .etapes-container .etapes-suivi .etape {
width: 31%;
max-width: 31%;
justify-content: flex-start;
align-items: flex-start;
gap: 0.2rem;
}
#tarifs-adwords .container .formulaire-container .etapes-container .etapes-suivi > .sous-titre {
width: 100%;
}
#tarifs-adwords .container .formulaire-container .etapes-container .etapes-suivi .etape .text .titre {
font-size: 15px;
}
#tarifs-adwords .container .formulaire-container .etapes-container .etapes-suivi .etape .text .sous-titre {
font-size: 11px;
white-space: wrap;
}
#tarifs-adwords .container .formulaire-container .etapes-container .etapes-suivi .etape .numero {
width: 16px;
height: 16px;
min-width: 23px;
min-height: 23px;
font-size: 15px;
}
#tarifs-adwords .container .formulaire-container .etapes-container {
flex-direction: column;
}
#tarifs-adwords .container .formulaire-container .formulaire-etapes .etape-content.active > .text {
flex-direction: column;
}
#tarifs-adwords .container .formulaire-container .formulaire-etapes .etape-content.active > .text .h3, #tarifs-adwords .container .formulaire-container .formulaire-etapes .etape-content.active > .text p {
width: 100%;
max-width: 100%;
}
#tarifs-adwords .container .formulaire-container .formulaire-etapes .etape-content.active > .text .h3 {
margin-bottom: 12px;
}
#tarifs-adwords .container .formulaire-container .etapes-container .infos-offres {
display: none !important;
}
#tarifs-adwords .container .formulaire-container .formulaire-etapes .etape-content:nth-child(1) .text {
display: none !important;
}
}.entete-catalogue .container:nth-child(1) {
padding: 150px 0;
}
.entete-catalogue .container:nth-child(1) h1 {
text-align: center;
}
.entete-catalogue .container:nth-child(2) {
margin-top: 40px;
display: flex;
justify-content: space-between;
align-items: flex-end;
}
.entete-catalogue .container:nth-child(2) .filtre {
border-radius: 60px;
background-color: #F1D757;
display: flex;
justify-content: space-between;
width: auto;
}
.entete-catalogue .container:nth-child(2) .filtre > p {
max-width: 50%;
}
.entete-catalogue .container:nth-child(2) .filtre form {
display: flex;
flex-direction: column;
justify-content: flex-end;
margin-left: 70px;
}
.entete-catalogue .container:nth-child(2) .filtre form label {
font-size: 14px;
font-weight: 500;
margin-bottom: 10px;
padding-left: 2px;
}
.entete-catalogue .container:nth-child(2) .filtre form select {
width: 380px;
border-radius: 100px;
font-size: 16px;
font-weight: 500;
font-family: Outfit;
padding: 12px 17px 13px;
border-radius: 50px;
border: 1px solid #282E3F;
background-color: transparent;
color: rgba(0, 0, 0, 0.5333333333) !important;
}
.archive-content {
margin-top: 50px;
padding-bottom: 100px;
}
.archive-content ul.projets {
display: flex;
flex-wrap: wrap;
gap: 2rem;
}
.archive-content ul.projets li {
width: calc(33% - 2rem);
}
.archive-content ul.projets li .projet.catalogue .h3.orange {
font-size: 30px;
}
@media screen and (max-width: 1400px) {
ul.projets li .projet.catalogue .col-bot h3 {
font-size: 25px;
}
}
@media screen and (max-width: 1100px) {
.archive-content ul.projets li {
width: calc(50% - 1rem);
}
}
@media screen and (max-width: 950px) {
.entete-catalogue .container:nth-child(2) {
flex-direction: column-reverse;
align-items: flex-start;
gap: 2rem;
}
.entete-catalogue .container:nth-child(2) .filtre {
width: 100%;
}
}
@media screen and (max-width: 770px) {
.entete-catalogue .container:nth-child(1) {
padding: 100px 0 75px;
}
.entete-catalogue .container:nth-child(2) .filtre form select {
width: 250px;
}
.archive-content ul.projets li {
width: 100%;
}
}
@media screen and (max-width: 580px) {
.entete-catalogue .container:nth-child(2) .filtre {
flex-direction: column;
align-items: flex-start;
gap: 2rem;
}
.entete-catalogue .container:nth-child(2) .filtre form {
margin-left: 0;
}
}
@media screen and (max-width: 500px) {
.archive-content:not(.realisation) ul.projets {
flex-direction: column;
}
.entete-catalogue .container:nth-child(2) .filtre form select {
width: 100%;
}
}
 @import url("https://fonts.googleapis.com/css2?family=Cabin:ital,wght@0,400..700;1,400..700&family=Outfit:wght@100..900&display=swap");
.font-primary {
font-family: "Outfit", sans-serif;
font-weight: 400;
}
* {
box-sizing: border-box;
margin: 0;
padding: 0;
}
html {
margin-top: 0px !important;
}
main {
opacity: 0;
}
body {
background: #F7F7F7;
overflow-x: clip;
font-family: "Outfit", sans-serif;
font-weight: 400;
}
body::-webkit-scrollbar {
width: 0.3vw;
background-color: #F7F7F7;
-webkit-transition: 0.6s cubic-bezier(0.85, 0, 0.15, 1);
transition: 0.6s cubic-bezier(0.85, 0, 0.15, 1);
}
body::-webkit-scrollbar-thumb {
width: 100%;
background-color: #282E3F;
-webkit-transition: 0.6s cubic-bezier(0.85, 0, 0.15, 1);
transition: 0.6s cubic-bezier(0.85, 0, 0.15, 1);
}
.container {
width: 100%;
margin: auto;
padding: 0 45px;
}
.font-extrathin {
font-weight: 100;
}
.font-thin {
font-weight: 200;
}
.font-light {
font-weight: 300;
}
.font-regular {
font-weight: 400;
}
.font-medium {
font-weight: 500;
}
.font-semibold {
font-weight: 600;
}
.font-bold {
font-weight: 700;
}
.font-extrabold {
font-weight: 800;
}
.font-black {
font-weight: 900;
}
strong.orange {
color: #F1D757;
font-weight: 500;
}
strong {
font-weight: 500;
}
.padding-1 {
padding: 1px;
}
.lpadding-1 {
padding-left: 1px;
}
.tpadding-1 {
padding-top: 1px;
}
.rpadding-1 {
padding-right: 1px;
}
.bpadding-1 {
padding-bottom: 1px;
}
.bradius-1 {
border-radius: 1px;
}
.padding-2 {
padding: 2px;
}
.lpadding-2 {
padding-left: 2px;
}
.tpadding-2 {
padding-top: 2px;
}
.rpadding-2 {
padding-right: 2px;
}
.bpadding-2 {
padding-bottom: 2px;
}
.bradius-2 {
border-radius: 2px;
}
.padding-3 {
padding: 3px;
}
.lpadding-3 {
padding-left: 3px;
}
.tpadding-3 {
padding-top: 3px;
}
.rpadding-3 {
padding-right: 3px;
}
.bpadding-3 {
padding-bottom: 3px;
}
.bradius-3 {
border-radius: 3px;
}
.padding-4 {
padding: 4px;
}
.lpadding-4 {
padding-left: 4px;
}
.tpadding-4 {
padding-top: 4px;
}
.rpadding-4 {
padding-right: 4px;
}
.bpadding-4 {
padding-bottom: 4px;
}
.bradius-4 {
border-radius: 4px;
}
.padding-5 {
padding: 5px;
}
.lpadding-5 {
padding-left: 5px;
}
.tpadding-5 {
padding-top: 5px;
}
.rpadding-5 {
padding-right: 5px;
}
.bpadding-5 {
padding-bottom: 5px;
}
.bradius-5 {
border-radius: 5px;
}
.padding-6 {
padding: 6px;
}
.lpadding-6 {
padding-left: 6px;
}
.tpadding-6 {
padding-top: 6px;
}
.rpadding-6 {
padding-right: 6px;
}
.bpadding-6 {
padding-bottom: 6px;
}
.bradius-6 {
border-radius: 6px;
}
.padding-7 {
padding: 7px;
}
.lpadding-7 {
padding-left: 7px;
}
.tpadding-7 {
padding-top: 7px;
}
.rpadding-7 {
padding-right: 7px;
}
.bpadding-7 {
padding-bottom: 7px;
}
.bradius-7 {
border-radius: 7px;
}
.padding-8 {
padding: 8px;
}
.lpadding-8 {
padding-left: 8px;
}
.tpadding-8 {
padding-top: 8px;
}
.rpadding-8 {
padding-right: 8px;
}
.bpadding-8 {
padding-bottom: 8px;
}
.bradius-8 {
border-radius: 8px;
}
.padding-9 {
padding: 9px;
}
.lpadding-9 {
padding-left: 9px;
}
.tpadding-9 {
padding-top: 9px;
}
.rpadding-9 {
padding-right: 9px;
}
.bpadding-9 {
padding-bottom: 9px;
}
.bradius-9 {
border-radius: 9px;
}
.padding-10 {
padding: 10px;
}
.lpadding-10 {
padding-left: 10px;
}
.tpadding-10 {
padding-top: 10px;
}
.rpadding-10 {
padding-right: 10px;
}
.bpadding-10 {
padding-bottom: 10px;
}
.bradius-10 {
border-radius: 10px;
}
.padding-11 {
padding: 11px;
}
.lpadding-11 {
padding-left: 11px;
}
.tpadding-11 {
padding-top: 11px;
}
.rpadding-11 {
padding-right: 11px;
}
.bpadding-11 {
padding-bottom: 11px;
}
.bradius-11 {
border-radius: 11px;
}
.padding-12 {
padding: 12px;
}
.lpadding-12 {
padding-left: 12px;
}
.tpadding-12 {
padding-top: 12px;
}
.rpadding-12 {
padding-right: 12px;
}
.bpadding-12 {
padding-bottom: 12px;
}
.bradius-12 {
border-radius: 12px;
}
.padding-13 {
padding: 13px;
}
.lpadding-13 {
padding-left: 13px;
}
.tpadding-13 {
padding-top: 13px;
}
.rpadding-13 {
padding-right: 13px;
}
.bpadding-13 {
padding-bottom: 13px;
}
.bradius-13 {
border-radius: 13px;
}
.padding-14 {
padding: 14px;
}
.lpadding-14 {
padding-left: 14px;
}
.tpadding-14 {
padding-top: 14px;
}
.rpadding-14 {
padding-right: 14px;
}
.bpadding-14 {
padding-bottom: 14px;
}
.bradius-14 {
border-radius: 14px;
}
.padding-15 {
padding: 15px;
}
.lpadding-15 {
padding-left: 15px;
}
.tpadding-15 {
padding-top: 15px;
}
.rpadding-15 {
padding-right: 15px;
}
.bpadding-15 {
padding-bottom: 15px;
}
.bradius-15 {
border-radius: 15px;
}
.padding-16 {
padding: 16px;
}
.lpadding-16 {
padding-left: 16px;
}
.tpadding-16 {
padding-top: 16px;
}
.rpadding-16 {
padding-right: 16px;
}
.bpadding-16 {
padding-bottom: 16px;
}
.bradius-16 {
border-radius: 16px;
}
.padding-17 {
padding: 17px;
}
.lpadding-17 {
padding-left: 17px;
}
.tpadding-17 {
padding-top: 17px;
}
.rpadding-17 {
padding-right: 17px;
}
.bpadding-17 {
padding-bottom: 17px;
}
.bradius-17 {
border-radius: 17px;
}
.padding-18 {
padding: 18px;
}
.lpadding-18 {
padding-left: 18px;
}
.tpadding-18 {
padding-top: 18px;
}
.rpadding-18 {
padding-right: 18px;
}
.bpadding-18 {
padding-bottom: 18px;
}
.bradius-18 {
border-radius: 18px;
}
.padding-19 {
padding: 19px;
}
.lpadding-19 {
padding-left: 19px;
}
.tpadding-19 {
padding-top: 19px;
}
.rpadding-19 {
padding-right: 19px;
}
.bpadding-19 {
padding-bottom: 19px;
}
.bradius-19 {
border-radius: 19px;
}
.padding-20 {
padding: 20px;
}
.lpadding-20 {
padding-left: 20px;
}
.tpadding-20 {
padding-top: 20px;
}
.rpadding-20 {
padding-right: 20px;
}
.bpadding-20 {
padding-bottom: 20px;
}
.bradius-20 {
border-radius: 20px;
}
.padding-21 {
padding: 21px;
}
.lpadding-21 {
padding-left: 21px;
}
.tpadding-21 {
padding-top: 21px;
}
.rpadding-21 {
padding-right: 21px;
}
.bpadding-21 {
padding-bottom: 21px;
}
.bradius-21 {
border-radius: 21px;
}
.padding-22 {
padding: 22px;
}
.lpadding-22 {
padding-left: 22px;
}
.tpadding-22 {
padding-top: 22px;
}
.rpadding-22 {
padding-right: 22px;
}
.bpadding-22 {
padding-bottom: 22px;
}
.bradius-22 {
border-radius: 22px;
}
.padding-23 {
padding: 23px;
}
.lpadding-23 {
padding-left: 23px;
}
.tpadding-23 {
padding-top: 23px;
}
.rpadding-23 {
padding-right: 23px;
}
.bpadding-23 {
padding-bottom: 23px;
}
.bradius-23 {
border-radius: 23px;
}
.padding-24 {
padding: 24px;
}
.lpadding-24 {
padding-left: 24px;
}
.tpadding-24 {
padding-top: 24px;
}
.rpadding-24 {
padding-right: 24px;
}
.bpadding-24 {
padding-bottom: 24px;
}
.bradius-24 {
border-radius: 24px;
}
.padding-25 {
padding: 25px;
}
.lpadding-25 {
padding-left: 25px;
}
.tpadding-25 {
padding-top: 25px;
}
.rpadding-25 {
padding-right: 25px;
}
.bpadding-25 {
padding-bottom: 25px;
}
.bradius-25 {
border-radius: 25px;
}
.padding-26 {
padding: 26px;
}
.lpadding-26 {
padding-left: 26px;
}
.tpadding-26 {
padding-top: 26px;
}
.rpadding-26 {
padding-right: 26px;
}
.bpadding-26 {
padding-bottom: 26px;
}
.bradius-26 {
border-radius: 26px;
}
.padding-27 {
padding: 27px;
}
.lpadding-27 {
padding-left: 27px;
}
.tpadding-27 {
padding-top: 27px;
}
.rpadding-27 {
padding-right: 27px;
}
.bpadding-27 {
padding-bottom: 27px;
}
.bradius-27 {
border-radius: 27px;
}
.padding-28 {
padding: 28px;
}
.lpadding-28 {
padding-left: 28px;
}
.tpadding-28 {
padding-top: 28px;
}
.rpadding-28 {
padding-right: 28px;
}
.bpadding-28 {
padding-bottom: 28px;
}
.bradius-28 {
border-radius: 28px;
}
.padding-29 {
padding: 29px;
}
.lpadding-29 {
padding-left: 29px;
}
.tpadding-29 {
padding-top: 29px;
}
.rpadding-29 {
padding-right: 29px;
}
.bpadding-29 {
padding-bottom: 29px;
}
.bradius-29 {
border-radius: 29px;
}
.padding-30 {
padding: 30px;
}
.lpadding-30 {
padding-left: 30px;
}
.tpadding-30 {
padding-top: 30px;
}
.rpadding-30 {
padding-right: 30px;
}
.bpadding-30 {
padding-bottom: 30px;
}
.bradius-30 {
border-radius: 30px;
}
.padding-31 {
padding: 31px;
}
.lpadding-31 {
padding-left: 31px;
}
.tpadding-31 {
padding-top: 31px;
}
.rpadding-31 {
padding-right: 31px;
}
.bpadding-31 {
padding-bottom: 31px;
}
.bradius-31 {
border-radius: 31px;
}
.padding-32 {
padding: 32px;
}
.lpadding-32 {
padding-left: 32px;
}
.tpadding-32 {
padding-top: 32px;
}
.rpadding-32 {
padding-right: 32px;
}
.bpadding-32 {
padding-bottom: 32px;
}
.bradius-32 {
border-radius: 32px;
}
.padding-33 {
padding: 33px;
}
.lpadding-33 {
padding-left: 33px;
}
.tpadding-33 {
padding-top: 33px;
}
.rpadding-33 {
padding-right: 33px;
}
.bpadding-33 {
padding-bottom: 33px;
}
.bradius-33 {
border-radius: 33px;
}
.padding-34 {
padding: 34px;
}
.lpadding-34 {
padding-left: 34px;
}
.tpadding-34 {
padding-top: 34px;
}
.rpadding-34 {
padding-right: 34px;
}
.bpadding-34 {
padding-bottom: 34px;
}
.bradius-34 {
border-radius: 34px;
}
.padding-35 {
padding: 35px;
}
.lpadding-35 {
padding-left: 35px;
}
.tpadding-35 {
padding-top: 35px;
}
.rpadding-35 {
padding-right: 35px;
}
.bpadding-35 {
padding-bottom: 35px;
}
.bradius-35 {
border-radius: 35px;
}
.padding-36 {
padding: 36px;
}
.lpadding-36 {
padding-left: 36px;
}
.tpadding-36 {
padding-top: 36px;
}
.rpadding-36 {
padding-right: 36px;
}
.bpadding-36 {
padding-bottom: 36px;
}
.bradius-36 {
border-radius: 36px;
}
.padding-37 {
padding: 37px;
}
.lpadding-37 {
padding-left: 37px;
}
.tpadding-37 {
padding-top: 37px;
}
.rpadding-37 {
padding-right: 37px;
}
.bpadding-37 {
padding-bottom: 37px;
}
.bradius-37 {
border-radius: 37px;
}
.padding-38 {
padding: 38px;
}
.lpadding-38 {
padding-left: 38px;
}
.tpadding-38 {
padding-top: 38px;
}
.rpadding-38 {
padding-right: 38px;
}
.bpadding-38 {
padding-bottom: 38px;
}
.bradius-38 {
border-radius: 38px;
}
.padding-39 {
padding: 39px;
}
.lpadding-39 {
padding-left: 39px;
}
.tpadding-39 {
padding-top: 39px;
}
.rpadding-39 {
padding-right: 39px;
}
.bpadding-39 {
padding-bottom: 39px;
}
.bradius-39 {
border-radius: 39px;
}
.padding-40 {
padding: 40px;
}
.lpadding-40 {
padding-left: 40px;
}
.tpadding-40 {
padding-top: 40px;
}
.rpadding-40 {
padding-right: 40px;
}
.bpadding-40 {
padding-bottom: 40px;
}
.bradius-40 {
border-radius: 40px;
}
.padding-41 {
padding: 41px;
}
.lpadding-41 {
padding-left: 41px;
}
.tpadding-41 {
padding-top: 41px;
}
.rpadding-41 {
padding-right: 41px;
}
.bpadding-41 {
padding-bottom: 41px;
}
.bradius-41 {
border-radius: 41px;
}
.padding-42 {
padding: 42px;
}
.lpadding-42 {
padding-left: 42px;
}
.tpadding-42 {
padding-top: 42px;
}
.rpadding-42 {
padding-right: 42px;
}
.bpadding-42 {
padding-bottom: 42px;
}
.bradius-42 {
border-radius: 42px;
}
.padding-43 {
padding: 43px;
}
.lpadding-43 {
padding-left: 43px;
}
.tpadding-43 {
padding-top: 43px;
}
.rpadding-43 {
padding-right: 43px;
}
.bpadding-43 {
padding-bottom: 43px;
}
.bradius-43 {
border-radius: 43px;
}
.padding-44 {
padding: 44px;
}
.lpadding-44 {
padding-left: 44px;
}
.tpadding-44 {
padding-top: 44px;
}
.rpadding-44 {
padding-right: 44px;
}
.bpadding-44 {
padding-bottom: 44px;
}
.bradius-44 {
border-radius: 44px;
}
.padding-45 {
padding: 45px;
}
.lpadding-45 {
padding-left: 45px;
}
.tpadding-45 {
padding-top: 45px;
}
.rpadding-45 {
padding-right: 45px;
}
.bpadding-45 {
padding-bottom: 45px;
}
.bradius-45 {
border-radius: 45px;
}
.padding-46 {
padding: 46px;
}
.lpadding-46 {
padding-left: 46px;
}
.tpadding-46 {
padding-top: 46px;
}
.rpadding-46 {
padding-right: 46px;
}
.bpadding-46 {
padding-bottom: 46px;
}
.bradius-46 {
border-radius: 46px;
}
.padding-47 {
padding: 47px;
}
.lpadding-47 {
padding-left: 47px;
}
.tpadding-47 {
padding-top: 47px;
}
.rpadding-47 {
padding-right: 47px;
}
.bpadding-47 {
padding-bottom: 47px;
}
.bradius-47 {
border-radius: 47px;
}
.padding-48 {
padding: 48px;
}
.lpadding-48 {
padding-left: 48px;
}
.tpadding-48 {
padding-top: 48px;
}
.rpadding-48 {
padding-right: 48px;
}
.bpadding-48 {
padding-bottom: 48px;
}
.bradius-48 {
border-radius: 48px;
}
.padding-49 {
padding: 49px;
}
.lpadding-49 {
padding-left: 49px;
}
.tpadding-49 {
padding-top: 49px;
}
.rpadding-49 {
padding-right: 49px;
}
.bpadding-49 {
padding-bottom: 49px;
}
.bradius-49 {
border-radius: 49px;
}
.padding-50 {
padding: 50px;
}
.lpadding-50 {
padding-left: 50px;
}
.tpadding-50 {
padding-top: 50px;
}
.rpadding-50 {
padding-right: 50px;
}
.bpadding-50 {
padding-bottom: 50px;
}
.bradius-50 {
border-radius: 50px;
}
.font-1 {
font-size: 1px;
}
.width-1 {
width: 1%;
}
.height-1 {
height: 1%;
}
.font-2 {
font-size: 2px;
}
.width-2 {
width: 2%;
}
.height-2 {
height: 2%;
}
.font-3 {
font-size: 3px;
}
.width-3 {
width: 3%;
}
.height-3 {
height: 3%;
}
.font-4 {
font-size: 4px;
}
.width-4 {
width: 4%;
}
.height-4 {
height: 4%;
}
.font-5 {
font-size: 5px;
}
.width-5 {
width: 5%;
}
.height-5 {
height: 5%;
}
.font-6 {
font-size: 6px;
}
.width-6 {
width: 6%;
}
.height-6 {
height: 6%;
}
.font-7 {
font-size: 7px;
}
.width-7 {
width: 7%;
}
.height-7 {
height: 7%;
}
.font-8 {
font-size: 8px;
}
.width-8 {
width: 8%;
}
.height-8 {
height: 8%;
}
.font-9 {
font-size: 9px;
}
.width-9 {
width: 9%;
}
.height-9 {
height: 9%;
}
.font-10 {
font-size: 10px;
}
.width-10 {
width: 10%;
}
.height-10 {
height: 10%;
}
.font-11 {
font-size: 11px;
}
.width-11 {
width: 11%;
}
.height-11 {
height: 11%;
}
.font-12 {
font-size: 12px;
}
.width-12 {
width: 12%;
}
.height-12 {
height: 12%;
}
.font-13 {
font-size: 13px;
}
.width-13 {
width: 13%;
}
.height-13 {
height: 13%;
}
.font-14 {
font-size: 14px;
}
.width-14 {
width: 14%;
}
.height-14 {
height: 14%;
}
.font-15 {
font-size: 15px;
}
.width-15 {
width: 15%;
}
.height-15 {
height: 15%;
}
.font-16 {
font-size: 16px;
}
.width-16 {
width: 16%;
}
.height-16 {
height: 16%;
}
.font-17 {
font-size: 17px;
}
.width-17 {
width: 17%;
}
.height-17 {
height: 17%;
}
.font-18 {
font-size: 18px;
}
.width-18 {
width: 18%;
}
.height-18 {
height: 18%;
}
.font-19 {
font-size: 19px;
}
.width-19 {
width: 19%;
}
.height-19 {
height: 19%;
}
.font-20 {
font-size: 20px;
}
.width-20 {
width: 20%;
}
.height-20 {
height: 20%;
}
.font-21 {
font-size: 21px;
}
.width-21 {
width: 21%;
}
.height-21 {
height: 21%;
}
.font-22 {
font-size: 22px;
}
.width-22 {
width: 22%;
}
.height-22 {
height: 22%;
}
.font-23 {
font-size: 23px;
}
.width-23 {
width: 23%;
}
.height-23 {
height: 23%;
}
.font-24 {
font-size: 24px;
}
.width-24 {
width: 24%;
}
.height-24 {
height: 24%;
}
.font-25 {
font-size: 25px;
}
.width-25 {
width: 25%;
}
.height-25 {
height: 25%;
}
.font-26 {
font-size: 26px;
}
.width-26 {
width: 26%;
}
.height-26 {
height: 26%;
}
.font-27 {
font-size: 27px;
}
.width-27 {
width: 27%;
}
.height-27 {
height: 27%;
}
.font-28 {
font-size: 28px;
}
.width-28 {
width: 28%;
}
.height-28 {
height: 28%;
}
.font-29 {
font-size: 29px;
}
.width-29 {
width: 29%;
}
.height-29 {
height: 29%;
}
.font-30 {
font-size: 30px;
}
.width-30 {
width: 30%;
}
.height-30 {
height: 30%;
}
.font-31 {
font-size: 31px;
}
.width-31 {
width: 31%;
}
.height-31 {
height: 31%;
}
.font-32 {
font-size: 32px;
}
.width-32 {
width: 32%;
}
.height-32 {
height: 32%;
}
.font-33 {
font-size: 33px;
}
.width-33 {
width: 33%;
}
.height-33 {
height: 33%;
}
.font-34 {
font-size: 34px;
}
.width-34 {
width: 34%;
}
.height-34 {
height: 34%;
}
.font-35 {
font-size: 35px;
}
.width-35 {
width: 35%;
}
.height-35 {
height: 35%;
}
.font-36 {
font-size: 36px;
}
.width-36 {
width: 36%;
}
.height-36 {
height: 36%;
}
.font-37 {
font-size: 37px;
}
.width-37 {
width: 37%;
}
.height-37 {
height: 37%;
}
.font-38 {
font-size: 38px;
}
.width-38 {
width: 38%;
}
.height-38 {
height: 38%;
}
.font-39 {
font-size: 39px;
}
.width-39 {
width: 39%;
}
.height-39 {
height: 39%;
}
.font-40 {
font-size: 40px;
}
.width-40 {
width: 40%;
}
.height-40 {
height: 40%;
}
.font-41 {
font-size: 41px;
}
.width-41 {
width: 41%;
}
.height-41 {
height: 41%;
}
.font-42 {
font-size: 42px;
}
.width-42 {
width: 42%;
}
.height-42 {
height: 42%;
}
.font-43 {
font-size: 43px;
}
.width-43 {
width: 43%;
}
.height-43 {
height: 43%;
}
.font-44 {
font-size: 44px;
}
.width-44 {
width: 44%;
}
.height-44 {
height: 44%;
}
.font-45 {
font-size: 45px;
}
.width-45 {
width: 45%;
}
.height-45 {
height: 45%;
}
.font-46 {
font-size: 46px;
}
.width-46 {
width: 46%;
}
.height-46 {
height: 46%;
}
.font-47 {
font-size: 47px;
}
.width-47 {
width: 47%;
}
.height-47 {
height: 47%;
}
.font-48 {
font-size: 48px;
}
.width-48 {
width: 48%;
}
.height-48 {
height: 48%;
}
.font-49 {
font-size: 49px;
}
.width-49 {
width: 49%;
}
.height-49 {
height: 49%;
}
.font-50 {
font-size: 50px;
}
.width-50 {
width: 50%;
}
.height-50 {
height: 50%;
}
.font-51 {
font-size: 51px;
}
.width-51 {
width: 51%;
}
.height-51 {
height: 51%;
}
.font-52 {
font-size: 52px;
}
.width-52 {
width: 52%;
}
.height-52 {
height: 52%;
}
.font-53 {
font-size: 53px;
}
.width-53 {
width: 53%;
}
.height-53 {
height: 53%;
}
.font-54 {
font-size: 54px;
}
.width-54 {
width: 54%;
}
.height-54 {
height: 54%;
}
.font-55 {
font-size: 55px;
}
.width-55 {
width: 55%;
}
.height-55 {
height: 55%;
}
.font-56 {
font-size: 56px;
}
.width-56 {
width: 56%;
}
.height-56 {
height: 56%;
}
.font-57 {
font-size: 57px;
}
.width-57 {
width: 57%;
}
.height-57 {
height: 57%;
}
.font-58 {
font-size: 58px;
}
.width-58 {
width: 58%;
}
.height-58 {
height: 58%;
}
.font-59 {
font-size: 59px;
}
.width-59 {
width: 59%;
}
.height-59 {
height: 59%;
}
.font-60 {
font-size: 60px;
}
.width-60 {
width: 60%;
}
.height-60 {
height: 60%;
}
.font-61 {
font-size: 61px;
}
.width-61 {
width: 61%;
}
.height-61 {
height: 61%;
}
.font-62 {
font-size: 62px;
}
.width-62 {
width: 62%;
}
.height-62 {
height: 62%;
}
.font-63 {
font-size: 63px;
}
.width-63 {
width: 63%;
}
.height-63 {
height: 63%;
}
.font-64 {
font-size: 64px;
}
.width-64 {
width: 64%;
}
.height-64 {
height: 64%;
}
.font-65 {
font-size: 65px;
}
.width-65 {
width: 65%;
}
.height-65 {
height: 65%;
}
.font-66 {
font-size: 66px;
}
.width-66 {
width: 66%;
}
.height-66 {
height: 66%;
}
.font-67 {
font-size: 67px;
}
.width-67 {
width: 67%;
}
.height-67 {
height: 67%;
}
.font-68 {
font-size: 68px;
}
.width-68 {
width: 68%;
}
.height-68 {
height: 68%;
}
.font-69 {
font-size: 69px;
}
.width-69 {
width: 69%;
}
.height-69 {
height: 69%;
}
.font-70 {
font-size: 70px;
}
.width-70 {
width: 70%;
}
.height-70 {
height: 70%;
}
.font-71 {
font-size: 71px;
}
.width-71 {
width: 71%;
}
.height-71 {
height: 71%;
}
.font-72 {
font-size: 72px;
}
.width-72 {
width: 72%;
}
.height-72 {
height: 72%;
}
.font-73 {
font-size: 73px;
}
.width-73 {
width: 73%;
}
.height-73 {
height: 73%;
}
.font-74 {
font-size: 74px;
}
.width-74 {
width: 74%;
}
.height-74 {
height: 74%;
}
.font-75 {
font-size: 75px;
}
.width-75 {
width: 75%;
}
.height-75 {
height: 75%;
}
.font-76 {
font-size: 76px;
}
.width-76 {
width: 76%;
}
.height-76 {
height: 76%;
}
.font-77 {
font-size: 77px;
}
.width-77 {
width: 77%;
}
.height-77 {
height: 77%;
}
.font-78 {
font-size: 78px;
}
.width-78 {
width: 78%;
}
.height-78 {
height: 78%;
}
.font-79 {
font-size: 79px;
}
.width-79 {
width: 79%;
}
.height-79 {
height: 79%;
}
.font-80 {
font-size: 80px;
}
.width-80 {
width: 80%;
}
.height-80 {
height: 80%;
}
.font-81 {
font-size: 81px;
}
.width-81 {
width: 81%;
}
.height-81 {
height: 81%;
}
.font-82 {
font-size: 82px;
}
.width-82 {
width: 82%;
}
.height-82 {
height: 82%;
}
.font-83 {
font-size: 83px;
}
.width-83 {
width: 83%;
}
.height-83 {
height: 83%;
}
.font-84 {
font-size: 84px;
}
.width-84 {
width: 84%;
}
.height-84 {
height: 84%;
}
.font-85 {
font-size: 85px;
}
.width-85 {
width: 85%;
}
.height-85 {
height: 85%;
}
.font-86 {
font-size: 86px;
}
.width-86 {
width: 86%;
}
.height-86 {
height: 86%;
}
.font-87 {
font-size: 87px;
}
.width-87 {
width: 87%;
}
.height-87 {
height: 87%;
}
.font-88 {
font-size: 88px;
}
.width-88 {
width: 88%;
}
.height-88 {
height: 88%;
}
.font-89 {
font-size: 89px;
}
.width-89 {
width: 89%;
}
.height-89 {
height: 89%;
}
.font-90 {
font-size: 90px;
}
.width-90 {
width: 90%;
}
.height-90 {
height: 90%;
}
.font-91 {
font-size: 91px;
}
.width-91 {
width: 91%;
}
.height-91 {
height: 91%;
}
.font-92 {
font-size: 92px;
}
.width-92 {
width: 92%;
}
.height-92 {
height: 92%;
}
.font-93 {
font-size: 93px;
}
.width-93 {
width: 93%;
}
.height-93 {
height: 93%;
}
.font-94 {
font-size: 94px;
}
.width-94 {
width: 94%;
}
.height-94 {
height: 94%;
}
.font-95 {
font-size: 95px;
}
.width-95 {
width: 95%;
}
.height-95 {
height: 95%;
}
.font-96 {
font-size: 96px;
}
.width-96 {
width: 96%;
}
.height-96 {
height: 96%;
}
.font-97 {
font-size: 97px;
}
.width-97 {
width: 97%;
}
.height-97 {
height: 97%;
}
.font-98 {
font-size: 98px;
}
.width-98 {
width: 98%;
}
.height-98 {
height: 98%;
}
.font-99 {
font-size: 99px;
}
.width-99 {
width: 99%;
}
.height-99 {
height: 99%;
}
.font-100 {
font-size: 100px;
}
.width-100 {
width: 100%;
}
.height-100 {
height: 100%;
}
.width-a {
width: auto;
}
.width-ft {
width: -moz-fit-content;
width: fit-content;
}
.height-a {
height: auto;
}
.height-ft {
height: -moz-fit-content;
height: fit-content;
}
span.surtitre {
font-weight: 300;
font-size: 20px;
color: #282E3F;
opacity: 0.75;
transform: translateY(0px);
}
.h1 {
font-family: "Outfit", sans-serif;
font-size: 130px;
font-weight: 400;
line-height: 120px;
color: #282E3F;
}
.h1 strong.orange {
color: #F1D757;
font-weight: 500;
}
.h1 strong.white {
color: #F7F7F7;
font-weight: 500;
}
.h2 {
font-family: "Outfit", sans-serif;
font-size: 65px;
font-weight: 400;
line-height: 120%;
margin-bottom: 25px;
color: #282E3F;
}
.h2 strong.orange {
color: #F1D757;
font-weight: 500;
}
.h2.strong {
font-weight: 500;
color: #282E3F;
}
.h3 {
font-family: "Outfit", sans-serif;
font-size: 45px;
font-weight: 500;
line-height: 120%;
color: #282E3F;
}
.h4 {
font-family: "Outfit", sans-serif;
font-size: 30px;
font-weight: 500;
line-height: 120%;
color: #282E3F;
}
p {
font-family: "Outfit", sans-serif;
font-size: 20px;
font-weight: 400;
line-height: 132%;
color: #282E3F;
}
ul {
padding-left: 20px;
}
ul li {
font-family: "Outfit", sans-serif;
font-size: 20px;
font-weight: 400;
line-height: 132%;
color: #282E3F;
}
a {
text-decoration: none;
font-family: "Outfit", sans-serif;
color: #282E3F;
}
.uppercase {
text-transform: uppercase;
}
.lowercase {
text-transform: lowercase;
}
.underline {
text-decoration: underline;
}
.fc-orange {
color: #F1D757;
}
.fc-white {
color: #F7F7F7;
}
.fc-black {
color: #282E3F;
}
.document-dl-rounded {
width: -moz-fit-content;
width: fit-content;
cursor: pointer;
border: 1px solid #282E3F;
outline: none;
text-decoration: none;
color: #282E3F;
background-color: transparent;
display: flex;
align-items: center;
font-size: 14px;
line-height: 14px;
font-weight: 500;
text-decoration: underline;
font-family: "Outfit";
padding: 10px 15px 11px;
border-radius: 50px;
text-decoration: none;
z-index: 3;
transition: color 0.65s cubic-bezier(0.19, 1, 0.22, 1), border 0.65s cubic-bezier(0.19, 1, 0.22, 1);
overflow: hidden;
}
.ville-rounded {
width: -moz-fit-content;
width: fit-content;
cursor: pointer;
border: 1px solid #F1D757;
outline: none;
text-decoration: none;
color: #282E3F;
background-color: #F1D757;
display: flex;
align-items: center;
font-size: 14px;
line-height: 14px;
font-weight: 500;
text-decoration: underline;
font-family: "Outfit";
padding: 12px 17px 13px;
border-radius: 50px;
text-decoration: none;
z-index: 3;
transition: color 0.65s cubic-bezier(0.19, 1, 0.22, 1), border 0.65s cubic-bezier(0.19, 1, 0.22, 1);
overflow: hidden;
}
.ville-rounded.black {
background-color: #282E3F;
border: 1px solid #282E3F;
color: #F7F7F7;
}
.ville-rounded.white {
background-color: #E9E9E9;
border: 1px solid #F7F7F7;
color: #282E3F;
}
#sendbutton,
.cta-primary {
width: -moz-fit-content;
width: fit-content;
cursor: pointer;
border: 1px solid #282E3F;
outline: none;
text-decoration: none;
color: #F7F7F7;
background-color: #282E3F;
display: flex;
align-items: center;
font-size: 18px;
font-weight: 500;
text-decoration: underline;
font-family: "Outfit" !important;
padding: 20px 26px 22px;
border-radius: 50px;
text-decoration: none;
z-index: 3;
transition: color 0.65s cubic-bezier(0.19, 1, 0.22, 1), border 0.65s cubic-bezier(0.19, 1, 0.22, 1);
overflow: hidden;
}
#sendbutton::after,
.cta-primary::after {
width: 12px;
height: 12px;
background-color: #F1D757;
content: "";
border-radius: 50px;
margin-left: 15px;
transform: translateY(2px);
z-index: 2;
transition: transform 0.75s cubic-bezier(0.19, 1, 0.22, 1), background-color 0.75s cubic-bezier(0.19, 1, 0.22, 1);
}
#sendbutton:hover,
.cta-primary:hover {
color: #F7F7F7;
border: 1px solid #282E3F;
}
#sendbutton:hover::after,
.cta-primary:hover::after {
transform-origin: center center;
transform: translateX(25px) translateY(2px) scale(5);
background-color: #F1D757;
}
.cta-primary.loading::after {
content: "";
width: 12px;
height: 12px;
border: 1px solid #f1d757; border-top: 1px solid transparent; border-radius: 50%;
margin-left: 15px;
transform: translateX(25px) translateY(2px) scale(4);
animation: spin 1s linear infinite; z-index: 2;
background-color: transparent !important;
transition: none; }
.cta-secondaire.loading::after {
content: "";
width: 12px;
height: 12px;
border: 1px solid #282E3F; border-top: 1px solid transparent; border-radius: 50%;
margin-left: 15px;
transform: translateX(25px) translateY(2px) scale(4);
animation: spin 1s linear infinite; z-index: 2;
background-color: transparent !important;
transition: none; } @keyframes spin {
0% {
transform: translateX(25px) translateY(2px) scale(4) rotate(0deg); }
100% {
transform: translateX(25px) translateY(2px) scale(4) rotate(360deg); }
}
.cta-secondaire {
width: -moz-fit-content;
width: fit-content;
cursor: pointer;
border: 1px solid #282E3F;
outline: none;
text-decoration: none;
color: #282E3F;
background-color: transparent;
display: flex;
align-items: center;
font-size: 18px;
font-weight: 500;
text-decoration: underline;
font-family: "Outfit" !important;
padding: 20px 26px 22px;
border-radius: 50px;
text-decoration: none;
z-index: 3;
transition: color 0.65s cubic-bezier(0.19, 1, 0.22, 1), border 0.65s cubic-bezier(0.19, 1, 0.22, 1);
overflow: hidden;
}
.cta-secondaire::after {
width: 12px;
height: 12px;
background-color: #282E3F;
content: "";
border-radius: 50px;
margin-left: 15px;
transform: translateY(2px);
z-index: 2;
transition: transform 0.75s cubic-bezier(0.19, 1, 0.22, 1), background-color 0.75s cubic-bezier(0.19, 1, 0.22, 1);
}
.cta-secondaire:hover {
color: #282E3F;
border: 1px solid #282E3F;
}
.cta-secondaire:hover::after {
transform-origin: center center;
transform: translateX(25px) translateY(2px) scale(5);
background-color: #282E3F;
}
.cta-orange {
width: -moz-fit-content;
width: fit-content;
cursor: pointer;
border: 1px solid #F0C245;
outline: none;
text-decoration: none;
color: #282E3F;
background-color: #F0C245;
display: flex;
align-items: center;
font-size: 18px;
font-weight: 500;
text-decoration: underline;
font-family: "Outfit" !important;
padding: 20px 26px 22px;
border-radius: 50px;
text-decoration: none;
z-index: 3;
transition: color 0.65s cubic-bezier(0.19, 1, 0.22, 1), border 0.65s cubic-bezier(0.19, 1, 0.22, 1);
overflow: hidden;
}
.cta-orange::after {
width: 12px;
height: 12px;
background-color: #282E3F;
content: "";
border-radius: 50px;
margin-left: 15px;
transform: translateY(2px);
z-index: 2;
transition: transform 0.75s cubic-bezier(0.19, 1, 0.22, 1), background-color 0.75s cubic-bezier(0.19, 1, 0.22, 1);
}
.cta-orange:hover {
color: #282E3F;
border: 1px solid #F0C245;
}
.cta-orange:hover::after {
transform-origin: center center;
transform: translateX(25px) translateY(2px) scale(5);
background-color: #282E3F;
}
.form-container {
display: flex;
width: 100%;
flex-wrap: wrap;
}
.form-container form {
width: 100%;
}
.form-container form .line {
width: 100%;
display: flex;
justify-content: space-between;
}
.form-container form .line label {
font-size: 15px;
font-weight: 700;
color: #282E3F;
}
.form-container form .line .row {
width: 100%;
}
.form-container form .line .halfrow {
width: 48%;
}
.form-container form .line input,
.form-container form .line input:not([type=submit]),
.form-container form .line textarea,
.form-container form .line select {
background: none;
border: none;
outline: none;
border-bottom: 1px #282E3F solid;
padding: 5px 0px;
margin: none;
transition: 0.6s cubic-bezier(0.83, 0, 0.17, 1);
font-size: 16px;
resize: vertical;
width: 100%;
opacity: 0.7;
font-family: "Outfit";
}
.form-container form .line input:focus,
.form-container form .line input:not([type=submit]):focus,
.form-container form .line textarea:focus,
.form-container form .line select:focus {
opacity: 1;
}
.form-container form .line input::-moz-placeholder, .form-container form .line input:not([type=submit])::-moz-placeholder, .form-container form .line textarea::-moz-placeholder, .form-container form .line select::-moz-placeholder {
opacity: 0.4;
font-family: "Outfit";
}
.form-container form .line input::placeholder,
.form-container form .line input:not([type=submit])::placeholder,
.form-container form .line textarea::placeholder,
.form-container form .line select::placeholder {
opacity: 0.4;
font-family: "Outfit";
}
#global-section {
padding-top: 150px;
}
#global-section .container {
max-width: 50%;
}
#global-section .container h1 {
margin-bottom: 70px;
margin-left: -6px;
}
#global-section .container h2 {
margin-left: -3px;
margin-bottom: 20px;
font-family: "Outfit", sans-serif;
font-size: 65px;
font-weight: 300;
line-height: 120%;
margin-bottom: 25px;
color: #282E3F;
}
#global-section .container h3 {
margin-bottom: 15px;
}
#global-section .container p {
font-size: 17px;
margin-bottom: 55px;
}
#global-section .container a {
font-size: 17px;
}
#fixed-contact {
position: fixed;
bottom: 30px;
right: 40px;
width: 58px;
height: 58px;
z-index: 100001;
}
#fixed-contact.adwords-active {
display: flex;
bottom: unset;
top: 13px;
z-index: 100099901;
}
#fixed-contact.adwords-active svg {
width: 58px;
height: 58px;
}
#fixed-contact svg {
width: 70px;
height: 70px;
}
header {
width: 100vw;
top: 0;
position: fixed;
height: 90px;
z-index: 9999999;
background-color: rgba(255, 255, 255, 0.1333333333);
backdrop-filter: blur(30px); -webkit-backdrop-filter: blur(30px); -webkit-clip-path: ellipse(190% 100% at 50% 0%);
clip-path: ellipse(190% 100% at 50% 0%);
}
header .telephone-header {
position: absolute;
right: 0;
left: 0;
margin: auto;
top: 0;
padding: 9px 15px;
width: -moz-fit-content;
width: fit-content;
background-color: #FFF3BA;
color: #282E3F;
border-bottom-left-radius: 15px;
border-bottom-right-radius: 15px;
display: flex;
flex-direction: row;
flex-wrap: nowrap;
align-items: center;
justify-content: center;
transform-origin: top center;
transition: 0.6s cubic-bezier(0.83, 0, 0.17, 1);
font-size: 19px;
}
header .telephone-header svg {
margin-right: 14px;
height: 18px;
width: auto;
transition: 0.6s cubic-bezier(0.83, 0, 0.17, 1);
}
header .telephone-header svg path {
fill: #282E3F;
}
header .telephone-header:hover {
font-size: 24px;
}
header .telephone-header:hover svg {
height: 20px;
margin-right: 19px;
}
header .container a.logo {
width: 180px;
}
header .container a.logo svg {
width: 100%;
height: auto;
}
header .container nav {
width: -moz-fit-content;
width: fit-content;
}
header .container nav ul {
display: flex;
align-items: center;
}
header .container nav ul li {
display: block;
margin-left: 15px;
}
header .container nav ul li.button-menu-primary {
padding: 0.3rem 0.8rem;
background-color: #FFF;
border-radius: 100px;
}
header .container nav ul li a {
color: #282E3F;
font-size: 15px;
font-weight: 500;
text-decoration: none;
display: block;
padding: 4px;
}
header .container .burger {
height: 24px;
width: 40px;
cursor: pointer;
}
header .container .burger .bar {
height: 4px;
background-color: #282E3F;
}
.menu-full {
background-color: #F7F7F7;
width: 100vw;
height: 0;
position: fixed;
top: 0;
left: 0;
z-index: 99999;
overflow: hidden;
}
.menu-full .container {
height: 100%;
}
.menu-full .container ul {
width: -moz-fit-content;
width: fit-content;
height: auto;
transform: translateY(-70px);
}
.menu-full .container ul li {
list-style: none;
margin-bottom: 0px;
}
.menu-full .container ul li a {
color: #282E3F;
font-size: 35px;
font-weight: 400;
text-decoration: none;
transition: 0.6s cubic-bezier(0.83, 0, 0.17, 1);
opacity: 0.7;
}
.menu-full .container ul li a:hover {
opacity: 1;
transform: translateX(10px);
}
.menu-full .container ul li.current_page_item a {
opacity: 1;
font-size: 40px;
}
footer {
width: 100vw;
position: relative;
z-index: 100000;
padding-top: 0;
}
footer .container {
background-color: #FFF;
border-radius: 60px;
display: flex;
flex-wrap: nowrap;
gap: 2rem;
}
footer .container a {
text-decoration: none;
color: #282E3F;
font-family: "Outfit", sans-serif;
font-size: 16px;
width: -moz-fit-content;
width: fit-content;
}
footer .container a.telephone-footer {
display: flex;
align-items: center;
}
footer .container a.telephone-footer svg {
height: 15px;
width: -moz-fit-content;
width: fit-content;
margin-right: 11px;
}
footer .container a.telephone-footer svg path {
fill: #282E3F;
}
footer .container .halfcol {
width: 50%;
display: flex;
justify-content: flex-start;
align-items: flex-start;
flex-wrap: wrap;
}
footer .container .halfcol .col {
width: 45%;
height: auto;
display: flex;
flex-direction: column;
}
footer .container .halfcol .col .notes {
display: flex;
gap: 0.3rem;
}
footer .container .halfcol .col .notes svg {
width: 20px;
height: 20px;
}
footer .container .halfcol .col .notes a {
font-size: 16px;
color: #282E3F;
margin-top: 13px;
display: block;
}
footer .container .halfcol .col .mentions {
margin-top: 95px;
margin-bottom: 5px;
text-align: left;
width: 100%;
transform: translateY(20px);
}
footer .container .halfcol .col ul {
padding: 0 !important;
}
footer .container .halfcol .col ul li {
list-style: none;
list-style-type: none;
}
footer .container .halfcol .col a {
margin-bottom: 20px;
}
footer .container .halfcol .col a.logo {
width: 230px;
height: auto;
}
footer .container .halfcol .col a.logo img {
width: 100%;
height: 100%;
}
.intro-text {
z-index: 5;
position: relative;
padding: 150px 0;
background-color: transparent;
}
.intro-text .container {
max-width: 75%;
opacity: 1;
transform: translateY(50px);
background-color: transparent;
}
.intro-text .container p {
text-align: center;
width: 100%;
font-size: 35px;
line-height: 140%;
}
.bandeau-photo {
width: 100%;
transform: translateY(5px);
}
.bandeau-photo .container {
width: 100%;
max-width: 75%;
-webkit-clip-path: ellipse(100% 95% at 50% 100%);
clip-path: ellipse(100% 95% at 50% 100%);
}
.bandeau-photo .container .img-container {
width: 100%;
height: 700px;
overflow: hidden;
border-bottom-left-radius: 25px;
border-bottom-right-radius: 25px;
}
.bandeau-photo .container .img-container img {
-o-object-fit: cover;
object-fit: cover;
} .cat-list {
display: flex;
margin: 30px 0;
}
.cat-list li {
list-style: none !important;
list-style-type: none !important;
}
.cat-list li .cat-list_item {
margin-right: 15px;
display: block;
padding: 12px 20px;
border-radius: 1000px;
background-color: #F7F7F7;
color: #282E3F;
opacity: 0.85;
transition: 0.4s ease-out;
}
.cat-list li .cat-list_item:hover {
color: #282E3F;
opacity: 1;
}
.cat-list li .cat-list_item.active {
opacity: 1;
background-color: #282E3F;
color: #F7F7F7;
}
.p-40 {
padding: 40px;
} ul.projets {
width: 100%;
padding: 0 !important;
}
ul.projets li {
list-style-type: none;
list-style: none;
width: 100%;
border-radius: 60px;
padding: 0 !important;
}
ul.projets li .projet {
width: 100%;
display: flex;
justify-content: space-between;
overflow: hidden;
border-radius: 60px;
background-color: #FFF;
position: relative;
}
ul.projets li .projet > .col-left {
width: 50%;
display: flex;
flex-direction: column;
padding-right: 55px;
}
ul.projets li .projet > .col-left .ville-rounded {
margin-bottom: 25px;
opacity: 1;
}
ul.projets li .projet > .col-left p {
margin-bottom: 25px;
opacity: 0.75;
}
ul.projets li .projet > .col-left .puissance {
margin: 0;
opacity: 1 !important;
}
ul.projets li .projet > .col-left .h3 {
margin-bottom: 25px;
}
ul.projets li .projet > .col-left #sendbutton,
ul.projets li .projet > .col-left .cta-primary {
margin-top: auto;
margin-bottom: 0;
opacity: 1;
}
ul.projets li .projet > .img-container {
width: 50%;
overflow: hidden;
position: absolute;
right: 0;
top: 0;
height: 100%;
}
ul.projets li .projet > .img-container img {
width: 100%;
height: 100%;
-o-object-fit: cover;
object-fit: cover;
-webkit-clip-path: ellipse(90% 100% at 100% 50%);
clip-path: ellipse(90% 100% at 100% 50%);
transition: 0.7s cubic-bezier(0.19, 1, 0.22, 1);
}
ul.projets li .projet:hover img {
-webkit-clip-path: ellipse(100% 100% at 100% 50%);
clip-path: ellipse(100% 100% at 100% 50%);
}
li a.salledebain {
overflow: hidden;
position: relative;
aspect-ratio: 3/4;
}
li a.salledebain .col {
position: absolute;
left: 1rem;
top: 1rem;
display: flex;
gap: 0.5rem;
}
li a.salledebain .img-container {
width: 100%;
height: 100%;
aspect-ratio: 3/4;
}
li a.salledebain .img-container img {
width: 100%;
height: 100%;
-o-object-fit: cover;
object-fit: cover;
border-radius: 1.4rem;
}
ul.projets li .projet.catalogue {
display: flex;
flex-direction: column-reverse;
justify-content: flex-end;
width: 100%;
padding: 0;
height: 680px;
}
ul.projets li .projet.catalogue .img-container {
position: relative;
-webkit-clip-path: ellipse(100% 90% at 30% 10%);
clip-path: ellipse(100% 90% at 30% 10%);
width: 100%;
height: 330px;
}
ul.projets li .projet.catalogue .img-container img {
-webkit-clip-path: none;
clip-path: none;
}
ul.projets li .projet.catalogue .img-container .ville-rounded {
position: absolute;
left: 40px;
bottom: 40px;
}
ul.projets li .projet.catalogue .col-bot {
padding: 40px;
display: flex;
flex-direction: column;
justify-content: flex-start;
height: 350px;
}
ul.projets li .projet.catalogue .col-bot h3, ul.projets li .projet.catalogue .col-bot p {
margin-bottom: 25px;
}
ul.projets li .projet.catalogue .col-bot h3 {
font-size: 35px;
margin-bottom: 5px;
}
ul.projets li .projet.catalogue .col-bot p {
font-size: 17px;
margin-bottom: 10px;
}
ul.projets li .projet.catalogue .col-bot #sendbutton,
ul.projets li .projet.catalogue .col-bot .cta-primary {
margin-bottom: 0;
margin-top: auto;
}
.faq {
padding: 100px 40px;
}
.faq div.box {
background-color: #FFF;
border-radius: 60px;
}
.faq div.box .container:nth-child(1) {
margin-bottom: 40px;
display: flex;
flex-direction: column;
justify-content: center;
align-items: center;
max-width: 50%;
}
.faq div.box .container:nth-child(1) span, .faq div.box .container:nth-child(1) h2 {
text-align: center;
}
.faq div.box .container:nth-child(2) {
display: flex;
flex-wrap: wrap;
gap: 2rem;
}
.faq div.box .container:nth-child(2) .col {
width: calc(50% - 1.66rem);
padding-bottom: 40px;
}
.faq div.box .container:nth-child(2) .col h3 {
margin-bottom: 25px;
display: flex;
align-items: flex-start;
cursor: pointer;
padding-right: 40px;
}
.faq div.box .container:nth-child(2) .col h3 span.plus {
transform: translateY(28px);
display: flex;
justify-content: center;
align-items: center;
position: relative;
margin-right: 40px;
}
.faq div.box .container:nth-child(2) .col h3 span.plus .bar {
width: 30px;
height: 5px;
background-color: #F1D757;
position: absolute;
transition: 0.7s cubic-bezier(0.19, 1, 0.22, 1);
}
.faq div.box .container:nth-child(2) .col h3 span.plus .bar:nth-child(2) {
transform-origin: center center;
transform: rotate(90deg);
}
.faq div.box .container:nth-child(2) .col h3 span.plus .bar:nth-child(2).active {
transform: rotate(0deg);
}
.faq div.box .container:nth-child(2) .col .reponse {
height: 0;
overflow: hidden;
transition: 0.7s cubic-bezier(0.19, 1, 0.22, 1);
}
.faq div.box .container:nth-child(2) .col .reponse.active {
height: 180px;
}
.faq div.box .container:nth-child(2) .col .reponse p {
padding-left: 39px;
padding-right: 12.5%;
}
.img-container {
width: 100%;
height: auto;
position: relative;
display: flex;
justify-content: center;
align-items: center;
}
.img-container img {
width: 100%;
height: 100%;
-o-object-fit: contain;
object-fit: contain;
} @media (min-width: 0) {
.xs-padding-1 {
padding: 1px;
}
.xs-lpadding-1 {
padding-left: 1px;
}
.xs-tpadding-1 {
padding-top: 1px;
}
.xs-rpadding-1 {
padding-right: 1px;
}
.xs-bpadding-1 {
padding-bottom: 1px;
}
.xs-bradius-1 {
border-radius: 1px;
}
.xs-padding-2 {
padding: 2px;
}
.xs-lpadding-2 {
padding-left: 2px;
}
.xs-tpadding-2 {
padding-top: 2px;
}
.xs-rpadding-2 {
padding-right: 2px;
}
.xs-bpadding-2 {
padding-bottom: 2px;
}
.xs-bradius-2 {
border-radius: 2px;
}
.xs-padding-3 {
padding: 3px;
}
.xs-lpadding-3 {
padding-left: 3px;
}
.xs-tpadding-3 {
padding-top: 3px;
}
.xs-rpadding-3 {
padding-right: 3px;
}
.xs-bpadding-3 {
padding-bottom: 3px;
}
.xs-bradius-3 {
border-radius: 3px;
}
.xs-padding-4 {
padding: 4px;
}
.xs-lpadding-4 {
padding-left: 4px;
}
.xs-tpadding-4 {
padding-top: 4px;
}
.xs-rpadding-4 {
padding-right: 4px;
}
.xs-bpadding-4 {
padding-bottom: 4px;
}
.xs-bradius-4 {
border-radius: 4px;
}
.xs-padding-5 {
padding: 5px;
}
.xs-lpadding-5 {
padding-left: 5px;
}
.xs-tpadding-5 {
padding-top: 5px;
}
.xs-rpadding-5 {
padding-right: 5px;
}
.xs-bpadding-5 {
padding-bottom: 5px;
}
.xs-bradius-5 {
border-radius: 5px;
}
.xs-padding-6 {
padding: 6px;
}
.xs-lpadding-6 {
padding-left: 6px;
}
.xs-tpadding-6 {
padding-top: 6px;
}
.xs-rpadding-6 {
padding-right: 6px;
}
.xs-bpadding-6 {
padding-bottom: 6px;
}
.xs-bradius-6 {
border-radius: 6px;
}
.xs-padding-7 {
padding: 7px;
}
.xs-lpadding-7 {
padding-left: 7px;
}
.xs-tpadding-7 {
padding-top: 7px;
}
.xs-rpadding-7 {
padding-right: 7px;
}
.xs-bpadding-7 {
padding-bottom: 7px;
}
.xs-bradius-7 {
border-radius: 7px;
}
.xs-padding-8 {
padding: 8px;
}
.xs-lpadding-8 {
padding-left: 8px;
}
.xs-tpadding-8 {
padding-top: 8px;
}
.xs-rpadding-8 {
padding-right: 8px;
}
.xs-bpadding-8 {
padding-bottom: 8px;
}
.xs-bradius-8 {
border-radius: 8px;
}
.xs-padding-9 {
padding: 9px;
}
.xs-lpadding-9 {
padding-left: 9px;
}
.xs-tpadding-9 {
padding-top: 9px;
}
.xs-rpadding-9 {
padding-right: 9px;
}
.xs-bpadding-9 {
padding-bottom: 9px;
}
.xs-bradius-9 {
border-radius: 9px;
}
.xs-padding-10 {
padding: 10px;
}
.xs-lpadding-10 {
padding-left: 10px;
}
.xs-tpadding-10 {
padding-top: 10px;
}
.xs-rpadding-10 {
padding-right: 10px;
}
.xs-bpadding-10 {
padding-bottom: 10px;
}
.xs-bradius-10 {
border-radius: 10px;
}
.xs-padding-11 {
padding: 11px;
}
.xs-lpadding-11 {
padding-left: 11px;
}
.xs-tpadding-11 {
padding-top: 11px;
}
.xs-rpadding-11 {
padding-right: 11px;
}
.xs-bpadding-11 {
padding-bottom: 11px;
}
.xs-bradius-11 {
border-radius: 11px;
}
.xs-padding-12 {
padding: 12px;
}
.xs-lpadding-12 {
padding-left: 12px;
}
.xs-tpadding-12 {
padding-top: 12px;
}
.xs-rpadding-12 {
padding-right: 12px;
}
.xs-bpadding-12 {
padding-bottom: 12px;
}
.xs-bradius-12 {
border-radius: 12px;
}
.xs-padding-13 {
padding: 13px;
}
.xs-lpadding-13 {
padding-left: 13px;
}
.xs-tpadding-13 {
padding-top: 13px;
}
.xs-rpadding-13 {
padding-right: 13px;
}
.xs-bpadding-13 {
padding-bottom: 13px;
}
.xs-bradius-13 {
border-radius: 13px;
}
.xs-padding-14 {
padding: 14px;
}
.xs-lpadding-14 {
padding-left: 14px;
}
.xs-tpadding-14 {
padding-top: 14px;
}
.xs-rpadding-14 {
padding-right: 14px;
}
.xs-bpadding-14 {
padding-bottom: 14px;
}
.xs-bradius-14 {
border-radius: 14px;
}
.xs-padding-15 {
padding: 15px;
}
.xs-lpadding-15 {
padding-left: 15px;
}
.xs-tpadding-15 {
padding-top: 15px;
}
.xs-rpadding-15 {
padding-right: 15px;
}
.xs-bpadding-15 {
padding-bottom: 15px;
}
.xs-bradius-15 {
border-radius: 15px;
}
.xs-padding-16 {
padding: 16px;
}
.xs-lpadding-16 {
padding-left: 16px;
}
.xs-tpadding-16 {
padding-top: 16px;
}
.xs-rpadding-16 {
padding-right: 16px;
}
.xs-bpadding-16 {
padding-bottom: 16px;
}
.xs-bradius-16 {
border-radius: 16px;
}
.xs-padding-17 {
padding: 17px;
}
.xs-lpadding-17 {
padding-left: 17px;
}
.xs-tpadding-17 {
padding-top: 17px;
}
.xs-rpadding-17 {
padding-right: 17px;
}
.xs-bpadding-17 {
padding-bottom: 17px;
}
.xs-bradius-17 {
border-radius: 17px;
}
.xs-padding-18 {
padding: 18px;
}
.xs-lpadding-18 {
padding-left: 18px;
}
.xs-tpadding-18 {
padding-top: 18px;
}
.xs-rpadding-18 {
padding-right: 18px;
}
.xs-bpadding-18 {
padding-bottom: 18px;
}
.xs-bradius-18 {
border-radius: 18px;
}
.xs-padding-19 {
padding: 19px;
}
.xs-lpadding-19 {
padding-left: 19px;
}
.xs-tpadding-19 {
padding-top: 19px;
}
.xs-rpadding-19 {
padding-right: 19px;
}
.xs-bpadding-19 {
padding-bottom: 19px;
}
.xs-bradius-19 {
border-radius: 19px;
}
.xs-padding-20 {
padding: 20px;
}
.xs-lpadding-20 {
padding-left: 20px;
}
.xs-tpadding-20 {
padding-top: 20px;
}
.xs-rpadding-20 {
padding-right: 20px;
}
.xs-bpadding-20 {
padding-bottom: 20px;
}
.xs-bradius-20 {
border-radius: 20px;
}
.xs-padding-21 {
padding: 21px;
}
.xs-lpadding-21 {
padding-left: 21px;
}
.xs-tpadding-21 {
padding-top: 21px;
}
.xs-rpadding-21 {
padding-right: 21px;
}
.xs-bpadding-21 {
padding-bottom: 21px;
}
.xs-bradius-21 {
border-radius: 21px;
}
.xs-padding-22 {
padding: 22px;
}
.xs-lpadding-22 {
padding-left: 22px;
}
.xs-tpadding-22 {
padding-top: 22px;
}
.xs-rpadding-22 {
padding-right: 22px;
}
.xs-bpadding-22 {
padding-bottom: 22px;
}
.xs-bradius-22 {
border-radius: 22px;
}
.xs-padding-23 {
padding: 23px;
}
.xs-lpadding-23 {
padding-left: 23px;
}
.xs-tpadding-23 {
padding-top: 23px;
}
.xs-rpadding-23 {
padding-right: 23px;
}
.xs-bpadding-23 {
padding-bottom: 23px;
}
.xs-bradius-23 {
border-radius: 23px;
}
.xs-padding-24 {
padding: 24px;
}
.xs-lpadding-24 {
padding-left: 24px;
}
.xs-tpadding-24 {
padding-top: 24px;
}
.xs-rpadding-24 {
padding-right: 24px;
}
.xs-bpadding-24 {
padding-bottom: 24px;
}
.xs-bradius-24 {
border-radius: 24px;
}
.xs-padding-25 {
padding: 25px;
}
.xs-lpadding-25 {
padding-left: 25px;
}
.xs-tpadding-25 {
padding-top: 25px;
}
.xs-rpadding-25 {
padding-right: 25px;
}
.xs-bpadding-25 {
padding-bottom: 25px;
}
.xs-bradius-25 {
border-radius: 25px;
}
.xs-padding-26 {
padding: 26px;
}
.xs-lpadding-26 {
padding-left: 26px;
}
.xs-tpadding-26 {
padding-top: 26px;
}
.xs-rpadding-26 {
padding-right: 26px;
}
.xs-bpadding-26 {
padding-bottom: 26px;
}
.xs-bradius-26 {
border-radius: 26px;
}
.xs-padding-27 {
padding: 27px;
}
.xs-lpadding-27 {
padding-left: 27px;
}
.xs-tpadding-27 {
padding-top: 27px;
}
.xs-rpadding-27 {
padding-right: 27px;
}
.xs-bpadding-27 {
padding-bottom: 27px;
}
.xs-bradius-27 {
border-radius: 27px;
}
.xs-padding-28 {
padding: 28px;
}
.xs-lpadding-28 {
padding-left: 28px;
}
.xs-tpadding-28 {
padding-top: 28px;
}
.xs-rpadding-28 {
padding-right: 28px;
}
.xs-bpadding-28 {
padding-bottom: 28px;
}
.xs-bradius-28 {
border-radius: 28px;
}
.xs-padding-29 {
padding: 29px;
}
.xs-lpadding-29 {
padding-left: 29px;
}
.xs-tpadding-29 {
padding-top: 29px;
}
.xs-rpadding-29 {
padding-right: 29px;
}
.xs-bpadding-29 {
padding-bottom: 29px;
}
.xs-bradius-29 {
border-radius: 29px;
}
.xs-padding-30 {
padding: 30px;
}
.xs-lpadding-30 {
padding-left: 30px;
}
.xs-tpadding-30 {
padding-top: 30px;
}
.xs-rpadding-30 {
padding-right: 30px;
}
.xs-bpadding-30 {
padding-bottom: 30px;
}
.xs-bradius-30 {
border-radius: 30px;
}
.xs-padding-31 {
padding: 31px;
}
.xs-lpadding-31 {
padding-left: 31px;
}
.xs-tpadding-31 {
padding-top: 31px;
}
.xs-rpadding-31 {
padding-right: 31px;
}
.xs-bpadding-31 {
padding-bottom: 31px;
}
.xs-bradius-31 {
border-radius: 31px;
}
.xs-padding-32 {
padding: 32px;
}
.xs-lpadding-32 {
padding-left: 32px;
}
.xs-tpadding-32 {
padding-top: 32px;
}
.xs-rpadding-32 {
padding-right: 32px;
}
.xs-bpadding-32 {
padding-bottom: 32px;
}
.xs-bradius-32 {
border-radius: 32px;
}
.xs-padding-33 {
padding: 33px;
}
.xs-lpadding-33 {
padding-left: 33px;
}
.xs-tpadding-33 {
padding-top: 33px;
}
.xs-rpadding-33 {
padding-right: 33px;
}
.xs-bpadding-33 {
padding-bottom: 33px;
}
.xs-bradius-33 {
border-radius: 33px;
}
.xs-padding-34 {
padding: 34px;
}
.xs-lpadding-34 {
padding-left: 34px;
}
.xs-tpadding-34 {
padding-top: 34px;
}
.xs-rpadding-34 {
padding-right: 34px;
}
.xs-bpadding-34 {
padding-bottom: 34px;
}
.xs-bradius-34 {
border-radius: 34px;
}
.xs-padding-35 {
padding: 35px;
}
.xs-lpadding-35 {
padding-left: 35px;
}
.xs-tpadding-35 {
padding-top: 35px;
}
.xs-rpadding-35 {
padding-right: 35px;
}
.xs-bpadding-35 {
padding-bottom: 35px;
}
.xs-bradius-35 {
border-radius: 35px;
}
.xs-padding-36 {
padding: 36px;
}
.xs-lpadding-36 {
padding-left: 36px;
}
.xs-tpadding-36 {
padding-top: 36px;
}
.xs-rpadding-36 {
padding-right: 36px;
}
.xs-bpadding-36 {
padding-bottom: 36px;
}
.xs-bradius-36 {
border-radius: 36px;
}
.xs-padding-37 {
padding: 37px;
}
.xs-lpadding-37 {
padding-left: 37px;
}
.xs-tpadding-37 {
padding-top: 37px;
}
.xs-rpadding-37 {
padding-right: 37px;
}
.xs-bpadding-37 {
padding-bottom: 37px;
}
.xs-bradius-37 {
border-radius: 37px;
}
.xs-padding-38 {
padding: 38px;
}
.xs-lpadding-38 {
padding-left: 38px;
}
.xs-tpadding-38 {
padding-top: 38px;
}
.xs-rpadding-38 {
padding-right: 38px;
}
.xs-bpadding-38 {
padding-bottom: 38px;
}
.xs-bradius-38 {
border-radius: 38px;
}
.xs-padding-39 {
padding: 39px;
}
.xs-lpadding-39 {
padding-left: 39px;
}
.xs-tpadding-39 {
padding-top: 39px;
}
.xs-rpadding-39 {
padding-right: 39px;
}
.xs-bpadding-39 {
padding-bottom: 39px;
}
.xs-bradius-39 {
border-radius: 39px;
}
.xs-padding-40 {
padding: 40px;
}
.xs-lpadding-40 {
padding-left: 40px;
}
.xs-tpadding-40 {
padding-top: 40px;
}
.xs-rpadding-40 {
padding-right: 40px;
}
.xs-bpadding-40 {
padding-bottom: 40px;
}
.xs-bradius-40 {
border-radius: 40px;
}
.xs-padding-41 {
padding: 41px;
}
.xs-lpadding-41 {
padding-left: 41px;
}
.xs-tpadding-41 {
padding-top: 41px;
}
.xs-rpadding-41 {
padding-right: 41px;
}
.xs-bpadding-41 {
padding-bottom: 41px;
}
.xs-bradius-41 {
border-radius: 41px;
}
.xs-padding-42 {
padding: 42px;
}
.xs-lpadding-42 {
padding-left: 42px;
}
.xs-tpadding-42 {
padding-top: 42px;
}
.xs-rpadding-42 {
padding-right: 42px;
}
.xs-bpadding-42 {
padding-bottom: 42px;
}
.xs-bradius-42 {
border-radius: 42px;
}
.xs-padding-43 {
padding: 43px;
}
.xs-lpadding-43 {
padding-left: 43px;
}
.xs-tpadding-43 {
padding-top: 43px;
}
.xs-rpadding-43 {
padding-right: 43px;
}
.xs-bpadding-43 {
padding-bottom: 43px;
}
.xs-bradius-43 {
border-radius: 43px;
}
.xs-padding-44 {
padding: 44px;
}
.xs-lpadding-44 {
padding-left: 44px;
}
.xs-tpadding-44 {
padding-top: 44px;
}
.xs-rpadding-44 {
padding-right: 44px;
}
.xs-bpadding-44 {
padding-bottom: 44px;
}
.xs-bradius-44 {
border-radius: 44px;
}
.xs-padding-45 {
padding: 45px;
}
.xs-lpadding-45 {
padding-left: 45px;
}
.xs-tpadding-45 {
padding-top: 45px;
}
.xs-rpadding-45 {
padding-right: 45px;
}
.xs-bpadding-45 {
padding-bottom: 45px;
}
.xs-bradius-45 {
border-radius: 45px;
}
.xs-padding-46 {
padding: 46px;
}
.xs-lpadding-46 {
padding-left: 46px;
}
.xs-tpadding-46 {
padding-top: 46px;
}
.xs-rpadding-46 {
padding-right: 46px;
}
.xs-bpadding-46 {
padding-bottom: 46px;
}
.xs-bradius-46 {
border-radius: 46px;
}
.xs-padding-47 {
padding: 47px;
}
.xs-lpadding-47 {
padding-left: 47px;
}
.xs-tpadding-47 {
padding-top: 47px;
}
.xs-rpadding-47 {
padding-right: 47px;
}
.xs-bpadding-47 {
padding-bottom: 47px;
}
.xs-bradius-47 {
border-radius: 47px;
}
.xs-padding-48 {
padding: 48px;
}
.xs-lpadding-48 {
padding-left: 48px;
}
.xs-tpadding-48 {
padding-top: 48px;
}
.xs-rpadding-48 {
padding-right: 48px;
}
.xs-bpadding-48 {
padding-bottom: 48px;
}
.xs-bradius-48 {
border-radius: 48px;
}
.xs-padding-49 {
padding: 49px;
}
.xs-lpadding-49 {
padding-left: 49px;
}
.xs-tpadding-49 {
padding-top: 49px;
}
.xs-rpadding-49 {
padding-right: 49px;
}
.xs-bpadding-49 {
padding-bottom: 49px;
}
.xs-bradius-49 {
border-radius: 49px;
}
.xs-padding-50 {
padding: 50px;
}
.xs-lpadding-50 {
padding-left: 50px;
}
.xs-tpadding-50 {
padding-top: 50px;
}
.xs-rpadding-50 {
padding-right: 50px;
}
.xs-bpadding-50 {
padding-bottom: 50px;
}
.xs-bradius-50 {
border-radius: 50px;
}
.xs-font-1 {
font-size: 1px;
}
.xs-width-1 {
width: 1%;
}
.xs-height-1 {
height: 1%;
}
.xs-font-2 {
font-size: 2px;
}
.xs-width-2 {
width: 2%;
}
.xs-height-2 {
height: 2%;
}
.xs-font-3 {
font-size: 3px;
}
.xs-width-3 {
width: 3%;
}
.xs-height-3 {
height: 3%;
}
.xs-font-4 {
font-size: 4px;
}
.xs-width-4 {
width: 4%;
}
.xs-height-4 {
height: 4%;
}
.xs-font-5 {
font-size: 5px;
}
.xs-width-5 {
width: 5%;
}
.xs-height-5 {
height: 5%;
}
.xs-font-6 {
font-size: 6px;
}
.xs-width-6 {
width: 6%;
}
.xs-height-6 {
height: 6%;
}
.xs-font-7 {
font-size: 7px;
}
.xs-width-7 {
width: 7%;
}
.xs-height-7 {
height: 7%;
}
.xs-font-8 {
font-size: 8px;
}
.xs-width-8 {
width: 8%;
}
.xs-height-8 {
height: 8%;
}
.xs-font-9 {
font-size: 9px;
}
.xs-width-9 {
width: 9%;
}
.xs-height-9 {
height: 9%;
}
.xs-font-10 {
font-size: 10px;
}
.xs-width-10 {
width: 10%;
}
.xs-height-10 {
height: 10%;
}
.xs-font-11 {
font-size: 11px;
}
.xs-width-11 {
width: 11%;
}
.xs-height-11 {
height: 11%;
}
.xs-font-12 {
font-size: 12px;
}
.xs-width-12 {
width: 12%;
}
.xs-height-12 {
height: 12%;
}
.xs-font-13 {
font-size: 13px;
}
.xs-width-13 {
width: 13%;
}
.xs-height-13 {
height: 13%;
}
.xs-font-14 {
font-size: 14px;
}
.xs-width-14 {
width: 14%;
}
.xs-height-14 {
height: 14%;
}
.xs-font-15 {
font-size: 15px;
}
.xs-width-15 {
width: 15%;
}
.xs-height-15 {
height: 15%;
}
.xs-font-16 {
font-size: 16px;
}
.xs-width-16 {
width: 16%;
}
.xs-height-16 {
height: 16%;
}
.xs-font-17 {
font-size: 17px;
}
.xs-width-17 {
width: 17%;
}
.xs-height-17 {
height: 17%;
}
.xs-font-18 {
font-size: 18px;
}
.xs-width-18 {
width: 18%;
}
.xs-height-18 {
height: 18%;
}
.xs-font-19 {
font-size: 19px;
}
.xs-width-19 {
width: 19%;
}
.xs-height-19 {
height: 19%;
}
.xs-font-20 {
font-size: 20px;
}
.xs-width-20 {
width: 20%;
}
.xs-height-20 {
height: 20%;
}
.xs-font-21 {
font-size: 21px;
}
.xs-width-21 {
width: 21%;
}
.xs-height-21 {
height: 21%;
}
.xs-font-22 {
font-size: 22px;
}
.xs-width-22 {
width: 22%;
}
.xs-height-22 {
height: 22%;
}
.xs-font-23 {
font-size: 23px;
}
.xs-width-23 {
width: 23%;
}
.xs-height-23 {
height: 23%;
}
.xs-font-24 {
font-size: 24px;
}
.xs-width-24 {
width: 24%;
}
.xs-height-24 {
height: 24%;
}
.xs-font-25 {
font-size: 25px;
}
.xs-width-25 {
width: 25%;
}
.xs-height-25 {
height: 25%;
}
.xs-font-26 {
font-size: 26px;
}
.xs-width-26 {
width: 26%;
}
.xs-height-26 {
height: 26%;
}
.xs-font-27 {
font-size: 27px;
}
.xs-width-27 {
width: 27%;
}
.xs-height-27 {
height: 27%;
}
.xs-font-28 {
font-size: 28px;
}
.xs-width-28 {
width: 28%;
}
.xs-height-28 {
height: 28%;
}
.xs-font-29 {
font-size: 29px;
}
.xs-width-29 {
width: 29%;
}
.xs-height-29 {
height: 29%;
}
.xs-font-30 {
font-size: 30px;
}
.xs-width-30 {
width: 30%;
}
.xs-height-30 {
height: 30%;
}
.xs-font-31 {
font-size: 31px;
}
.xs-width-31 {
width: 31%;
}
.xs-height-31 {
height: 31%;
}
.xs-font-32 {
font-size: 32px;
}
.xs-width-32 {
width: 32%;
}
.xs-height-32 {
height: 32%;
}
.xs-font-33 {
font-size: 33px;
}
.xs-width-33 {
width: 33%;
}
.xs-height-33 {
height: 33%;
}
.xs-font-34 {
font-size: 34px;
}
.xs-width-34 {
width: 34%;
}
.xs-height-34 {
height: 34%;
}
.xs-font-35 {
font-size: 35px;
}
.xs-width-35 {
width: 35%;
}
.xs-height-35 {
height: 35%;
}
.xs-font-36 {
font-size: 36px;
}
.xs-width-36 {
width: 36%;
}
.xs-height-36 {
height: 36%;
}
.xs-font-37 {
font-size: 37px;
}
.xs-width-37 {
width: 37%;
}
.xs-height-37 {
height: 37%;
}
.xs-font-38 {
font-size: 38px;
}
.xs-width-38 {
width: 38%;
}
.xs-height-38 {
height: 38%;
}
.xs-font-39 {
font-size: 39px;
}
.xs-width-39 {
width: 39%;
}
.xs-height-39 {
height: 39%;
}
.xs-font-40 {
font-size: 40px;
}
.xs-width-40 {
width: 40%;
}
.xs-height-40 {
height: 40%;
}
.xs-font-41 {
font-size: 41px;
}
.xs-width-41 {
width: 41%;
}
.xs-height-41 {
height: 41%;
}
.xs-font-42 {
font-size: 42px;
}
.xs-width-42 {
width: 42%;
}
.xs-height-42 {
height: 42%;
}
.xs-font-43 {
font-size: 43px;
}
.xs-width-43 {
width: 43%;
}
.xs-height-43 {
height: 43%;
}
.xs-font-44 {
font-size: 44px;
}
.xs-width-44 {
width: 44%;
}
.xs-height-44 {
height: 44%;
}
.xs-font-45 {
font-size: 45px;
}
.xs-width-45 {
width: 45%;
}
.xs-height-45 {
height: 45%;
}
.xs-font-46 {
font-size: 46px;
}
.xs-width-46 {
width: 46%;
}
.xs-height-46 {
height: 46%;
}
.xs-font-47 {
font-size: 47px;
}
.xs-width-47 {
width: 47%;
}
.xs-height-47 {
height: 47%;
}
.xs-font-48 {
font-size: 48px;
}
.xs-width-48 {
width: 48%;
}
.xs-height-48 {
height: 48%;
}
.xs-font-49 {
font-size: 49px;
}
.xs-width-49 {
width: 49%;
}
.xs-height-49 {
height: 49%;
}
.xs-font-50 {
font-size: 50px;
}
.xs-width-50 {
width: 50%;
}
.xs-height-50 {
height: 50%;
}
.xs-font-51 {
font-size: 51px;
}
.xs-width-51 {
width: 51%;
}
.xs-height-51 {
height: 51%;
}
.xs-font-52 {
font-size: 52px;
}
.xs-width-52 {
width: 52%;
}
.xs-height-52 {
height: 52%;
}
.xs-font-53 {
font-size: 53px;
}
.xs-width-53 {
width: 53%;
}
.xs-height-53 {
height: 53%;
}
.xs-font-54 {
font-size: 54px;
}
.xs-width-54 {
width: 54%;
}
.xs-height-54 {
height: 54%;
}
.xs-font-55 {
font-size: 55px;
}
.xs-width-55 {
width: 55%;
}
.xs-height-55 {
height: 55%;
}
.xs-font-56 {
font-size: 56px;
}
.xs-width-56 {
width: 56%;
}
.xs-height-56 {
height: 56%;
}
.xs-font-57 {
font-size: 57px;
}
.xs-width-57 {
width: 57%;
}
.xs-height-57 {
height: 57%;
}
.xs-font-58 {
font-size: 58px;
}
.xs-width-58 {
width: 58%;
}
.xs-height-58 {
height: 58%;
}
.xs-font-59 {
font-size: 59px;
}
.xs-width-59 {
width: 59%;
}
.xs-height-59 {
height: 59%;
}
.xs-font-60 {
font-size: 60px;
}
.xs-width-60 {
width: 60%;
}
.xs-height-60 {
height: 60%;
}
.xs-font-61 {
font-size: 61px;
}
.xs-width-61 {
width: 61%;
}
.xs-height-61 {
height: 61%;
}
.xs-font-62 {
font-size: 62px;
}
.xs-width-62 {
width: 62%;
}
.xs-height-62 {
height: 62%;
}
.xs-font-63 {
font-size: 63px;
}
.xs-width-63 {
width: 63%;
}
.xs-height-63 {
height: 63%;
}
.xs-font-64 {
font-size: 64px;
}
.xs-width-64 {
width: 64%;
}
.xs-height-64 {
height: 64%;
}
.xs-font-65 {
font-size: 65px;
}
.xs-width-65 {
width: 65%;
}
.xs-height-65 {
height: 65%;
}
.xs-font-66 {
font-size: 66px;
}
.xs-width-66 {
width: 66%;
}
.xs-height-66 {
height: 66%;
}
.xs-font-67 {
font-size: 67px;
}
.xs-width-67 {
width: 67%;
}
.xs-height-67 {
height: 67%;
}
.xs-font-68 {
font-size: 68px;
}
.xs-width-68 {
width: 68%;
}
.xs-height-68 {
height: 68%;
}
.xs-font-69 {
font-size: 69px;
}
.xs-width-69 {
width: 69%;
}
.xs-height-69 {
height: 69%;
}
.xs-font-70 {
font-size: 70px;
}
.xs-width-70 {
width: 70%;
}
.xs-height-70 {
height: 70%;
}
.xs-font-71 {
font-size: 71px;
}
.xs-width-71 {
width: 71%;
}
.xs-height-71 {
height: 71%;
}
.xs-font-72 {
font-size: 72px;
}
.xs-width-72 {
width: 72%;
}
.xs-height-72 {
height: 72%;
}
.xs-font-73 {
font-size: 73px;
}
.xs-width-73 {
width: 73%;
}
.xs-height-73 {
height: 73%;
}
.xs-font-74 {
font-size: 74px;
}
.xs-width-74 {
width: 74%;
}
.xs-height-74 {
height: 74%;
}
.xs-font-75 {
font-size: 75px;
}
.xs-width-75 {
width: 75%;
}
.xs-height-75 {
height: 75%;
}
.xs-font-76 {
font-size: 76px;
}
.xs-width-76 {
width: 76%;
}
.xs-height-76 {
height: 76%;
}
.xs-font-77 {
font-size: 77px;
}
.xs-width-77 {
width: 77%;
}
.xs-height-77 {
height: 77%;
}
.xs-font-78 {
font-size: 78px;
}
.xs-width-78 {
width: 78%;
}
.xs-height-78 {
height: 78%;
}
.xs-font-79 {
font-size: 79px;
}
.xs-width-79 {
width: 79%;
}
.xs-height-79 {
height: 79%;
}
.xs-font-80 {
font-size: 80px;
}
.xs-width-80 {
width: 80%;
}
.xs-height-80 {
height: 80%;
}
.xs-font-81 {
font-size: 81px;
}
.xs-width-81 {
width: 81%;
}
.xs-height-81 {
height: 81%;
}
.xs-font-82 {
font-size: 82px;
}
.xs-width-82 {
width: 82%;
}
.xs-height-82 {
height: 82%;
}
.xs-font-83 {
font-size: 83px;
}
.xs-width-83 {
width: 83%;
}
.xs-height-83 {
height: 83%;
}
.xs-font-84 {
font-size: 84px;
}
.xs-width-84 {
width: 84%;
}
.xs-height-84 {
height: 84%;
}
.xs-font-85 {
font-size: 85px;
}
.xs-width-85 {
width: 85%;
}
.xs-height-85 {
height: 85%;
}
.xs-font-86 {
font-size: 86px;
}
.xs-width-86 {
width: 86%;
}
.xs-height-86 {
height: 86%;
}
.xs-font-87 {
font-size: 87px;
}
.xs-width-87 {
width: 87%;
}
.xs-height-87 {
height: 87%;
}
.xs-font-88 {
font-size: 88px;
}
.xs-width-88 {
width: 88%;
}
.xs-height-88 {
height: 88%;
}
.xs-font-89 {
font-size: 89px;
}
.xs-width-89 {
width: 89%;
}
.xs-height-89 {
height: 89%;
}
.xs-font-90 {
font-size: 90px;
}
.xs-width-90 {
width: 90%;
}
.xs-height-90 {
height: 90%;
}
.xs-font-91 {
font-size: 91px;
}
.xs-width-91 {
width: 91%;
}
.xs-height-91 {
height: 91%;
}
.xs-font-92 {
font-size: 92px;
}
.xs-width-92 {
width: 92%;
}
.xs-height-92 {
height: 92%;
}
.xs-font-93 {
font-size: 93px;
}
.xs-width-93 {
width: 93%;
}
.xs-height-93 {
height: 93%;
}
.xs-font-94 {
font-size: 94px;
}
.xs-width-94 {
width: 94%;
}
.xs-height-94 {
height: 94%;
}
.xs-font-95 {
font-size: 95px;
}
.xs-width-95 {
width: 95%;
}
.xs-height-95 {
height: 95%;
}
.xs-font-96 {
font-size: 96px;
}
.xs-width-96 {
width: 96%;
}
.xs-height-96 {
height: 96%;
}
.xs-font-97 {
font-size: 97px;
}
.xs-width-97 {
width: 97%;
}
.xs-height-97 {
height: 97%;
}
.xs-font-98 {
font-size: 98px;
}
.xs-width-98 {
width: 98%;
}
.xs-height-98 {
height: 98%;
}
.xs-font-99 {
font-size: 99px;
}
.xs-width-99 {
width: 99%;
}
.xs-height-99 {
height: 99%;
}
.xs-font-100 {
font-size: 100px;
}
.xs-width-100 {
width: 100%;
}
.xs-height-100 {
height: 100%;
} }
@media (min-width: 576px) {
.sm-padding-1 {
padding: 1px;
}
.sm-lpadding-1 {
padding-left: 1px;
}
.sm-tpadding-1 {
padding-top: 1px;
}
.sm-rpadding-1 {
padding-right: 1px;
}
.sm-bpadding-1 {
padding-bottom: 1px;
}
.sm-bradius-1 {
border-radius: 1px;
}
.sm-padding-2 {
padding: 2px;
}
.sm-lpadding-2 {
padding-left: 2px;
}
.sm-tpadding-2 {
padding-top: 2px;
}
.sm-rpadding-2 {
padding-right: 2px;
}
.sm-bpadding-2 {
padding-bottom: 2px;
}
.sm-bradius-2 {
border-radius: 2px;
}
.sm-padding-3 {
padding: 3px;
}
.sm-lpadding-3 {
padding-left: 3px;
}
.sm-tpadding-3 {
padding-top: 3px;
}
.sm-rpadding-3 {
padding-right: 3px;
}
.sm-bpadding-3 {
padding-bottom: 3px;
}
.sm-bradius-3 {
border-radius: 3px;
}
.sm-padding-4 {
padding: 4px;
}
.sm-lpadding-4 {
padding-left: 4px;
}
.sm-tpadding-4 {
padding-top: 4px;
}
.sm-rpadding-4 {
padding-right: 4px;
}
.sm-bpadding-4 {
padding-bottom: 4px;
}
.sm-bradius-4 {
border-radius: 4px;
}
.sm-padding-5 {
padding: 5px;
}
.sm-lpadding-5 {
padding-left: 5px;
}
.sm-tpadding-5 {
padding-top: 5px;
}
.sm-rpadding-5 {
padding-right: 5px;
}
.sm-bpadding-5 {
padding-bottom: 5px;
}
.sm-bradius-5 {
border-radius: 5px;
}
.sm-padding-6 {
padding: 6px;
}
.sm-lpadding-6 {
padding-left: 6px;
}
.sm-tpadding-6 {
padding-top: 6px;
}
.sm-rpadding-6 {
padding-right: 6px;
}
.sm-bpadding-6 {
padding-bottom: 6px;
}
.sm-bradius-6 {
border-radius: 6px;
}
.sm-padding-7 {
padding: 7px;
}
.sm-lpadding-7 {
padding-left: 7px;
}
.sm-tpadding-7 {
padding-top: 7px;
}
.sm-rpadding-7 {
padding-right: 7px;
}
.sm-bpadding-7 {
padding-bottom: 7px;
}
.sm-bradius-7 {
border-radius: 7px;
}
.sm-padding-8 {
padding: 8px;
}
.sm-lpadding-8 {
padding-left: 8px;
}
.sm-tpadding-8 {
padding-top: 8px;
}
.sm-rpadding-8 {
padding-right: 8px;
}
.sm-bpadding-8 {
padding-bottom: 8px;
}
.sm-bradius-8 {
border-radius: 8px;
}
.sm-padding-9 {
padding: 9px;
}
.sm-lpadding-9 {
padding-left: 9px;
}
.sm-tpadding-9 {
padding-top: 9px;
}
.sm-rpadding-9 {
padding-right: 9px;
}
.sm-bpadding-9 {
padding-bottom: 9px;
}
.sm-bradius-9 {
border-radius: 9px;
}
.sm-padding-10 {
padding: 10px;
}
.sm-lpadding-10 {
padding-left: 10px;
}
.sm-tpadding-10 {
padding-top: 10px;
}
.sm-rpadding-10 {
padding-right: 10px;
}
.sm-bpadding-10 {
padding-bottom: 10px;
}
.sm-bradius-10 {
border-radius: 10px;
}
.sm-padding-11 {
padding: 11px;
}
.sm-lpadding-11 {
padding-left: 11px;
}
.sm-tpadding-11 {
padding-top: 11px;
}
.sm-rpadding-11 {
padding-right: 11px;
}
.sm-bpadding-11 {
padding-bottom: 11px;
}
.sm-bradius-11 {
border-radius: 11px;
}
.sm-padding-12 {
padding: 12px;
}
.sm-lpadding-12 {
padding-left: 12px;
}
.sm-tpadding-12 {
padding-top: 12px;
}
.sm-rpadding-12 {
padding-right: 12px;
}
.sm-bpadding-12 {
padding-bottom: 12px;
}
.sm-bradius-12 {
border-radius: 12px;
}
.sm-padding-13 {
padding: 13px;
}
.sm-lpadding-13 {
padding-left: 13px;
}
.sm-tpadding-13 {
padding-top: 13px;
}
.sm-rpadding-13 {
padding-right: 13px;
}
.sm-bpadding-13 {
padding-bottom: 13px;
}
.sm-bradius-13 {
border-radius: 13px;
}
.sm-padding-14 {
padding: 14px;
}
.sm-lpadding-14 {
padding-left: 14px;
}
.sm-tpadding-14 {
padding-top: 14px;
}
.sm-rpadding-14 {
padding-right: 14px;
}
.sm-bpadding-14 {
padding-bottom: 14px;
}
.sm-bradius-14 {
border-radius: 14px;
}
.sm-padding-15 {
padding: 15px;
}
.sm-lpadding-15 {
padding-left: 15px;
}
.sm-tpadding-15 {
padding-top: 15px;
}
.sm-rpadding-15 {
padding-right: 15px;
}
.sm-bpadding-15 {
padding-bottom: 15px;
}
.sm-bradius-15 {
border-radius: 15px;
}
.sm-padding-16 {
padding: 16px;
}
.sm-lpadding-16 {
padding-left: 16px;
}
.sm-tpadding-16 {
padding-top: 16px;
}
.sm-rpadding-16 {
padding-right: 16px;
}
.sm-bpadding-16 {
padding-bottom: 16px;
}
.sm-bradius-16 {
border-radius: 16px;
}
.sm-padding-17 {
padding: 17px;
}
.sm-lpadding-17 {
padding-left: 17px;
}
.sm-tpadding-17 {
padding-top: 17px;
}
.sm-rpadding-17 {
padding-right: 17px;
}
.sm-bpadding-17 {
padding-bottom: 17px;
}
.sm-bradius-17 {
border-radius: 17px;
}
.sm-padding-18 {
padding: 18px;
}
.sm-lpadding-18 {
padding-left: 18px;
}
.sm-tpadding-18 {
padding-top: 18px;
}
.sm-rpadding-18 {
padding-right: 18px;
}
.sm-bpadding-18 {
padding-bottom: 18px;
}
.sm-bradius-18 {
border-radius: 18px;
}
.sm-padding-19 {
padding: 19px;
}
.sm-lpadding-19 {
padding-left: 19px;
}
.sm-tpadding-19 {
padding-top: 19px;
}
.sm-rpadding-19 {
padding-right: 19px;
}
.sm-bpadding-19 {
padding-bottom: 19px;
}
.sm-bradius-19 {
border-radius: 19px;
}
.sm-padding-20 {
padding: 20px;
}
.sm-lpadding-20 {
padding-left: 20px;
}
.sm-tpadding-20 {
padding-top: 20px;
}
.sm-rpadding-20 {
padding-right: 20px;
}
.sm-bpadding-20 {
padding-bottom: 20px;
}
.sm-bradius-20 {
border-radius: 20px;
}
.sm-padding-21 {
padding: 21px;
}
.sm-lpadding-21 {
padding-left: 21px;
}
.sm-tpadding-21 {
padding-top: 21px;
}
.sm-rpadding-21 {
padding-right: 21px;
}
.sm-bpadding-21 {
padding-bottom: 21px;
}
.sm-bradius-21 {
border-radius: 21px;
}
.sm-padding-22 {
padding: 22px;
}
.sm-lpadding-22 {
padding-left: 22px;
}
.sm-tpadding-22 {
padding-top: 22px;
}
.sm-rpadding-22 {
padding-right: 22px;
}
.sm-bpadding-22 {
padding-bottom: 22px;
}
.sm-bradius-22 {
border-radius: 22px;
}
.sm-padding-23 {
padding: 23px;
}
.sm-lpadding-23 {
padding-left: 23px;
}
.sm-tpadding-23 {
padding-top: 23px;
}
.sm-rpadding-23 {
padding-right: 23px;
}
.sm-bpadding-23 {
padding-bottom: 23px;
}
.sm-bradius-23 {
border-radius: 23px;
}
.sm-padding-24 {
padding: 24px;
}
.sm-lpadding-24 {
padding-left: 24px;
}
.sm-tpadding-24 {
padding-top: 24px;
}
.sm-rpadding-24 {
padding-right: 24px;
}
.sm-bpadding-24 {
padding-bottom: 24px;
}
.sm-bradius-24 {
border-radius: 24px;
}
.sm-padding-25 {
padding: 25px;
}
.sm-lpadding-25 {
padding-left: 25px;
}
.sm-tpadding-25 {
padding-top: 25px;
}
.sm-rpadding-25 {
padding-right: 25px;
}
.sm-bpadding-25 {
padding-bottom: 25px;
}
.sm-bradius-25 {
border-radius: 25px;
}
.sm-padding-26 {
padding: 26px;
}
.sm-lpadding-26 {
padding-left: 26px;
}
.sm-tpadding-26 {
padding-top: 26px;
}
.sm-rpadding-26 {
padding-right: 26px;
}
.sm-bpadding-26 {
padding-bottom: 26px;
}
.sm-bradius-26 {
border-radius: 26px;
}
.sm-padding-27 {
padding: 27px;
}
.sm-lpadding-27 {
padding-left: 27px;
}
.sm-tpadding-27 {
padding-top: 27px;
}
.sm-rpadding-27 {
padding-right: 27px;
}
.sm-bpadding-27 {
padding-bottom: 27px;
}
.sm-bradius-27 {
border-radius: 27px;
}
.sm-padding-28 {
padding: 28px;
}
.sm-lpadding-28 {
padding-left: 28px;
}
.sm-tpadding-28 {
padding-top: 28px;
}
.sm-rpadding-28 {
padding-right: 28px;
}
.sm-bpadding-28 {
padding-bottom: 28px;
}
.sm-bradius-28 {
border-radius: 28px;
}
.sm-padding-29 {
padding: 29px;
}
.sm-lpadding-29 {
padding-left: 29px;
}
.sm-tpadding-29 {
padding-top: 29px;
}
.sm-rpadding-29 {
padding-right: 29px;
}
.sm-bpadding-29 {
padding-bottom: 29px;
}
.sm-bradius-29 {
border-radius: 29px;
}
.sm-padding-30 {
padding: 30px;
}
.sm-lpadding-30 {
padding-left: 30px;
}
.sm-tpadding-30 {
padding-top: 30px;
}
.sm-rpadding-30 {
padding-right: 30px;
}
.sm-bpadding-30 {
padding-bottom: 30px;
}
.sm-bradius-30 {
border-radius: 30px;
}
.sm-padding-31 {
padding: 31px;
}
.sm-lpadding-31 {
padding-left: 31px;
}
.sm-tpadding-31 {
padding-top: 31px;
}
.sm-rpadding-31 {
padding-right: 31px;
}
.sm-bpadding-31 {
padding-bottom: 31px;
}
.sm-bradius-31 {
border-radius: 31px;
}
.sm-padding-32 {
padding: 32px;
}
.sm-lpadding-32 {
padding-left: 32px;
}
.sm-tpadding-32 {
padding-top: 32px;
}
.sm-rpadding-32 {
padding-right: 32px;
}
.sm-bpadding-32 {
padding-bottom: 32px;
}
.sm-bradius-32 {
border-radius: 32px;
}
.sm-padding-33 {
padding: 33px;
}
.sm-lpadding-33 {
padding-left: 33px;
}
.sm-tpadding-33 {
padding-top: 33px;
}
.sm-rpadding-33 {
padding-right: 33px;
}
.sm-bpadding-33 {
padding-bottom: 33px;
}
.sm-bradius-33 {
border-radius: 33px;
}
.sm-padding-34 {
padding: 34px;
}
.sm-lpadding-34 {
padding-left: 34px;
}
.sm-tpadding-34 {
padding-top: 34px;
}
.sm-rpadding-34 {
padding-right: 34px;
}
.sm-bpadding-34 {
padding-bottom: 34px;
}
.sm-bradius-34 {
border-radius: 34px;
}
.sm-padding-35 {
padding: 35px;
}
.sm-lpadding-35 {
padding-left: 35px;
}
.sm-tpadding-35 {
padding-top: 35px;
}
.sm-rpadding-35 {
padding-right: 35px;
}
.sm-bpadding-35 {
padding-bottom: 35px;
}
.sm-bradius-35 {
border-radius: 35px;
}
.sm-padding-36 {
padding: 36px;
}
.sm-lpadding-36 {
padding-left: 36px;
}
.sm-tpadding-36 {
padding-top: 36px;
}
.sm-rpadding-36 {
padding-right: 36px;
}
.sm-bpadding-36 {
padding-bottom: 36px;
}
.sm-bradius-36 {
border-radius: 36px;
}
.sm-padding-37 {
padding: 37px;
}
.sm-lpadding-37 {
padding-left: 37px;
}
.sm-tpadding-37 {
padding-top: 37px;
}
.sm-rpadding-37 {
padding-right: 37px;
}
.sm-bpadding-37 {
padding-bottom: 37px;
}
.sm-bradius-37 {
border-radius: 37px;
}
.sm-padding-38 {
padding: 38px;
}
.sm-lpadding-38 {
padding-left: 38px;
}
.sm-tpadding-38 {
padding-top: 38px;
}
.sm-rpadding-38 {
padding-right: 38px;
}
.sm-bpadding-38 {
padding-bottom: 38px;
}
.sm-bradius-38 {
border-radius: 38px;
}
.sm-padding-39 {
padding: 39px;
}
.sm-lpadding-39 {
padding-left: 39px;
}
.sm-tpadding-39 {
padding-top: 39px;
}
.sm-rpadding-39 {
padding-right: 39px;
}
.sm-bpadding-39 {
padding-bottom: 39px;
}
.sm-bradius-39 {
border-radius: 39px;
}
.sm-padding-40 {
padding: 40px;
}
.sm-lpadding-40 {
padding-left: 40px;
}
.sm-tpadding-40 {
padding-top: 40px;
}
.sm-rpadding-40 {
padding-right: 40px;
}
.sm-bpadding-40 {
padding-bottom: 40px;
}
.sm-bradius-40 {
border-radius: 40px;
}
.sm-padding-41 {
padding: 41px;
}
.sm-lpadding-41 {
padding-left: 41px;
}
.sm-tpadding-41 {
padding-top: 41px;
}
.sm-rpadding-41 {
padding-right: 41px;
}
.sm-bpadding-41 {
padding-bottom: 41px;
}
.sm-bradius-41 {
border-radius: 41px;
}
.sm-padding-42 {
padding: 42px;
}
.sm-lpadding-42 {
padding-left: 42px;
}
.sm-tpadding-42 {
padding-top: 42px;
}
.sm-rpadding-42 {
padding-right: 42px;
}
.sm-bpadding-42 {
padding-bottom: 42px;
}
.sm-bradius-42 {
border-radius: 42px;
}
.sm-padding-43 {
padding: 43px;
}
.sm-lpadding-43 {
padding-left: 43px;
}
.sm-tpadding-43 {
padding-top: 43px;
}
.sm-rpadding-43 {
padding-right: 43px;
}
.sm-bpadding-43 {
padding-bottom: 43px;
}
.sm-bradius-43 {
border-radius: 43px;
}
.sm-padding-44 {
padding: 44px;
}
.sm-lpadding-44 {
padding-left: 44px;
}
.sm-tpadding-44 {
padding-top: 44px;
}
.sm-rpadding-44 {
padding-right: 44px;
}
.sm-bpadding-44 {
padding-bottom: 44px;
}
.sm-bradius-44 {
border-radius: 44px;
}
.sm-padding-45 {
padding: 45px;
}
.sm-lpadding-45 {
padding-left: 45px;
}
.sm-tpadding-45 {
padding-top: 45px;
}
.sm-rpadding-45 {
padding-right: 45px;
}
.sm-bpadding-45 {
padding-bottom: 45px;
}
.sm-bradius-45 {
border-radius: 45px;
}
.sm-padding-46 {
padding: 46px;
}
.sm-lpadding-46 {
padding-left: 46px;
}
.sm-tpadding-46 {
padding-top: 46px;
}
.sm-rpadding-46 {
padding-right: 46px;
}
.sm-bpadding-46 {
padding-bottom: 46px;
}
.sm-bradius-46 {
border-radius: 46px;
}
.sm-padding-47 {
padding: 47px;
}
.sm-lpadding-47 {
padding-left: 47px;
}
.sm-tpadding-47 {
padding-top: 47px;
}
.sm-rpadding-47 {
padding-right: 47px;
}
.sm-bpadding-47 {
padding-bottom: 47px;
}
.sm-bradius-47 {
border-radius: 47px;
}
.sm-padding-48 {
padding: 48px;
}
.sm-lpadding-48 {
padding-left: 48px;
}
.sm-tpadding-48 {
padding-top: 48px;
}
.sm-rpadding-48 {
padding-right: 48px;
}
.sm-bpadding-48 {
padding-bottom: 48px;
}
.sm-bradius-48 {
border-radius: 48px;
}
.sm-padding-49 {
padding: 49px;
}
.sm-lpadding-49 {
padding-left: 49px;
}
.sm-tpadding-49 {
padding-top: 49px;
}
.sm-rpadding-49 {
padding-right: 49px;
}
.sm-bpadding-49 {
padding-bottom: 49px;
}
.sm-bradius-49 {
border-radius: 49px;
}
.sm-padding-50 {
padding: 50px;
}
.sm-lpadding-50 {
padding-left: 50px;
}
.sm-tpadding-50 {
padding-top: 50px;
}
.sm-rpadding-50 {
padding-right: 50px;
}
.sm-bpadding-50 {
padding-bottom: 50px;
}
.sm-bradius-50 {
border-radius: 50px;
}
.sm-font-1 {
font-size: 1px;
}
.sm-width-1 {
width: 1%;
}
.sm-height-1 {
height: 1%;
}
.sm-font-2 {
font-size: 2px;
}
.sm-width-2 {
width: 2%;
}
.sm-height-2 {
height: 2%;
}
.sm-font-3 {
font-size: 3px;
}
.sm-width-3 {
width: 3%;
}
.sm-height-3 {
height: 3%;
}
.sm-font-4 {
font-size: 4px;
}
.sm-width-4 {
width: 4%;
}
.sm-height-4 {
height: 4%;
}
.sm-font-5 {
font-size: 5px;
}
.sm-width-5 {
width: 5%;
}
.sm-height-5 {
height: 5%;
}
.sm-font-6 {
font-size: 6px;
}
.sm-width-6 {
width: 6%;
}
.sm-height-6 {
height: 6%;
}
.sm-font-7 {
font-size: 7px;
}
.sm-width-7 {
width: 7%;
}
.sm-height-7 {
height: 7%;
}
.sm-font-8 {
font-size: 8px;
}
.sm-width-8 {
width: 8%;
}
.sm-height-8 {
height: 8%;
}
.sm-font-9 {
font-size: 9px;
}
.sm-width-9 {
width: 9%;
}
.sm-height-9 {
height: 9%;
}
.sm-font-10 {
font-size: 10px;
}
.sm-width-10 {
width: 10%;
}
.sm-height-10 {
height: 10%;
}
.sm-font-11 {
font-size: 11px;
}
.sm-width-11 {
width: 11%;
}
.sm-height-11 {
height: 11%;
}
.sm-font-12 {
font-size: 12px;
}
.sm-width-12 {
width: 12%;
}
.sm-height-12 {
height: 12%;
}
.sm-font-13 {
font-size: 13px;
}
.sm-width-13 {
width: 13%;
}
.sm-height-13 {
height: 13%;
}
.sm-font-14 {
font-size: 14px;
}
.sm-width-14 {
width: 14%;
}
.sm-height-14 {
height: 14%;
}
.sm-font-15 {
font-size: 15px;
}
.sm-width-15 {
width: 15%;
}
.sm-height-15 {
height: 15%;
}
.sm-font-16 {
font-size: 16px;
}
.sm-width-16 {
width: 16%;
}
.sm-height-16 {
height: 16%;
}
.sm-font-17 {
font-size: 17px;
}
.sm-width-17 {
width: 17%;
}
.sm-height-17 {
height: 17%;
}
.sm-font-18 {
font-size: 18px;
}
.sm-width-18 {
width: 18%;
}
.sm-height-18 {
height: 18%;
}
.sm-font-19 {
font-size: 19px;
}
.sm-width-19 {
width: 19%;
}
.sm-height-19 {
height: 19%;
}
.sm-font-20 {
font-size: 20px;
}
.sm-width-20 {
width: 20%;
}
.sm-height-20 {
height: 20%;
}
.sm-font-21 {
font-size: 21px;
}
.sm-width-21 {
width: 21%;
}
.sm-height-21 {
height: 21%;
}
.sm-font-22 {
font-size: 22px;
}
.sm-width-22 {
width: 22%;
}
.sm-height-22 {
height: 22%;
}
.sm-font-23 {
font-size: 23px;
}
.sm-width-23 {
width: 23%;
}
.sm-height-23 {
height: 23%;
}
.sm-font-24 {
font-size: 24px;
}
.sm-width-24 {
width: 24%;
}
.sm-height-24 {
height: 24%;
}
.sm-font-25 {
font-size: 25px;
}
.sm-width-25 {
width: 25%;
}
.sm-height-25 {
height: 25%;
}
.sm-font-26 {
font-size: 26px;
}
.sm-width-26 {
width: 26%;
}
.sm-height-26 {
height: 26%;
}
.sm-font-27 {
font-size: 27px;
}
.sm-width-27 {
width: 27%;
}
.sm-height-27 {
height: 27%;
}
.sm-font-28 {
font-size: 28px;
}
.sm-width-28 {
width: 28%;
}
.sm-height-28 {
height: 28%;
}
.sm-font-29 {
font-size: 29px;
}
.sm-width-29 {
width: 29%;
}
.sm-height-29 {
height: 29%;
}
.sm-font-30 {
font-size: 30px;
}
.sm-width-30 {
width: 30%;
}
.sm-height-30 {
height: 30%;
}
.sm-font-31 {
font-size: 31px;
}
.sm-width-31 {
width: 31%;
}
.sm-height-31 {
height: 31%;
}
.sm-font-32 {
font-size: 32px;
}
.sm-width-32 {
width: 32%;
}
.sm-height-32 {
height: 32%;
}
.sm-font-33 {
font-size: 33px;
}
.sm-width-33 {
width: 33%;
}
.sm-height-33 {
height: 33%;
}
.sm-font-34 {
font-size: 34px;
}
.sm-width-34 {
width: 34%;
}
.sm-height-34 {
height: 34%;
}
.sm-font-35 {
font-size: 35px;
}
.sm-width-35 {
width: 35%;
}
.sm-height-35 {
height: 35%;
}
.sm-font-36 {
font-size: 36px;
}
.sm-width-36 {
width: 36%;
}
.sm-height-36 {
height: 36%;
}
.sm-font-37 {
font-size: 37px;
}
.sm-width-37 {
width: 37%;
}
.sm-height-37 {
height: 37%;
}
.sm-font-38 {
font-size: 38px;
}
.sm-width-38 {
width: 38%;
}
.sm-height-38 {
height: 38%;
}
.sm-font-39 {
font-size: 39px;
}
.sm-width-39 {
width: 39%;
}
.sm-height-39 {
height: 39%;
}
.sm-font-40 {
font-size: 40px;
}
.sm-width-40 {
width: 40%;
}
.sm-height-40 {
height: 40%;
}
.sm-font-41 {
font-size: 41px;
}
.sm-width-41 {
width: 41%;
}
.sm-height-41 {
height: 41%;
}
.sm-font-42 {
font-size: 42px;
}
.sm-width-42 {
width: 42%;
}
.sm-height-42 {
height: 42%;
}
.sm-font-43 {
font-size: 43px;
}
.sm-width-43 {
width: 43%;
}
.sm-height-43 {
height: 43%;
}
.sm-font-44 {
font-size: 44px;
}
.sm-width-44 {
width: 44%;
}
.sm-height-44 {
height: 44%;
}
.sm-font-45 {
font-size: 45px;
}
.sm-width-45 {
width: 45%;
}
.sm-height-45 {
height: 45%;
}
.sm-font-46 {
font-size: 46px;
}
.sm-width-46 {
width: 46%;
}
.sm-height-46 {
height: 46%;
}
.sm-font-47 {
font-size: 47px;
}
.sm-width-47 {
width: 47%;
}
.sm-height-47 {
height: 47%;
}
.sm-font-48 {
font-size: 48px;
}
.sm-width-48 {
width: 48%;
}
.sm-height-48 {
height: 48%;
}
.sm-font-49 {
font-size: 49px;
}
.sm-width-49 {
width: 49%;
}
.sm-height-49 {
height: 49%;
}
.sm-font-50 {
font-size: 50px;
}
.sm-width-50 {
width: 50%;
}
.sm-height-50 {
height: 50%;
}
.sm-font-51 {
font-size: 51px;
}
.sm-width-51 {
width: 51%;
}
.sm-height-51 {
height: 51%;
}
.sm-font-52 {
font-size: 52px;
}
.sm-width-52 {
width: 52%;
}
.sm-height-52 {
height: 52%;
}
.sm-font-53 {
font-size: 53px;
}
.sm-width-53 {
width: 53%;
}
.sm-height-53 {
height: 53%;
}
.sm-font-54 {
font-size: 54px;
}
.sm-width-54 {
width: 54%;
}
.sm-height-54 {
height: 54%;
}
.sm-font-55 {
font-size: 55px;
}
.sm-width-55 {
width: 55%;
}
.sm-height-55 {
height: 55%;
}
.sm-font-56 {
font-size: 56px;
}
.sm-width-56 {
width: 56%;
}
.sm-height-56 {
height: 56%;
}
.sm-font-57 {
font-size: 57px;
}
.sm-width-57 {
width: 57%;
}
.sm-height-57 {
height: 57%;
}
.sm-font-58 {
font-size: 58px;
}
.sm-width-58 {
width: 58%;
}
.sm-height-58 {
height: 58%;
}
.sm-font-59 {
font-size: 59px;
}
.sm-width-59 {
width: 59%;
}
.sm-height-59 {
height: 59%;
}
.sm-font-60 {
font-size: 60px;
}
.sm-width-60 {
width: 60%;
}
.sm-height-60 {
height: 60%;
}
.sm-font-61 {
font-size: 61px;
}
.sm-width-61 {
width: 61%;
}
.sm-height-61 {
height: 61%;
}
.sm-font-62 {
font-size: 62px;
}
.sm-width-62 {
width: 62%;
}
.sm-height-62 {
height: 62%;
}
.sm-font-63 {
font-size: 63px;
}
.sm-width-63 {
width: 63%;
}
.sm-height-63 {
height: 63%;
}
.sm-font-64 {
font-size: 64px;
}
.sm-width-64 {
width: 64%;
}
.sm-height-64 {
height: 64%;
}
.sm-font-65 {
font-size: 65px;
}
.sm-width-65 {
width: 65%;
}
.sm-height-65 {
height: 65%;
}
.sm-font-66 {
font-size: 66px;
}
.sm-width-66 {
width: 66%;
}
.sm-height-66 {
height: 66%;
}
.sm-font-67 {
font-size: 67px;
}
.sm-width-67 {
width: 67%;
}
.sm-height-67 {
height: 67%;
}
.sm-font-68 {
font-size: 68px;
}
.sm-width-68 {
width: 68%;
}
.sm-height-68 {
height: 68%;
}
.sm-font-69 {
font-size: 69px;
}
.sm-width-69 {
width: 69%;
}
.sm-height-69 {
height: 69%;
}
.sm-font-70 {
font-size: 70px;
}
.sm-width-70 {
width: 70%;
}
.sm-height-70 {
height: 70%;
}
.sm-font-71 {
font-size: 71px;
}
.sm-width-71 {
width: 71%;
}
.sm-height-71 {
height: 71%;
}
.sm-font-72 {
font-size: 72px;
}
.sm-width-72 {
width: 72%;
}
.sm-height-72 {
height: 72%;
}
.sm-font-73 {
font-size: 73px;
}
.sm-width-73 {
width: 73%;
}
.sm-height-73 {
height: 73%;
}
.sm-font-74 {
font-size: 74px;
}
.sm-width-74 {
width: 74%;
}
.sm-height-74 {
height: 74%;
}
.sm-font-75 {
font-size: 75px;
}
.sm-width-75 {
width: 75%;
}
.sm-height-75 {
height: 75%;
}
.sm-font-76 {
font-size: 76px;
}
.sm-width-76 {
width: 76%;
}
.sm-height-76 {
height: 76%;
}
.sm-font-77 {
font-size: 77px;
}
.sm-width-77 {
width: 77%;
}
.sm-height-77 {
height: 77%;
}
.sm-font-78 {
font-size: 78px;
}
.sm-width-78 {
width: 78%;
}
.sm-height-78 {
height: 78%;
}
.sm-font-79 {
font-size: 79px;
}
.sm-width-79 {
width: 79%;
}
.sm-height-79 {
height: 79%;
}
.sm-font-80 {
font-size: 80px;
}
.sm-width-80 {
width: 80%;
}
.sm-height-80 {
height: 80%;
}
.sm-font-81 {
font-size: 81px;
}
.sm-width-81 {
width: 81%;
}
.sm-height-81 {
height: 81%;
}
.sm-font-82 {
font-size: 82px;
}
.sm-width-82 {
width: 82%;
}
.sm-height-82 {
height: 82%;
}
.sm-font-83 {
font-size: 83px;
}
.sm-width-83 {
width: 83%;
}
.sm-height-83 {
height: 83%;
}
.sm-font-84 {
font-size: 84px;
}
.sm-width-84 {
width: 84%;
}
.sm-height-84 {
height: 84%;
}
.sm-font-85 {
font-size: 85px;
}
.sm-width-85 {
width: 85%;
}
.sm-height-85 {
height: 85%;
}
.sm-font-86 {
font-size: 86px;
}
.sm-width-86 {
width: 86%;
}
.sm-height-86 {
height: 86%;
}
.sm-font-87 {
font-size: 87px;
}
.sm-width-87 {
width: 87%;
}
.sm-height-87 {
height: 87%;
}
.sm-font-88 {
font-size: 88px;
}
.sm-width-88 {
width: 88%;
}
.sm-height-88 {
height: 88%;
}
.sm-font-89 {
font-size: 89px;
}
.sm-width-89 {
width: 89%;
}
.sm-height-89 {
height: 89%;
}
.sm-font-90 {
font-size: 90px;
}
.sm-width-90 {
width: 90%;
}
.sm-height-90 {
height: 90%;
}
.sm-font-91 {
font-size: 91px;
}
.sm-width-91 {
width: 91%;
}
.sm-height-91 {
height: 91%;
}
.sm-font-92 {
font-size: 92px;
}
.sm-width-92 {
width: 92%;
}
.sm-height-92 {
height: 92%;
}
.sm-font-93 {
font-size: 93px;
}
.sm-width-93 {
width: 93%;
}
.sm-height-93 {
height: 93%;
}
.sm-font-94 {
font-size: 94px;
}
.sm-width-94 {
width: 94%;
}
.sm-height-94 {
height: 94%;
}
.sm-font-95 {
font-size: 95px;
}
.sm-width-95 {
width: 95%;
}
.sm-height-95 {
height: 95%;
}
.sm-font-96 {
font-size: 96px;
}
.sm-width-96 {
width: 96%;
}
.sm-height-96 {
height: 96%;
}
.sm-font-97 {
font-size: 97px;
}
.sm-width-97 {
width: 97%;
}
.sm-height-97 {
height: 97%;
}
.sm-font-98 {
font-size: 98px;
}
.sm-width-98 {
width: 98%;
}
.sm-height-98 {
height: 98%;
}
.sm-font-99 {
font-size: 99px;
}
.sm-width-99 {
width: 99%;
}
.sm-height-99 {
height: 99%;
}
.sm-font-100 {
font-size: 100px;
}
.sm-width-100 {
width: 100%;
}
.sm-height-100 {
height: 100%;
} }
@media (min-width: 768px) {
.md-padding-1 {
padding: 1px;
}
.md-lpadding-1 {
padding-left: 1px;
}
.md-tpadding-1 {
padding-top: 1px;
}
.md-rpadding-1 {
padding-right: 1px;
}
.md-bpadding-1 {
padding-bottom: 1px;
}
.md-bradius-1 {
border-radius: 1px;
}
.md-padding-2 {
padding: 2px;
}
.md-lpadding-2 {
padding-left: 2px;
}
.md-tpadding-2 {
padding-top: 2px;
}
.md-rpadding-2 {
padding-right: 2px;
}
.md-bpadding-2 {
padding-bottom: 2px;
}
.md-bradius-2 {
border-radius: 2px;
}
.md-padding-3 {
padding: 3px;
}
.md-lpadding-3 {
padding-left: 3px;
}
.md-tpadding-3 {
padding-top: 3px;
}
.md-rpadding-3 {
padding-right: 3px;
}
.md-bpadding-3 {
padding-bottom: 3px;
}
.md-bradius-3 {
border-radius: 3px;
}
.md-padding-4 {
padding: 4px;
}
.md-lpadding-4 {
padding-left: 4px;
}
.md-tpadding-4 {
padding-top: 4px;
}
.md-rpadding-4 {
padding-right: 4px;
}
.md-bpadding-4 {
padding-bottom: 4px;
}
.md-bradius-4 {
border-radius: 4px;
}
.md-padding-5 {
padding: 5px;
}
.md-lpadding-5 {
padding-left: 5px;
}
.md-tpadding-5 {
padding-top: 5px;
}
.md-rpadding-5 {
padding-right: 5px;
}
.md-bpadding-5 {
padding-bottom: 5px;
}
.md-bradius-5 {
border-radius: 5px;
}
.md-padding-6 {
padding: 6px;
}
.md-lpadding-6 {
padding-left: 6px;
}
.md-tpadding-6 {
padding-top: 6px;
}
.md-rpadding-6 {
padding-right: 6px;
}
.md-bpadding-6 {
padding-bottom: 6px;
}
.md-bradius-6 {
border-radius: 6px;
}
.md-padding-7 {
padding: 7px;
}
.md-lpadding-7 {
padding-left: 7px;
}
.md-tpadding-7 {
padding-top: 7px;
}
.md-rpadding-7 {
padding-right: 7px;
}
.md-bpadding-7 {
padding-bottom: 7px;
}
.md-bradius-7 {
border-radius: 7px;
}
.md-padding-8 {
padding: 8px;
}
.md-lpadding-8 {
padding-left: 8px;
}
.md-tpadding-8 {
padding-top: 8px;
}
.md-rpadding-8 {
padding-right: 8px;
}
.md-bpadding-8 {
padding-bottom: 8px;
}
.md-bradius-8 {
border-radius: 8px;
}
.md-padding-9 {
padding: 9px;
}
.md-lpadding-9 {
padding-left: 9px;
}
.md-tpadding-9 {
padding-top: 9px;
}
.md-rpadding-9 {
padding-right: 9px;
}
.md-bpadding-9 {
padding-bottom: 9px;
}
.md-bradius-9 {
border-radius: 9px;
}
.md-padding-10 {
padding: 10px;
}
.md-lpadding-10 {
padding-left: 10px;
}
.md-tpadding-10 {
padding-top: 10px;
}
.md-rpadding-10 {
padding-right: 10px;
}
.md-bpadding-10 {
padding-bottom: 10px;
}
.md-bradius-10 {
border-radius: 10px;
}
.md-padding-11 {
padding: 11px;
}
.md-lpadding-11 {
padding-left: 11px;
}
.md-tpadding-11 {
padding-top: 11px;
}
.md-rpadding-11 {
padding-right: 11px;
}
.md-bpadding-11 {
padding-bottom: 11px;
}
.md-bradius-11 {
border-radius: 11px;
}
.md-padding-12 {
padding: 12px;
}
.md-lpadding-12 {
padding-left: 12px;
}
.md-tpadding-12 {
padding-top: 12px;
}
.md-rpadding-12 {
padding-right: 12px;
}
.md-bpadding-12 {
padding-bottom: 12px;
}
.md-bradius-12 {
border-radius: 12px;
}
.md-padding-13 {
padding: 13px;
}
.md-lpadding-13 {
padding-left: 13px;
}
.md-tpadding-13 {
padding-top: 13px;
}
.md-rpadding-13 {
padding-right: 13px;
}
.md-bpadding-13 {
padding-bottom: 13px;
}
.md-bradius-13 {
border-radius: 13px;
}
.md-padding-14 {
padding: 14px;
}
.md-lpadding-14 {
padding-left: 14px;
}
.md-tpadding-14 {
padding-top: 14px;
}
.md-rpadding-14 {
padding-right: 14px;
}
.md-bpadding-14 {
padding-bottom: 14px;
}
.md-bradius-14 {
border-radius: 14px;
}
.md-padding-15 {
padding: 15px;
}
.md-lpadding-15 {
padding-left: 15px;
}
.md-tpadding-15 {
padding-top: 15px;
}
.md-rpadding-15 {
padding-right: 15px;
}
.md-bpadding-15 {
padding-bottom: 15px;
}
.md-bradius-15 {
border-radius: 15px;
}
.md-padding-16 {
padding: 16px;
}
.md-lpadding-16 {
padding-left: 16px;
}
.md-tpadding-16 {
padding-top: 16px;
}
.md-rpadding-16 {
padding-right: 16px;
}
.md-bpadding-16 {
padding-bottom: 16px;
}
.md-bradius-16 {
border-radius: 16px;
}
.md-padding-17 {
padding: 17px;
}
.md-lpadding-17 {
padding-left: 17px;
}
.md-tpadding-17 {
padding-top: 17px;
}
.md-rpadding-17 {
padding-right: 17px;
}
.md-bpadding-17 {
padding-bottom: 17px;
}
.md-bradius-17 {
border-radius: 17px;
}
.md-padding-18 {
padding: 18px;
}
.md-lpadding-18 {
padding-left: 18px;
}
.md-tpadding-18 {
padding-top: 18px;
}
.md-rpadding-18 {
padding-right: 18px;
}
.md-bpadding-18 {
padding-bottom: 18px;
}
.md-bradius-18 {
border-radius: 18px;
}
.md-padding-19 {
padding: 19px;
}
.md-lpadding-19 {
padding-left: 19px;
}
.md-tpadding-19 {
padding-top: 19px;
}
.md-rpadding-19 {
padding-right: 19px;
}
.md-bpadding-19 {
padding-bottom: 19px;
}
.md-bradius-19 {
border-radius: 19px;
}
.md-padding-20 {
padding: 20px;
}
.md-lpadding-20 {
padding-left: 20px;
}
.md-tpadding-20 {
padding-top: 20px;
}
.md-rpadding-20 {
padding-right: 20px;
}
.md-bpadding-20 {
padding-bottom: 20px;
}
.md-bradius-20 {
border-radius: 20px;
}
.md-padding-21 {
padding: 21px;
}
.md-lpadding-21 {
padding-left: 21px;
}
.md-tpadding-21 {
padding-top: 21px;
}
.md-rpadding-21 {
padding-right: 21px;
}
.md-bpadding-21 {
padding-bottom: 21px;
}
.md-bradius-21 {
border-radius: 21px;
}
.md-padding-22 {
padding: 22px;
}
.md-lpadding-22 {
padding-left: 22px;
}
.md-tpadding-22 {
padding-top: 22px;
}
.md-rpadding-22 {
padding-right: 22px;
}
.md-bpadding-22 {
padding-bottom: 22px;
}
.md-bradius-22 {
border-radius: 22px;
}
.md-padding-23 {
padding: 23px;
}
.md-lpadding-23 {
padding-left: 23px;
}
.md-tpadding-23 {
padding-top: 23px;
}
.md-rpadding-23 {
padding-right: 23px;
}
.md-bpadding-23 {
padding-bottom: 23px;
}
.md-bradius-23 {
border-radius: 23px;
}
.md-padding-24 {
padding: 24px;
}
.md-lpadding-24 {
padding-left: 24px;
}
.md-tpadding-24 {
padding-top: 24px;
}
.md-rpadding-24 {
padding-right: 24px;
}
.md-bpadding-24 {
padding-bottom: 24px;
}
.md-bradius-24 {
border-radius: 24px;
}
.md-padding-25 {
padding: 25px;
}
.md-lpadding-25 {
padding-left: 25px;
}
.md-tpadding-25 {
padding-top: 25px;
}
.md-rpadding-25 {
padding-right: 25px;
}
.md-bpadding-25 {
padding-bottom: 25px;
}
.md-bradius-25 {
border-radius: 25px;
}
.md-padding-26 {
padding: 26px;
}
.md-lpadding-26 {
padding-left: 26px;
}
.md-tpadding-26 {
padding-top: 26px;
}
.md-rpadding-26 {
padding-right: 26px;
}
.md-bpadding-26 {
padding-bottom: 26px;
}
.md-bradius-26 {
border-radius: 26px;
}
.md-padding-27 {
padding: 27px;
}
.md-lpadding-27 {
padding-left: 27px;
}
.md-tpadding-27 {
padding-top: 27px;
}
.md-rpadding-27 {
padding-right: 27px;
}
.md-bpadding-27 {
padding-bottom: 27px;
}
.md-bradius-27 {
border-radius: 27px;
}
.md-padding-28 {
padding: 28px;
}
.md-lpadding-28 {
padding-left: 28px;
}
.md-tpadding-28 {
padding-top: 28px;
}
.md-rpadding-28 {
padding-right: 28px;
}
.md-bpadding-28 {
padding-bottom: 28px;
}
.md-bradius-28 {
border-radius: 28px;
}
.md-padding-29 {
padding: 29px;
}
.md-lpadding-29 {
padding-left: 29px;
}
.md-tpadding-29 {
padding-top: 29px;
}
.md-rpadding-29 {
padding-right: 29px;
}
.md-bpadding-29 {
padding-bottom: 29px;
}
.md-bradius-29 {
border-radius: 29px;
}
.md-padding-30 {
padding: 30px;
}
.md-lpadding-30 {
padding-left: 30px;
}
.md-tpadding-30 {
padding-top: 30px;
}
.md-rpadding-30 {
padding-right: 30px;
}
.md-bpadding-30 {
padding-bottom: 30px;
}
.md-bradius-30 {
border-radius: 30px;
}
.md-padding-31 {
padding: 31px;
}
.md-lpadding-31 {
padding-left: 31px;
}
.md-tpadding-31 {
padding-top: 31px;
}
.md-rpadding-31 {
padding-right: 31px;
}
.md-bpadding-31 {
padding-bottom: 31px;
}
.md-bradius-31 {
border-radius: 31px;
}
.md-padding-32 {
padding: 32px;
}
.md-lpadding-32 {
padding-left: 32px;
}
.md-tpadding-32 {
padding-top: 32px;
}
.md-rpadding-32 {
padding-right: 32px;
}
.md-bpadding-32 {
padding-bottom: 32px;
}
.md-bradius-32 {
border-radius: 32px;
}
.md-padding-33 {
padding: 33px;
}
.md-lpadding-33 {
padding-left: 33px;
}
.md-tpadding-33 {
padding-top: 33px;
}
.md-rpadding-33 {
padding-right: 33px;
}
.md-bpadding-33 {
padding-bottom: 33px;
}
.md-bradius-33 {
border-radius: 33px;
}
.md-padding-34 {
padding: 34px;
}
.md-lpadding-34 {
padding-left: 34px;
}
.md-tpadding-34 {
padding-top: 34px;
}
.md-rpadding-34 {
padding-right: 34px;
}
.md-bpadding-34 {
padding-bottom: 34px;
}
.md-bradius-34 {
border-radius: 34px;
}
.md-padding-35 {
padding: 35px;
}
.md-lpadding-35 {
padding-left: 35px;
}
.md-tpadding-35 {
padding-top: 35px;
}
.md-rpadding-35 {
padding-right: 35px;
}
.md-bpadding-35 {
padding-bottom: 35px;
}
.md-bradius-35 {
border-radius: 35px;
}
.md-padding-36 {
padding: 36px;
}
.md-lpadding-36 {
padding-left: 36px;
}
.md-tpadding-36 {
padding-top: 36px;
}
.md-rpadding-36 {
padding-right: 36px;
}
.md-bpadding-36 {
padding-bottom: 36px;
}
.md-bradius-36 {
border-radius: 36px;
}
.md-padding-37 {
padding: 37px;
}
.md-lpadding-37 {
padding-left: 37px;
}
.md-tpadding-37 {
padding-top: 37px;
}
.md-rpadding-37 {
padding-right: 37px;
}
.md-bpadding-37 {
padding-bottom: 37px;
}
.md-bradius-37 {
border-radius: 37px;
}
.md-padding-38 {
padding: 38px;
}
.md-lpadding-38 {
padding-left: 38px;
}
.md-tpadding-38 {
padding-top: 38px;
}
.md-rpadding-38 {
padding-right: 38px;
}
.md-bpadding-38 {
padding-bottom: 38px;
}
.md-bradius-38 {
border-radius: 38px;
}
.md-padding-39 {
padding: 39px;
}
.md-lpadding-39 {
padding-left: 39px;
}
.md-tpadding-39 {
padding-top: 39px;
}
.md-rpadding-39 {
padding-right: 39px;
}
.md-bpadding-39 {
padding-bottom: 39px;
}
.md-bradius-39 {
border-radius: 39px;
}
.md-padding-40 {
padding: 40px;
}
.md-lpadding-40 {
padding-left: 40px;
}
.md-tpadding-40 {
padding-top: 40px;
}
.md-rpadding-40 {
padding-right: 40px;
}
.md-bpadding-40 {
padding-bottom: 40px;
}
.md-bradius-40 {
border-radius: 40px;
}
.md-padding-41 {
padding: 41px;
}
.md-lpadding-41 {
padding-left: 41px;
}
.md-tpadding-41 {
padding-top: 41px;
}
.md-rpadding-41 {
padding-right: 41px;
}
.md-bpadding-41 {
padding-bottom: 41px;
}
.md-bradius-41 {
border-radius: 41px;
}
.md-padding-42 {
padding: 42px;
}
.md-lpadding-42 {
padding-left: 42px;
}
.md-tpadding-42 {
padding-top: 42px;
}
.md-rpadding-42 {
padding-right: 42px;
}
.md-bpadding-42 {
padding-bottom: 42px;
}
.md-bradius-42 {
border-radius: 42px;
}
.md-padding-43 {
padding: 43px;
}
.md-lpadding-43 {
padding-left: 43px;
}
.md-tpadding-43 {
padding-top: 43px;
}
.md-rpadding-43 {
padding-right: 43px;
}
.md-bpadding-43 {
padding-bottom: 43px;
}
.md-bradius-43 {
border-radius: 43px;
}
.md-padding-44 {
padding: 44px;
}
.md-lpadding-44 {
padding-left: 44px;
}
.md-tpadding-44 {
padding-top: 44px;
}
.md-rpadding-44 {
padding-right: 44px;
}
.md-bpadding-44 {
padding-bottom: 44px;
}
.md-bradius-44 {
border-radius: 44px;
}
.md-padding-45 {
padding: 45px;
}
.md-lpadding-45 {
padding-left: 45px;
}
.md-tpadding-45 {
padding-top: 45px;
}
.md-rpadding-45 {
padding-right: 45px;
}
.md-bpadding-45 {
padding-bottom: 45px;
}
.md-bradius-45 {
border-radius: 45px;
}
.md-padding-46 {
padding: 46px;
}
.md-lpadding-46 {
padding-left: 46px;
}
.md-tpadding-46 {
padding-top: 46px;
}
.md-rpadding-46 {
padding-right: 46px;
}
.md-bpadding-46 {
padding-bottom: 46px;
}
.md-bradius-46 {
border-radius: 46px;
}
.md-padding-47 {
padding: 47px;
}
.md-lpadding-47 {
padding-left: 47px;
}
.md-tpadding-47 {
padding-top: 47px;
}
.md-rpadding-47 {
padding-right: 47px;
}
.md-bpadding-47 {
padding-bottom: 47px;
}
.md-bradius-47 {
border-radius: 47px;
}
.md-padding-48 {
padding: 48px;
}
.md-lpadding-48 {
padding-left: 48px;
}
.md-tpadding-48 {
padding-top: 48px;
}
.md-rpadding-48 {
padding-right: 48px;
}
.md-bpadding-48 {
padding-bottom: 48px;
}
.md-bradius-48 {
border-radius: 48px;
}
.md-padding-49 {
padding: 49px;
}
.md-lpadding-49 {
padding-left: 49px;
}
.md-tpadding-49 {
padding-top: 49px;
}
.md-rpadding-49 {
padding-right: 49px;
}
.md-bpadding-49 {
padding-bottom: 49px;
}
.md-bradius-49 {
border-radius: 49px;
}
.md-padding-50 {
padding: 50px;
}
.md-lpadding-50 {
padding-left: 50px;
}
.md-tpadding-50 {
padding-top: 50px;
}
.md-rpadding-50 {
padding-right: 50px;
}
.md-bpadding-50 {
padding-bottom: 50px;
}
.md-bradius-50 {
border-radius: 50px;
}
.md-font-1 {
font-size: 1px;
}
.md-width-1 {
width: 1%;
}
.md-height-1 {
height: 1%;
}
.md-font-2 {
font-size: 2px;
}
.md-width-2 {
width: 2%;
}
.md-height-2 {
height: 2%;
}
.md-font-3 {
font-size: 3px;
}
.md-width-3 {
width: 3%;
}
.md-height-3 {
height: 3%;
}
.md-font-4 {
font-size: 4px;
}
.md-width-4 {
width: 4%;
}
.md-height-4 {
height: 4%;
}
.md-font-5 {
font-size: 5px;
}
.md-width-5 {
width: 5%;
}
.md-height-5 {
height: 5%;
}
.md-font-6 {
font-size: 6px;
}
.md-width-6 {
width: 6%;
}
.md-height-6 {
height: 6%;
}
.md-font-7 {
font-size: 7px;
}
.md-width-7 {
width: 7%;
}
.md-height-7 {
height: 7%;
}
.md-font-8 {
font-size: 8px;
}
.md-width-8 {
width: 8%;
}
.md-height-8 {
height: 8%;
}
.md-font-9 {
font-size: 9px;
}
.md-width-9 {
width: 9%;
}
.md-height-9 {
height: 9%;
}
.md-font-10 {
font-size: 10px;
}
.md-width-10 {
width: 10%;
}
.md-height-10 {
height: 10%;
}
.md-font-11 {
font-size: 11px;
}
.md-width-11 {
width: 11%;
}
.md-height-11 {
height: 11%;
}
.md-font-12 {
font-size: 12px;
}
.md-width-12 {
width: 12%;
}
.md-height-12 {
height: 12%;
}
.md-font-13 {
font-size: 13px;
}
.md-width-13 {
width: 13%;
}
.md-height-13 {
height: 13%;
}
.md-font-14 {
font-size: 14px;
}
.md-width-14 {
width: 14%;
}
.md-height-14 {
height: 14%;
}
.md-font-15 {
font-size: 15px;
}
.md-width-15 {
width: 15%;
}
.md-height-15 {
height: 15%;
}
.md-font-16 {
font-size: 16px;
}
.md-width-16 {
width: 16%;
}
.md-height-16 {
height: 16%;
}
.md-font-17 {
font-size: 17px;
}
.md-width-17 {
width: 17%;
}
.md-height-17 {
height: 17%;
}
.md-font-18 {
font-size: 18px;
}
.md-width-18 {
width: 18%;
}
.md-height-18 {
height: 18%;
}
.md-font-19 {
font-size: 19px;
}
.md-width-19 {
width: 19%;
}
.md-height-19 {
height: 19%;
}
.md-font-20 {
font-size: 20px;
}
.md-width-20 {
width: 20%;
}
.md-height-20 {
height: 20%;
}
.md-font-21 {
font-size: 21px;
}
.md-width-21 {
width: 21%;
}
.md-height-21 {
height: 21%;
}
.md-font-22 {
font-size: 22px;
}
.md-width-22 {
width: 22%;
}
.md-height-22 {
height: 22%;
}
.md-font-23 {
font-size: 23px;
}
.md-width-23 {
width: 23%;
}
.md-height-23 {
height: 23%;
}
.md-font-24 {
font-size: 24px;
}
.md-width-24 {
width: 24%;
}
.md-height-24 {
height: 24%;
}
.md-font-25 {
font-size: 25px;
}
.md-width-25 {
width: 25%;
}
.md-height-25 {
height: 25%;
}
.md-font-26 {
font-size: 26px;
}
.md-width-26 {
width: 26%;
}
.md-height-26 {
height: 26%;
}
.md-font-27 {
font-size: 27px;
}
.md-width-27 {
width: 27%;
}
.md-height-27 {
height: 27%;
}
.md-font-28 {
font-size: 28px;
}
.md-width-28 {
width: 28%;
}
.md-height-28 {
height: 28%;
}
.md-font-29 {
font-size: 29px;
}
.md-width-29 {
width: 29%;
}
.md-height-29 {
height: 29%;
}
.md-font-30 {
font-size: 30px;
}
.md-width-30 {
width: 30%;
}
.md-height-30 {
height: 30%;
}
.md-font-31 {
font-size: 31px;
}
.md-width-31 {
width: 31%;
}
.md-height-31 {
height: 31%;
}
.md-font-32 {
font-size: 32px;
}
.md-width-32 {
width: 32%;
}
.md-height-32 {
height: 32%;
}
.md-font-33 {
font-size: 33px;
}
.md-width-33 {
width: 33%;
}
.md-height-33 {
height: 33%;
}
.md-font-34 {
font-size: 34px;
}
.md-width-34 {
width: 34%;
}
.md-height-34 {
height: 34%;
}
.md-font-35 {
font-size: 35px;
}
.md-width-35 {
width: 35%;
}
.md-height-35 {
height: 35%;
}
.md-font-36 {
font-size: 36px;
}
.md-width-36 {
width: 36%;
}
.md-height-36 {
height: 36%;
}
.md-font-37 {
font-size: 37px;
}
.md-width-37 {
width: 37%;
}
.md-height-37 {
height: 37%;
}
.md-font-38 {
font-size: 38px;
}
.md-width-38 {
width: 38%;
}
.md-height-38 {
height: 38%;
}
.md-font-39 {
font-size: 39px;
}
.md-width-39 {
width: 39%;
}
.md-height-39 {
height: 39%;
}
.md-font-40 {
font-size: 40px;
}
.md-width-40 {
width: 40%;
}
.md-height-40 {
height: 40%;
}
.md-font-41 {
font-size: 41px;
}
.md-width-41 {
width: 41%;
}
.md-height-41 {
height: 41%;
}
.md-font-42 {
font-size: 42px;
}
.md-width-42 {
width: 42%;
}
.md-height-42 {
height: 42%;
}
.md-font-43 {
font-size: 43px;
}
.md-width-43 {
width: 43%;
}
.md-height-43 {
height: 43%;
}
.md-font-44 {
font-size: 44px;
}
.md-width-44 {
width: 44%;
}
.md-height-44 {
height: 44%;
}
.md-font-45 {
font-size: 45px;
}
.md-width-45 {
width: 45%;
}
.md-height-45 {
height: 45%;
}
.md-font-46 {
font-size: 46px;
}
.md-width-46 {
width: 46%;
}
.md-height-46 {
height: 46%;
}
.md-font-47 {
font-size: 47px;
}
.md-width-47 {
width: 47%;
}
.md-height-47 {
height: 47%;
}
.md-font-48 {
font-size: 48px;
}
.md-width-48 {
width: 48%;
}
.md-height-48 {
height: 48%;
}
.md-font-49 {
font-size: 49px;
}
.md-width-49 {
width: 49%;
}
.md-height-49 {
height: 49%;
}
.md-font-50 {
font-size: 50px;
}
.md-width-50 {
width: 50%;
}
.md-height-50 {
height: 50%;
}
.md-font-51 {
font-size: 51px;
}
.md-width-51 {
width: 51%;
}
.md-height-51 {
height: 51%;
}
.md-font-52 {
font-size: 52px;
}
.md-width-52 {
width: 52%;
}
.md-height-52 {
height: 52%;
}
.md-font-53 {
font-size: 53px;
}
.md-width-53 {
width: 53%;
}
.md-height-53 {
height: 53%;
}
.md-font-54 {
font-size: 54px;
}
.md-width-54 {
width: 54%;
}
.md-height-54 {
height: 54%;
}
.md-font-55 {
font-size: 55px;
}
.md-width-55 {
width: 55%;
}
.md-height-55 {
height: 55%;
}
.md-font-56 {
font-size: 56px;
}
.md-width-56 {
width: 56%;
}
.md-height-56 {
height: 56%;
}
.md-font-57 {
font-size: 57px;
}
.md-width-57 {
width: 57%;
}
.md-height-57 {
height: 57%;
}
.md-font-58 {
font-size: 58px;
}
.md-width-58 {
width: 58%;
}
.md-height-58 {
height: 58%;
}
.md-font-59 {
font-size: 59px;
}
.md-width-59 {
width: 59%;
}
.md-height-59 {
height: 59%;
}
.md-font-60 {
font-size: 60px;
}
.md-width-60 {
width: 60%;
}
.md-height-60 {
height: 60%;
}
.md-font-61 {
font-size: 61px;
}
.md-width-61 {
width: 61%;
}
.md-height-61 {
height: 61%;
}
.md-font-62 {
font-size: 62px;
}
.md-width-62 {
width: 62%;
}
.md-height-62 {
height: 62%;
}
.md-font-63 {
font-size: 63px;
}
.md-width-63 {
width: 63%;
}
.md-height-63 {
height: 63%;
}
.md-font-64 {
font-size: 64px;
}
.md-width-64 {
width: 64%;
}
.md-height-64 {
height: 64%;
}
.md-font-65 {
font-size: 65px;
}
.md-width-65 {
width: 65%;
}
.md-height-65 {
height: 65%;
}
.md-font-66 {
font-size: 66px;
}
.md-width-66 {
width: 66%;
}
.md-height-66 {
height: 66%;
}
.md-font-67 {
font-size: 67px;
}
.md-width-67 {
width: 67%;
}
.md-height-67 {
height: 67%;
}
.md-font-68 {
font-size: 68px;
}
.md-width-68 {
width: 68%;
}
.md-height-68 {
height: 68%;
}
.md-font-69 {
font-size: 69px;
}
.md-width-69 {
width: 69%;
}
.md-height-69 {
height: 69%;
}
.md-font-70 {
font-size: 70px;
}
.md-width-70 {
width: 70%;
}
.md-height-70 {
height: 70%;
}
.md-font-71 {
font-size: 71px;
}
.md-width-71 {
width: 71%;
}
.md-height-71 {
height: 71%;
}
.md-font-72 {
font-size: 72px;
}
.md-width-72 {
width: 72%;
}
.md-height-72 {
height: 72%;
}
.md-font-73 {
font-size: 73px;
}
.md-width-73 {
width: 73%;
}
.md-height-73 {
height: 73%;
}
.md-font-74 {
font-size: 74px;
}
.md-width-74 {
width: 74%;
}
.md-height-74 {
height: 74%;
}
.md-font-75 {
font-size: 75px;
}
.md-width-75 {
width: 75%;
}
.md-height-75 {
height: 75%;
}
.md-font-76 {
font-size: 76px;
}
.md-width-76 {
width: 76%;
}
.md-height-76 {
height: 76%;
}
.md-font-77 {
font-size: 77px;
}
.md-width-77 {
width: 77%;
}
.md-height-77 {
height: 77%;
}
.md-font-78 {
font-size: 78px;
}
.md-width-78 {
width: 78%;
}
.md-height-78 {
height: 78%;
}
.md-font-79 {
font-size: 79px;
}
.md-width-79 {
width: 79%;
}
.md-height-79 {
height: 79%;
}
.md-font-80 {
font-size: 80px;
}
.md-width-80 {
width: 80%;
}
.md-height-80 {
height: 80%;
}
.md-font-81 {
font-size: 81px;
}
.md-width-81 {
width: 81%;
}
.md-height-81 {
height: 81%;
}
.md-font-82 {
font-size: 82px;
}
.md-width-82 {
width: 82%;
}
.md-height-82 {
height: 82%;
}
.md-font-83 {
font-size: 83px;
}
.md-width-83 {
width: 83%;
}
.md-height-83 {
height: 83%;
}
.md-font-84 {
font-size: 84px;
}
.md-width-84 {
width: 84%;
}
.md-height-84 {
height: 84%;
}
.md-font-85 {
font-size: 85px;
}
.md-width-85 {
width: 85%;
}
.md-height-85 {
height: 85%;
}
.md-font-86 {
font-size: 86px;
}
.md-width-86 {
width: 86%;
}
.md-height-86 {
height: 86%;
}
.md-font-87 {
font-size: 87px;
}
.md-width-87 {
width: 87%;
}
.md-height-87 {
height: 87%;
}
.md-font-88 {
font-size: 88px;
}
.md-width-88 {
width: 88%;
}
.md-height-88 {
height: 88%;
}
.md-font-89 {
font-size: 89px;
}
.md-width-89 {
width: 89%;
}
.md-height-89 {
height: 89%;
}
.md-font-90 {
font-size: 90px;
}
.md-width-90 {
width: 90%;
}
.md-height-90 {
height: 90%;
}
.md-font-91 {
font-size: 91px;
}
.md-width-91 {
width: 91%;
}
.md-height-91 {
height: 91%;
}
.md-font-92 {
font-size: 92px;
}
.md-width-92 {
width: 92%;
}
.md-height-92 {
height: 92%;
}
.md-font-93 {
font-size: 93px;
}
.md-width-93 {
width: 93%;
}
.md-height-93 {
height: 93%;
}
.md-font-94 {
font-size: 94px;
}
.md-width-94 {
width: 94%;
}
.md-height-94 {
height: 94%;
}
.md-font-95 {
font-size: 95px;
}
.md-width-95 {
width: 95%;
}
.md-height-95 {
height: 95%;
}
.md-font-96 {
font-size: 96px;
}
.md-width-96 {
width: 96%;
}
.md-height-96 {
height: 96%;
}
.md-font-97 {
font-size: 97px;
}
.md-width-97 {
width: 97%;
}
.md-height-97 {
height: 97%;
}
.md-font-98 {
font-size: 98px;
}
.md-width-98 {
width: 98%;
}
.md-height-98 {
height: 98%;
}
.md-font-99 {
font-size: 99px;
}
.md-width-99 {
width: 99%;
}
.md-height-99 {
height: 99%;
}
.md-font-100 {
font-size: 100px;
}
.md-width-100 {
width: 100%;
}
.md-height-100 {
height: 100%;
} }
@media (min-width: 992px) {
.lg-padding-1 {
padding: 1px;
}
.lg-lpadding-1 {
padding-left: 1px;
}
.lg-tpadding-1 {
padding-top: 1px;
}
.lg-rpadding-1 {
padding-right: 1px;
}
.lg-bpadding-1 {
padding-bottom: 1px;
}
.lg-bradius-1 {
border-radius: 1px;
}
.lg-padding-2 {
padding: 2px;
}
.lg-lpadding-2 {
padding-left: 2px;
}
.lg-tpadding-2 {
padding-top: 2px;
}
.lg-rpadding-2 {
padding-right: 2px;
}
.lg-bpadding-2 {
padding-bottom: 2px;
}
.lg-bradius-2 {
border-radius: 2px;
}
.lg-padding-3 {
padding: 3px;
}
.lg-lpadding-3 {
padding-left: 3px;
}
.lg-tpadding-3 {
padding-top: 3px;
}
.lg-rpadding-3 {
padding-right: 3px;
}
.lg-bpadding-3 {
padding-bottom: 3px;
}
.lg-bradius-3 {
border-radius: 3px;
}
.lg-padding-4 {
padding: 4px;
}
.lg-lpadding-4 {
padding-left: 4px;
}
.lg-tpadding-4 {
padding-top: 4px;
}
.lg-rpadding-4 {
padding-right: 4px;
}
.lg-bpadding-4 {
padding-bottom: 4px;
}
.lg-bradius-4 {
border-radius: 4px;
}
.lg-padding-5 {
padding: 5px;
}
.lg-lpadding-5 {
padding-left: 5px;
}
.lg-tpadding-5 {
padding-top: 5px;
}
.lg-rpadding-5 {
padding-right: 5px;
}
.lg-bpadding-5 {
padding-bottom: 5px;
}
.lg-bradius-5 {
border-radius: 5px;
}
.lg-padding-6 {
padding: 6px;
}
.lg-lpadding-6 {
padding-left: 6px;
}
.lg-tpadding-6 {
padding-top: 6px;
}
.lg-rpadding-6 {
padding-right: 6px;
}
.lg-bpadding-6 {
padding-bottom: 6px;
}
.lg-bradius-6 {
border-radius: 6px;
}
.lg-padding-7 {
padding: 7px;
}
.lg-lpadding-7 {
padding-left: 7px;
}
.lg-tpadding-7 {
padding-top: 7px;
}
.lg-rpadding-7 {
padding-right: 7px;
}
.lg-bpadding-7 {
padding-bottom: 7px;
}
.lg-bradius-7 {
border-radius: 7px;
}
.lg-padding-8 {
padding: 8px;
}
.lg-lpadding-8 {
padding-left: 8px;
}
.lg-tpadding-8 {
padding-top: 8px;
}
.lg-rpadding-8 {
padding-right: 8px;
}
.lg-bpadding-8 {
padding-bottom: 8px;
}
.lg-bradius-8 {
border-radius: 8px;
}
.lg-padding-9 {
padding: 9px;
}
.lg-lpadding-9 {
padding-left: 9px;
}
.lg-tpadding-9 {
padding-top: 9px;
}
.lg-rpadding-9 {
padding-right: 9px;
}
.lg-bpadding-9 {
padding-bottom: 9px;
}
.lg-bradius-9 {
border-radius: 9px;
}
.lg-padding-10 {
padding: 10px;
}
.lg-lpadding-10 {
padding-left: 10px;
}
.lg-tpadding-10 {
padding-top: 10px;
}
.lg-rpadding-10 {
padding-right: 10px;
}
.lg-bpadding-10 {
padding-bottom: 10px;
}
.lg-bradius-10 {
border-radius: 10px;
}
.lg-padding-11 {
padding: 11px;
}
.lg-lpadding-11 {
padding-left: 11px;
}
.lg-tpadding-11 {
padding-top: 11px;
}
.lg-rpadding-11 {
padding-right: 11px;
}
.lg-bpadding-11 {
padding-bottom: 11px;
}
.lg-bradius-11 {
border-radius: 11px;
}
.lg-padding-12 {
padding: 12px;
}
.lg-lpadding-12 {
padding-left: 12px;
}
.lg-tpadding-12 {
padding-top: 12px;
}
.lg-rpadding-12 {
padding-right: 12px;
}
.lg-bpadding-12 {
padding-bottom: 12px;
}
.lg-bradius-12 {
border-radius: 12px;
}
.lg-padding-13 {
padding: 13px;
}
.lg-lpadding-13 {
padding-left: 13px;
}
.lg-tpadding-13 {
padding-top: 13px;
}
.lg-rpadding-13 {
padding-right: 13px;
}
.lg-bpadding-13 {
padding-bottom: 13px;
}
.lg-bradius-13 {
border-radius: 13px;
}
.lg-padding-14 {
padding: 14px;
}
.lg-lpadding-14 {
padding-left: 14px;
}
.lg-tpadding-14 {
padding-top: 14px;
}
.lg-rpadding-14 {
padding-right: 14px;
}
.lg-bpadding-14 {
padding-bottom: 14px;
}
.lg-bradius-14 {
border-radius: 14px;
}
.lg-padding-15 {
padding: 15px;
}
.lg-lpadding-15 {
padding-left: 15px;
}
.lg-tpadding-15 {
padding-top: 15px;
}
.lg-rpadding-15 {
padding-right: 15px;
}
.lg-bpadding-15 {
padding-bottom: 15px;
}
.lg-bradius-15 {
border-radius: 15px;
}
.lg-padding-16 {
padding: 16px;
}
.lg-lpadding-16 {
padding-left: 16px;
}
.lg-tpadding-16 {
padding-top: 16px;
}
.lg-rpadding-16 {
padding-right: 16px;
}
.lg-bpadding-16 {
padding-bottom: 16px;
}
.lg-bradius-16 {
border-radius: 16px;
}
.lg-padding-17 {
padding: 17px;
}
.lg-lpadding-17 {
padding-left: 17px;
}
.lg-tpadding-17 {
padding-top: 17px;
}
.lg-rpadding-17 {
padding-right: 17px;
}
.lg-bpadding-17 {
padding-bottom: 17px;
}
.lg-bradius-17 {
border-radius: 17px;
}
.lg-padding-18 {
padding: 18px;
}
.lg-lpadding-18 {
padding-left: 18px;
}
.lg-tpadding-18 {
padding-top: 18px;
}
.lg-rpadding-18 {
padding-right: 18px;
}
.lg-bpadding-18 {
padding-bottom: 18px;
}
.lg-bradius-18 {
border-radius: 18px;
}
.lg-padding-19 {
padding: 19px;
}
.lg-lpadding-19 {
padding-left: 19px;
}
.lg-tpadding-19 {
padding-top: 19px;
}
.lg-rpadding-19 {
padding-right: 19px;
}
.lg-bpadding-19 {
padding-bottom: 19px;
}
.lg-bradius-19 {
border-radius: 19px;
}
.lg-padding-20 {
padding: 20px;
}
.lg-lpadding-20 {
padding-left: 20px;
}
.lg-tpadding-20 {
padding-top: 20px;
}
.lg-rpadding-20 {
padding-right: 20px;
}
.lg-bpadding-20 {
padding-bottom: 20px;
}
.lg-bradius-20 {
border-radius: 20px;
}
.lg-padding-21 {
padding: 21px;
}
.lg-lpadding-21 {
padding-left: 21px;
}
.lg-tpadding-21 {
padding-top: 21px;
}
.lg-rpadding-21 {
padding-right: 21px;
}
.lg-bpadding-21 {
padding-bottom: 21px;
}
.lg-bradius-21 {
border-radius: 21px;
}
.lg-padding-22 {
padding: 22px;
}
.lg-lpadding-22 {
padding-left: 22px;
}
.lg-tpadding-22 {
padding-top: 22px;
}
.lg-rpadding-22 {
padding-right: 22px;
}
.lg-bpadding-22 {
padding-bottom: 22px;
}
.lg-bradius-22 {
border-radius: 22px;
}
.lg-padding-23 {
padding: 23px;
}
.lg-lpadding-23 {
padding-left: 23px;
}
.lg-tpadding-23 {
padding-top: 23px;
}
.lg-rpadding-23 {
padding-right: 23px;
}
.lg-bpadding-23 {
padding-bottom: 23px;
}
.lg-bradius-23 {
border-radius: 23px;
}
.lg-padding-24 {
padding: 24px;
}
.lg-lpadding-24 {
padding-left: 24px;
}
.lg-tpadding-24 {
padding-top: 24px;
}
.lg-rpadding-24 {
padding-right: 24px;
}
.lg-bpadding-24 {
padding-bottom: 24px;
}
.lg-bradius-24 {
border-radius: 24px;
}
.lg-padding-25 {
padding: 25px;
}
.lg-lpadding-25 {
padding-left: 25px;
}
.lg-tpadding-25 {
padding-top: 25px;
}
.lg-rpadding-25 {
padding-right: 25px;
}
.lg-bpadding-25 {
padding-bottom: 25px;
}
.lg-bradius-25 {
border-radius: 25px;
}
.lg-padding-26 {
padding: 26px;
}
.lg-lpadding-26 {
padding-left: 26px;
}
.lg-tpadding-26 {
padding-top: 26px;
}
.lg-rpadding-26 {
padding-right: 26px;
}
.lg-bpadding-26 {
padding-bottom: 26px;
}
.lg-bradius-26 {
border-radius: 26px;
}
.lg-padding-27 {
padding: 27px;
}
.lg-lpadding-27 {
padding-left: 27px;
}
.lg-tpadding-27 {
padding-top: 27px;
}
.lg-rpadding-27 {
padding-right: 27px;
}
.lg-bpadding-27 {
padding-bottom: 27px;
}
.lg-bradius-27 {
border-radius: 27px;
}
.lg-padding-28 {
padding: 28px;
}
.lg-lpadding-28 {
padding-left: 28px;
}
.lg-tpadding-28 {
padding-top: 28px;
}
.lg-rpadding-28 {
padding-right: 28px;
}
.lg-bpadding-28 {
padding-bottom: 28px;
}
.lg-bradius-28 {
border-radius: 28px;
}
.lg-padding-29 {
padding: 29px;
}
.lg-lpadding-29 {
padding-left: 29px;
}
.lg-tpadding-29 {
padding-top: 29px;
}
.lg-rpadding-29 {
padding-right: 29px;
}
.lg-bpadding-29 {
padding-bottom: 29px;
}
.lg-bradius-29 {
border-radius: 29px;
}
.lg-padding-30 {
padding: 30px;
}
.lg-lpadding-30 {
padding-left: 30px;
}
.lg-tpadding-30 {
padding-top: 30px;
}
.lg-rpadding-30 {
padding-right: 30px;
}
.lg-bpadding-30 {
padding-bottom: 30px;
}
.lg-bradius-30 {
border-radius: 30px;
}
.lg-padding-31 {
padding: 31px;
}
.lg-lpadding-31 {
padding-left: 31px;
}
.lg-tpadding-31 {
padding-top: 31px;
}
.lg-rpadding-31 {
padding-right: 31px;
}
.lg-bpadding-31 {
padding-bottom: 31px;
}
.lg-bradius-31 {
border-radius: 31px;
}
.lg-padding-32 {
padding: 32px;
}
.lg-lpadding-32 {
padding-left: 32px;
}
.lg-tpadding-32 {
padding-top: 32px;
}
.lg-rpadding-32 {
padding-right: 32px;
}
.lg-bpadding-32 {
padding-bottom: 32px;
}
.lg-bradius-32 {
border-radius: 32px;
}
.lg-padding-33 {
padding: 33px;
}
.lg-lpadding-33 {
padding-left: 33px;
}
.lg-tpadding-33 {
padding-top: 33px;
}
.lg-rpadding-33 {
padding-right: 33px;
}
.lg-bpadding-33 {
padding-bottom: 33px;
}
.lg-bradius-33 {
border-radius: 33px;
}
.lg-padding-34 {
padding: 34px;
}
.lg-lpadding-34 {
padding-left: 34px;
}
.lg-tpadding-34 {
padding-top: 34px;
}
.lg-rpadding-34 {
padding-right: 34px;
}
.lg-bpadding-34 {
padding-bottom: 34px;
}
.lg-bradius-34 {
border-radius: 34px;
}
.lg-padding-35 {
padding: 35px;
}
.lg-lpadding-35 {
padding-left: 35px;
}
.lg-tpadding-35 {
padding-top: 35px;
}
.lg-rpadding-35 {
padding-right: 35px;
}
.lg-bpadding-35 {
padding-bottom: 35px;
}
.lg-bradius-35 {
border-radius: 35px;
}
.lg-padding-36 {
padding: 36px;
}
.lg-lpadding-36 {
padding-left: 36px;
}
.lg-tpadding-36 {
padding-top: 36px;
}
.lg-rpadding-36 {
padding-right: 36px;
}
.lg-bpadding-36 {
padding-bottom: 36px;
}
.lg-bradius-36 {
border-radius: 36px;
}
.lg-padding-37 {
padding: 37px;
}
.lg-lpadding-37 {
padding-left: 37px;
}
.lg-tpadding-37 {
padding-top: 37px;
}
.lg-rpadding-37 {
padding-right: 37px;
}
.lg-bpadding-37 {
padding-bottom: 37px;
}
.lg-bradius-37 {
border-radius: 37px;
}
.lg-padding-38 {
padding: 38px;
}
.lg-lpadding-38 {
padding-left: 38px;
}
.lg-tpadding-38 {
padding-top: 38px;
}
.lg-rpadding-38 {
padding-right: 38px;
}
.lg-bpadding-38 {
padding-bottom: 38px;
}
.lg-bradius-38 {
border-radius: 38px;
}
.lg-padding-39 {
padding: 39px;
}
.lg-lpadding-39 {
padding-left: 39px;
}
.lg-tpadding-39 {
padding-top: 39px;
}
.lg-rpadding-39 {
padding-right: 39px;
}
.lg-bpadding-39 {
padding-bottom: 39px;
}
.lg-bradius-39 {
border-radius: 39px;
}
.lg-padding-40 {
padding: 40px;
}
.lg-lpadding-40 {
padding-left: 40px;
}
.lg-tpadding-40 {
padding-top: 40px;
}
.lg-rpadding-40 {
padding-right: 40px;
}
.lg-bpadding-40 {
padding-bottom: 40px;
}
.lg-bradius-40 {
border-radius: 40px;
}
.lg-padding-41 {
padding: 41px;
}
.lg-lpadding-41 {
padding-left: 41px;
}
.lg-tpadding-41 {
padding-top: 41px;
}
.lg-rpadding-41 {
padding-right: 41px;
}
.lg-bpadding-41 {
padding-bottom: 41px;
}
.lg-bradius-41 {
border-radius: 41px;
}
.lg-padding-42 {
padding: 42px;
}
.lg-lpadding-42 {
padding-left: 42px;
}
.lg-tpadding-42 {
padding-top: 42px;
}
.lg-rpadding-42 {
padding-right: 42px;
}
.lg-bpadding-42 {
padding-bottom: 42px;
}
.lg-bradius-42 {
border-radius: 42px;
}
.lg-padding-43 {
padding: 43px;
}
.lg-lpadding-43 {
padding-left: 43px;
}
.lg-tpadding-43 {
padding-top: 43px;
}
.lg-rpadding-43 {
padding-right: 43px;
}
.lg-bpadding-43 {
padding-bottom: 43px;
}
.lg-bradius-43 {
border-radius: 43px;
}
.lg-padding-44 {
padding: 44px;
}
.lg-lpadding-44 {
padding-left: 44px;
}
.lg-tpadding-44 {
padding-top: 44px;
}
.lg-rpadding-44 {
padding-right: 44px;
}
.lg-bpadding-44 {
padding-bottom: 44px;
}
.lg-bradius-44 {
border-radius: 44px;
}
.lg-padding-45 {
padding: 45px;
}
.lg-lpadding-45 {
padding-left: 45px;
}
.lg-tpadding-45 {
padding-top: 45px;
}
.lg-rpadding-45 {
padding-right: 45px;
}
.lg-bpadding-45 {
padding-bottom: 45px;
}
.lg-bradius-45 {
border-radius: 45px;
}
.lg-padding-46 {
padding: 46px;
}
.lg-lpadding-46 {
padding-left: 46px;
}
.lg-tpadding-46 {
padding-top: 46px;
}
.lg-rpadding-46 {
padding-right: 46px;
}
.lg-bpadding-46 {
padding-bottom: 46px;
}
.lg-bradius-46 {
border-radius: 46px;
}
.lg-padding-47 {
padding: 47px;
}
.lg-lpadding-47 {
padding-left: 47px;
}
.lg-tpadding-47 {
padding-top: 47px;
}
.lg-rpadding-47 {
padding-right: 47px;
}
.lg-bpadding-47 {
padding-bottom: 47px;
}
.lg-bradius-47 {
border-radius: 47px;
}
.lg-padding-48 {
padding: 48px;
}
.lg-lpadding-48 {
padding-left: 48px;
}
.lg-tpadding-48 {
padding-top: 48px;
}
.lg-rpadding-48 {
padding-right: 48px;
}
.lg-bpadding-48 {
padding-bottom: 48px;
}
.lg-bradius-48 {
border-radius: 48px;
}
.lg-padding-49 {
padding: 49px;
}
.lg-lpadding-49 {
padding-left: 49px;
}
.lg-tpadding-49 {
padding-top: 49px;
}
.lg-rpadding-49 {
padding-right: 49px;
}
.lg-bpadding-49 {
padding-bottom: 49px;
}
.lg-bradius-49 {
border-radius: 49px;
}
.lg-padding-50 {
padding: 50px;
}
.lg-lpadding-50 {
padding-left: 50px;
}
.lg-tpadding-50 {
padding-top: 50px;
}
.lg-rpadding-50 {
padding-right: 50px;
}
.lg-bpadding-50 {
padding-bottom: 50px;
}
.lg-bradius-50 {
border-radius: 50px;
}
.lg-font-1 {
font-size: 1px;
}
.lg-width-1 {
width: 1%;
}
.lg-height-1 {
height: 1%;
}
.lg-font-2 {
font-size: 2px;
}
.lg-width-2 {
width: 2%;
}
.lg-height-2 {
height: 2%;
}
.lg-font-3 {
font-size: 3px;
}
.lg-width-3 {
width: 3%;
}
.lg-height-3 {
height: 3%;
}
.lg-font-4 {
font-size: 4px;
}
.lg-width-4 {
width: 4%;
}
.lg-height-4 {
height: 4%;
}
.lg-font-5 {
font-size: 5px;
}
.lg-width-5 {
width: 5%;
}
.lg-height-5 {
height: 5%;
}
.lg-font-6 {
font-size: 6px;
}
.lg-width-6 {
width: 6%;
}
.lg-height-6 {
height: 6%;
}
.lg-font-7 {
font-size: 7px;
}
.lg-width-7 {
width: 7%;
}
.lg-height-7 {
height: 7%;
}
.lg-font-8 {
font-size: 8px;
}
.lg-width-8 {
width: 8%;
}
.lg-height-8 {
height: 8%;
}
.lg-font-9 {
font-size: 9px;
}
.lg-width-9 {
width: 9%;
}
.lg-height-9 {
height: 9%;
}
.lg-font-10 {
font-size: 10px;
}
.lg-width-10 {
width: 10%;
}
.lg-height-10 {
height: 10%;
}
.lg-font-11 {
font-size: 11px;
}
.lg-width-11 {
width: 11%;
}
.lg-height-11 {
height: 11%;
}
.lg-font-12 {
font-size: 12px;
}
.lg-width-12 {
width: 12%;
}
.lg-height-12 {
height: 12%;
}
.lg-font-13 {
font-size: 13px;
}
.lg-width-13 {
width: 13%;
}
.lg-height-13 {
height: 13%;
}
.lg-font-14 {
font-size: 14px;
}
.lg-width-14 {
width: 14%;
}
.lg-height-14 {
height: 14%;
}
.lg-font-15 {
font-size: 15px;
}
.lg-width-15 {
width: 15%;
}
.lg-height-15 {
height: 15%;
}
.lg-font-16 {
font-size: 16px;
}
.lg-width-16 {
width: 16%;
}
.lg-height-16 {
height: 16%;
}
.lg-font-17 {
font-size: 17px;
}
.lg-width-17 {
width: 17%;
}
.lg-height-17 {
height: 17%;
}
.lg-font-18 {
font-size: 18px;
}
.lg-width-18 {
width: 18%;
}
.lg-height-18 {
height: 18%;
}
.lg-font-19 {
font-size: 19px;
}
.lg-width-19 {
width: 19%;
}
.lg-height-19 {
height: 19%;
}
.lg-font-20 {
font-size: 20px;
}
.lg-width-20 {
width: 20%;
}
.lg-height-20 {
height: 20%;
}
.lg-font-21 {
font-size: 21px;
}
.lg-width-21 {
width: 21%;
}
.lg-height-21 {
height: 21%;
}
.lg-font-22 {
font-size: 22px;
}
.lg-width-22 {
width: 22%;
}
.lg-height-22 {
height: 22%;
}
.lg-font-23 {
font-size: 23px;
}
.lg-width-23 {
width: 23%;
}
.lg-height-23 {
height: 23%;
}
.lg-font-24 {
font-size: 24px;
}
.lg-width-24 {
width: 24%;
}
.lg-height-24 {
height: 24%;
}
.lg-font-25 {
font-size: 25px;
}
.lg-width-25 {
width: 25%;
}
.lg-height-25 {
height: 25%;
}
.lg-font-26 {
font-size: 26px;
}
.lg-width-26 {
width: 26%;
}
.lg-height-26 {
height: 26%;
}
.lg-font-27 {
font-size: 27px;
}
.lg-width-27 {
width: 27%;
}
.lg-height-27 {
height: 27%;
}
.lg-font-28 {
font-size: 28px;
}
.lg-width-28 {
width: 28%;
}
.lg-height-28 {
height: 28%;
}
.lg-font-29 {
font-size: 29px;
}
.lg-width-29 {
width: 29%;
}
.lg-height-29 {
height: 29%;
}
.lg-font-30 {
font-size: 30px;
}
.lg-width-30 {
width: 30%;
}
.lg-height-30 {
height: 30%;
}
.lg-font-31 {
font-size: 31px;
}
.lg-width-31 {
width: 31%;
}
.lg-height-31 {
height: 31%;
}
.lg-font-32 {
font-size: 32px;
}
.lg-width-32 {
width: 32%;
}
.lg-height-32 {
height: 32%;
}
.lg-font-33 {
font-size: 33px;
}
.lg-width-33 {
width: 33%;
}
.lg-height-33 {
height: 33%;
}
.lg-font-34 {
font-size: 34px;
}
.lg-width-34 {
width: 34%;
}
.lg-height-34 {
height: 34%;
}
.lg-font-35 {
font-size: 35px;
}
.lg-width-35 {
width: 35%;
}
.lg-height-35 {
height: 35%;
}
.lg-font-36 {
font-size: 36px;
}
.lg-width-36 {
width: 36%;
}
.lg-height-36 {
height: 36%;
}
.lg-font-37 {
font-size: 37px;
}
.lg-width-37 {
width: 37%;
}
.lg-height-37 {
height: 37%;
}
.lg-font-38 {
font-size: 38px;
}
.lg-width-38 {
width: 38%;
}
.lg-height-38 {
height: 38%;
}
.lg-font-39 {
font-size: 39px;
}
.lg-width-39 {
width: 39%;
}
.lg-height-39 {
height: 39%;
}
.lg-font-40 {
font-size: 40px;
}
.lg-width-40 {
width: 40%;
}
.lg-height-40 {
height: 40%;
}
.lg-font-41 {
font-size: 41px;
}
.lg-width-41 {
width: 41%;
}
.lg-height-41 {
height: 41%;
}
.lg-font-42 {
font-size: 42px;
}
.lg-width-42 {
width: 42%;
}
.lg-height-42 {
height: 42%;
}
.lg-font-43 {
font-size: 43px;
}
.lg-width-43 {
width: 43%;
}
.lg-height-43 {
height: 43%;
}
.lg-font-44 {
font-size: 44px;
}
.lg-width-44 {
width: 44%;
}
.lg-height-44 {
height: 44%;
}
.lg-font-45 {
font-size: 45px;
}
.lg-width-45 {
width: 45%;
}
.lg-height-45 {
height: 45%;
}
.lg-font-46 {
font-size: 46px;
}
.lg-width-46 {
width: 46%;
}
.lg-height-46 {
height: 46%;
}
.lg-font-47 {
font-size: 47px;
}
.lg-width-47 {
width: 47%;
}
.lg-height-47 {
height: 47%;
}
.lg-font-48 {
font-size: 48px;
}
.lg-width-48 {
width: 48%;
}
.lg-height-48 {
height: 48%;
}
.lg-font-49 {
font-size: 49px;
}
.lg-width-49 {
width: 49%;
}
.lg-height-49 {
height: 49%;
}
.lg-font-50 {
font-size: 50px;
}
.lg-width-50 {
width: 50%;
}
.lg-height-50 {
height: 50%;
}
.lg-font-51 {
font-size: 51px;
}
.lg-width-51 {
width: 51%;
}
.lg-height-51 {
height: 51%;
}
.lg-font-52 {
font-size: 52px;
}
.lg-width-52 {
width: 52%;
}
.lg-height-52 {
height: 52%;
}
.lg-font-53 {
font-size: 53px;
}
.lg-width-53 {
width: 53%;
}
.lg-height-53 {
height: 53%;
}
.lg-font-54 {
font-size: 54px;
}
.lg-width-54 {
width: 54%;
}
.lg-height-54 {
height: 54%;
}
.lg-font-55 {
font-size: 55px;
}
.lg-width-55 {
width: 55%;
}
.lg-height-55 {
height: 55%;
}
.lg-font-56 {
font-size: 56px;
}
.lg-width-56 {
width: 56%;
}
.lg-height-56 {
height: 56%;
}
.lg-font-57 {
font-size: 57px;
}
.lg-width-57 {
width: 57%;
}
.lg-height-57 {
height: 57%;
}
.lg-font-58 {
font-size: 58px;
}
.lg-width-58 {
width: 58%;
}
.lg-height-58 {
height: 58%;
}
.lg-font-59 {
font-size: 59px;
}
.lg-width-59 {
width: 59%;
}
.lg-height-59 {
height: 59%;
}
.lg-font-60 {
font-size: 60px;
}
.lg-width-60 {
width: 60%;
}
.lg-height-60 {
height: 60%;
}
.lg-font-61 {
font-size: 61px;
}
.lg-width-61 {
width: 61%;
}
.lg-height-61 {
height: 61%;
}
.lg-font-62 {
font-size: 62px;
}
.lg-width-62 {
width: 62%;
}
.lg-height-62 {
height: 62%;
}
.lg-font-63 {
font-size: 63px;
}
.lg-width-63 {
width: 63%;
}
.lg-height-63 {
height: 63%;
}
.lg-font-64 {
font-size: 64px;
}
.lg-width-64 {
width: 64%;
}
.lg-height-64 {
height: 64%;
}
.lg-font-65 {
font-size: 65px;
}
.lg-width-65 {
width: 65%;
}
.lg-height-65 {
height: 65%;
}
.lg-font-66 {
font-size: 66px;
}
.lg-width-66 {
width: 66%;
}
.lg-height-66 {
height: 66%;
}
.lg-font-67 {
font-size: 67px;
}
.lg-width-67 {
width: 67%;
}
.lg-height-67 {
height: 67%;
}
.lg-font-68 {
font-size: 68px;
}
.lg-width-68 {
width: 68%;
}
.lg-height-68 {
height: 68%;
}
.lg-font-69 {
font-size: 69px;
}
.lg-width-69 {
width: 69%;
}
.lg-height-69 {
height: 69%;
}
.lg-font-70 {
font-size: 70px;
}
.lg-width-70 {
width: 70%;
}
.lg-height-70 {
height: 70%;
}
.lg-font-71 {
font-size: 71px;
}
.lg-width-71 {
width: 71%;
}
.lg-height-71 {
height: 71%;
}
.lg-font-72 {
font-size: 72px;
}
.lg-width-72 {
width: 72%;
}
.lg-height-72 {
height: 72%;
}
.lg-font-73 {
font-size: 73px;
}
.lg-width-73 {
width: 73%;
}
.lg-height-73 {
height: 73%;
}
.lg-font-74 {
font-size: 74px;
}
.lg-width-74 {
width: 74%;
}
.lg-height-74 {
height: 74%;
}
.lg-font-75 {
font-size: 75px;
}
.lg-width-75 {
width: 75%;
}
.lg-height-75 {
height: 75%;
}
.lg-font-76 {
font-size: 76px;
}
.lg-width-76 {
width: 76%;
}
.lg-height-76 {
height: 76%;
}
.lg-font-77 {
font-size: 77px;
}
.lg-width-77 {
width: 77%;
}
.lg-height-77 {
height: 77%;
}
.lg-font-78 {
font-size: 78px;
}
.lg-width-78 {
width: 78%;
}
.lg-height-78 {
height: 78%;
}
.lg-font-79 {
font-size: 79px;
}
.lg-width-79 {
width: 79%;
}
.lg-height-79 {
height: 79%;
}
.lg-font-80 {
font-size: 80px;
}
.lg-width-80 {
width: 80%;
}
.lg-height-80 {
height: 80%;
}
.lg-font-81 {
font-size: 81px;
}
.lg-width-81 {
width: 81%;
}
.lg-height-81 {
height: 81%;
}
.lg-font-82 {
font-size: 82px;
}
.lg-width-82 {
width: 82%;
}
.lg-height-82 {
height: 82%;
}
.lg-font-83 {
font-size: 83px;
}
.lg-width-83 {
width: 83%;
}
.lg-height-83 {
height: 83%;
}
.lg-font-84 {
font-size: 84px;
}
.lg-width-84 {
width: 84%;
}
.lg-height-84 {
height: 84%;
}
.lg-font-85 {
font-size: 85px;
}
.lg-width-85 {
width: 85%;
}
.lg-height-85 {
height: 85%;
}
.lg-font-86 {
font-size: 86px;
}
.lg-width-86 {
width: 86%;
}
.lg-height-86 {
height: 86%;
}
.lg-font-87 {
font-size: 87px;
}
.lg-width-87 {
width: 87%;
}
.lg-height-87 {
height: 87%;
}
.lg-font-88 {
font-size: 88px;
}
.lg-width-88 {
width: 88%;
}
.lg-height-88 {
height: 88%;
}
.lg-font-89 {
font-size: 89px;
}
.lg-width-89 {
width: 89%;
}
.lg-height-89 {
height: 89%;
}
.lg-font-90 {
font-size: 90px;
}
.lg-width-90 {
width: 90%;
}
.lg-height-90 {
height: 90%;
}
.lg-font-91 {
font-size: 91px;
}
.lg-width-91 {
width: 91%;
}
.lg-height-91 {
height: 91%;
}
.lg-font-92 {
font-size: 92px;
}
.lg-width-92 {
width: 92%;
}
.lg-height-92 {
height: 92%;
}
.lg-font-93 {
font-size: 93px;
}
.lg-width-93 {
width: 93%;
}
.lg-height-93 {
height: 93%;
}
.lg-font-94 {
font-size: 94px;
}
.lg-width-94 {
width: 94%;
}
.lg-height-94 {
height: 94%;
}
.lg-font-95 {
font-size: 95px;
}
.lg-width-95 {
width: 95%;
}
.lg-height-95 {
height: 95%;
}
.lg-font-96 {
font-size: 96px;
}
.lg-width-96 {
width: 96%;
}
.lg-height-96 {
height: 96%;
}
.lg-font-97 {
font-size: 97px;
}
.lg-width-97 {
width: 97%;
}
.lg-height-97 {
height: 97%;
}
.lg-font-98 {
font-size: 98px;
}
.lg-width-98 {
width: 98%;
}
.lg-height-98 {
height: 98%;
}
.lg-font-99 {
font-size: 99px;
}
.lg-width-99 {
width: 99%;
}
.lg-height-99 {
height: 99%;
}
.lg-font-100 {
font-size: 100px;
}
.lg-width-100 {
width: 100%;
}
.lg-height-100 {
height: 100%;
} }
@media (min-width: 1200px) {
.xl-padding-1 {
padding: 1px;
}
.xl-lpadding-1 {
padding-left: 1px;
}
.xl-tpadding-1 {
padding-top: 1px;
}
.xl-rpadding-1 {
padding-right: 1px;
}
.xl-bpadding-1 {
padding-bottom: 1px;
}
.xl-bradius-1 {
border-radius: 1px;
}
.xl-padding-2 {
padding: 2px;
}
.xl-lpadding-2 {
padding-left: 2px;
}
.xl-tpadding-2 {
padding-top: 2px;
}
.xl-rpadding-2 {
padding-right: 2px;
}
.xl-bpadding-2 {
padding-bottom: 2px;
}
.xl-bradius-2 {
border-radius: 2px;
}
.xl-padding-3 {
padding: 3px;
}
.xl-lpadding-3 {
padding-left: 3px;
}
.xl-tpadding-3 {
padding-top: 3px;
}
.xl-rpadding-3 {
padding-right: 3px;
}
.xl-bpadding-3 {
padding-bottom: 3px;
}
.xl-bradius-3 {
border-radius: 3px;
}
.xl-padding-4 {
padding: 4px;
}
.xl-lpadding-4 {
padding-left: 4px;
}
.xl-tpadding-4 {
padding-top: 4px;
}
.xl-rpadding-4 {
padding-right: 4px;
}
.xl-bpadding-4 {
padding-bottom: 4px;
}
.xl-bradius-4 {
border-radius: 4px;
}
.xl-padding-5 {
padding: 5px;
}
.xl-lpadding-5 {
padding-left: 5px;
}
.xl-tpadding-5 {
padding-top: 5px;
}
.xl-rpadding-5 {
padding-right: 5px;
}
.xl-bpadding-5 {
padding-bottom: 5px;
}
.xl-bradius-5 {
border-radius: 5px;
}
.xl-padding-6 {
padding: 6px;
}
.xl-lpadding-6 {
padding-left: 6px;
}
.xl-tpadding-6 {
padding-top: 6px;
}
.xl-rpadding-6 {
padding-right: 6px;
}
.xl-bpadding-6 {
padding-bottom: 6px;
}
.xl-bradius-6 {
border-radius: 6px;
}
.xl-padding-7 {
padding: 7px;
}
.xl-lpadding-7 {
padding-left: 7px;
}
.xl-tpadding-7 {
padding-top: 7px;
}
.xl-rpadding-7 {
padding-right: 7px;
}
.xl-bpadding-7 {
padding-bottom: 7px;
}
.xl-bradius-7 {
border-radius: 7px;
}
.xl-padding-8 {
padding: 8px;
}
.xl-lpadding-8 {
padding-left: 8px;
}
.xl-tpadding-8 {
padding-top: 8px;
}
.xl-rpadding-8 {
padding-right: 8px;
}
.xl-bpadding-8 {
padding-bottom: 8px;
}
.xl-bradius-8 {
border-radius: 8px;
}
.xl-padding-9 {
padding: 9px;
}
.xl-lpadding-9 {
padding-left: 9px;
}
.xl-tpadding-9 {
padding-top: 9px;
}
.xl-rpadding-9 {
padding-right: 9px;
}
.xl-bpadding-9 {
padding-bottom: 9px;
}
.xl-bradius-9 {
border-radius: 9px;
}
.xl-padding-10 {
padding: 10px;
}
.xl-lpadding-10 {
padding-left: 10px;
}
.xl-tpadding-10 {
padding-top: 10px;
}
.xl-rpadding-10 {
padding-right: 10px;
}
.xl-bpadding-10 {
padding-bottom: 10px;
}
.xl-bradius-10 {
border-radius: 10px;
}
.xl-padding-11 {
padding: 11px;
}
.xl-lpadding-11 {
padding-left: 11px;
}
.xl-tpadding-11 {
padding-top: 11px;
}
.xl-rpadding-11 {
padding-right: 11px;
}
.xl-bpadding-11 {
padding-bottom: 11px;
}
.xl-bradius-11 {
border-radius: 11px;
}
.xl-padding-12 {
padding: 12px;
}
.xl-lpadding-12 {
padding-left: 12px;
}
.xl-tpadding-12 {
padding-top: 12px;
}
.xl-rpadding-12 {
padding-right: 12px;
}
.xl-bpadding-12 {
padding-bottom: 12px;
}
.xl-bradius-12 {
border-radius: 12px;
}
.xl-padding-13 {
padding: 13px;
}
.xl-lpadding-13 {
padding-left: 13px;
}
.xl-tpadding-13 {
padding-top: 13px;
}
.xl-rpadding-13 {
padding-right: 13px;
}
.xl-bpadding-13 {
padding-bottom: 13px;
}
.xl-bradius-13 {
border-radius: 13px;
}
.xl-padding-14 {
padding: 14px;
}
.xl-lpadding-14 {
padding-left: 14px;
}
.xl-tpadding-14 {
padding-top: 14px;
}
.xl-rpadding-14 {
padding-right: 14px;
}
.xl-bpadding-14 {
padding-bottom: 14px;
}
.xl-bradius-14 {
border-radius: 14px;
}
.xl-padding-15 {
padding: 15px;
}
.xl-lpadding-15 {
padding-left: 15px;
}
.xl-tpadding-15 {
padding-top: 15px;
}
.xl-rpadding-15 {
padding-right: 15px;
}
.xl-bpadding-15 {
padding-bottom: 15px;
}
.xl-bradius-15 {
border-radius: 15px;
}
.xl-padding-16 {
padding: 16px;
}
.xl-lpadding-16 {
padding-left: 16px;
}
.xl-tpadding-16 {
padding-top: 16px;
}
.xl-rpadding-16 {
padding-right: 16px;
}
.xl-bpadding-16 {
padding-bottom: 16px;
}
.xl-bradius-16 {
border-radius: 16px;
}
.xl-padding-17 {
padding: 17px;
}
.xl-lpadding-17 {
padding-left: 17px;
}
.xl-tpadding-17 {
padding-top: 17px;
}
.xl-rpadding-17 {
padding-right: 17px;
}
.xl-bpadding-17 {
padding-bottom: 17px;
}
.xl-bradius-17 {
border-radius: 17px;
}
.xl-padding-18 {
padding: 18px;
}
.xl-lpadding-18 {
padding-left: 18px;
}
.xl-tpadding-18 {
padding-top: 18px;
}
.xl-rpadding-18 {
padding-right: 18px;
}
.xl-bpadding-18 {
padding-bottom: 18px;
}
.xl-bradius-18 {
border-radius: 18px;
}
.xl-padding-19 {
padding: 19px;
}
.xl-lpadding-19 {
padding-left: 19px;
}
.xl-tpadding-19 {
padding-top: 19px;
}
.xl-rpadding-19 {
padding-right: 19px;
}
.xl-bpadding-19 {
padding-bottom: 19px;
}
.xl-bradius-19 {
border-radius: 19px;
}
.xl-padding-20 {
padding: 20px;
}
.xl-lpadding-20 {
padding-left: 20px;
}
.xl-tpadding-20 {
padding-top: 20px;
}
.xl-rpadding-20 {
padding-right: 20px;
}
.xl-bpadding-20 {
padding-bottom: 20px;
}
.xl-bradius-20 {
border-radius: 20px;
}
.xl-padding-21 {
padding: 21px;
}
.xl-lpadding-21 {
padding-left: 21px;
}
.xl-tpadding-21 {
padding-top: 21px;
}
.xl-rpadding-21 {
padding-right: 21px;
}
.xl-bpadding-21 {
padding-bottom: 21px;
}
.xl-bradius-21 {
border-radius: 21px;
}
.xl-padding-22 {
padding: 22px;
}
.xl-lpadding-22 {
padding-left: 22px;
}
.xl-tpadding-22 {
padding-top: 22px;
}
.xl-rpadding-22 {
padding-right: 22px;
}
.xl-bpadding-22 {
padding-bottom: 22px;
}
.xl-bradius-22 {
border-radius: 22px;
}
.xl-padding-23 {
padding: 23px;
}
.xl-lpadding-23 {
padding-left: 23px;
}
.xl-tpadding-23 {
padding-top: 23px;
}
.xl-rpadding-23 {
padding-right: 23px;
}
.xl-bpadding-23 {
padding-bottom: 23px;
}
.xl-bradius-23 {
border-radius: 23px;
}
.xl-padding-24 {
padding: 24px;
}
.xl-lpadding-24 {
padding-left: 24px;
}
.xl-tpadding-24 {
padding-top: 24px;
}
.xl-rpadding-24 {
padding-right: 24px;
}
.xl-bpadding-24 {
padding-bottom: 24px;
}
.xl-bradius-24 {
border-radius: 24px;
}
.xl-padding-25 {
padding: 25px;
}
.xl-lpadding-25 {
padding-left: 25px;
}
.xl-tpadding-25 {
padding-top: 25px;
}
.xl-rpadding-25 {
padding-right: 25px;
}
.xl-bpadding-25 {
padding-bottom: 25px;
}
.xl-bradius-25 {
border-radius: 25px;
}
.xl-padding-26 {
padding: 26px;
}
.xl-lpadding-26 {
padding-left: 26px;
}
.xl-tpadding-26 {
padding-top: 26px;
}
.xl-rpadding-26 {
padding-right: 26px;
}
.xl-bpadding-26 {
padding-bottom: 26px;
}
.xl-bradius-26 {
border-radius: 26px;
}
.xl-padding-27 {
padding: 27px;
}
.xl-lpadding-27 {
padding-left: 27px;
}
.xl-tpadding-27 {
padding-top: 27px;
}
.xl-rpadding-27 {
padding-right: 27px;
}
.xl-bpadding-27 {
padding-bottom: 27px;
}
.xl-bradius-27 {
border-radius: 27px;
}
.xl-padding-28 {
padding: 28px;
}
.xl-lpadding-28 {
padding-left: 28px;
}
.xl-tpadding-28 {
padding-top: 28px;
}
.xl-rpadding-28 {
padding-right: 28px;
}
.xl-bpadding-28 {
padding-bottom: 28px;
}
.xl-bradius-28 {
border-radius: 28px;
}
.xl-padding-29 {
padding: 29px;
}
.xl-lpadding-29 {
padding-left: 29px;
}
.xl-tpadding-29 {
padding-top: 29px;
}
.xl-rpadding-29 {
padding-right: 29px;
}
.xl-bpadding-29 {
padding-bottom: 29px;
}
.xl-bradius-29 {
border-radius: 29px;
}
.xl-padding-30 {
padding: 30px;
}
.xl-lpadding-30 {
padding-left: 30px;
}
.xl-tpadding-30 {
padding-top: 30px;
}
.xl-rpadding-30 {
padding-right: 30px;
}
.xl-bpadding-30 {
padding-bottom: 30px;
}
.xl-bradius-30 {
border-radius: 30px;
}
.xl-padding-31 {
padding: 31px;
}
.xl-lpadding-31 {
padding-left: 31px;
}
.xl-tpadding-31 {
padding-top: 31px;
}
.xl-rpadding-31 {
padding-right: 31px;
}
.xl-bpadding-31 {
padding-bottom: 31px;
}
.xl-bradius-31 {
border-radius: 31px;
}
.xl-padding-32 {
padding: 32px;
}
.xl-lpadding-32 {
padding-left: 32px;
}
.xl-tpadding-32 {
padding-top: 32px;
}
.xl-rpadding-32 {
padding-right: 32px;
}
.xl-bpadding-32 {
padding-bottom: 32px;
}
.xl-bradius-32 {
border-radius: 32px;
}
.xl-padding-33 {
padding: 33px;
}
.xl-lpadding-33 {
padding-left: 33px;
}
.xl-tpadding-33 {
padding-top: 33px;
}
.xl-rpadding-33 {
padding-right: 33px;
}
.xl-bpadding-33 {
padding-bottom: 33px;
}
.xl-bradius-33 {
border-radius: 33px;
}
.xl-padding-34 {
padding: 34px;
}
.xl-lpadding-34 {
padding-left: 34px;
}
.xl-tpadding-34 {
padding-top: 34px;
}
.xl-rpadding-34 {
padding-right: 34px;
}
.xl-bpadding-34 {
padding-bottom: 34px;
}
.xl-bradius-34 {
border-radius: 34px;
}
.xl-padding-35 {
padding: 35px;
}
.xl-lpadding-35 {
padding-left: 35px;
}
.xl-tpadding-35 {
padding-top: 35px;
}
.xl-rpadding-35 {
padding-right: 35px;
}
.xl-bpadding-35 {
padding-bottom: 35px;
}
.xl-bradius-35 {
border-radius: 35px;
}
.xl-padding-36 {
padding: 36px;
}
.xl-lpadding-36 {
padding-left: 36px;
}
.xl-tpadding-36 {
padding-top: 36px;
}
.xl-rpadding-36 {
padding-right: 36px;
}
.xl-bpadding-36 {
padding-bottom: 36px;
}
.xl-bradius-36 {
border-radius: 36px;
}
.xl-padding-37 {
padding: 37px;
}
.xl-lpadding-37 {
padding-left: 37px;
}
.xl-tpadding-37 {
padding-top: 37px;
}
.xl-rpadding-37 {
padding-right: 37px;
}
.xl-bpadding-37 {
padding-bottom: 37px;
}
.xl-bradius-37 {
border-radius: 37px;
}
.xl-padding-38 {
padding: 38px;
}
.xl-lpadding-38 {
padding-left: 38px;
}
.xl-tpadding-38 {
padding-top: 38px;
}
.xl-rpadding-38 {
padding-right: 38px;
}
.xl-bpadding-38 {
padding-bottom: 38px;
}
.xl-bradius-38 {
border-radius: 38px;
}
.xl-padding-39 {
padding: 39px;
}
.xl-lpadding-39 {
padding-left: 39px;
}
.xl-tpadding-39 {
padding-top: 39px;
}
.xl-rpadding-39 {
padding-right: 39px;
}
.xl-bpadding-39 {
padding-bottom: 39px;
}
.xl-bradius-39 {
border-radius: 39px;
}
.xl-padding-40 {
padding: 40px;
}
.xl-lpadding-40 {
padding-left: 40px;
}
.xl-tpadding-40 {
padding-top: 40px;
}
.xl-rpadding-40 {
padding-right: 40px;
}
.xl-bpadding-40 {
padding-bottom: 40px;
}
.xl-bradius-40 {
border-radius: 40px;
}
.xl-padding-41 {
padding: 41px;
}
.xl-lpadding-41 {
padding-left: 41px;
}
.xl-tpadding-41 {
padding-top: 41px;
}
.xl-rpadding-41 {
padding-right: 41px;
}
.xl-bpadding-41 {
padding-bottom: 41px;
}
.xl-bradius-41 {
border-radius: 41px;
}
.xl-padding-42 {
padding: 42px;
}
.xl-lpadding-42 {
padding-left: 42px;
}
.xl-tpadding-42 {
padding-top: 42px;
}
.xl-rpadding-42 {
padding-right: 42px;
}
.xl-bpadding-42 {
padding-bottom: 42px;
}
.xl-bradius-42 {
border-radius: 42px;
}
.xl-padding-43 {
padding: 43px;
}
.xl-lpadding-43 {
padding-left: 43px;
}
.xl-tpadding-43 {
padding-top: 43px;
}
.xl-rpadding-43 {
padding-right: 43px;
}
.xl-bpadding-43 {
padding-bottom: 43px;
}
.xl-bradius-43 {
border-radius: 43px;
}
.xl-padding-44 {
padding: 44px;
}
.xl-lpadding-44 {
padding-left: 44px;
}
.xl-tpadding-44 {
padding-top: 44px;
}
.xl-rpadding-44 {
padding-right: 44px;
}
.xl-bpadding-44 {
padding-bottom: 44px;
}
.xl-bradius-44 {
border-radius: 44px;
}
.xl-padding-45 {
padding: 45px;
}
.xl-lpadding-45 {
padding-left: 45px;
}
.xl-tpadding-45 {
padding-top: 45px;
}
.xl-rpadding-45 {
padding-right: 45px;
}
.xl-bpadding-45 {
padding-bottom: 45px;
}
.xl-bradius-45 {
border-radius: 45px;
}
.xl-padding-46 {
padding: 46px;
}
.xl-lpadding-46 {
padding-left: 46px;
}
.xl-tpadding-46 {
padding-top: 46px;
}
.xl-rpadding-46 {
padding-right: 46px;
}
.xl-bpadding-46 {
padding-bottom: 46px;
}
.xl-bradius-46 {
border-radius: 46px;
}
.xl-padding-47 {
padding: 47px;
}
.xl-lpadding-47 {
padding-left: 47px;
}
.xl-tpadding-47 {
padding-top: 47px;
}
.xl-rpadding-47 {
padding-right: 47px;
}
.xl-bpadding-47 {
padding-bottom: 47px;
}
.xl-bradius-47 {
border-radius: 47px;
}
.xl-padding-48 {
padding: 48px;
}
.xl-lpadding-48 {
padding-left: 48px;
}
.xl-tpadding-48 {
padding-top: 48px;
}
.xl-rpadding-48 {
padding-right: 48px;
}
.xl-bpadding-48 {
padding-bottom: 48px;
}
.xl-bradius-48 {
border-radius: 48px;
}
.xl-padding-49 {
padding: 49px;
}
.xl-lpadding-49 {
padding-left: 49px;
}
.xl-tpadding-49 {
padding-top: 49px;
}
.xl-rpadding-49 {
padding-right: 49px;
}
.xl-bpadding-49 {
padding-bottom: 49px;
}
.xl-bradius-49 {
border-radius: 49px;
}
.xl-padding-50 {
padding: 50px;
}
.xl-lpadding-50 {
padding-left: 50px;
}
.xl-tpadding-50 {
padding-top: 50px;
}
.xl-rpadding-50 {
padding-right: 50px;
}
.xl-bpadding-50 {
padding-bottom: 50px;
}
.xl-bradius-50 {
border-radius: 50px;
}
.xl-font-1 {
font-size: 1px;
}
.xl-width-1 {
width: 1%;
}
.xl-height-1 {
height: 1%;
}
.xl-font-2 {
font-size: 2px;
}
.xl-width-2 {
width: 2%;
}
.xl-height-2 {
height: 2%;
}
.xl-font-3 {
font-size: 3px;
}
.xl-width-3 {
width: 3%;
}
.xl-height-3 {
height: 3%;
}
.xl-font-4 {
font-size: 4px;
}
.xl-width-4 {
width: 4%;
}
.xl-height-4 {
height: 4%;
}
.xl-font-5 {
font-size: 5px;
}
.xl-width-5 {
width: 5%;
}
.xl-height-5 {
height: 5%;
}
.xl-font-6 {
font-size: 6px;
}
.xl-width-6 {
width: 6%;
}
.xl-height-6 {
height: 6%;
}
.xl-font-7 {
font-size: 7px;
}
.xl-width-7 {
width: 7%;
}
.xl-height-7 {
height: 7%;
}
.xl-font-8 {
font-size: 8px;
}
.xl-width-8 {
width: 8%;
}
.xl-height-8 {
height: 8%;
}
.xl-font-9 {
font-size: 9px;
}
.xl-width-9 {
width: 9%;
}
.xl-height-9 {
height: 9%;
}
.xl-font-10 {
font-size: 10px;
}
.xl-width-10 {
width: 10%;
}
.xl-height-10 {
height: 10%;
}
.xl-font-11 {
font-size: 11px;
}
.xl-width-11 {
width: 11%;
}
.xl-height-11 {
height: 11%;
}
.xl-font-12 {
font-size: 12px;
}
.xl-width-12 {
width: 12%;
}
.xl-height-12 {
height: 12%;
}
.xl-font-13 {
font-size: 13px;
}
.xl-width-13 {
width: 13%;
}
.xl-height-13 {
height: 13%;
}
.xl-font-14 {
font-size: 14px;
}
.xl-width-14 {
width: 14%;
}
.xl-height-14 {
height: 14%;
}
.xl-font-15 {
font-size: 15px;
}
.xl-width-15 {
width: 15%;
}
.xl-height-15 {
height: 15%;
}
.xl-font-16 {
font-size: 16px;
}
.xl-width-16 {
width: 16%;
}
.xl-height-16 {
height: 16%;
}
.xl-font-17 {
font-size: 17px;
}
.xl-width-17 {
width: 17%;
}
.xl-height-17 {
height: 17%;
}
.xl-font-18 {
font-size: 18px;
}
.xl-width-18 {
width: 18%;
}
.xl-height-18 {
height: 18%;
}
.xl-font-19 {
font-size: 19px;
}
.xl-width-19 {
width: 19%;
}
.xl-height-19 {
height: 19%;
}
.xl-font-20 {
font-size: 20px;
}
.xl-width-20 {
width: 20%;
}
.xl-height-20 {
height: 20%;
}
.xl-font-21 {
font-size: 21px;
}
.xl-width-21 {
width: 21%;
}
.xl-height-21 {
height: 21%;
}
.xl-font-22 {
font-size: 22px;
}
.xl-width-22 {
width: 22%;
}
.xl-height-22 {
height: 22%;
}
.xl-font-23 {
font-size: 23px;
}
.xl-width-23 {
width: 23%;
}
.xl-height-23 {
height: 23%;
}
.xl-font-24 {
font-size: 24px;
}
.xl-width-24 {
width: 24%;
}
.xl-height-24 {
height: 24%;
}
.xl-font-25 {
font-size: 25px;
}
.xl-width-25 {
width: 25%;
}
.xl-height-25 {
height: 25%;
}
.xl-font-26 {
font-size: 26px;
}
.xl-width-26 {
width: 26%;
}
.xl-height-26 {
height: 26%;
}
.xl-font-27 {
font-size: 27px;
}
.xl-width-27 {
width: 27%;
}
.xl-height-27 {
height: 27%;
}
.xl-font-28 {
font-size: 28px;
}
.xl-width-28 {
width: 28%;
}
.xl-height-28 {
height: 28%;
}
.xl-font-29 {
font-size: 29px;
}
.xl-width-29 {
width: 29%;
}
.xl-height-29 {
height: 29%;
}
.xl-font-30 {
font-size: 30px;
}
.xl-width-30 {
width: 30%;
}
.xl-height-30 {
height: 30%;
}
.xl-font-31 {
font-size: 31px;
}
.xl-width-31 {
width: 31%;
}
.xl-height-31 {
height: 31%;
}
.xl-font-32 {
font-size: 32px;
}
.xl-width-32 {
width: 32%;
}
.xl-height-32 {
height: 32%;
}
.xl-font-33 {
font-size: 33px;
}
.xl-width-33 {
width: 33%;
}
.xl-height-33 {
height: 33%;
}
.xl-font-34 {
font-size: 34px;
}
.xl-width-34 {
width: 34%;
}
.xl-height-34 {
height: 34%;
}
.xl-font-35 {
font-size: 35px;
}
.xl-width-35 {
width: 35%;
}
.xl-height-35 {
height: 35%;
}
.xl-font-36 {
font-size: 36px;
}
.xl-width-36 {
width: 36%;
}
.xl-height-36 {
height: 36%;
}
.xl-font-37 {
font-size: 37px;
}
.xl-width-37 {
width: 37%;
}
.xl-height-37 {
height: 37%;
}
.xl-font-38 {
font-size: 38px;
}
.xl-width-38 {
width: 38%;
}
.xl-height-38 {
height: 38%;
}
.xl-font-39 {
font-size: 39px;
}
.xl-width-39 {
width: 39%;
}
.xl-height-39 {
height: 39%;
}
.xl-font-40 {
font-size: 40px;
}
.xl-width-40 {
width: 40%;
}
.xl-height-40 {
height: 40%;
}
.xl-font-41 {
font-size: 41px;
}
.xl-width-41 {
width: 41%;
}
.xl-height-41 {
height: 41%;
}
.xl-font-42 {
font-size: 42px;
}
.xl-width-42 {
width: 42%;
}
.xl-height-42 {
height: 42%;
}
.xl-font-43 {
font-size: 43px;
}
.xl-width-43 {
width: 43%;
}
.xl-height-43 {
height: 43%;
}
.xl-font-44 {
font-size: 44px;
}
.xl-width-44 {
width: 44%;
}
.xl-height-44 {
height: 44%;
}
.xl-font-45 {
font-size: 45px;
}
.xl-width-45 {
width: 45%;
}
.xl-height-45 {
height: 45%;
}
.xl-font-46 {
font-size: 46px;
}
.xl-width-46 {
width: 46%;
}
.xl-height-46 {
height: 46%;
}
.xl-font-47 {
font-size: 47px;
}
.xl-width-47 {
width: 47%;
}
.xl-height-47 {
height: 47%;
}
.xl-font-48 {
font-size: 48px;
}
.xl-width-48 {
width: 48%;
}
.xl-height-48 {
height: 48%;
}
.xl-font-49 {
font-size: 49px;
}
.xl-width-49 {
width: 49%;
}
.xl-height-49 {
height: 49%;
}
.xl-font-50 {
font-size: 50px;
}
.xl-width-50 {
width: 50%;
}
.xl-height-50 {
height: 50%;
}
.xl-font-51 {
font-size: 51px;
}
.xl-width-51 {
width: 51%;
}
.xl-height-51 {
height: 51%;
}
.xl-font-52 {
font-size: 52px;
}
.xl-width-52 {
width: 52%;
}
.xl-height-52 {
height: 52%;
}
.xl-font-53 {
font-size: 53px;
}
.xl-width-53 {
width: 53%;
}
.xl-height-53 {
height: 53%;
}
.xl-font-54 {
font-size: 54px;
}
.xl-width-54 {
width: 54%;
}
.xl-height-54 {
height: 54%;
}
.xl-font-55 {
font-size: 55px;
}
.xl-width-55 {
width: 55%;
}
.xl-height-55 {
height: 55%;
}
.xl-font-56 {
font-size: 56px;
}
.xl-width-56 {
width: 56%;
}
.xl-height-56 {
height: 56%;
}
.xl-font-57 {
font-size: 57px;
}
.xl-width-57 {
width: 57%;
}
.xl-height-57 {
height: 57%;
}
.xl-font-58 {
font-size: 58px;
}
.xl-width-58 {
width: 58%;
}
.xl-height-58 {
height: 58%;
}
.xl-font-59 {
font-size: 59px;
}
.xl-width-59 {
width: 59%;
}
.xl-height-59 {
height: 59%;
}
.xl-font-60 {
font-size: 60px;
}
.xl-width-60 {
width: 60%;
}
.xl-height-60 {
height: 60%;
}
.xl-font-61 {
font-size: 61px;
}
.xl-width-61 {
width: 61%;
}
.xl-height-61 {
height: 61%;
}
.xl-font-62 {
font-size: 62px;
}
.xl-width-62 {
width: 62%;
}
.xl-height-62 {
height: 62%;
}
.xl-font-63 {
font-size: 63px;
}
.xl-width-63 {
width: 63%;
}
.xl-height-63 {
height: 63%;
}
.xl-font-64 {
font-size: 64px;
}
.xl-width-64 {
width: 64%;
}
.xl-height-64 {
height: 64%;
}
.xl-font-65 {
font-size: 65px;
}
.xl-width-65 {
width: 65%;
}
.xl-height-65 {
height: 65%;
}
.xl-font-66 {
font-size: 66px;
}
.xl-width-66 {
width: 66%;
}
.xl-height-66 {
height: 66%;
}
.xl-font-67 {
font-size: 67px;
}
.xl-width-67 {
width: 67%;
}
.xl-height-67 {
height: 67%;
}
.xl-font-68 {
font-size: 68px;
}
.xl-width-68 {
width: 68%;
}
.xl-height-68 {
height: 68%;
}
.xl-font-69 {
font-size: 69px;
}
.xl-width-69 {
width: 69%;
}
.xl-height-69 {
height: 69%;
}
.xl-font-70 {
font-size: 70px;
}
.xl-width-70 {
width: 70%;
}
.xl-height-70 {
height: 70%;
}
.xl-font-71 {
font-size: 71px;
}
.xl-width-71 {
width: 71%;
}
.xl-height-71 {
height: 71%;
}
.xl-font-72 {
font-size: 72px;
}
.xl-width-72 {
width: 72%;
}
.xl-height-72 {
height: 72%;
}
.xl-font-73 {
font-size: 73px;
}
.xl-width-73 {
width: 73%;
}
.xl-height-73 {
height: 73%;
}
.xl-font-74 {
font-size: 74px;
}
.xl-width-74 {
width: 74%;
}
.xl-height-74 {
height: 74%;
}
.xl-font-75 {
font-size: 75px;
}
.xl-width-75 {
width: 75%;
}
.xl-height-75 {
height: 75%;
}
.xl-font-76 {
font-size: 76px;
}
.xl-width-76 {
width: 76%;
}
.xl-height-76 {
height: 76%;
}
.xl-font-77 {
font-size: 77px;
}
.xl-width-77 {
width: 77%;
}
.xl-height-77 {
height: 77%;
}
.xl-font-78 {
font-size: 78px;
}
.xl-width-78 {
width: 78%;
}
.xl-height-78 {
height: 78%;
}
.xl-font-79 {
font-size: 79px;
}
.xl-width-79 {
width: 79%;
}
.xl-height-79 {
height: 79%;
}
.xl-font-80 {
font-size: 80px;
}
.xl-width-80 {
width: 80%;
}
.xl-height-80 {
height: 80%;
}
.xl-font-81 {
font-size: 81px;
}
.xl-width-81 {
width: 81%;
}
.xl-height-81 {
height: 81%;
}
.xl-font-82 {
font-size: 82px;
}
.xl-width-82 {
width: 82%;
}
.xl-height-82 {
height: 82%;
}
.xl-font-83 {
font-size: 83px;
}
.xl-width-83 {
width: 83%;
}
.xl-height-83 {
height: 83%;
}
.xl-font-84 {
font-size: 84px;
}
.xl-width-84 {
width: 84%;
}
.xl-height-84 {
height: 84%;
}
.xl-font-85 {
font-size: 85px;
}
.xl-width-85 {
width: 85%;
}
.xl-height-85 {
height: 85%;
}
.xl-font-86 {
font-size: 86px;
}
.xl-width-86 {
width: 86%;
}
.xl-height-86 {
height: 86%;
}
.xl-font-87 {
font-size: 87px;
}
.xl-width-87 {
width: 87%;
}
.xl-height-87 {
height: 87%;
}
.xl-font-88 {
font-size: 88px;
}
.xl-width-88 {
width: 88%;
}
.xl-height-88 {
height: 88%;
}
.xl-font-89 {
font-size: 89px;
}
.xl-width-89 {
width: 89%;
}
.xl-height-89 {
height: 89%;
}
.xl-font-90 {
font-size: 90px;
}
.xl-width-90 {
width: 90%;
}
.xl-height-90 {
height: 90%;
}
.xl-font-91 {
font-size: 91px;
}
.xl-width-91 {
width: 91%;
}
.xl-height-91 {
height: 91%;
}
.xl-font-92 {
font-size: 92px;
}
.xl-width-92 {
width: 92%;
}
.xl-height-92 {
height: 92%;
}
.xl-font-93 {
font-size: 93px;
}
.xl-width-93 {
width: 93%;
}
.xl-height-93 {
height: 93%;
}
.xl-font-94 {
font-size: 94px;
}
.xl-width-94 {
width: 94%;
}
.xl-height-94 {
height: 94%;
}
.xl-font-95 {
font-size: 95px;
}
.xl-width-95 {
width: 95%;
}
.xl-height-95 {
height: 95%;
}
.xl-font-96 {
font-size: 96px;
}
.xl-width-96 {
width: 96%;
}
.xl-height-96 {
height: 96%;
}
.xl-font-97 {
font-size: 97px;
}
.xl-width-97 {
width: 97%;
}
.xl-height-97 {
height: 97%;
}
.xl-font-98 {
font-size: 98px;
}
.xl-width-98 {
width: 98%;
}
.xl-height-98 {
height: 98%;
}
.xl-font-99 {
font-size: 99px;
}
.xl-width-99 {
width: 99%;
}
.xl-height-99 {
height: 99%;
}
.xl-font-100 {
font-size: 100px;
}
.xl-width-100 {
width: 100%;
}
.xl-height-100 {
height: 100%;
} }
@media screen and (max-width: 1550px) {
.h1 {
font-size: 108px;
line-height: 110px;
}
.h2 {
font-size: 55px;
}
.h3 {
font-size: 35px;
}
.h4 {
font-size: 28px;
}
p, ul li, a {
font-size: 17px;
}
}
@media screen and (max-width: 1400px) {
.h1 {
font-size: 108px;
line-height: 110px;
}
.h2 {
font-size: 52px;
}
.h3 {
font-size: 32px;
}
.h4 {
font-size: 25px;
}
p, ul li, a {
font-size: 17px;
}
.intro-text .container p {
font-size: 26px;
}
.p-40 {
padding: 30px;
}
.bandeau-photo .container .img-container {
height: 500px;
}
}
@media screen and (max-width: 1100px) {
.h1 {
font-size: 90px;
line-height: 95px;
}
.h2 {
font-size: 45px;
}
.h3 {
font-size: 31px;
}
.h4 {
font-size: 24px;
}
p, ul li, a {
font-size: 17px;
}
#fixed-contact {
position: fixed;
bottom: 30px;
right: 30px;
width: 60px;
height: 60px;
z-index: 100001;
}
#fixed-contact svg {
width: 60px;
height: 60px;
}
#sendbutton,
.cta-primary, .cta-secondaire {
font-size: 16px;
}
.p-40 {
padding: 25px;
}
.bandeau-photo .container .img-container {
height: 400px;
}
ul.projets li .projet.catalogue .col-bot {
padding: 25px;
}
.container {
padding: 0 25px;
}
ul.projets li .projet.catalogue .img-container .ville-rounded {
left: 20px;
bottom: 20px;
}
footer .container {
padding: 40px 25px;
}
.faq {
padding: 50px 25px;
}
.faq div.box .container:nth-child(1) {
padding-top: 25px;
max-width: 75%;
}
.faq div.box .container:nth-child(2) {
flex-direction: column;
}
.faq div.box .container:nth-child(2) .col {
width: 100%;
padding-left: 15px;
}
}
@media screen and (max-width: 770px) {
#global-section .container {
max-width: 100%;
}
.faq {
padding: 35px 20px;
}
.faq div.box .container:nth-child(1) {
padding-top: 25px;
max-width: 100%;
}
.intro-text {
padding-bottom: 35px;
padding-top: 50px !important;
}
.nuages, .nuages-contact {
display: none !important;
}
.h1 {
font-size: 70px;
line-height: 75px;
}
.h2 {
font-size: 42px;
}
.h3 {
font-size: 27px;
}
.h4 {
font-size: 21px;
}
p, ul li, a {
font-size: 17px;
}
header {
height: 70px;
}
header .container a.logo {
width: 150px;
}
.intro-text .container {
max-width: 100%;
}
.intro-text .container p {
font-size: 21px;
}
#fixed-contact {
position: fixed;
bottom: 30px;
right: 30px;
width: 60px;
height: 60px;
z-index: 100001;
}
#fixed-contact svg {
width: 60px;
height: 60px;
}
ul.projets li .projet.catalogue {
height: 610px;
}
ul.projets li .projet.catalogue .img-container {
height: 250px;
}
ul.projets li .projet.catalogue .col-bot {
padding: 20px;
}
.container {
padding: 0 20px;
}
.p-40 {
padding: 20px;
}
.bandeau-photo .container .img-container {
height: 550px;
}
footer .container {
padding: 40px 20px;
flex-direction: column;
}
footer .container .halfcol {
width: 100%;
}
}
@media screen and (max-width: 500px) {
header .telephone-header {
padding: 5px 9px;
font-size: 14px;
}
header .telephone-header svg {
margin-right: 10px;
height: 14px;
width: auto;
transition: 0.6s cubic-bezier(0.83, 0, 0.17, 1);
}
header .telephone-header svg path {
fill: #282E3F;
}
header .telephone-header:hover {
font-size: 17px;
}
header .telephone-header:hover svg {
height: 18px;
margin-right: 19px;
}
.faq div.box .container:nth-child(2) .col h3 {
padding-right: 0;
}
.faq div.box .container:nth-child(2) .col {
padding-left: 10px;
}
.faq div.box .container:nth-child(2) .col .reponse p {
padding-left: 26px;
padding-right: 0;
}
.faq div.box .container:nth-child(2) .col .reponse.active {
height: auto;
}
.faq div.box .container:nth-child(2) .col h3 span.plus {
margin-right: 25px;
}
.faq div.box .container:nth-child(2) .col h3 span.plus .bar {
width: 20px;
height: 4px;
}
footer .container {
padding: 40px 20px;
flex-direction: column;
position: relative;
}
footer .container .halfcol {
width: 100%;
flex-direction: column;
}
footer .container .halfcol .col {
width: 100%;
margin-bottom: 20px;
}
footer .container .halfcol .col a.logo {
width: 120px;
}
footer .container .halfcol .col .mentions {
margin-top: 0;
transform: translateY(0);
position: absolute;
bottom: 10px;
}
}
@media screen and (max-width: 380px) {
.h1 {
font-size: 55px;
line-height: 55px;
}
.h2 {
font-size: 32px;
}
.h3 {
font-size: 23px;
}
.h4 {
font-size: 20px;
}
p, ul li, a {
font-size: 16px;
}
}.header-jo {
background-color: #f0f0f0;
padding: 8rem 0;
-webkit-clip-path: ellipse(590% 100% at 50% 0%);
clip-path: ellipse(180% 100% at 50% 0%);
position: relative;
padding-top: 15vh;
}
.header-jo .container {
display: flex;
align-items: center;
justify-content: center;
}
.header-jo .container .col-bot {
display: flex;
flex-direction: column;
align-items: center;
justify-content: center;
gap: 2rem;
}
.header-jo .container .col-bot h1 {
color: var(colorprimaire);
font-size: 80px;
max-width: 700px;
text-align: center;
line-height: 80px;
font-weight: 400;
}
.header-jo .container .col-bot h1 strong {
color: var(colororange);
font-weight: 500;
}
.header-jo .container .col-bot .ctas {
padding-top: 1rem;
display: flex;
align-items: center;
gap: 1rem;
width: -moz-fit-content;
width: fit-content;
}
.sallesdebains-home {
padding: 100px 0;
}
.sallesdebains-home .container:nth-child(1) {
display: flex;
gap: 1rem;
}
.sallesdebains-home .container:nth-child(1) .col-left {
width: 50%;
}
.sallesdebains-home .container:nth-child(1) .col-right {
width: 50%;
display: flex;
flex-direction: column;
justify-content: space-between;
padding-bottom: 3rem;
}
.sallesdebains-home .container:nth-child(1) .navigation {
display: flex;
gap: 1rem;
align-items: center;
position: relative;
z-index: 100;
height: auto;
padding: 1rem 0;
}
.sallesdebains-home .container:nth-child(1) .navigation .swiper-pagination {
position: relative !important;
width: -moz-fit-content;
width: fit-content;
height: -moz-fit-content;
height: fit-content;
top: unset;
bottom: unset;
left: unset;
}
.sallesdebains-home .container:nth-child(1) .navigation .swiper-pagination-clickable .swiper-pagination-bullet {
background-color: transparent !important;
border: solid 1px #282E40;
width: 12px;
height: 12px;
opacity: 1;
}
.sallesdebains-home .container:nth-child(1) .navigation .swiper-pagination-clickable .swiper-pagination-bullet.swiper-pagination-bullet-active {
background-color: #F1D757 !important;
border: solid 1px #F1D757;
opacity: 1;
}
.sallesdebains-home .container:nth-child(1) .navigation .swiper-button-next, .sallesdebains-home .container:nth-child(1) .navigation .swiper-button-prev {
width: auto;
height: auto;
background-color: #F7F7F7;
border-radius: 1000px;
border: solid 1px #282E40;
display: flex;
align-items: center;
justify-content: center;
cursor: pointer;
transition: 0.7s cubic-bezier(0.19, 1, 0.22, 1);
left: unset;
right: unset;
top: unset;
bottom: unset;
position: relative;
z-index: 10;
padding: 15px;
margin-top: unset;
}
.sallesdebains-home .container:nth-child(1) .navigation .swiper-button-next:hover, .sallesdebains-home .container:nth-child(1) .navigation .swiper-button-prev:hover {
background-color: #F1D757;
border: solid 2px #F1D757;
}
.sallesdebains-home .container:nth-child(1) .navigation .swiper-button-next svg, .sallesdebains-home .container:nth-child(1) .navigation .swiper-button-prev svg {
width: 15px;
min-width: 15px;
height: auto;
z-index: 15;
}
.sallesdebains-home .container:nth-child(1) .navigation .swiper-button-next::after, .sallesdebains-home .container:nth-child(1) .navigation .swiper-button-prev::after {
content: "";
display: none;
}
.sallesdebains-home .container:nth-child(2) > .col {
width: 110vw;
white-space: nowrap;
position: relative;
}
.sallesdebains-home .container:nth-child(2) > .col::after {
content: "";
position: absolute;
right: 0;
top: 0;
width: 25%;
height: 100%;
background: #F7F7F7;
background: linear-gradient(90deg, rgba(247, 247, 247, 0) 0%, rgb(247, 247, 247) 100%);
z-index: 100;
pointer-events: none;
}
.sallesdebains-home .container:nth-child(2) > .col .salledebain .svg-cursor {
position: absolute;
right: 1rem;
bottom: 1rem;
margin: auto;
pointer-events: none; opacity: 0;
z-index: 5;
width: 55px;
height: 55px;
transform-origin: right bottom;
transition: width 0.7s cubic-bezier(0.19, 1, 0.22, 1), height 0.7s cubic-bezier(0.19, 1, 0.22, 1), top 0.7s cubic-bezier(0.19, 1, 0.22, 1), left 0.7s cubic-bezier(0.19, 1, 0.22, 1), opacity 0.7s cubic-bezier(0.19, 1, 0.22, 1);
}
.sallesdebains-home .container:nth-child(2) > .col .salledebain:hover .svg-cursor {
opacity: 1;
width: 75px;
height: 75px;
right: 1.4rem;
bottom: 1.4rem;
}
a.salledebain .svg-cursor {
position: absolute;
right: 1rem;
bottom: 1rem;
margin: auto;
pointer-events: none; opacity: 0;
z-index: 5;
width: 55px;
height: 55px;
transform-origin: right bottom;
transition: width 0.7s cubic-bezier(0.19, 1, 0.22, 1), height 0.7s cubic-bezier(0.19, 1, 0.22, 1), top 0.7s cubic-bezier(0.19, 1, 0.22, 1), left 0.7s cubic-bezier(0.19, 1, 0.22, 1), opacity 0.7s cubic-bezier(0.19, 1, 0.22, 1);
}
a.salledebain:hover .svg-cursor {
opacity: 1;
width: 75px;
height: 75px;
right: 1.4rem;
bottom: 1.4rem;
} .entete-salledebain {
padding: 8rem 0;
padding-top: 15vh;
}
.entete-salledebain .container {
display: flex;
flex-direction: column;
align-items: center;
justify-content: center;
gap: 2rem;
text-align: center !important;
}
.entete-salledebain .container .keypoints {
display: flex;
align-items: center;
gap: 0.5rem;
}
.hotspot-image .container {
overflow: hidden;
border-radius: 1.4rem;
}
#powerTip {
background-color: #EFEFEF !important;
color: #000 !important;
padding: 1.4rem !important;
border-radius: 1.4rem !important;
}
#powerTip img {
border-radius: 1rem !important;
margin: 1rem 0 !important;
}
#powerTip::after, #powerTip::before {
display: none !important;
}
.transformation {
padding: 70px 0;
}
.transformation .container .step {
border-radius: 3rem;
width: calc(100% - 2rem);
margin-left: 1rem;
margin-bottom: 1rem;
}
.transformation .container .step .wrapper {
display: flex;
align-items: flex-start;
z-index: 10;
position: relative;
}
.transformation .container .step .wrapper .col-left {
width: 40%;
padding-right: 5rem;
position: sticky;
top: 5.5rem;
height: -moz-fit-content;
height: fit-content;
}
.transformation .container .step .wrapper .col-left .navigation {
display: flex;
flex-direction: row;
align-items: center;
gap: 1rem;
font-size: 22px;
color: #FCC45C;
}
.transformation .container .step .wrapper .col-right {
width: 60%;
display: flex;
flex-direction: column;
gap: 2rem;
}
.transformation .container .step .wrapper .col-right .tabs-header {
display: flex;
justify-content: space-between;
align-items: center;
}
.transformation .container .step .wrapper .col-right .tabs-header .tab-selector {
display: flex;
gap: 1rem;
align-items: center;
border-radius: 100px;
border: 1px solid #282E40;
padding: 5px;
width: -moz-fit-content;
width: fit-content;
position: relative;
}
.transformation .container .step .wrapper .col-right .tabs-header .tab-selector .background-button {
background-color: #F1D757;
height: calc(100% - 10px);
border-radius: 100px;
position: absolute;
left: 5px;
top: 5px;
z-index: 0;
width: 122px;
transition: all 500ms cubic-bezier(0.205, 0.705, 0.155, 0.98);
}
.transformation .container .step .wrapper .col-right .tabs-header .tab-selector .button {
color: #282E40;
opacity: 0.5;
z-index: 1;
position: relative;
padding: 0.5rem 0.9rem;
transition: all 500ms cubic-bezier(0.205, 0.705, 0.155, 0.98);
cursor: pointer;
font-weight: 400;
}
.transformation .container .step .wrapper .col-right .tabs-header .tab-selector .button.active {
color: #282E40;
opacity: 1;
}
.transformation .container .step .wrapper .col-right .tabs-header .arrows {
display: flex;
align-items: center;
gap: 1rem;
position: relative;
}
.transformation .container .step .wrapper .col-right .tabs-header .arrows .prev,
.transformation .container .step .wrapper .col-right .tabs-header .arrows .next {
width: auto;
height: auto;
background-color: #F7F7F7;
border-radius: 1000px;
border: solid 1px #282E40;
display: flex;
align-items: center;
justify-content: center;
cursor: pointer;
transition: 0.7s cubic-bezier(0.19, 1, 0.22, 1);
left: unset;
right: unset;
top: unset;
bottom: unset;
position: relative;
z-index: 10;
padding: 15px;
margin-top: unset;
}
.transformation .container .step .wrapper .col-right .tabs-header .arrows .prev:hover,
.transformation .container .step .wrapper .col-right .tabs-header .arrows .next:hover {
background-color: #F1D757;
border: solid 2px #F1D757;
}
.transformation .container .step .wrapper .col-right .tabs-header .arrows .prev svg,
.transformation .container .step .wrapper .col-right .tabs-header .arrows .next svg {
width: 15px;
min-width: 15px;
height: auto;
z-index: 15;
}
.transformation .container .step .wrapper .col-right .tabs-header .arrows .prev::after,
.transformation .container .step .wrapper .col-right .tabs-header .arrows .next::after {
content: "";
display: none;
}
.transformation .container .step .wrapper .col-right .tabs .tab {
width: 100%;
display: none;
overflow: hidden;
padding-bottom: 2.4rem;
}
.transformation .container .step .wrapper .col-right .tabs .tab.active {
display: flex;
}
.transformation .container .step .wrapper .col-right .tabs .tab.tab-avant-apres {
width: 100%;
flex-direction: row;
gap: 1rem;
flex-wrap: nowrap;
}
.transformation .container .step .wrapper .col-right .tabs .tab.tab-avant-apres .image-container {
width: calc(50% - 1rem);
height: 100%;
position: relative;
overflow: hidden;
border-radius: 1.4rem;
aspect-ratio: 3/4;
}
.transformation .container .step .wrapper .col-right .tabs .tab.tab-avant-apres .image-container .col {
position: absolute;
left: 1rem;
top: 1rem;
padding: 0.5rem 1rem;
color: #282E40;
background-color: #EFEFEF;
border-radius: 100px;
}
.transformation .container .step .wrapper .col-right .tabs .tab.tab-avant-apres .image-container .col p {
font-size: 16px;
}
.transformation .container .step .wrapper .col-right .tabs .tab.tab-avant-apres .image-container:nth-child(2) .col {
color: #282E40;
background-color: #F1D757;
}
.transformation .container .step .wrapper .col-right .tabs .tab.tab-avant-apres .image-container img {
aspect-ratio: 3/4;
width: 100%;
height: auto;
-o-object-fit: cover;
object-fit: cover;
border-radius: 1.4rem;
}
.transformation .container .step .wrapper .col-right .tabs .tab.tab-photos .swiper {
width: 100%;
overflow: visible;
}
.transformation .container .step .wrapper .col-right .tabs .tab.tab-photos .swiper .swiper-slide {
height: auto;
aspect-ratio: 3/4;
}
.transformation .container .step .wrapper .col-right .tabs .tab.tab-photos .swiper .swiper-slide img {
width: 100%;
-o-object-fit: cover;
object-fit: cover;
border-radius: 1.4rem;
aspect-ratio: 3/4;
}
.transformation .container .step .wrapper .col-right .tabs .tab.tab-photos .swiper .swiper-pagination {
position: relative !important;
width: -moz-fit-content;
width: fit-content;
height: -moz-fit-content;
height: fit-content;
top: unset;
bottom: unset;
left: unset;
}
.transformation .container .step .wrapper .col-right .tabs .tab.tab-photos .swiper .swiper-pagination-clickable .swiper-pagination-bullet {
background-color: transparent !important;
border: solid 1px #282E40;
width: 12px;
height: 12px;
opacity: 1;
}
.transformation .container .step .wrapper .col-right .tabs .tab.tab-photos .swiper .swiper-pagination-clickable .swiper-pagination-bullet.swiper-pagination-bullet-active {
background-color: #F1D757 !important;
border: solid 1px #F1D757;
opacity: 1;
}
.transformation .container .step .wrapper .col-right .tabs .tab.tab-devis {
width: 100%;
flex-direction: column;
gap: 1rem;
}
.transformation .container .step .wrapper .col-right .tabs .tab.tab-devis iframe {
width: 100%;
height: 100%;
border-radius: 1.4rem;
overflow: hidden;
height: 100vh;
min-height: 100vh;
}
@media screen and (max-width: 1290px) {
.transformation .container .step .wrapper .col-right .tabs .tab.tab-detail {
border-radius: 1.4rem;
padding: 1.4rem;
}
}
@media screen and (max-width: 900px) {
.entete-salledebain {
padding: 8rem 0 3rem;
}
.header-jo .container .col-bot h1 {
font-size: 50px;
line-height: 50px;
}
.header-jo .container .col-bot .ctas {
flex-direction: column;
gap: 1rem;
width: 100%;
}
.sallesdebains-home .container:nth-child(1) {
flex-direction: column;
}
.sallesdebains-home .container:nth-child(1) .col-left, .sallesdebains-home .container:nth-child(1) .col-right {
width: 100%;
}
.sallesdebains-home .container:nth-child(1) .col-right {
padding-bottom: 1rem;
}
.sallesdebains-home .container:nth-child(1) .navigation {
width: 100%;
justify-content: flex-start;
margin-bottom: 0;
}
.transformation .container .step {
margin: 0;
width: 100%;
}
.transformation .container .step .wrapper {
padding: 0;
flex-direction: column;
gap: 1rem;
}
.transformation .container .step .wrapper .col-left,
.transformation .container .step .wrapper .col-right {
width: 100%;
position: relative;
top: unset;
}
.transformation .container .step .wrapper .col-right .tabs-header {
flex-direction: column;
align-items: flex-start;
justify-content: flex-start;
gap: 1rem;
}
.transformation .container .step .wrapper .col-right .tabs .tab.tab-detail {
border-radius: 1.4rem;
padding: 1.4rem;
}
}
@media screen and (max-width: 480px) {
.entete-salledebain {
padding: 6rem 0 1rem;
}
.entete-salledebain h1 {
font-size: 50px;
line-height: 50px;
}
.entete-salledebain h1 span {
font-size: 25px !important;
}
}$colorprimaire : #282E3F;
$colororange : #F1D757;  
$colororangeclear : #FFF3BA;
$colorsecondaire : #F7F7F7;  
$grid-breakpoints: (
xs: 0,
sm: 576px,
md: 768px,
lg: 992px,
xl: 1200px
);
.wpcf7 form .wpcf7-response-output {
margin: 0;
margin-top: 15px; 
padding: 0;
border: none !important;
background-color: #FFFFFF;
padding: 40px 60px; 
font-family: Proxima Nova;
font-weight: 600;
color: #231F20; 
font-size: 16px;   
} 
.wpcf7 form.sent .wpcf7-response-output{
background-color: rgb(74, 205, 74); 
color: #231F20;  
}
@media screen and (max-width : 1000px){
.wpcf7 form .wpcf7-response-output {
background-color: white;
padding: 30px 30px; 
font-family: Proxima Nova;
font-weight: 600;
color: #231F20; 
font-size: 16px;   
}
}
@media screen and (max-width : 500px){
.wpcf7 form .wpcf7-response-output {
background-color: white;
padding: 20px 20px; 
font-family: Proxima Nova;
font-weight: 600;
color: #231F20;  
font-size: 15px;   
}
}
 .d-f {
display: flex;
}
.d-if {
display: inline-flex;
} .fw-w {
flex-wrap: wrap;
}
.fw-nw {
flex-wrap: nowrap;
} .fd-r {
flex-direction: row;
}
.fd-rv {
flex-direction: row-reverse;
}
.fd-c {
flex-direction: column;
}
.fd-cv {
flex-direction: column-reverse;
} .jc-s {
justify-content: flex-start;
}
.jc-e {
justify-content: flex-end;
}
.jc-c {
justify-content: center;
}
.jc-b {
justify-content: space-between;
}
.jc-a {
justify-content: space-around;
}
.jc-ev {
justify-content: space-evenly;
} .ai-s {
align-items: flex-start;
}
.ai-e {
align-items: flex-end;
}
.ai-c {
align-items: center;
}
.ai-b {
align-items: baseline;
}
.ai-st {
align-items: stretch;
} .o-1 {
order: 1;
}
.o-2 {
order: 2;
}
.o-3 {
order: 3;
}
.o-4 {
order: 4;
}
.o-5 {
order: 5;
}
.o-6 {
order: 6;
}
.o-7 {
order: 7;
}
.o-8 {
order: 8;
}
.o-9 {
order: 9;
}
.o-10 {
order: 10;
}
.o-11 {
order: 11;
}
.o-12 {
order: 12;
}
.o-13 {
order: 13;
}
.o-14 {
order: 14;
}
.o-15 {
order: 15;
}
.o-16 {
order: 16;
}
.o-17 {
order: 17;
}
.o-18 {
order: 18;
}
.o-19 {
order: 19;
}
.o-20 {
order: 20;
}
.o-21 {
order: 21;
}
.o-22 {
order: 22;
}
.o-23 {
order: 23;
}
.o-24 {
order: 24;
}
.o-25 {
order: 25;
}
.o-26 {
order: 26;
}
.o-27 {
order: 27;
}
.o-28 {
order: 28;
}
.o-29 {
order: 29;
}
.o-30 {
order: 30;
}
.o-31 {
order: 31;
}
.o-32 {
order: 32;
}
.o-33 {
order: 33;
}
.o-34 {
order: 34;
}
.o-35 {
order: 35;
}
.o-36 {
order: 36;
}
.o-37 {
order: 37;
}
.o-38 {
order: 38;
}
.o-39 {
order: 39;
}
.o-40 {
order: 40;
}
.o-41 {
order: 41;
}
.o-42 {
order: 42;
}
.o-43 {
order: 43;
}
.o-44 {
order: 44;
}
.o-45 {
order: 45;
}
.o-46 {
order: 46;
}
.o-47 {
order: 47;
}
.o-48 {
order: 48;
}
.o-49 {
order: 49;
}
.o-50 {
order: 50;
}  .fg-1 {
flex-grow: 1;
}
.fs-1 {
flex-shrink: 1;
}
.fb-0 {
flex-basis: 0;
}
@media (min-width: 0) {
.xs-d-f {
display: flex;
}
.xs-d-if {
display: inline-flex;
}
.xs-fw-w {
flex-wrap: wrap;
}
.xs-fw-nw {
flex-wrap: nowrap;
}
.xs-fd-r {
flex-direction: row;
}
.xs-fd-rv {
flex-direction: row-reverse;
}
.xs-fd-c {
flex-direction: column;
}
.xs-fd-cv {
flex-direction: column-reverse;
}
.xs-jc-s {
justify-content: flex-start;
}
.xs-jc-e {
justify-content: flex-end;
}
.xs-jc-c {
justify-content: center;
}
.xs-jc-b {
justify-content: space-between;
}
.xs-jc-a {
justify-content: space-around;
}
.xs-jc-ev {
justify-content: space-evenly;
}
.xs-ai-s {
align-items: flex-start;
}
.xs-ai-e {
align-items: flex-end;
}
.xs-ai-c {
align-items: center;
}
.xs-ai-b {
align-items: baseline;
}
.xs-ai-st {
align-items: stretch;
} }
@media (min-width: 576px) {
.sm-d-f {
display: flex;
}
.sm-d-if {
display: inline-flex;
}
.sm-fw-w {
flex-wrap: wrap;
}
.sm-fw-nw {
flex-wrap: nowrap;
}
.sm-fd-r {
flex-direction: row;
}
.sm-fd-rv {
flex-direction: row-reverse;
}
.sm-fd-c {
flex-direction: column;
}
.sm-fd-cv {
flex-direction: column-reverse;
}
.sm-jc-s {
justify-content: flex-start;
}
.sm-jc-e {
justify-content: flex-end;
}
.sm-jc-c {
justify-content: center;
}
.sm-jc-b {
justify-content: space-between;
}
.sm-jc-a {
justify-content: space-around;
}
.sm-jc-ev {
justify-content: space-evenly;
}
.sm-ai-s {
align-items: flex-start;
}
.sm-ai-e {
align-items: flex-end;
}
.sm-ai-c {
align-items: center;
}
.sm-ai-b {
align-items: baseline;
}
.sm-ai-st {
align-items: stretch;
} }
@media (min-width: 768px) {
.md-d-f {
display: flex;
}
.md-d-if {
display: inline-flex;
}
.md-fw-w {
flex-wrap: wrap;
}
.md-fw-nw {
flex-wrap: nowrap;
}
.md-fd-r {
flex-direction: row;
}
.md-fd-rv {
flex-direction: row-reverse;
}
.md-fd-c {
flex-direction: column;
}
.md-fd-cv {
flex-direction: column-reverse;
}
.md-jc-s {
justify-content: flex-start;
}
.md-jc-e {
justify-content: flex-end;
}
.md-jc-c {
justify-content: center;
}
.md-jc-b {
justify-content: space-between;
}
.md-jc-a {
justify-content: space-around;
}
.md-jc-ev {
justify-content: space-evenly;
}
.md-ai-s {
align-items: flex-start;
}
.md-ai-e {
align-items: flex-end;
}
.md-ai-c {
align-items: center;
}
.md-ai-b {
align-items: baseline;
}
.md-ai-st {
align-items: stretch;
} }
@media (min-width: 992px) {
.lg-d-f {
display: flex;
}
.lg-d-if {
display: inline-flex;
}
.lg-fw-w {
flex-wrap: wrap;
}
.lg-fw-nw {
flex-wrap: nowrap;
}
.lg-fd-r {
flex-direction: row;
}
.lg-fd-rv {
flex-direction: row-reverse;
}
.lg-fd-c {
flex-direction: column;
}
.lg-fd-cv {
flex-direction: column-reverse;
}
.lg-jc-s {
justify-content: flex-start;
}
.lg-jc-e {
justify-content: flex-end;
}
.lg-jc-c {
justify-content: center;
}
.lg-jc-b {
justify-content: space-between;
}
.lg-jc-a {
justify-content: space-around;
}
.lg-jc-ev {
justify-content: space-evenly;
}
.lg-ai-s {
align-items: flex-start;
}
.lg-ai-e {
align-items: flex-end;
}
.lg-ai-c {
align-items: center;
}
.lg-ai-b {
align-items: baseline;
}
.lg-ai-st {
align-items: stretch;
} }
@media (min-width: 1200px) {
.xl-d-f {
display: flex;
}
.xl-d-if {
display: inline-flex;
}
.xl-fw-w {
flex-wrap: wrap;
}
.xl-fw-nw {
flex-wrap: nowrap;
}
.xl-fd-r {
flex-direction: row;
}
.xl-fd-rv {
flex-direction: row-reverse;
}
.xl-fd-c {
flex-direction: column;
}
.xl-fd-cv {
flex-direction: column-reverse;
}
.xl-jc-s {
justify-content: flex-start;
}
.xl-jc-e {
justify-content: flex-end;
}
.xl-jc-c {
justify-content: center;
}
.xl-jc-b {
justify-content: space-between;
}
.xl-jc-a {
justify-content: space-around;
}
.xl-jc-ev {
justify-content: space-evenly;
}
.xl-ai-s {
align-items: flex-start;
}
.xl-ai-e {
align-items: flex-end;
}
.xl-ai-c {
align-items: center;
}
.xl-ai-b {
align-items: baseline;
}
.xl-ai-st {
align-items: stretch;
} }.cky-btn-revisit-wrapper{
display: none !important;
}
.ti-widget.ti-goog .ti-review-item>.ti-inner{
border-radius: 25px !important; 
}.slick-slider
{
position: relative;
display: block;
box-sizing: border-box;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
-webkit-touch-callout: none;
-khtml-user-select: none;
-ms-touch-action: pan-y;
touch-action: pan-y;
-webkit-tap-highlight-color: transparent;
}
.slick-list
{
position: relative;
display: block;
overflow: hidden;
margin: 0;
padding: 0;
}
.slick-list:focus
{
outline: none;
}
.slick-list.dragging
{
cursor: pointer;
cursor: hand;
}
.slick-slider .slick-track,
.slick-slider .slick-list
{
-webkit-transform: translate3d(0, 0, 0);
-moz-transform: translate3d(0, 0, 0);
-ms-transform: translate3d(0, 0, 0);
-o-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
.slick-track
{
position: relative;
top: 0;
left: 0;
display: block;
margin-left: auto;
margin-right: auto;
}
.slick-track:before,
.slick-track:after
{
display: table;
content: '';
}
.slick-track:after
{
clear: both;
}
.slick-loading .slick-track
{
visibility: hidden;
}
.slick-slide
{
display: none;
float: left;
height: 100%;
min-height: 1px;
}
[dir='rtl'] .slick-slide
{
float: right;
}
.slick-slide img
{
display: block;
}
.slick-slide.slick-loading img
{
display: none;
}
.slick-slide.dragging img
{
pointer-events: none;
}
.slick-initialized .slick-slide
{
display: block;
}
.slick-loading .slick-slide
{
visibility: hidden;
}
.slick-vertical .slick-slide
{
display: block;
height: auto;
border: 1px solid transparent;
}
.slick-arrow.slick-hidden {
display: none;
}