.line hr, hr.clear{
  visibility:hidden
} 

article, aside, details, figcaption, figure, footer, header, hgroup, hr.clear, img, menu, object, section{ 
  display:block
} 

button, table{ 
  border-spacing:0
} 

button, ol, ul{ 
  list-style:none
} 

a, a:hover, button{ 
  text-decoration:none
} 

.clearfix::after, .group:after, .slick-track:after, hr, hr.clear{ 
  clear:both
} 

*, :after, :before{ 
  box-sizing:border-box
} 

body, figure, h1, h2, h3, h4,  p, ul{ 
  padding:0;
  margin:0
} 

hr{ 
  float:none;width:100%
} 

.ie6 body hr, .ie7 body hr{ 
  display:block;
  margin:-8px
} 

hr.clear{ 
  height:0;
  margin:0;
  padding:0;
  border:0
} 

a{ 
  cursor:pointer;
  display:inline-block;
  color:inherit
} 

img{ 
  max-width:100%
} 

.hide, input[type=hidden]{
  display:none!important
} 

input[type=hidden]{ 
  visibility:hidden!important
} 

.hidden, .lg-outer .lg-has-video .lg-video-object{ 
  visibility:hidden
} 

input[type=submit]{ 
  cursor:pointer
} 

table{ 
  border-collapse:collapse
} 

blockquote, q{ 
  quotes:none
} 

blockquote:after, blockquote:before, q:after, q:before{ 
  content:'';
  content:none
} 

address{ 
  font-style:normal
} 

input, select, textarea{ 
  -webkit-appearance:none
} 

select{ 
  -webkit-appearance:menulist
} 

input:focus, select:focus, textarea:focus{ 
box-shadow:0 0;
outline:0
} 

input[type=checkbox]{ 
-webkit-appearance:checkbox
} 

input[type=radio]{ 
-webkit-appearance:radio
} 

textarea{ 
overflow:auto;
resize:none
} 

strong{ 
font-weight:700!important
} 

em{ 
font-style:italic
} 

* html .clearfix{ 
height:1%;
overflow:visible
} 

body, html{ 
overflow-x:hidden
} 

.ie legend{ 
margin:0 -7px
} 

button, fieldset{ 
padding:0;
margin:0;
border:none
} 

button{ 
background:none;
text-align:center;
text-indent:0;
cursor:pointer
} 

:-moz-placeholder, :-ms-input-placeholder, ::-moz-placeholder, ::-webkit-input-placeholder{ 
color:#000;
opacity:1
} 

.text-left{ 
text-align:left!important
} 

.text-right{ 
text-align:right!important
} 

.text-center{ 
text-align:center!important
} 

.text-justify{ 
text-align:justify!important
} 

.block{ 
display:block!important
} 

.relative{ 
position:relative
} 

@font-face{ 
font-family:Rubik;
src:url(../fonts/Rubik-Black.eot);
src:url(../fonts/Rubik-Black.eot?#iefix) format('embedded-opentype'), url(../fonts/Rubik-Black.woff2) format('woff2'), url(../fonts/Rubik-Black.woff) format('woff');
font-weight:900;
font-style:normal;
font-display:swap
} 

@font-face{ 
font-family:Rubik;
src:url(../fonts/Rubik-Bold.eot);
src:url(../fonts/Rubik-Bold.eot?#iefix) format('embedded-opentype'), url(../fonts/Rubik-Bold.woff2) format('woff2'), url(../fonts/Rubik-Bold.woff) format('woff');
font-weight:700;
font-style:normal;
font-display:swap
} 

@font-face{ 
font-family:Rubik;
src:url(../fonts/Rubik-BlackItalic.eot);
src:url(../fonts/Rubik-BlackItalic.eot?#iefix) format('embedded-opentype'), url(../fonts/Rubik-BlackItalic.woff2) format('woff2'), url(../fonts/Rubik-BlackItalic.woff) format('woff');
font-weight:900;
font-style:italic;
font-display:swap
}

@font-face{ 
font-family:Rubik;
src:url(../fonts/Rubik-ExtraBold.eot);
src:url(../fonts/Rubik-ExtraBold.eot?#iefix) format('embedded-opentype'), url(../fonts/Rubik-ExtraBold.woff2) format('woff2'), url(../fonts/Rubik-ExtraBold.woff) format('woff');
font-weight:700;
font-style:normal;
font-display:swap
}

@font-face{ 
font-family:Rubik;
src:url(../fonts/Rubik-BoldItalic.eot);
src:url(../fonts/Rubik-BoldItalic.eot?#iefix) format('embedded-opentype'), url(../fonts/Rubik-BoldItalic.woff2) format('woff2'), url(../fonts/Rubik-BoldItalic.woff) format('woff');
font-weight:700;
font-style:italic;
font-display:swap
}

@font-face{ 
font-family:Rubik;
src:url(../fonts/Rubik-Italic.eot);
src:url(../fonts/Rubik-Italic.eot?#iefix) format('embedded-opentype'), url(../fonts/Rubik-Italic.woff2) format('woff2'), url(../fonts/Rubik-Italic.woff) format('woff');
font-weight:400;
font-style:italic;
font-display:swap
}

@font-face{ 
font-family:Rubik;
src:url(../fonts/Rubik-ExtraBoldItalic.eot);
src:url(../fonts/Rubik-ExtraBoldItalic.eot?#iefix) format('embedded-opentype'), url(../fonts/Rubik-ExtraBoldItalic.woff2) format('woff2'), url(../fonts/Rubik-ExtraBoldItalic.woff) format('woff');
font-weight:700;
font-style:italic;
font-display:swap
}

@font-face{ 
font-family:Rubik;
src:url(../fonts/Rubik-Light.eot);
src:url(../fonts/Rubik-Light.eot?#iefix) format('embedded-opentype'), url(../fonts/Rubik-Light.woff2) format('woff2'), url(../fonts/Rubik-Light.woff) format('woff');
font-weight:300;
font-style:normal;
font-display:swap
}

@font-face{ 
font-family:Rubik;
src:url(../fonts/Rubik-LightItalic.eot);
src:url(../fonts/Rubik-LightItalic.eot?#iefix) format('embedded-opentype'), url(../fonts/Rubik-LightItalic.woff2) format('woff2'), url(../fonts/Rubik-LightItalic.woff) format('woff');
font-weight:300;
font-style:italic;
font-display:swap
}

@font-face{ 
font-family:Rubik;
src:url(../fonts/Rubik-Regular.eot);
src:url(../fonts/Rubik-Regular.eot?#iefix) format('embedded-opentype'), url(../fonts/Rubik-Regular.woff2) format('woff2'), url(../fonts/Rubik-Regular.woff) format('woff');
font-weight:400;
font-style:normal;
font-display:swap
}

@font-face{ 
font-family:Rubik;
src:url(../fonts/Rubik-MediumItalic.eot);
src:url(../fonts/Rubik-MediumItalic.eot?#iefix) format('embedded-opentype'), url(../fonts/Rubik-MediumItalic.woff2) format('woff2'), url(../fonts/Rubik-MediumItalic.woff) format('woff');
font-weight:500;
font-style:italic;
font-display:swap
}

@font-face{ 
font-family:Rubik;
src:url(../fonts/Rubik-SemiBoldItalic.eot);
src:url(../fonts/Rubik-SemiBoldItalic.eot?#iefix) format('embedded-opentype'), url(../fonts/Rubik-SemiBoldItalic.woff2) format('woff2'), url(../fonts/Rubik-SemiBoldItalic.woff) format('woff');
font-weight:600;
font-style:italic;
font-display:swap
}

@font-face{ 
font-family:Rubik;
src:url(../fonts/Rubik-SemiBold.eot);
src:url(../fonts/Rubik-SemiBold.eot?#iefix) format('embedded-opentype'), url(../fonts/Rubik-SemiBold.woff2) format('woff2'), url(../fonts/Rubik-SemiBold.woff) format('woff');
font-weight:600;
font-style:normal;
font-display:swap
}

@font-face{ 
font-family:icomoon;
src:url(../fonts/icomoon.eot?s3uxkv);
src:url(../fonts/icomoon.eot?s3uxkv#iefix) format('embedded-opentype'), url(../fonts/icomoon.woff2?s3uxkv) format('woff2'), url(../fonts/icomoon.ttf?s3uxkv) format('truetype'), url(../fonts/icomoon.woff?s3uxkv) format('woff'), url(../fonts/icomoon.svg?s3uxkv#icomoon) format('svg');
font-weight:400;
font-style:normal;
font-display:block
}

@font-face{ 
font-family:'kroeger 05_53';
src:url(../fonts/Kroeger0553.eot);
src:url(../fonts/Kroeger0553.eot?#iefix) format('embedded-opentype'), url(../fonts/Kroeger0553.woff2) format('woff2'), url(../fonts/Kroeger0553.woff) format('woff'), url(../fonts/Kroeger0553.ttf) format('truetype');
font-weight:400;
font-style:normal;
font-display:swap
}

[class*=" icon-"], [class^=icon-]{ 
font-family:icomoon!important;
speak:never;
font-style:normal;
font-weight:400;
font-variant:normal;
text-transform:none;
line-height:1;
-webkit-font-smoothing:antialiased;
-moz-osx-font-smoothing:grayscale
}

body, input, label, legend, textarea{ 
font-family:Rubik, Helvetica, Arial, sans-serif
}

.icon-ico-ecommerce::before{ 
content:"\e900"
}

.icon-ico-play::before{ 
content:"\e901"
}

body{ 
-webkit-font-smoothing:antialiased;
-webkit-text-size-adjust:none;
line-height:1;
transition-duration:.15s;
font-size:10px;
color:#2d2d2e;
background:#fff;
width:100vw;
margin:0 auto
}

body::before{ 
content:'';
position:fixed;
background:rgba(0, 0, 0, .5);
display:block;
width:0;
height:0;
z-index:-1;
opacity:0;
transition:opacity .3s ease-in
}

body.no-scroll, html.no-scroll{ 
transition:background 1s ease-in;
overflow:hidden
}

body.no-scroll::before{ 
width:100vw;
height:100vh;
z-index:10;
opacity:1
}

.hidden{ 
opacity:0;
z-index:-1;
pointer-events:none
}

.no-content{ 
display:none!important
}

html{ 
scroll-behavior:smooth
}

.btn, .btn.btn-blue, .btn.btn-ecommerce{ 
transition:.15s ease-in
}

html.no-scroll::before{ 
width:100vw;
height:100vh;
z-index:10;
opacity:1
}

.title{ 
font-weight:600;
font-size:6.2em;
line-height:1.162em;
color:currentColor
}

.title.large-version{ 
font-size:10em;
line-height:.92em
}

.title.medium-version{ 
font-size:4.2em;
line-height:1.2em;
margin-bottom:20px
}

.title.small-version{ 
font-size:2.4em;
line-height:1.166em
}

.title.margin-default{ 
margin-bottom:30px
}

section.margin-default{ 
margin-top:120px
}

@media only screen and (max-width:1699px){ 
.title{ 
  font-size: 40px;
}

.title.large-version{ 
font-size:8em
}

.title.medium-version{ 
font-size:3.4em;
margin-bottom:16px
}

.title.small-version{ 
font-size:2em
}

.title.margin-default{ 
margin-bottom:24px
}

section.margin-default{ 
margin-top:96px
}


}

@media only screen and (max-width:1023px){ 
body{ 
overflow-x:hidden
}

section.margin-default{ 
margin-top:77px
}


}

@media only screen and (max-width:767px){ 
.title{ 
font-size:2.4em;
margin-bottom:10px
}

.title.medium-version{ 
font-size:2.1em;
margin-bottom:10px
}

.title.small-version{ 
font-size:1.4em
}

.title.margin-default{ 
margin-bottom:15px
}

section.margin-default{ 
margin-top:30px
}


}

.smallest-title, main>div>section>h2:not(.title), main>section>h2:not(.title){ 
font-size:2.4em;
line-height:1.666em;
margin-bottom:40px;
font-weight:600;
color:#fff;
opacity:.6
}

@media only screen and (max-width:1699px){ 
.smallest-title, main>div>section>h2:not(.title), main>section>h2:not(.title){ 
font-size:2em;
margin-bottom:32px
}

.smallest-title.custom-width, main>div>section>h2:not(.title).custom-width, main>section>h2:not(.title).custom-width{ 
max-width:288px
}


}

@media only screen and (max-width:767px){ 
.smallest-title, main>div>section>h2:not(.title), main>section>h2:not(.title){ 
font-size:1.6em;
line-height:1.21em;
margin-bottom:13px
}

.smallest-title.custom-width, main>div>section>h2:not(.title).custom-width, main>section>h2:not(.title).custom-width{ 
max-width:230px
}


}

.smallest-title{ 
color:#969696;
opacity:1
}

.opaque-text, .text-size.opaque, cite.opaque, figcaption.opaque, h4.opaque, p.opaque{ 
opacity:.6
}

.text-size, cite, figcaption, h4, p{ 
font-size:1.8em;
line-height:1.333em
}

@media only screen and (max-width:1699px){ 
.text-size, cite, figcaption, h4, p{ 
font-size:1.6em
}


}

@media only screen and (max-width:767px){ 
.text-size, cite, figcaption, h4, p{ 
font-size:1.2em
}


}

input, textarea{ 
font-size:18px;
line-height:1.333em
}

input::placeholder, textarea::placeholder{ 
color:#2d2d2e
}

@media only screen and (max-width:1699px){ 
input, textarea{ 
font-size:16px
}


}

@media only screen and (max-width:767px){ 
input, textarea{ 
font-size:14px
}


}

label, legend{ 
font-size:12px;
line-height:1.5em;
color:#fff;
position:relative;
display:block
}

@media only screen and (max-width:767px){ 
label, legend{ 
font-size:10px
}


}

.font-tiki{ 
font-family:'kroeger 05_53';
font-size:.8em!important
}

.content-mobile{ 
display:none
}

@media only screen and (max-width:1023px){ 
.content-mobile{ 
display:block
}

.block{ 
display:inline-block
}


}

.container{ 
display:block;
max-width:1555px;
margin:0 auto;
width:100%
}

.container.giant-version{ 
overflow:visible
}

.container.custom-width{ 
max-width:1576px
}

@media only screen and (max-width:1699px){ 
.container{ 
width:80%
}

.container.giant-version{ 
overflow:hidden
}


}

@media only screen and (max-width:1200px){ 
.container{ 
width:90%
}


}

@media only screen and (max-width:1023px){ 
.container{ 
width:100%;
padding-left:15px;
padding-right:15px
}


}

.container-404{ 
display:flex;
flex-direction:column;
align-items:center;
justify-content:center;
height:100vh;
max-width:100%
}

.container-404.custom-bkg{ 
background:url(../img/backgrounds/bkg-page-404.svg) center no-repeat;
background-position-y:calc(50% - 30px)
}

.container-404 img{ 
order:-1
}

.container-404 h1{ 
margin:1.01em 0 10px
}

.container-404 h1.custom-margin{ 
margin:2.16em 0
}

.container-404 span{ 
display:block
}

.container-404 button.btn{ 
margin-top:40px
}

.container-404 a.btn{ 
margin-top:50px
}

@media only screen and (max-width:1699px){ 
.container-404.custom-bkg{ 
background-size:80% auto
}

.container-404 img{ 
width:184px
}

.container-404 button.btn{ 
margin-top:32px
}

.container-404 a.btn{ 
margin-top:40px
}


}

@media only screen and (max-width:767px){ 
.container-404{ 
padding-left:15px;
padding-right:15px
}

.container-404.custom-bkg{ 
background-size:calc(100% - 32px) auto
}

.container-404 img{ 
width:110px
}

.container-404 a.btn, .container-404 button.btn{ 
margin-top:30px
}


}

@media only screen and (max-height:580px){ 
.container-404{ 
height:auto;
padding:35px 0
}

.container-404 h1{ 
margin:1em 0
}


}

main>:not(.paralax, .no-padding-top, .intro, .no-padding, .container-404){ 
padding-top:100px!important
}

@media only screen and (max-width:1699px){ 
main>:not(.paralax, .no-padding-top, .intro, .no-padding, .container-404){ 
padding-top:80px!important
}


}

main>div{ 
margin-top:100px;
padding-bottom:100px
}

main>div.no-padding{ 
padding-bottom:0
}

@media only screen and (max-width:1699px){ 
main>div{ 
margin-top:80px;
padding-bottom:80px
}


}

@media only screen and (max-width:1200px){ 
main>:not(.paralax, .no-padding-top, .intro, .no-padding, .container-404){ 
padding-top:60px!important
}

main>div{ 
margin-top:60px;
padding-bottom:60px
}


}

@media only screen and (max-width:767px){ 
main>:not(.paralax, .no-padding-top, .intro, .no-padding, .container-404){ 
padding-top:35px!important
}

main>div{ 
margin-top:35px;
padding-bottom:35px
}


}

.no-margin{ 
margin-top:0!important
}

.clearfix::after, .clearfix::before{ 
content:' ';
display:table
}

.offset-1{ 
margin-left:2.77%
}

.offset-5{ 
margin-left:13.88%
}

.container-max{ 
max-width:1920px;
width:100%;
margin-left:auto;
margin-right:auto;
min-height:560px
}

.container-max.center-version{ 
padding:0!important;
display:flex;
align-items:center
}

@media only screen and (max-width:767px){ 
.container-max{ 
width:calc(100% - 30px);
border-radius:10px
}


}

.flex{ 
display:flex
}

.flex-end{ 
justify-content:flex-end
}

.space-between{ 
justify-content:space-between
}

.align-center{ 
align-items:center
}

.align-end{ 
align-items:flex-end
}

@media only screen and (max-width:1023px){ 
[class^=grid], div[class^=grid], section[class^=grid]{ 
float:none!important;
width:100%
}

* [class*=offset]{ 
margin-left:0
}

.opacity-mobile{ 
opacity:.6
}


}

.img-mobile{ 
display:none
}

@media only screen and (max-width:767px){ 
.img-desk{ 
display:none
}

.img-mobile{ 
display:block
}

.custom-size-mobile{ 
font-size:1.4em
}


}

.color-white{ 
color:#fff!important
}

.color-gray{ 
color:#bfbfc0
}

.color-default{ 
color:#2d2d2e!important
}

.bkg-gray-dark{ 
background:#606062
}

.bkg-gray-dark>section>h2{ 
color:#bfbfc0
}

.bkg-gray-dark>section>.btn{ 
margin:0 auto
}

.bkg-gray-light{ 
background:#f3f3f3
}

.bkg-gray-light-gradient{ 
background:linear-gradient(#f3f3f3, #fff 90%)
}

.bkg-black-gradient{ 
background:linear-gradient(220.97deg, #606062, #2d2d2e 73.4%)
}

.bkg-blue-dark{ 
background:#2a569f
}

.bkg-blue-card{ 
background:url(../img/backgrounds/bkg-blue-dark.svg) center top no-repeat
}

.bkg-green-card{ 
background:url(../img/backgrounds/bkg-green-dark.svg) center top no-repeat
}

.bkg-orange-card{ 
background:url(../img/backgrounds/bkg-orange-dark.svg) center top no-repeat
}

.btn{ 
font-family:Rubik, Helvetica, Arial, sans-serif;
font-size:1.4em;
line-height:1em;
font-weight:400;
border-radius:8px;
padding:19px 30px;
text-align:center;
text-transform:uppercase;
display:flex;
align-items:center;
width:fit-content
}

.btn.btn-blue{ 
background:#2a569f;
color:#fff
}

.btn.btn-blue:hover{ 
background:#173f82
}

.btn.btn-white{ 
color:#fff;
border:2px solid currentColor;
width:fit-content;
padding:18px 20px
}

.btn.btn-white.btn-insta-white{ 
background:url(../img/icons/ico-instagram-white.svg) 27px center no-repeat;
padding:24px 30px 23px 62px
}

.btn.btn-white.custom-padding{ 
padding:19px 27px 18px
}

.btn.custom-padding{ 
padding:20px 30px
}

.btn.btn-video{ 
padding:20px 23px 19px
}

.btn.btn-video:hover{ 
background:#173f82
}

.btn.btn-video.btn-white:hover{ 
border-color:#173f82
}

.btn.btn-ecommerce{ 
background:0 0;
color:#fff;
border:2px solid #fff;
padding:9px 18px 8px
}

.btn.btn-ecommerce:hover{ 
background:#fff;
color:#2a569f
}

.btn.btn-ecommerce.blue-version{ 
background:#2a569f;
padding:13px 32px
}

.btn.btn-ecommerce.blue-version:hover{ 
background:#173f82;
color:#fff
}

.btn.btn-ecommerce.no-border{ 
border:none
}

.btn.btn-ecommerce.large-version{ 
padding:9px 24px 8px
}

.btn.btn-ecommerce.large-version span{ 
margin-right:13px
}

.btn.btn-ecommerce.large-version span::before{ 
position:relative;
top:-1px
}

  .btn.btn-submit, .btn.btn-form {
    float: right;
    margin-top: 5px;
    position: relative;
    padding-left: 30px;
    padding-right: 30px
  }

    .btn.btn-form{
        padding:5px;
    }


    .btn.btn-submit::after, .btn.btn-submit::before, .btn.btn-form::before {
      content: '';
      display: block;
      position: absolute;
      right: 2px;
      width: 2px;
      height: 8px;
      background: #fff;
      top: 50%;
      opacity: 0;
      transition: opacity .2s ease-in;
      margin-right: 20px
    }

      .btn.btn-submit input, .btn.btn-form input {
        padding: 0 !important;
        background: inherit;
        color: inherit;
        font: inherit;
        margin: 0 !important;
        border-radius: 0;
        text-transform: uppercase;
        cursor: pointer;
        text-transform: capitalize;
      }

    .btn.btn-submit::before, .btn.btn-form::before{
      transform: translateY(-85%) rotate(-45deg)
    }

    .btn.btn-submit::after, .btn.btn-form::after{
      transform: translateY(-25%) rotate(45deg)
    }

@media (min-width:1024px){ 
.btn.btn-submit:hover{ 
padding-right:43px
}

.btn.btn-submit:hover::after, .btn.btn-submit:hover::before{ 
opacity:1
}


}

@media only screen and (max-width:1699px){ 
.container-max{ 
min-height:450px
}

  .btn.btn-submit, .btn.btn-form {
    margin-top: 20px;
    padding-left: 24px;
    padding-right: 24px
  }

    .btn.btn-submit:hover, .btn.btn-form:hover{
      padding-right: 37px
    }


}

@media only screen and (max-width:1023px){
  .btn.btn-submit, .btn.btn-form {
    float: none;
    width: 100%;
    display: block;
    text-align: center;
    margin-top: 28px;
    padding: 15px
  }

.btn.btn-submit:hover{ 
padding-left:16px;
padding-right:16px
}


}

.btn.btn-arrow{ 
position:relative;
transition:.2s ease-in
}

.btn.btn-arrow::after, .btn.btn-arrow::before{ 
content:'';
display:block;
position:absolute;
right:2px;
width:2px;
height:10px;
background:#fff;
top:50%;
opacity:0;
transition:opacity .2s ease-in;
margin-right:20px
}

.btn.btn-arrow.btn-blue:hover{ 
background:#2a569f
}

.btn.btn-arrow::before{ 
transform:translateY(-85%) rotate(-45deg)
}

.btn.btn-arrow::after{ 
transform:translateY(-25%) rotate(45deg)
}

.btn.btn-arrow.custom-padding:hover, .btn.btn-arrow:hover{ 
padding-right:43px!important
}

.btn.btn-arrow:hover::after, .btn.btn-arrow:hover::before{ 
opacity:1
}

@media only screen and (max-width:1699px){ 
.btn.btn-arrow.btn-white.custom-padding{ 
padding-right:22px!important
}

.btn.btn-arrow.btn-blue{ 
padding-right:24px!important
}

.btn.btn-arrow.custom-padding.btn-blue, .btn.btn-arrow.margin-default{ 
padding-right:22px!important
}

.btn.btn-arrow::after, .btn.btn-arrow::before{ 
height:8px;
margin-right:16px
}

.btn.btn-arrow.custom-padding:hover, .btn.btn-arrow:hover{ 
padding-right:35px!important
}


}

@media only screen and (max-width:1023px){ 
.btn.btn-arrow{ 
padding-right:16px!important
}

.btn.btn-arrow.btn-white.custom-padding, .btn.btn-arrow.btn-white.custom-padding:hover{ 
padding-right:22px!important
}

.btn.btn-arrow.btn-blue, .btn.btn-arrow.btn-blue:hover{ 
padding-right:24px!important
}

.btn.btn-arrow.margin-default.btn-blue, .btn.btn-arrow.margin-default.btn-blue:hover{ 
padding-right:22px!important
}

.btn.btn-arrow::after, .btn.btn-arrow::before{ 
content:none
}

.btn.btn-arrow:hover{ 
padding-right:16px!important
}

.btn.btn-arrow:hover.custom-padding{ 
padding-right:22px
}


}

@media only screen and (max-width:767px){ 
.btn.btn-arrow, .btn.btn-arrow:hover{ 
padding-right:13px
}

.btn.btn-arrow.btn-blue, .btn.btn-arrow.btn-blue:hover{ 
padding-right:15px!important
}

.btn.btn-arrow.custom-padding:hover{ 
padding-right:16px
}

.btn.btn-arrow.margin-default.btn-blue, .btn.btn-arrow.margin-default.btn-blue:hover{ 
padding-right:18px!important
}


}

.btn.center{ 
margin:0 auto
}

.btn.margin-default{ 
margin-top:40px
}

@media only screen and (max-width:1699px){ 
.btn{ 
padding:15px 24px;
font-size:1.2em
}

.btn.btn-ecommerce.blue-version{ 
background:#2a569f;
padding:11px 24px
}

.btn.btn-ecommerce.large-version{ 
padding:7px 20px 6px
}

.btn.btn-ecommerce.large-version span{ 
margin-right:10px
}

.btn.btn-ecommerce.large-version span::before{ 
position:relative;
top:0
}

.btn.btn-white{ 
padding:12px 16px
}

.btn.btn-white.custom-padding{ 
padding:15px 22px
}

.btn.btn-insta-white{ 
background-position-x:22px;
padding:20px 24px 19px 50px
}

.btn.btn-insta-white:hover{ 
background-color:#173f82;
border:2px solid #173f82
}

.btn.btn-video{ 
padding:16px 19px
}

.btn.custom-padding{ 
padding:12px 22px
}

.btn.margin-default{ 
margin-top:30px
}


}

@media only screen and (max-width:1023px){ 
.btn.btn-ecommerce.blue-version{ 
padding-left:13px;
padding-right:13px
}

.btn.btn-ecommerce.custom-padding{ 
padding:5px 13px
}

.btn.btn-white.custom-padding{ 
padding:13px 22px
}


}

@media only screen and (max-width:767px){ 
.btn{ 
border-radius:6px
}

.btn.btn-blue{ 
padding:11px 15px
}

.btn.btn-blue span{ 
font-size:1.3em
}

.btn.btn-white{ 
padding:8px 13px
}

.btn.btn-white.btn-insta-white{ 
background-position-x:11px;
padding:13px 13px 11px 35px;
background-size:auto 49%
}

.btn.btn-white.custom-padding.btn-arrow{ 
padding:9px 13px;
padding-right:13px!important
}

.btn.btn-white.custom-padding.btn-arrow:hover{ 
padding-right:13px!important
}

.btn.btn-ecommerce.blue-version{ 
padding:8px 12px
}

.btn.custom-padding{ 
padding:11px 18px
}


}

.btn span{ 
font-size:1.8em;
margin-right:10px
}

@media only screen and (max-width:1699px){ 
.btn span{ 
font-size:1.7em
}


}

.btn-close{ 
font-size:0;
display:block;
height:33px;
width:33px;
border:none;
background:0 0;
cursor:pointer;
position:absolute;
top:43px;
right:18%
}

.btn-close.content-mobile{ 
display:none
}

.btn-close span::after, .btn-close span::before{ 
content:'';
display:block;
width:42px;
height:3px;
background:#2a569f;
position:relative
}

.btn-close span::before{ 
transform:rotate(-135deg);
top:3px
}

.btn-close span::after{ 
transform:rotate(135deg)
}

@media only screen and (max-width:1699px){ 
.btn-close{ 
height:25px;
width:25px
}

.btn-close span::after, .btn-close span::before{ 
width:33px
}


}

@media only screen and (max-width:1200px){ 
.btn-close{ 
right:13%
}


}

@media only screen and (max-width:1023px){ 
.btn-close{ 
right:22px;
top:22px
}

.btn-close.content-mobile{ 
display:block
}


}

input[type=file]{ 
background:inherit
}

input[type=checkbox], input[type=radio]{ 
display:inline-block;
cursor:pointer;
max-width:20px;
border-radius:50%;
position:absolute;
top:0;
opacity:0;
width:20px;
height:20px;
z-index:3;
margin:0
}

.main-label-check{ 
padding-left:30px
}

.main-label-check .wpcf7-list-item{ 
margin:0!important
}

@media only screen and (max-width:1699px){ 
.main-label-check{ 
padding-left:27px
}


}

.wpcf7-submit{ 
background-color:none!important
}

.wpcf7-spinner{ 
display:none!important
}

.wpcf7-not-valid-tip{ 
position:absolute!important;
color:#ff7c7c;
font-size:12px
}

@media only screen and (max-width:767px){ 
input[type=checkbox], input[type=radio]{ 
top:2px
}

.wpcf7-not-valid-tip{ 
font-size:10px
}


}

.wpcf7-response-output{ 
color:#ff7c7c;
border:none!important
}

.main-label-check.active::after, input[type=checkbox]:checked~.main-label-check:after, input[type=radio]:checked~label:after{ 
border-radius:50%;
content:'';
height:20px;
position:absolute;
z-index:2;
top:0;
width:20px;
left:0;
background:url(../img/icons/ico-check.svg) center no-repeat;
background-size:50% auto;
cursor:pointer
}

@media only screen and (max-width:767px){ 
.main-label-check.active::after, input[type=checkbox]:checked~.main-label-check:after, input[type=radio]:checked~label:after{ 
top:2px
}


}

.main-label-check::before, input[type=radio]+label::before{ 
content:'';
height:20px;
left:0;
position:absolute;
top:0;
width:20px;
z-index:1;
background:#fff;
border-radius:6px;
cursor:pointer
}

@media only screen and (max-width:767px){ 
.main-label-check::before, input[type=radio]+label::before{ 
border-radius:3px;
top:2px
}


}

.contribuicao-privacidade{ 
left:-28px;
margin-top:0!important
}

.contribuicao-privacidade+span{ 
position:relative;
top:1px
}

textarea{ 
min-height:100px;
background:#fff;
border:none;
width:100%;
border-radius:6px;
padding:14px
}

@media only screen and (max-width:1699px){ 
textarea{ 
padding:11px
}


}

@media only screen and (max-width:767px){ 
.contribuicao-privacidade+span{ 
top:5px
}

textarea{ 
min-height:150px;
margin-bottom:11px!important
}


}

.select-container{ 
border-radius:6px;
position:relative;
padding:0
}

.select-container::after, .select-container::before{ 
content:'';
display:block;
width:2px;
height:8px;
background:#253746;
position:absolute;
right:13px;
top:45%;
transform:translate(-50%) rotate(45deg);
z-index:2
}

.select-container::after{ 
transform:rotate(-45deg);
right:19px
}

.select-container p, .select-container span{ 
border-radius:inherit;
font-size:12px
}

@media only screen and (max-width:767px){ 
.select-container p, .select-container span{ 
font-size:10px
}


}

.select-container select{ 
cursor:pointer;
background:#fff;
color:#253746;
border:none;
-webkit-appearance:none;
appearance:none;
font-family:$PTSans;
font-size:18px;
width:100%;
border-radius:inherit;
padding:13.5px 20px;
margin-top:5px
}

.select-container select.gold-version{ 
background:0 0;
color:#fff
}

.lg-sub-html, .lg-toolbar{ 
background-color:rgba(0, 0, 0, .45)
}

@media only screen and (max-width:1699px){ 
.select-container select{ 
padding:12.5px 16px;
font-size:16px
}


}

fieldset fieldset legend{ 
margin-bottom:20px
}

@media only screen and (max-width:767px){ 
.select-container select{ 
font-size:14px
}

fieldset fieldset legend{ 
margin-bottom:14px;
padding-top:2px
}


}

fieldset fieldset .check-container input[type=checkbox]{ 
position:absolute;
left:-29px;
margin-top:0;
min-width:calc(100% + 28px)
}

fieldset fieldset .check-container .wpcf7-form-control-wrap{ 
font-size:18px
}

@media only screen and (max-width:1699px){ 
fieldset fieldset .check-container .wpcf7-form-control-wrap{ 
font-size:16px
}


}

@media only screen and (max-width:767px){ 
fieldset fieldset .check-container .wpcf7-form-control-wrap{ 
font-size:12px
}


}

@font-face{ 
font-family:lg;
src:url(../fonts/lg.woff?n1z373) format("woff"), url(../fonts/lg.ttf?n1z373) format("truetype");
font-weight:400;
font-style:normal
}

.lg-icon{ 
font-family:lg;
speak:none;
font-style:normal;
font-weight:400;
font-variant:normal;
text-transform:none;
line-height:1;
-webkit-font-smoothing:antialiased;
-moz-osx-font-smoothing:grayscale
}

.lg-actions .lg-next, .lg-actions .lg-prev{ 
background-color:rgba(0, 0, 0, .45);
border-radius:2px;
color:#999;
cursor:pointer;
display:block;
font-size:22px;
margin-top:-10px;
padding:8px 10px 9px;
position:absolute;
top:50%;
z-index:9999999
}

.lg-actions .lg-next.disabled, .lg-actions .lg-prev.disabled{ 
pointer-events:none;
opacity:.5
}

.lg-actions .lg-next:hover, .lg-actions .lg-prev:hover{ 
color:#fff
}

.lg-actions .lg-next{ 
right:20px
}

.lg-actions .lg-next:before{ 
content:"\e095"
}

.lg-actions .lg-prev{ 
left:20px
}

.lg-actions .lg-prev:after{ 
content:"\e094"
}

@-ms-keyframes lg-right-end{ 
0%, 100%{ 
left:0
}

50%{ 
left:-30px
}


}

@-ms-keyframes lg-left-end{ 
0%, 100%{ 
left:0
}

50%{ 
left:30px
}


}

.lg-outer.lg-right-end .lg-object{ 
-webkit-animation:lg-right-end .3s;
-o-animation:lg-right-end .3s;
animation:lg-right-end .3s;
position:relative
}

.lg-outer.lg-left-end .lg-object{ 
-webkit-animation:lg-left-end .3s;
-o-animation:lg-left-end .3s;
animation:lg-left-end .3s;
position:relative
}

.lg-toolbar{ 
z-index:9999999;
left:0;
position:absolute;
top:0;
width:100%
}

.lg-toolbar .lg-icon{ 
color:#999;
cursor:pointer;
float:right;
font-size:24px;
height:47px;
line-height:27px;
padding:10px 0;
text-align:center;
width:50px;
text-decoration:none!important;
outline:0;
-webkit-transition:color .2s linear;
-o-transition:color .2s linear;
transition:color .2s linear
}

.lg-toolbar .lg-icon:hover{ 
color:#fff
}

.lg-toolbar .lg-close:after{ 
content:"\e070"
}

.lg-toolbar .lg-download:after{ 
content:"\e0f2"
}

.lg-sub-html{ 
bottom:0;
color:#eee;
font-size:16px;
left:0;
padding:10px 40px;
position:fixed;
right:0;
text-align:center;
z-index:9999999
}

.lg-sub-html h4{ 
margin:0;
font-size:13px;
font-weight:700
}

.lg-sub-html p{ 
font-size:12px;
margin:5px 0 0
}

#lg-counter{ 
color:#999;
display:inline-block;
font-size:16px;
padding-left:20px;
padding-top:12px;
vertical-align:middle
}

.lg-next, .lg-prev, .lg-toolbar{ 
opacity:1;
-webkit-transition:-webkit-transform .35s cubic-bezier(0, 0, .25, 1) 0s, opacity .35s cubic-bezier(0, 0, .25, 1) 0s, color .2s linear;
-moz-transition:-moz-transform .35s cubic-bezier(0, 0, .25, 1) 0s, opacity .35s cubic-bezier(0, 0, .25, 1) 0s, color .2s linear;
-o-transition:-o-transform .35s cubic-bezier(0, 0, .25, 1) 0s, opacity .35s cubic-bezier(0, 0, .25, 1) 0s, color .2s linear;
transition:transform .35s cubic-bezier(0, 0, .25, 1) 0s, opacity .35s cubic-bezier(0, 0, .25, 1) 0s, color .2s linear
}

.lg-hide-items .lg-prev{ 
opacity:0;
-webkit-transform:translate3d(-10px, 0, 0);
transform:translate3d(-10px, 0, 0)
}

.lg-hide-items .lg-next{ 
opacity:0;
-webkit-transform:translate3d(10px, 0, 0);
transform:translate3d(10px, 0, 0)
}

.lg-hide-items .lg-toolbar{ 
opacity:0;
-webkit-transform:translate3d(0, -10px, 0);
transform:translate3d(0, -10px, 0)
}

body:not(.lg-from-hash) .lg-outer.lg-start-zoom .lg-object{ 
-webkit-transform:scale3d(.5, .5, .5);
transform:scale3d(.5, .5, .5);
opacity:0;
-webkit-transition:-webkit-transform 250ms cubic-bezier(0, 0, .25, 1) 0s, opacity 250ms cubic-bezier(0, 0, .25, 1)!important;
-moz-transition:-moz-transform 250ms cubic-bezier(0, 0, .25, 1) 0s, opacity 250ms cubic-bezier(0, 0, .25, 1)!important;
-o-transition:-o-transform 250ms cubic-bezier(0, 0, .25, 1) 0s, opacity 250ms cubic-bezier(0, 0, .25, 1)!important;
transition:transform 250ms cubic-bezier(0, 0, .25, 1) 0s, opacity 250ms cubic-bezier(0, 0, .25, 1)!important;
-webkit-transform-origin:50% 50%;
-moz-transform-origin:50% 50%;
-ms-transform-origin:50% 50%;
transform-origin:50% 50%
}

body:not(.lg-from-hash) .lg-outer.lg-start-zoom .lg-item.lg-complete .lg-object{ 
-webkit-transform:scale3d(1, 1, 1);
transform:scale3d(1, 1, 1);
opacity:1
}

.lg-outer .lg-thumb-outer{ 
background-color:#0d0a0a;
bottom:0;
position:absolute;
width:100%;
z-index:9999999;
max-height:350px;
-webkit-transform:translate3d(0, 100%, 0);
transform:translate3d(0, 100%, 0);
-webkit-transition:-webkit-transform .25s cubic-bezier(0, 0, .25, 1) 0s;
-moz-transition:-moz-transform .25s cubic-bezier(0, 0, .25, 1) 0s;
-o-transition:-o-transform .25s cubic-bezier(0, 0, .25, 1) 0s;
transition:transform .25s cubic-bezier(0, 0, .25, 1) 0s
}

.lg-outer .lg-thumb-outer.lg-grab .lg-thumb-item{ 
cursor:-webkit-grab;
cursor:-moz-grab;
cursor:-o-grab;
cursor:-ms-grab;
cursor:grab
}

.lg-outer .lg-thumb-outer.lg-grabbing .lg-thumb-item{ 
cursor:move;
cursor:-webkit-grabbing;
cursor:-moz-grabbing;
cursor:-o-grabbing;
cursor:-ms-grabbing;
cursor:grabbing
}

.lg-outer .lg-thumb-outer.lg-dragging .lg-thumb{ 
-webkit-transition-duration:0s!important;
transition-duration:0s!important
}

.lg-outer.lg-thumb-open .lg-thumb-outer{ 
-webkit-transform:translate3d(0, 0, 0);
transform:translate3d(0, 0, 0)
}

.lg-outer .lg-thumb{ 
padding:10px 0;
height:100%;
margin-bottom:-5px
}

.lg-outer .lg-thumb-item{ 
cursor:pointer;
float:left;
overflow:hidden;
height:100%;
border:2px solid #fff;
border-radius:4px;
margin-bottom:5px
}

@media (min-width:1025px){ 
.lg-outer .lg-thumb-item{ 
-webkit-transition:border-color .25s ease;
-o-transition:border-color .25s ease;
transition:border-color .25s ease
}


}

.lg-outer .lg-thumb-item.active, .lg-outer .lg-thumb-item:hover{ 
border-color:#a90707
}

.lg-outer .lg-thumb-item img{ 
width:100%;
height:100%
}

.lg-outer.lg-has-thumb .lg-item{ 
padding-bottom:120px
}

.lg-outer.lg-can-toggle .lg-item{ 
padding-bottom:0
}

.lg-outer.lg-pull-caption-up .lg-sub-html{ 
-webkit-transition:bottom .25s ease;
-o-transition:bottom .25s ease;
transition:bottom .25s ease
}

.lg-outer.lg-pull-caption-up.lg-thumb-open .lg-sub-html{ 
bottom:100px
}

.lg-outer .lg-toogle-thumb{ 
background-color:#0d0a0a;
border-radius:2px 2px 0 0;
color:#999;
cursor:pointer;
font-size:24px;
height:39px;
line-height:27px;
padding:5px 0;
position:absolute;
right:20px;
text-align:center;
top:-39px;
width:50px
}

.lg-outer .lg-toogle-thumb:after{ 
content:"\e1ff"
}

.lg-outer .lg-toogle-thumb:hover{ 
color:#fff
}

.lg-outer .lg-video-cont{ 
display:inline-block;
vertical-align:middle;
max-width:1140px;
max-height:100%;
width:100%;
padding:0 5px
}

.lg-outer .lg-video{ 
width:100%;
height:0;
padding-bottom:56.25%;
overflow:hidden;
position:relative
}

.lg-outer .lg-pager-outer.lg-pager-hover .lg-pager-cont, .slider-max-container .slick-list{ 
overflow:visible
}

.lg-outer .lg-video .lg-object{ 
display:inline-block;
position:absolute;
top:0;
left:0;
width:100%!important;
height:100%!important
}

.lg-outer .lg-video .lg-video-play{ 
width:84px;
height:59px;
position:absolute;
left:50%;
top:50%;
margin-left:-42px;
margin-top:-30px;
z-index:9999999;
cursor:pointer
}

.lg-outer .lg-has-vimeo .lg-video-play{ 
background:url(../img/vimeo-play.png) no-repeat
}

.lg-outer .lg-has-vimeo:hover .lg-video-play{ 
background:url(../img/vimeo-play.png) 0 -58px no-repeat
}

.lg-outer .lg-has-html5 .lg-video-play{ 
background:url(../img/video-play.png) no-repeat;
height:64px;
margin-left:-32px;
margin-top:-32px;
width:64px;
opacity:.8
}

.lg-outer .lg-has-html5:hover .lg-video-play{ 
opacity:1
}

.lg-outer .lg-has-youtube .lg-video-play{ 
background:url(../img/youtube-play.png) no-repeat
}

.lg-outer .lg-has-youtube:hover .lg-video-play{ 
background:url(../img/youtube-play.png) 0 -60px no-repeat
}

.lg-outer .lg-video-object{ 
width:100%!important;
height:100%!important;
position:absolute;
top:0;
left:0
}

.lg-outer .lg-has-video.lg-video-playing .lg-object, .lg-outer .lg-has-video.lg-video-playing .lg-video-play{ 
display:none
}

.lg-outer .lg-has-video.lg-video-playing .lg-video-object{ 
visibility:visible
}

.slick-loading .slick-slide, .slick-loading .slick-track{ 
visibility:hidden
}

.lg-progress-bar{ 
background-color:#333;
height:5px;
left:0;
position:absolute;
top:0;
width:100%;
z-index:9999999;
opacity:0;
-webkit-transition:opacity 80ms ease 0s;
-moz-transition:opacity 80ms ease 0s;
-o-transition:opacity 80ms ease 0s;
transition:opacity 80ms ease 0s
}

.lg-progress-bar .lg-progress{ 
background-color:#fff;
height:5px;
width:0
}

.lg-progress-bar.lg-start .lg-progress{ 
width:100%
}

.lg-show-autoplay .lg-progress-bar{ 
opacity:1
}

.lg-autoplay-button:after{ 
content:"\e01d"
}

.lg-show-autoplay .lg-autoplay-button:after{ 
content:"\e01a"
}

.lg-outer.lg-css3.lg-zoom-dragging .lg-item.lg-complete.lg-zoomable .lg-image, .lg-outer.lg-css3.lg-zoom-dragging .lg-item.lg-complete.lg-zoomable .lg-img-wrap{ 
-webkit-transition-duration:0s;
transition-duration:0s
}

.lg-outer .lg-item.lg-complete.lg-zoomable .lg-img-wrap{ 
-webkit-transition:left .3s cubic-bezier(0, 0, .25, 1) 0s, top .3s cubic-bezier(0, 0, .25, 1) 0s;
-moz-transition:left .3s cubic-bezier(0, 0, .25, 1) 0s, top .3s cubic-bezier(0, 0, .25, 1) 0s;
-o-transition:left .3s cubic-bezier(0, 0, .25, 1) 0s, top .3s cubic-bezier(0, 0, .25, 1) 0s;
transition:left .3s cubic-bezier(0, 0, .25, 1) 0s, top .3s cubic-bezier(0, 0, .25, 1) 0s;
-webkit-transform:translate3d(0, 0, 0);
transform:translate3d(0, 0, 0);
-webkit-backface-visibility:hidden;
-moz-backface-visibility:hidden;
backface-visibility:hidden
}

.lg-outer .lg-item.lg-complete.lg-zoomable .lg-image{ 
-webkit-transform:scale3d(1, 1, 1);
transform:scale3d(1, 1, 1);
-webkit-transition:-webkit-transform .3s cubic-bezier(0, 0, .25, 1) 0s, opacity .15s!important;
-moz-transition:-moz-transform .3s cubic-bezier(0, 0, .25, 1) 0s, opacity .15s!important;
-o-transition:-o-transform .3s cubic-bezier(0, 0, .25, 1) 0s, opacity .15s!important;
transition:transform .3s cubic-bezier(0, 0, .25, 1) 0s, opacity .15s!important;
-webkit-transform-origin:0 0;
-moz-transform-origin:0 0;
-ms-transform-origin:0 0;
transform-origin:0 0;
-webkit-backface-visibility:hidden;
-moz-backface-visibility:hidden;
backface-visibility:hidden
}

#lg-zoom-in:after{ 
content:"\e311"
}

#lg-actual-size{ 
font-size:20px
}

#lg-actual-size:after{ 
content:"\e033"
}

#lg-zoom-out{ 
opacity:.5;
pointer-events:none
}

#lg-zoom-out:after{ 
content:"\e312"
}

.lg-zoomed #lg-zoom-out{ 
opacity:1;
pointer-events:auto
}

.lg-outer .lg-pager-outer{ 
bottom:60px;
left:0;
position:absolute;
right:0;
text-align:center;
z-index:9999999;
height:10px
}

.lg-outer .lg-pager-cont{ 
cursor:pointer;
display:inline-block;
overflow:hidden;
position:relative;
vertical-align:top;
margin:0 5px
}

.lg-outer .lg-pager-cont:hover .lg-pager-thumb-cont{ 
opacity:1;
-webkit-transform:translate3d(0, 0, 0);
transform:translate3d(0, 0, 0)
}

.lg-outer .lg-pager-cont.lg-pager-active .lg-pager{ 
box-shadow:0 0 0 2px #fff inset
}

.lg-outer .lg-pager-thumb-cont{ 
background-color:#fff;
color:#fff;
bottom:100%;
height:83px;
left:0;
margin-bottom:20px;
margin-left:-60px;
opacity:0;
padding:5px;
position:absolute;
width:120px;
border-radius:3px;
-webkit-transition:opacity .15s ease 0s, -webkit-transform .15s ease 0s;
-moz-transition:opacity .15s ease 0s, -moz-transform .15s ease 0s;
-o-transition:opacity .15s ease 0s, -o-transform .15s ease 0s;
transition:opacity .15s ease 0s, transform .15s ease 0s;
-webkit-transform:translate3d(0, 5px, 0);
transform:translate3d(0, 5px, 0)
}

.lg-outer .lg-pager-thumb-cont img{ 
width:100%;
height:100%
}

.lg-outer .lg-pager{ 
background-color:rgba(255, 255, 255, .5);
border-radius:50%;
box-shadow:0 0 0 8px rgba(255, 255, 255, .7) inset;
display:block;
height:12px;
-webkit-transition:box-shadow .3s ease 0s;
-o-transition:box-shadow .3s ease 0s;
transition:box-shadow .3s ease 0s;
width:12px
}

.lg-outer .lg-pager:focus, .lg-outer .lg-pager:hover{ 
box-shadow:0 0 0 8px #fff inset
}

.lg-outer .lg-caret{ 
border-left:10px solid transparent;
border-right:10px solid transparent;
border-top:10px dashed;
bottom:-10px;
display:inline-block;
height:0;
left:50%;
margin-left:-5px;
position:absolute;
vertical-align:middle;
width:0
}

.lg-outer, .lg-outer .lg, .lg-outer .lg-inner{ 
width:100%;
height:100%
}

.lg-fullscreen:after{ 
content:"\e20c"
}

.lg-fullscreen-on .lg-fullscreen:after{ 
content:"\e20d"
}

.group:after, .group:before{ 
display:table;
content:"";
line-height:0
}

.lg-outer{ 
position:fixed;
top:0;
left:0;
z-index:9999999;
opacity:0;
-webkit-transition:opacity .15s ease 0s;
-o-transition:opacity .15s ease 0s;
transition:opacity .15s ease 0s
}

.lg-outer *{ 
-webkit-box-sizing:border-box;
-moz-box-sizing:border-box;
box-sizing:border-box
}

.lg-outer.lg-visible{ 
opacity:1
}

.lg-outer.lg-css3 .lg-item.lg-current, .lg-outer.lg-css3 .lg-item.lg-next-slide, .lg-outer.lg-css3 .lg-item.lg-prev-slide{ 
-webkit-transition-duration:inherit!important;
transition-duration:inherit!important;
-webkit-transition-timing-function:inherit!important;
transition-timing-function:inherit!important
}

.lg-outer.lg-css3.lg-dragging .lg-item.lg-current, .lg-outer.lg-css3.lg-dragging .lg-item.lg-next-slide, .lg-outer.lg-css3.lg-dragging .lg-item.lg-prev-slide{ 
-webkit-transition-duration:0s!important;
transition-duration:0s!important;
opacity:1
}

.lg-outer.lg-grab img.lg-object{ 
cursor:-webkit-grab;
cursor:-moz-grab;
cursor:-o-grab;
cursor:-ms-grab;
cursor:grab
}

.lg-outer.lg-grabbing img.lg-object{ 
cursor:move;
cursor:-webkit-grabbing;
cursor:-moz-grabbing;
cursor:-o-grabbing;
cursor:-ms-grabbing;
cursor:grabbing
}

.lg-outer .lg{ 
position:relative;
overflow:hidden;
margin-left:auto;
margin-right:auto;
max-width:100%;
max-height:100%
}

.lg-outer .lg-inner{ 
position:absolute;
left:0;
top:0;
white-space:nowrap
}

.lg-outer .lg-item{ 
background:url(../img/loading.gif) center center no-repeat;
display:none!important
}

.lg-outer.lg-css .lg-current, .lg-outer.lg-css3 .lg-current, .lg-outer.lg-css3 .lg-next-slide, .lg-outer.lg-css3 .lg-prev-slide{ 
display:inline-block!important
}

.lg-outer .lg-img-wrap, .lg-outer .lg-item{ 
display:inline-block;
text-align:center;
position:absolute;
width:100%;
height:100%
}

.lg-outer .lg-img-wrap:before, .lg-outer .lg-item:before{ 
content:"";
display:inline-block;
height:50%;
width:1px;
margin-right:-1px
}

.lg-outer .lg-img-wrap{ 
position:absolute;
padding:0 5px;
left:0;
right:0;
top:0;
bottom:0
}

.lg-outer .lg-item.lg-complete{ 
background-image:none
}

.lg-outer .lg-item.lg-current{ 
z-index:9999999
}

.lg-outer .lg-image{ 
display:inline-block;
vertical-align:middle;
max-width:100%;
max-height:100%;
width:auto!important;
height:auto!important
}

.lg-outer.lg-show-after-load .lg-item .lg-object, .lg-outer.lg-show-after-load .lg-item .lg-video-play{ 
opacity:0;
-webkit-transition:opacity .15s ease 0s;
-o-transition:opacity .15s ease 0s;
transition:opacity .15s ease 0s
}

.lg-outer.lg-show-after-load .lg-item.lg-complete .lg-object, .lg-outer.lg-show-after-load .lg-item.lg-complete .lg-video-play{ 
opacity:1
}

.lg-outer .lg-empty-html, .lg-outer.lg-hide-download #lg-download{ 
display:none
}

.lg-backdrop{ 
position:fixed;
top:0;
left:0;
right:0;
bottom:0;
z-index:9999999;
background-color:#000;
opacity:0;
-webkit-transition:opacity .15s ease 0s;
-o-transition:opacity .15s ease 0s;
transition:opacity .15s ease 0s
}

.lg-backdrop.in{ 
opacity:1
}

.lg-css3.lg-no-trans .lg-current, .lg-css3.lg-no-trans .lg-next-slide, .lg-css3.lg-no-trans .lg-prev-slide{ 
-webkit-transition:none 0s ease 0s!important;
-moz-transition:none 0s ease 0s!important;
-o-transition:none 0s ease 0s!important;
transition:none 0s ease 0s!important
}

.lg-css3.lg-use-css3 .lg-item, .lg-css3.lg-use-left .lg-item{ 
-webkit-backface-visibility:hidden;
-moz-backface-visibility:hidden;
backface-visibility:hidden
}

.lg-css3.lg-fade .lg-item{ 
opacity:0
}

.lg-css3.lg-fade .lg-item.lg-current{ 
opacity:1
}

.lg-css3.lg-fade .lg-item.lg-current, .lg-css3.lg-fade .lg-item.lg-next-slide, .lg-css3.lg-fade .lg-item.lg-prev-slide{ 
-webkit-transition:opacity .1s ease 0s;
-moz-transition:opacity .1s ease 0s;
-o-transition:opacity .1s ease 0s;
transition:opacity .1s ease 0s
}

.lg-css3.lg-slide.lg-use-css3 .lg-item{ 
opacity:0
}

.lg-css3.lg-slide.lg-use-css3 .lg-item.lg-prev-slide{ 
-webkit-transform:translate3d(-100%, 0, 0);
transform:translate3d(-100%, 0, 0)
}

.lg-css3.lg-slide.lg-use-css3 .lg-item.lg-next-slide{ 
-webkit-transform:translate3d(100%, 0, 0);
transform:translate3d(100%, 0, 0)
}

.lg-css3.lg-slide.lg-use-css3 .lg-item.lg-current{ 
-webkit-transform:translate3d(0, 0, 0);
transform:translate3d(0, 0, 0);
opacity:1
}

.lg-css3.lg-slide.lg-use-css3 .lg-item.lg-current, .lg-css3.lg-slide.lg-use-css3 .lg-item.lg-next-slide, .lg-css3.lg-slide.lg-use-css3 .lg-item.lg-prev-slide{ 
-webkit-transition:-webkit-transform 1s cubic-bezier(0, 0, .25, 1) 0s, opacity .1s ease 0s;
-moz-transition:-moz-transform 1s cubic-bezier(0, 0, .25, 1) 0s, opacity .1s ease 0s;
-o-transition:-o-transform 1s cubic-bezier(0, 0, .25, 1) 0s, opacity .1s ease 0s;
transition:transform 1s cubic-bezier(0, 0, .25, 1) 0s, opacity .1s ease 0s
}

.lg-css3.lg-slide.lg-use-left .lg-item{ 
opacity:0;
position:absolute;
left:0
}

.slick-list, .slick-slider, .slick-track{ 
position:relative;
display:block
}

.lg-css3.lg-slide.lg-use-left .lg-item.lg-prev-slide{ 
left:-100%
}

.lg-css3.lg-slide.lg-use-left .lg-item.lg-next-slide{ 
left:100%
}

.lg-css3.lg-slide.lg-use-left .lg-item.lg-current{ 
left:0;
opacity:1
}

.lg-css3.lg-slide.lg-use-left .lg-item.lg-current, .lg-css3.lg-slide.lg-use-left .lg-item.lg-next-slide, .lg-css3.lg-slide.lg-use-left .lg-item.lg-prev-slide{ 
-webkit-transition:left 1s cubic-bezier(0, 0, .25, 1) 0s, opacity .1s ease 0s;
-moz-transition:left 1s cubic-bezier(0, 0, .25, 1) 0s, opacity .1s ease 0s;
-o-transition:left 1s cubic-bezier(0, 0, .25, 1) 0s, opacity .1s ease 0s;
transition:left 1s cubic-bezier(0, 0, .25, 1) 0s, opacity .1s ease 0s
}

@-moz-keyframes lg-right-end{ 
0%, 100%{ 
left:0
}

50%{ 
left:-30px
}


}

@-webkit-keyframes lg-right-end{ 
0%, 100%{ 
left:0
}

50%{ 
left:-30px
}


}

@-o-keyframes lg-right-end{ 
0%, 100%{ 
left:0
}

50%{ 
left:-30px
}


}

@keyframes lg-right-end{ 
0%, 100%{ 
left:0
}

50%{ 
left:-30px
}


}

@-moz-keyframes lg-left-end{ 
0%, 100%{ 
left:0
}

50%{ 
left:30px
}


}

@-webkit-keyframes lg-left-end{ 
0%, 100%{ 
left:0
}

50%{ 
left:30px
}


}

@-o-keyframes lg-left-end{ 
0%, 100%{ 
left:0
}

50%{ 
left:30px
}


}

@keyframes lg-left-end{ 
0%, 100%{ 
left:0
}

50%{ 
left:30px
}


}

.slick-slider{ 
box-sizing:border-box;
-moz-box-sizing:border-box;
-webkit-touch-callout:none;
-webkit-user-select:none;
-khtml-user-select:none;
-moz-user-select:none;
-ms-user-select:none;
user-select:none;
-ms-touch-action:pan-y;
touch-action:pan-y;
-webkit-tap-highlight-color:transparent;
z-index:2
}

.slick-list{ 
overflow:hidden;
margin:0;
padding:0
}

.slick-list:focus{ 
outline:0
}

.slick-list.dragging{ 
cursor:pointer;
cursor:hand
}

.slick-slider .slick-list, .slick-slider .slick-track{ 
-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{ 
left:0;
top:0
}

.slick-track:after, .slick-track:before{ 
content:"";
display:table
}

.slick-slide{ 
float:left;
height:100%;
display:none
}

[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-vertical .slick-slide{ 
display:block;
height:auto;
border:1px solid transparent
}

.slick-dots{ 
width:100%;
position:absolute;
bottom:0;
text-align:center;
z-index:32;
display:inline-block
}

.slick-dots li{ 
height:8px;
width:8px;
border-radius:50%;
display:inline-block;
background-color:rgba(0, 123, 137, .4);
cursor:pointer;
margin:0 2px
}

.slick-dots li.slick-active{ 
background-color:#007b89
}

.slick-dots li button{ 
font-size:0;
line-height:0;
display:block;
width:20px;
height:20px;
padding:5px;
cursor:pointer;
color:transparent;
border:0;
outline:0;
background:0 0
}

.header{ 
padding:50px 4% 0;
max-width:100%;
width:100%;
margin:0 auto;
position:relative
}

.header.home-version{ 
background:url(../img/backgrounds/bkg-header-home.svg) center no-repeat;
background-size:cover
}

.header>div:first-of-type{ 
display:flex;
justify-content:space-between;
align-items:center
}

.header>div:first-of-type>div{ 
display:flex;
align-items:center;
gap:0 35px
}

@media only screen and (min-width:1921px){ 
.header>div:first-of-type{ 
max-width:1760px;
margin-left:auto;
margin-right:auto
}


}

.header .header-logo{ 
max-width:230px;
width:100%
}

.header .btn-open-nav{ 
font-size:0;
border:none;
background:0 0;
position:relative
}

.header .btn-open-nav span{ 
display:block;
border-top:3px solid #fff;
width:42px
}

.header .btn-open-nav span::after, .header .btn-open-nav span::before{ 
content:'';
display:block;
width:42px;
height:3px;
margin-top:8px;
background:#fff
}

@media only screen and (max-width:1699px){ 
.header{ 
padding-top:40px
}

.header .header-logo{ 
max-width:184px
}

.header .btn-open-nav span{ 
width:34px;
border-width:2px
}

.header .btn-open-nav span::after, .header .btn-open-nav span::before{ 
width:34px;
height:2px;
margin-top:6px
}


}

.header .flex-container{ 
display:flex;
flex-direction:row-reverse;
align-items:center;
margin-top:15px;
max-width:1780px;
width:100%;
margin-left:auto;
margin-right:auto
}

.header .flex-container figure{ 
flex:.54;
background:url(../img/backgrounds/pauta-home-header.png) right bottom no-repeat;
position:relative;
min-height:885px;
padding-top:20px
}

.header .flex-container figure::after{ 
content:'';
display:block;
width:568px;
height:420px;
background:url(../img/backgrounds/photo-home-header.png) right top no-repeat;
position:absolute;
bottom:0;
left:0
}

@media only screen and (max-width:1699px){ 
.header .flex-container figure{ 
background-size:auto 100%;
min-height:708px
}

.header .flex-container figure::after{ 
width:409px;
height:303px;
background-size:contain
}

.header .flex-container figure img{ 
width:auto;
height:98%
}


}

.header .flex-container figure img{ 
margin-right:1%;
margin-left:auto;
opacity:0;
transition:.3s ease-in;
position:absolute;
bottom:0;
left:50%;
transform:translateX(-50%)
}

.header .flex-container figure img.selected{ 
opacity:1
}

.header .flex-container section{ 
flex:.46;
padding-left:4%;
padding-bottom:10em
}

.header .flex-container section p{ 
font-size:2.8em;
line-height:1.18em;
padding-left:10px
}

.header .flex-container section .btn{ 
margin-top:45px;
margin-left:10px
}

@media only screen and (max-width:1699px){ 
.header .flex-container section p{ 
font-size:2.3em;
margin-top:4px
}

.header .flex-container section .btn{ 
margin-top:36px
}


}

@media only screen and (max-width:1399px){ 
.header .flex-container figure{ 
min-height:570px
}

.header .flex-container section h1{ 
font-size:6.8em
}

.header .flex-container section p{ 
font-size:2em
}


}

@media only screen and (max-width:1200px){ 
.header .flex-container figure{ 
min-height:520px
}

.header .flex-container section h1{ 
font-size:6em
}

.header .flex-container section p{ 
font-size:1.8em
}


}

.header .menu-container{ 
background:#fff;
position:fixed;
opacity:0;
max-width:25%;
width:100%;
left:100%;
z-index:1000;
border-radius:30px 0 0 30px;
overflow-y:hidden;
padding:0 4%;
top:50px;
height:calc(100vh - 120px);
max-height:968px;
display:flex;
flex-direction:column;
justify-content:center;
transition:left .3s ease-in
}

.header .menu-container.active{ 
left:75%;
overflow-y:auto;
opacity:1
}

@media only screen and (max-width:1399px){ 
.header .menu-container{ 
max-width:28%;
height:calc(100vh - 80px)
}

.header .menu-container.active{ 
left:72%
}


}

.header .menu-container nav li{ 
display:block;
color:#2a569f;
font-size:2.4em;
font-weight:600;
margin-bottom:25px;
position:relative;
padding-bottom:4px;
transition:.3 ease;
width:fit-content;
padding-right:2px;
overflow:hidden
}

.header .menu-container nav li:last-of-type{ 
margin-bottom:45px
}

.header .menu-container nav li::before{ 
content:'';
background:currentColor;
display:block;
height:2px;
width:100%;
position:absolute;
left:0;
bottom:0;
transition:left .4s ease
}

.header .menu-container.fixed .header-logo-fixed::before, .header .menu-container.fixed nav li::before{ 
content:none
}

.header .menu-container nav li:hover::before{ 
left:100%
}

@media only screen and (max-width:1699px){ 
.header .menu-container nav li{ 
font-size:1.9em;
margin-bottom:20px
}

.header .menu-container nav li:last-of-type{ 
margin-bottom:36px
}


}

.header .menu-container nav li a{ 
white-space:nowrap
}

.header .menu-container>a{ 
width:fit-content
}

.header .menu-container.fixed{ 
background:#2a569f;
position:fixed;
left:50%;
top:0;
transform:translateX(-50%);
z-index:10;
flex-direction:row;
justify-content:flex-end;
align-items:center;
max-width:92%;
padding:27px 2.5% 30px;
border-radius:0 0 30px 30px;
box-shadow:0 3px 6px rgba(0, 0, 0, .2);
height:auto;
animation:slideDown .3s ease-in forwards;
opacity:1
}

.header .menu-container.fixed .header-logo-fixed{ 
position:absolute;
left:2.5%;
top:50%;
transform:translateY(-50%);
width:38px;
height:52px
}

.header .menu-container.fixed .btn.btn-ecommerce.blue-version{ 
padding:8px 15px;
margin-left:7px;
transition:.15s ease-in
}

.header .menu-container.fixed .btn.btn-ecommerce.blue-version:hover{ 
background:#fff;
color:#2a569f
}

@media only screen and (max-width:1399px){ 
.header .menu-container.fixed .btn.btn-ecommerce.blue-version{ 
padding:7px 13px;
font-size:1.2em
}


}

@media only screen and (max-width:1200px){ 
.header .menu-container.fixed .btn.btn-ecommerce.blue-version{ 
font-size:1.2em;
padding:5px 10px;
margin-left:0
}


}

@media only screen and (min-width:1921px){ 
.header .menu-container.fixed{ 
max-width:1760px
}


}

.header .menu-container.fixed nav li:not(:first-of-type){ 
display:inline-block;
color:#fff;
margin-bottom:0!important;
font-size:1.6em;
font-weight:400;
margin-right:30px;
padding-top:9px;
padding-bottom:8px
}

@media only screen and (min-width:1024px){ 
.header .menu-container.fixed nav li:not(:first-of-type)::before{ 
content:'';
background:currentColor;
display:block;
height:2px;
width:100%;
position:absolute;
left:initial;
right:100%;
bottom:0;
transition:right .3s ease
}

.header .menu-container.fixed nav li:not(:first-of-type):hover::before{ 
right:0
}


}

@media only screen and (max-width:1200px){ 
.header .menu-container.fixed nav li:not(:first-of-type){ 
font-size:1.3em
}


}

@media only screen and (max-width:1699px){ 
.header .menu-container.fixed{ 
padding-top:20px;
padding-bottom:23px
}

.header .menu-container.fixed .header-logo-fixed{ 
width:31px;
height:42px
}

.header .menu-container.fixed nav li{ 
font-size:1.4em;
margin-right:25px
}


}

@media only screen and (max-width:1200px){ 
.header .menu-container.fixed{ 
max-width:95%;
padding:18px 2% 21px
}

.header .menu-container.fixed nav li{ 
font-size:1.2em;
margin-right:22px
}


}

@media only screen and (max-width:1023px){ 
.header{ 
padding:20px 25px 0
}

.header .header-logo{ 
max-width:110px
}

.header>div:first-of-type>div{ 
gap:0 17px
}

.header>div:first-of-type>div>.btn.btn-ecommerce{ 
border:none;
padding:0;
font-size:0
}

.header>div:first-of-type>div>.btn.btn-ecommerce span{ 
font-size:1.7rem;
margin-right:0
}

.header>div.menu-fixed-mobile.active{ 
position:fixed;
background:#2a569f;
top:0;
transform:translateX(-50%);
animation:slideDown .3s ease-in forwards;
width:100%;
border-radius:0 0 30px 30px;
box-shadow:0 3px 6px rgba(0, 0, 0, .2);
z-index:100;
padding:23px 25px
}

.header>div.menu-fixed-mobile.active .header-logo{ 
display:block;
width:31px;
height:42px;
background:url(../img/brands/pauta-top-white-mobile.svg);
background-size:cover;
text-decoration:none
}

.header .menu-container.fixed, .header>div.menu-fixed-mobile.active .header-logo img{ 
display:none
}

.header .btn-open-nav span{ 
border-width:3px;
width:32px
}

.header .btn-open-nav span::after, .header .btn-open-nav span::before{ 
height:3px;
width:32px;
margin-top:5px
}

.header .flex-container{ 
flex-direction:column;
margin-top:0
}

.header .flex-container section{ 
flex:1;
padding-left:0;
padding-bottom:0;
align-content:center;
margin:100px auto;
text-align:center
}

.header .flex-container section .btn{ 
margin-left:auto;
margin-right:auto
}

.header .flex-container figure{ 
flex:1;
width:100%;
max-width:580px
}

.header .menu-container{ 
top:20px;
padding:0 125px 0 50px
}

.header .menu-container.active{ 
left:calc(100% - 360px);
max-width:360px;
height:85vh;
max-height:784px;
box-shadow:0 3px 6px rgba(0, 0, 0, .2)
}

.header .menu-container nav li{ 
font-size:1.8em;
margin-bottom:30px
}

.header .menu-container nav li:last-of-type{ 
margin-bottom:45px
}

.header .menu-container nav li:hover::before{ 
left:0
}


}

@media only screen and (max-width:767px){ 
.header{ 
padding:20px 0 0
}

.header.home-version{ 
background:url(../img/backgrounds/bkg-header-home-mobile.svg) center no-repeat;
background-size:auto 100%
}

.header>div:first-of-type{ 
padding:0 25px
}

.header .flex-container section{ 
max-width:272px;
width:100%
}

.header .flex-container section h1{ 
font-size:4.2em
}

.header .flex-container section p{ 
font-size:1.6em;
padding:0 10px
}

.header .flex-container section .btn{ 
margin-top:30px
}

.header .flex-container figure{ 
min-height:360px;
height:360px;
max-width:390px
}

.header .flex-container figure::after{ 
width:232px;
height:172px
}


}

.modal-player{ 
position:absolute
}

.modal-player.is-open::before{ 
content:'';
position:fixed;
z-index:100;
top:0;
left:0;
display:block;
height:100vh;
width:100vw;
background:rgba(0, 0, 0, .7);
pointer-events:inherit
}

.modal-player.is-open .modal-container{ 
opacity:1;
visibility:visible;
z-index:101;
pointer-events:auto
}

.slick-slider .slick-disabled, .slider-max-container .slider-timeline .slick-slide a{ 
pointer-events:none
}

.modal-player .modal-container{ 
position:fixed;
top:50%;
left:50%;
transform:translate(-50%, -50%);
max-width:560px;
width:100%;
margin:0 auto;
transition:opacity .15s ease-in;
opacity:0
}

.modal-player .modal-container .btn-close-modal{ 
font-size:0;
display:block;
height:24px;
width:24px;
border:none;
background:0 0;
cursor:pointer;
position:absolute;
right:0;
top:-30px
}

.modal-player .modal-container .btn-close-modal span::after, .modal-player .modal-container .btn-close-modal span::before{ 
content:'';
display:block;
width:21px;
height:2px;
background:#fff;
position:relative
}

.modal-player .modal-container .btn-close-modal span::before{ 
transform:rotate(-135deg);
top:2px
}

.modal-player .modal-container .btn-close-modal span::after{ 
transform:rotate(135deg)
}

.modal-player .modal-container iframe{ 
max-width:100%;
height:390px
}

@media only screen and (max-width:767px){ 
.modal-player .modal-container iframe{ 
height:300px
}


}

@media only screen and (max-width:480px){ 
.modal-player .modal-container .btn-close-modal{ 
right:15px
}

.modal-player .modal-container iframe{ 
height:250px;
max-width:calc(100% - 30px);
margin-left:auto;
margin-right:auto;
display:block
}


}

.paralax{ 
margin-top:100px
}

.paralax img{ 
border-radius:30px
}

.paralax>div:first-of-type{ 
position:relative;
padding-bottom:41%
}

.paralax>div:first-of-type .gsa-photo{ 
position:absolute;
bottom:0;
right:0;
height:100%;
width:40.9%
}

.paralax>div:first-of-type .gsa-photo img{ 
position:absolute;
bottom:6%;
right:11.5%
}

.paralax>div:first-of-type .gsa-photo .square-bottom, .paralax>div:first-of-type .gsa-photo .square-top{ 
border:1px solid #b4d0ff;
border-radius:30px;
display:block;
position:absolute
}

.paralax>div:first-of-type .gsa-photo .square-top{ 
height:400px;
width:400px;
top:40px;
right:0
}

.paralax>div:first-of-type .gsa-photo .square-bottom{ 
height:217px;
width:217px;
bottom:0;
left:0
}

.paralax>div:first-of-type p{ 
max-width:55%
}

.paralax>div:last-of-type{ 
position:relative;
margin-top:-28.9%
}

.paralax>div:last-of-type div{ 
position:relative;
width:42.5%;
z-index:3;
overflow:hidden
}

.paralax>div:last-of-type div img{ 
width:100%
}

.paralax>div:last-of-type div::after{ 
content:'';
display:block;
width:439px;
height:592px;
background:url(../img/backgrounds/bkg-pauta-blue-light.svg) center no-repeat;
position:absolute;
left:13%;
bottom:7%
}

.paralax>div:last-of-type div .giant-stroke{ 
position:absolute;
bottom:-38.9%;
width:1380px;
display:block;
-webkit-text-stroke:2px #fff;
left:119%
}

.paralax>div:last-of-type .giant-stroke{ 
padding-left:19.4%;
color:transparent;
-webkit-text-stroke:2px #2d2d2e;
text-stroke:2px #2d2d2e
}

.paralax>div:last-of-type>p{ 
position:relative;
left:39.5%;
z-index:2;
margin-top:-17%
}

.paralax p{ 
font-weight:600;
font-size:14em;
line-height:1em;
display:inline-block
}

@media only screen and (max-width:1699px){ 
.paralax{ 
margin-top:80px
}

.paralax>div:first-of-type{ 
padding-bottom:35%
}

.paralax>div:first-of-type .gsa-photo img{ 
width:70%;
bottom:9%
}

.paralax>div:first-of-type .gsa-photo .square-top{ 
width:320px;
height:320px
}

.paralax>div:first-of-type .gsa-photo .square-bottom{ 
width:174px;
height:174px
}

.paralax>div:last-of-type{ 
height:740px
}

.paralax>div:last-of-type div{ 
height:78%
}

.paralax>div:last-of-type div img{ 
object-fit:cover;
height:100%
}

.paralax>div:last-of-type div::after{ 
max-width:66.5%;
background-position:center top;
bottom:initial;
top:12%;
background-size:100% auto!important
}

.paralax>div:last-of-type div .giant-stroke{ 
left:93%;
bottom:-28%
}

.paralax>div:last-of-type .giant-stroke{ 
padding-left:0;
max-width:894px;
width:100%
}

.paralax>div:last-of-type>p{ 
position:absolute;
bottom:0
}

.paralax p{ 
font-size:10em
}


}

@media only screen and (max-width:1200px){ 
.paralax p{ 
font-size:9em
}

.paralax>div:last-of-type div::after{ 
width:285px;
height:385px
}


}

@media only screen and (max-width:1023px){ 
.paralax{ 
margin-top:40px
}

.paralax img{ 
border-radius:15px
}

.paralax p{ 
font-size:7.5em
}

.paralax>div:first-of-type .gsa-photo .square-top{ 
height:220px;
width:220px;
border-radius:15px
}

.paralax>div:first-of-type .gsa-photo .square-bottom{ 
height:110px;
width:110px;
border-radius:15px
}

.paralax>div:last-of-type{ 
padding-top:20px;
height:548px
}

.paralax>div:last-of-type .giant-stroke{ 
max-width:720px;
left:1.8%
}

.paralax>div:last-of-type div .giant-stroke{ 
left:4.2%
}

.paralax>div:last-of-type div::after{ 
width:228px;
height:308px
}


}

@media only screen and (max-width:767px){ 
.paralax{ 
padding-top:0
}

.paralax p{ 
font-size:3.2em
}

.paralax>div:first-of-type{ 
padding-bottom:145px
}

.paralax>div:first-of-type p{ 
max-width:190px
}

.paralax>div:first-of-type .gsa-photo{ 
width:189px;
height:351px;
bottom:-80px;
z-index:4
}

.paralax>div:first-of-type .gsa-photo img{ 
width:135px;
bottom:24px
}

.paralax>div:first-of-type .gsa-photo .square-bottom{ 
width:64px;
height:64px
}

.paralax>div:first-of-type .gsa-photo .square-top{ 
width:119px;
height:119px;
top:0
}

.paralax>div:last-of-type{ 
height:100%
}

.paralax>div:last-of-type div{ 
height:100%;
top:0;
max-width:660px;
width:100%;
left:50%;
transform:translateX(-50%)
}

.paralax>div:last-of-type div::after{ 
left:46px;
width:285px;
height:385px;
top:initial;
bottom:30px
}

.paralax>div:last-of-type div .giant-stroke{ 
position:absolute;
bottom:30px;
left:30px;
max-width:286px;
-webkit-text-stroke:1px #fff;
text-stroke:1px #fff
}

.paralax>div>.giant-stroke{ 
display:none
}


}

.js-sentence{ 
display:block;
min-height:583px
}

.js-sentence::after{ 
content:'|';
margin-left:5px;
opacity:1;
animation:blink .7s infinite
}

@media only screen and (max-width:1699px){ 
.js-sentence{ 
min-height:418px
}


}

@media only screen and (max-width:1023px){ 
.js-sentence{ 
min-height:315px
}


}

@media only screen and (max-width:767px){ 
.js-sentence{ 
min-height:190px;
height:190px
}


}


.business-list {
display: flex;
gap: 0 1.93%;
justify-content: center
}

@media(min-width:1400px) {
  .business-list li {
    max-width: 24.03%;
    width: 100%;
    border-radius: 15px;
    background-size: cover !important;
    background: url(../img/backgrounds/bkg-blue-dark.svg) left top no-repeat;
    height: 400px
  }

  .business-list li section p {
      height:96px

  }
.business-list .btn{
    margin-top:10px
}
}



@media(max-width:1390px) {
  .business-list li {
    max-width: 24.03%;
    width: 100%;
    border-radius: 15px;
    background-size: cover !important;
    background: url(../img/backgrounds/bkg-blue-dark.svg) left top no-repeat;
    height: 350px !important
  }

.business-list .btn {
  margin-top: 30px
}
}
    .business-list li:nth-of-type(2) {
      background: url(../img/backgrounds/bkg-green-dark.svg) left top no-repeat
    }

    .business-list li:nth-of-type(3) {
      background: url(../img/backgrounds/bkg-orange-dark.svg) left top no-repeat
    }

      .business-list li:nth-of-type(3) section span {
        width: 59px
      }

.business-list li section {
position: relative;
padding: 16.4% 15% 30% 10%
}

      .business-list li section span {
        display: block;
        width: 54px;
        height: 54px;
        position: absolute;
        top: 12%;
        left: 16.4%;
        opacity: .5;
        transition: opacity .15s ease-in
      }

      .business-list li section:hover span {
        opacity: 1
      }

      .business-list li section h3 {
        padding-top: 74px;
        position: relative
      }

      .business-list li section .btn.btn-white {
        padding: 15px 19px 14px
      }

@media only screen and (max-width:1699px) {
  .business-list li section {
    padding: 15% 13.5% 27% 10%;
    text-align: start
  }

    .business-list li section p {
      height: 120px
    }


    .business-list li section span {
      top: 10%
    }

      .business-list li section span > * {
        width: 45px;
        height: auto
      }

    .business-list li section .title.medium-version {
      font-size: 3em;
      padding-top: 59px
    }

    .business-list li section .btn.btn-white {
      padding: 12px 16px 11px;
      margin-top: 2px !important;
    }
}

.business-list li.bkg-photo {
  background: url(../img/backgrounds/bkg-card-bussness.jpg) center no-repeat;
  background-size: cover !important;
  position: relative
}

  .business-list li.bkg-photo a {
    position: absolute;
    bottom: 10.4%;
    left: 50%;
    transform: translateX(-50%);
    width: 80%;
    justify-content: center
  }

@media only screen and (max-width:1699px) {
  .business-list li.bkg-photo a {
    width: 85%
  }

    .business-list li.bkg-photo a.btn.btn-ecommerce.blue-version {
      padding-left: 10px;
      padding-right: 10px
    }
}

@media only screen and (max-width:1200px) {
  .business-list li.bkg-photo a {
    width: 90%;
    font-size: 1.1em
  }
}



@media only screen and (max-width:1699px) {
  .business-list .btn {
    margin-top: 24px
  }
}

@media only screen and (max-width:1023px) {
  .business-list {
    flex-direction: column;
    gap: 15px 0
  }

    .business-list li {
      background-size: cover !important;
      max-width: 100%;
      flex: 1
    }

      .business-list li section {
        padding: 30px
      }

        .business-list li section span {
          top: 30px;
          left: 30px
        }

          .business-list li section span > * {
            width: 32px
          }

      .business-list li.bkg-photo {
        min-height: 276px;
        background: url(../img/backgrounds/bkg-card-bussness-mobile.jpg) center top no-repeat;
        background-size: cover
      }

        .business-list li.bkg-photo a {
          width: fit-content;
          bottom: 14%
        }
}

@media only screen and (max-width:767px) {
  .business-list li section .title.medium-version {
    font-size: 2.1em;
    padding-top: 45px
  }

  .business-list li section::before {
    background-size: 62% auto !important
  }

  .business-list li section .btn.btn-white {
    padding: 9px 13px 8px !important
  }

  .business-list li.bkg-photo {
    min-height: 231px
  }

    .business-list li.bkg-photo a {
      width: 210px;
      font-size: 1.2em;
      white-space: nowrap
    }

      .business-list li.bkg-photo a.btn.btn-ecommerce.blue-version {
        padding: 7px 20px
      }

  .business-list .btn {
    margin-top: 16px
  }
}

.numbers-list {
  margin-top: 100px;
  margin-bottom: 80px;
  color: #bfbfc0;
  display: flex;
  justify-content: space-between
}

  .numbers-list.white-version > li p:first-of-type {
    color: #fff
  }

  .numbers-list p {
    font-size: 2.4em;
    line-height: 1.16em;
    text-align: right
  }

  .numbers-list > li {
    width: calc(33.33% - 80px)
  }

    .numbers-list > li p {
      width: 100%
    }

      .numbers-list > li p:first-of-type {
        font-size: 4rem;
        line-height: 1.2em;
        font-weight: 600;
        display: block;
        margin-bottom: -10px;
        color: #2d2d2e;
        white-space: nowrap
      }

    .numbers-list > li:first-of-type {
      width: 240px
    }

    .numbers-list > li:nth-of-type(2) {
      padding-right: 6%
    }

    .numbers-list > li:nth-of-type(3) {
      padding-right: 7%
    }

@media only screen and (max-width:1699px) {
  .numbers-list {
    margin-top: 80px;
    margin-bottom: 60px
  }

    .numbers-list p {
      font-size: 1.6em
    }

    .numbers-list > li p:first-of-type {
      font-size: 3.2rem
    }

    .numbers-list > li:first-of-type {
      width: 192px
    }
}

@media only screen and (max-width:1200px) {
  .numbers-list {
    margin-top: 60px;
    margin-bottom: 50px
  }

    .numbers-list p {
      font-size: 1.3em
    }
}

@media only screen and (max-width:1023px) {
  .numbers-list {
    flex-wrap: wrap;
    padding: 0 8%;
    gap: 20px 0
  }

    .numbers-list li {
      width: 50% !important;
      padding-right: 0 !important
    }

      .numbers-list li:nth-of-type(2) {
        order: 2
      }

      .numbers-list li:nth-of-type(3) {
        order: 0
      }

      .numbers-list li:nth-of-type(4) {
        order: 3
      }

    .numbers-list p {
      text-align: center
    }

      .numbers-list p span {
        margin-bottom: -5px
      }
}

@media only screen and (max-width:767px) {
  .numbers-list {
    margin-top: 30px;
    margin-bottom: 30px
  }

    .numbers-list p {
      font-size: 1.4em
    }

    .numbers-list > li p:first-of-type {
      font-size: 2.2rem;
      line-height: 1.2em;
      margin-bottom: 0
    }
}

.feedback {
  max-width: 1185px;
  width: 100%;
  margin: 0 auto;
  padding: 50px 21px 55px 80px;
  color: #fff;
  position: relative
}

  .feedback.large-version {
    max-width: 1236px;
    padding: 52px 55px 42px 93px;
    margin-top: -45px
  }

    .feedback.large-version::before {
      z-index: 1
    }

  .feedback > * {
    position: relative;
    z-index: 1;
    border-radius: 30px
  }

  .feedback::after, .feedback::before {
    content: '';
    display: block;
    position: absolute;
    border-radius: 30px;
    border: 1px solid #b4d0ff
  }

  .feedback::before {
    top: 0;
    right: 0;
    width: 137px;
    height: 137px;
    z-index: 2
  }

  .feedback::after {
    width: 217px;
    height: 217px;
    bottom: 0;
    left: 0
  }

  .feedback .feedback-container {
    background: url(../img/backgrounds/bkg-feedback.svg) left top no-repeat;
    background-size: cover;
    display: flex;
    align-items: center;
    gap: 0 50px;
    height: 386px;
    padding: 20px 160px;
    border-radius: 30px;
    position: relative;
    z-index: 1;
    height: auto;
  }

  .feedback figure {
    border-radius: 100px 100px 0 0;
    min-width: 142px;
    max-width: 142px;
    width: 100%;
    height: auto;
    flex-basis: 47%
  }

    .feedback figure img {
      object-fit: cover;
      border-radius: inherit;
      width: 100%;
      height: auto
    }

  .feedback blockquote {
    margin: 0 0 -22px
  }

  .feedback cite {
    opacity: .7;
    font-style: normal;
    display: block;
    margin-top: 20px
  }

    .feedback cite span {
      margin-top: 4px;
      display: block;
      font-size: .78em
    }

@media only screen and (max-width:1699px) {
  .feedback .feedback-container {
    padding: 20px 128px
  }

  .feedback {
    padding: 40px 17px 44px 64px
  }

    .feedback:not(.large-version)::before {
      width: 110px;
      height: 110px
    }

    .feedback::after {
      width: 174px;
      height: 174px
    }

    .feedback cite {
      margin-top: 16px
    }
}

@media only screen and (max-width:1023px) {
  .feedback.large-version {
    padding: 40px 17px 44px 64px;
    margin-top: -40px
  }

    .feedback.large-version::before {
      width: 110px;
      height: 110px
    }

  .feedback .feedback-container {
    gap: 0 40px;
    padding: 20px 80px
  }

  .feedback figure {
    flex-basis: 90%;
    min-width: 100px;
    max-width: 100px
  }

  .feedback cite {
    margin-top: 10px
  }
}

@media only screen and (max-width:767px) {
  .feedback.large-version::before, .feedback::before {
    right: -6px
  }

  .feedback.large-version::after, .feedback::after {
    left: -8px
  }

  .feedback {
    padding: 23px 0 29px
  }

    .feedback.large-version {
      padding: 23px 0 29px;
      margin-top: 0
    }

    .feedback::after, .feedback::before {
      border-radius: 12px
    }

    .feedback .feedback-container {
      border-radius: 15px;
      flex-direction: column;
      justify-content: center;
      text-align: center;
      gap: 20px 0;
      padding: 27px 48px;
      height: auto;
    }

      .feedback .feedback-container figure {
        height: 128px;
        flex-basis: auto
      }

      .feedback .feedback-container p {
        font-size: 1.4em;
        line-height: 1.22em
      }

      .feedback .feedback-container cite {
        margin-top: 15px
      }

        .feedback .feedback-container cite span {
          margin-top: 2px;
          font-size: .86em
        }
}

.slick-slider .slick-arrow {
  font-size: 0;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  z-index: 3;
  border-radius: 8px;
  color: #fff;
  border: 2px solid currentColor;
  display: block;
  width: 45px;
  height: 45px;
  cursor: pointer;
  transition: opacity .15s ease-in;
  opacity: .5
}

  .slick-slider .slick-arrow::after, .slick-slider .slick-arrow::before {
    content: '';
    position: absolute;
    top: 15.2px;
    left: 48%;
    transform: translate(-50%, -50%) rotate(45deg);
    display: block;
    width: 2px;
    height: 16px;
    background: #fff
  }

  .slick-slider .slick-arrow::after {
    top: 25.5px;
    transform: translate(-50%, -50%) rotate(-45deg)
  }

  .slick-slider .slick-arrow:hover {
    opacity: 1
  }

.slick-slider .slick-prev {
  left: 20px;
  transition: left .2s ease-in
}

.slick-slider .slick-next {
  right: 20px;
  transition: right .2s ease-in
}

@media (min-width:1024px) {
  .slick-slider .slick-prev:hover {
    left: 15px
  }

  .slick-slider .slick-next:hover {
    right: 15px
  }
}

.slick-slider .slick-next::after, .slick-slider .slick-next::before {
  left: 53%;
  transform: translate(-50%, -50%) rotate(-45deg)
}

.slick-slider .slick-next::after {
  transform: translate(-50%, -50%) rotate(45deg)
}

.slick-slider .slick-dots {
  bottom: 30px
}

.slick-slider li {
  margin: 0;
  background-color: #fff !important;
  opacity: .25;
  transition: opacity .15s ease-in
}

  .slick-slider li.slick-active, .slick-slider li:hover {
    opacity: 1
  }

  .slick-slider li:not(:last-of-type) {
    margin-right: 5px
  }

  .slick-slider li button {
    width: 100%;
    height: 100%
  }

@media only screen and (max-width:1023px) {
  .slick-slider .slick-arrow {
    height: 36px;
    width: 36px
  }

    .slick-slider .slick-arrow::after, .slick-slider .slick-arrow::before {
      height: 13px;
      top: 12px
    }

    .slick-slider .slick-arrow::after {
      top: 20px
    }
}

@media only screen and (max-width:767px) {
  .slick-slider .slick-arrow {
    display: none !important
  }

  .slick-slider .slick-dots {
    bottom: 15px
  }
}

.slider-max-container .slick-prev + .slick-list .slick-track {
  padding-bottom: 70px
}

.slider-max-container .slick-slide > :not(span) {
  opacity: .5
}

.slider-max-container .slick-slide.slick-active > :not(span) {
  opacity: 1
}

.slider-max-container h2.custom-padding {
  padding-bottom: 20px
}

.slider-max-container h3:not(.smallest-title) {
  font-size: 4.2em;
  line-height: 1.2em;
  font-weight: 500;
  margin-bottom: 20px
}

.slider-max-container figure a {
  position: relative;
  border-radius: 15px 15px 0 0
}

  .slider-max-container figure a::before {
    content: '';
    position: absolute;
    right: 0;
    top: 0;
    display: block;
    width: 100%;
    height: 100%;
    background-image: linear-gradient(45deg, rgba(0, 0, 0, 0) 86.88%, #000);
    border-radius: inherit
  }

.segments-list > li, .slider-max-container figure img {
  border-radius: 15px
}

.slider-max-container figure a::after {
  content: '';
  position: absolute;
  right: 13px;
  top: 13px;
  display: block;
  width: 18px;
  height: 18px;
  background: url(../img/icons/ico-zoom-white.svg) center no-repeat
}

.slider-max-container figcaption {
  margin-top: 20px
}

@media only screen and (max-width:1699px) {
  .slider-max-container h3:not(.smallest-title) {
    font-size: 3.4em;
    margin-bottom: 16px
  }

  .slider-max-container figcaption {
    margin-top: 16px
  }
}

.slider-max-container figcaption, .slider-max-container p {
  font-size: 1.4em;
  line-height: 1.3em
}

.slider-max-container .slick-arrow {
  top: initial;
  transform: translateY(0);
  bottom: 0;
  color: #2d2d2e;
  border: 2px solid currentColor;
  opacity: 1
}

  .slider-max-container .slick-arrow::after, .slider-max-container .slick-arrow::before {
    background: currentColor
  }

  .slider-max-container .slick-arrow:hover {
    opacity: .7
  }

  .slider-max-container .slick-arrow.slick-disabled {
    opacity: .2
  }

.slider-max-container .slick-prev {
  left: initial;
  right: 65px;
  transition: right .2s ease-in
}

@media (min-width:1024px) {
  .slider-max-container .slick-prev:hover {
    left: initial;
    right: 70px
  }
}

.slider-max-container .slick-next {
  right: 0
}

@media (min-width:1024px) {
  .slider-max-container .slick-next:hover {
    right: -5px
  }
}

.slider-max-container .slider-timeline .slick-slide {
  max-width: 395px;
  padding-right: 75px;
  padding-top: 40px
}

  .slider-max-container .slider-timeline .slick-slide:not(:last-of-type) {
    border-top: 2px solid #2a569f
  }

  .slider-max-container .slider-timeline .slick-slide.slick-active a {
    pointer-events: auto
  }

@media only screen and (max-width:1699px) {
  .slider-max-container figcaption, .slider-max-container p {
    font-size: 1.3em
  }

  .slider-max-container .slider-timeline .slick-slide {
    padding-top: 32px;
    padding-right: 60px
  }
}

.slider-max-container .slider-timeline section h3 + span {
  position: absolute;
  top: -20px;
  display: flex;
  justify-content: center;
  align-items: center;
  width: 40px;
  height: 40px;
  border-radius: 50%;
  background-color: #f3f3f3;
  border: 2px solid #2a569f;
  text-align: center;
  font-family: Rubik, Helvetica, Arial, sans-serif;
  font-size: 1.8em;
  font-weight: 500;
  color: #2a569f
}

.slider-max-container .slider-timeline section p + p {
  margin-top: 20px
}

@media only screen and (max-width:1699px) {
  .slider-max-container .slider-timeline section p + p {
    margin-top: 16px
  }
}

.slider-max-container .slider-photos .slick-slide:not(:last-of-type) {
  padding-right: 15px
}

.slider-max-container .slider-photos .slick-prev + .slick-list .slick-track {
  padding-bottom: 122px
}

.slider-max-container .slider-photos figcaption {
  font-size: 1.2em;
  line-height: 1.5em;
  margin-top: 12px
}

.slider-max-container .slider-photos .slick-dots {
  display: block;
  bottom: 80px;
  position: absolute
}

  .slider-max-container .slider-photos .slick-dots li {
    background: #2d2d2e !important;
    opacity: .25;
    transition: opacity .15s ease-in
  }

    .slider-max-container .slider-photos .slick-dots li.slick-active, .slider-max-container .slider-photos .slick-dots li:hover {
      opacity: 1
    }

@media only screen and (max-width:1023px) {
  .slider-max-container .slider-timeline section p + p, .slider-max-container figcaption {
    margin-top: 10px
  }

  .slider-max-container h2.custom-padding {
    padding-bottom: 12px
  }

  .slider-max-container h3 {
    font-size: 2.1em;
    margin-bottom: 10px
  }

  .slider-max-container figure a::after {
    right: 10px;
    top: 10px;
    width: 15px;
    height: 15px;
    background-size: cover
  }

  .slider-max-container figure img {
    border-radius: 15px
  }

  .slider-max-container .slick-prev {
    right: 50px
  }

  .slider-max-container .slider-timeline .slick-slide {
    padding-right: 40px;
    padding-top: 26px
  }

  .slider-max-container .slider-timeline section h3 + span {
    top: -16px;
    width: 32px;
    height: 32px;
    font-size: 1.6em;
    padding-top: 2px
  }

  .slider-max-container .slider-photos .slick-prev + .slick-list .slick-track {
    padding-bottom: 80px
  }
}

@media only screen and (max-width:767px) {
  .slider-max-container .slick-prev + .slick-list .slick-track, .slider-max-container .slider-photos .slick-prev + .slick-list .slick-track {
    padding-bottom: 0
  }

  .slider-max-container figure a {
    pointer-events: none !important
  }

    .slider-max-container figure a::after, .slider-max-container figure a::before {
      content: none
    }

  .slider-max-container figcaption {
    margin-top: 10px
  }

  .slider-max-container figcaption, .slider-max-container p {
    font-size: 1.2em
  }

  .slider-max-container .slick-slide > :not(span) {
    opacity: 1
  }

  .slider-max-container .slider-timeline {
    max-width: 315px;
    width: 100%
  }

    .slider-max-container .slider-timeline .slick-slide {
      padding-right: 15px;
      padding-top: 24px
    }

    .slider-max-container .slider-timeline section a, .slider-max-container .slider-timeline section figure, .slider-max-container .slider-timeline section img {
      width: 100%
    }

    .slider-max-container .slider-timeline section h3 + span {
      top: -15px;
      width: 30px;
      height: 30px;
      font-size: 1.4em
    }

  .slider-max-container .slider-photos figcaption {
    font-size: 1em;
    margin-top: 8px
  }
}

.slider-ad a {
  border-radius: 30px
}

@media only screen and (max-width:1023px) {
  .slider-ad a {
    border-radius: 15px
  }
}

.slider-ad a *, .slider-ad a img {
  border-radius: inherit
}

.slider-ad .slick-arrow {
  background: #fff;
  opacity: .5
}

  .slider-ad .slick-arrow::after, .slider-ad .slick-arrow::before {
    background: #2a569f
  }

  .slider-ad .slick-arrow:hover {
    opacity: .8
  }

.slider-ad .slick-dots {
  display: block;
  bottom: -30px;
  position: absolute
}

  .slider-ad .slick-dots li {
    background: #2d2d2e !important;
    opacity: .25;
    transition: opacity .15s ease-in
  }

    .slider-ad .slick-dots li.slick-active, .slider-ad .slick-dots li:hover {
      opacity: 1
    }

.certifications h2 {
  color: #2d2d2e !important;
  opacity: .5
}

.certifications.no-padding-top {
  padding-top: 80px
}

@media only screen and (max-width:1699px) {
  .certifications.no-padding-top {
    padding-top: 0
  }
}

.certifications.gradient-version {
  padding-top: 50px
}

@media only screen and (max-width:1699px) {
  .certifications.gradient-version {
    padding-top: 40px
  }
}

@media only screen and (max-width:767px) {
  .slider-ad {
    margin-bottom: 20px
  }

    .slider-ad .slick-dots {
      bottom: -20px
    }

  .certifications.gradient-version {
    padding-top: 30px
  }
}

.certifications > ul {
  display: flex;
  justify-content: space-between;
  align-items: center;
  max-width: 1040px;
  width: 100%;
  margin: 0 auto 50px
}

@media only screen and (max-width:1699px) {
  .certifications > ul {
    margin-bottom: 40px
  }
}

@media only screen and (max-width:1023px) {
  .certifications > ul {
    flex-wrap: wrap;
    gap: 30px 0;
    max-width: 80%
  }

    .certifications > ul > li {
      max-width: 33%;
      width: 100%
    }

      .certifications > ul > li img {
        margin: 0 auto
      }
}

.social-medias > ul {
  display: flex;
  justify-content: center;
  align-items: center;
  padding: 40px 0;
  gap: 0 45px
}

  .social-medias > ul > li a {
    font-size: 1.4em;
    line-height: 1em;
    font-weight: 600;
    display: block;
    width: 100%;
    padding: 6px 0 6px 35px;
    background-repeat: no-repeat;
    background-position: left center
  }

@media only screen and (max-width:1699px) {
  .social-medias > ul > li a {
    font-size: 1.1em;
    padding-left: 25px;
    background-size: auto 80% !important;
    white-space: nowrap
  }
}

.social-medias > ul > li a.instagram {
  background-image: url(../img/icons/ico-instagram.svg)
}

.social-medias > ul > li a.youtube {
  background-image: url(../img/icons/ico-youtube.svg);
  padding-left: 45px
}

.social-medias > ul > li a.linkedin {
  background-image: url(../img/icons/ico-linkedin.svg)
}

.social-medias > ul > li a.facebook {
  background-image: url(../img/icons/ico-facebook.svg)
}

.social-medias > ul > li a span {
  opacity: .6;
  transition: opacity .15s ease-in
}

.social-medias > ul > li a:hover span {
  opacity: 1
}

@media only screen and (max-width:1200px) {
  .social-medias > ul {
    gap: 0 30px
  }

    .social-medias > ul > li a {
      white-space: nowrap;
      padding-top: 7px
    }
}

@media only screen and (max-width:1699px) {
  .social-medias > ul > li a.youtube {
    padding-left: 36px
  }

  .social-medias > ul {
    padding: 32px 0
  }
}

@media only screen and (max-width:1023px) {
  .social-medias > ul {
    padding: 22px 20px;
    flex-wrap: wrap;
    gap: 20px
  }
}

@media only screen and (max-width:767px) {
  .certifications h2, .certifications > ul {
    margin-bottom: 30px
  }

  .certifications > ul {
    max-width: 100%
  }

    .certifications > ul > li img {
      max-width: 55%
    }

    .certifications > ul > li:nth-of-type(2) img {
      max-width: 62%
    }

  .social-medias > ul {
    justify-content: flex-start
  }

    .social-medias > ul > li a {
      font-size: 1em;
      padding: 5px 0 4px 22px
    }

      .social-medias > ul > li a.youtube {
        padding-left: 33px
      }
}

.main .intro {
  background: url(../img/backgrounds/bkg-intro-blue-dark.svg) left top no-repeat;
  background-size: cover;
  padding-top: 174px;
  padding-bottom: 50px;
  max-width: 100%;
  margin: -148px auto 0
}

@media only screen and (max-width:767px) {
  .main .intro {
    margin-top: -67px;
    padding-top: 90px;
    background: url(../img/backgrounds/bkg-header-home.svg) left top no-repeat;
    background-size: cover
  }
}

.main .intro > section {
  display: flex;
  align-items: flex-end;
  justify-content: space-between;
  color: #fff;
  position: relative
}

.main .intro h1 {
  padding-bottom: 20px
}

.main .intro nav {
  position: absolute;
  bottom: 0;
  left: 0
}

  .main .intro nav > ul {
    display: flex;
    gap: 0 18px
  }

  .main .intro nav a, .main .intro nav button {
    text-transform: uppercase;
    font-size: 1.4em;
    padding-right: 15px;
    position: relative;
    color: #fff;
    line-height: 1em
  }

    .main .intro nav a::after, .main .intro nav a::before, .main .intro nav button::after, .main .intro nav button::before {
      content: '';
      display: block;
      width: 7px;
      height: 2px;
      background: #fff;
      position: absolute;
      right: 0;
      top: 3px;
      transition: transform .15s ease-in;
      transform: rotate(45deg)
    }

    .main .intro nav a::after, .main .intro nav button::after {
      transform: rotate(-45deg);
      top: initial;
      bottom: 5px
    }

@media only screen and (max-width:1699px) {
  .main .intro h1 {
    padding-bottom: 16px
  }

  .main .intro nav a, .main .intro nav button {
    font-size: 1.2em
  }

    .main .intro nav a::after, .main .intro nav a::before, .main .intro nav button::after, .main .intro nav button::before {
      width: 6px;
      top: 2.5px
    }

    .main .intro nav a::after, .main .intro nav button::after {
      top: initial;
      bottom: 4px
    }
}

.main .intro figure {
  max-width: 69.72%;
  width: 100%;
  position: relative
}

  .main .intro figure::after, .main .intro figure::before {
    content: '';
    border: 1px solid #b4d0ff;
    border-radius: 30px;
    display: block;
    position: absolute
  }

  .main .intro figure::before {
    height: 156px;
    width: 156px;
    top: -60px;
    left: -64px;
    z-index: 3
  }

  .main .intro figure::after {
    height: 180px;
    width: 180px;
    bottom: -20px;
    right: -70px
  }

@media only screen and (max-width:1699px) {
  .main .intro figure::before {
    height: 125px;
    width: 125px
  }

  .main .intro figure::after {
    height: 144px;
    width: 144px
  }
}

.main .intro figure img {
  border-radius: 30px;
  position: relative;
  z-index: 2;
  filter: brightness(85%)
}

.main .intro figure figcaption {
  position: absolute;
  z-index: 4;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  font-size: 2.8em;
  line-height: 1.18em;
  max-width: 83.5%;
  width: 100%;
  text-align: center
}

@media only screen and (max-width:1699px) {
  .main .intro figure figcaption {
    font-size: 2.3em
  }
}

@media only screen and (max-width:1023px) {
  .main .intro figure figcaption {
    font-size: 2em
  }

  .main .intro {
    padding-bottom: 30px
  }

    .main .intro > section {
      flex-direction: column-reverse;
      align-items: center;
      gap: 20px 0
    }

      .main .intro > section h1 {
        align-self: flex-start
      }

      .main .intro > section figure {
        max-width: 100%
      }

        .main .intro > section figure::after, .main .intro > section figure::before {
          content: none
        }

      .main .intro > section nav {
        left: 20px
      }
}

@media only screen and (max-width:767px) {
  .main .intro figure img {
    border-radius: 15px
  }

  .main .intro figure figcaption {
    font-size: 1.4em
  }

  .main .intro {
    padding-bottom: 20px
  }

    .main .intro > section h1 {
      font-size: 1.8em !important;
      padding-bottom: 0;
      margin-bottom: 0 !important;
      line-height: .8em
    }

    .main .intro > section nav {
      left: initial;
      right: 15px;
      bottom: -2px
    }

    .main .intro > section a {
      font-size: 0;
      display: none
    }

    .main .intro > section button {
      font-size: 0;
      width: 9px;
      height: 16px
    }

      .main .intro > section button::after, .main .intro > section button::before {
        width: 10px
      }

      .main .intro > section button::before {
        top: 3.5px;
        transform: rotate(-45deg)
      }

      .main .intro > section button::after {
        transform: rotate(45deg)
      }
}

.fifty-fifty {
  background: #2a569f;
  border-radius: 30px;
  margin-top: 100px;
  color: #fff;
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 0;
  height: 440px
}

  .fifty-fifty > :not(.modal-player) {
    max-width: 50%;
    width: 100%
  }

  .fifty-fifty > section {
    padding: 100px
  }

    .fifty-fifty > section p {
      opacity: .6
    }

  .fifty-fifty > div {
    display: flex;
    align-items: center;
    justify-content: center;
    height: 100%;
    border-radius: 0 30px 30px 0;
    position: relative;
    background-size: cover !important
  }

    .fifty-fifty > div::before {
      content: '';
      display: block;
      width: 100%;
      height: 100%;
      background: rgba(0, 0, 0, .3);
      position: absolute;
      top: 0;
      left: 0;
      border-radius: inherit
    }

    .fifty-fifty > div > :not(.modal-player) {
      position: relative;
      z-index: 2
    }

    .fifty-fifty > div.bkg-video {
      background: url(../img/backgrounds/bkg-about-01.png) center center no-repeat
    }

    .fifty-fifty > div.bkg-insta {
      background: url(../img/backgrounds/bkg-about-04.jpg) center center no-repeat;
      background-size: cover
    }

@media only screen and (max-width:1699px) {
  .fifty-fifty {
    height: 396px;
    margin-top: 80px
  }

    .fifty-fifty > section {
      padding: 5%
    }
}

@media only screen and (max-width:1200px) {
  .fifty-fifty {
    margin-top: 60px
  }
}

@media only screen and (max-width:1023px) {
  .fifty-fifty {
    max-width: calc(100% - 30px);
    flex-direction: column-reverse;
    height: auto
  }

    .fifty-fifty > * {
      height: 50%;
      width: 100%;
      min-width: 100%
    }

    .fifty-fifty > section {
      padding: 50px 30px
    }

    .fifty-fifty > div {
      min-height: 420px;
      border-radius: 30px 30px 0 0;
      background-position: center top !important
    }
}

@media only screen and (max-width:767px) {
  .fifty-fifty {
    border-radius: 15px;
    margin-top: 30px
  }

    .fifty-fifty > section {
      padding: 30px 15px 35px
    }

      .fifty-fifty > section h2 {
        padding-right: 45px
      }

    .fifty-fifty > div {
      min-height: 225px;
      border-radius: 15px 15px 0 0
    }
}

@media only screen and (max-width:480px) {
  .fifty-fifty > div.bkg-insta {
    min-height: 205px
  }
}

.flex-card-list {
  display: flex;
  gap: 1.93%;
  flex-wrap: wrap;
  margin-bottom: -1.93%
}

  .flex-card-list > li {
    width: calc(25% - 1.45%);
    min-height: 350px;
    border-radius: 30px;
    padding: 45px 60px 64px;
    color: #fff;
    background: url(../img/backgrounds/bkg-blue.svg) center no-repeat;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    margin-bottom: 1.93%
  }

    .flex-card-list > li figure {
      display: block;
      width: 90px;
      height: 90px
    }

      .flex-card-list > li figure img {
        margin: 0 auto
      }

    .flex-card-list > li p {
      font-weight: 600;
      align-self: flex-end
    }

@media only screen and (max-width:1699px) {
  .flex-card-list > li {
    min-height: 270px;
    padding: 36px 40px 51px;
    background-size: cover
  }

    .flex-card-list > li figure {
      width: 72px;
      height: 72px
    }
}

@media only screen and (max-width:1023px) {
  .flex-card-list {
    flex-wrap: wrap;
    gap: 11px;
    margin-bottom: 0
  }

    .flex-card-list > li {
      max-width: calc(50% - 6px);
      width: 100%;
      min-height: 224px;
      padding: 20px;
      border-radius: 15px;
      margin-bottom: 0
    }

      .flex-card-list > li figure {
        width: 52px;
        height: 52px
      }
}

.form-container {
  display: flex;
  justify-content: space-between;
  gap: 5%
}

  .form-container > * {
    flex: 1
  }

  .form-container > section h2 > span, .form-container > section p > span {
    display: block
  }

  .form-container > section p {
    opacity: .5
  }

    .form-container > section p:not(.margin-default, .form-container>section p :first-of-type) {
      margin-top: 24px
    }

@media only screen and (max-width:767px) {
  .form-container > section p:not(.margin-default, .form-container>section p :first-of-type) {
    margin-top: 15px
  }
}

@media only screen and (max-width:1023px) {
  .form-container {
    flex-direction: column;
    gap: 32px
  }

    .form-container > section h2 > span, .form-container > section p > span {
      display: inline-block
    }
}

.main-form > div:not(:last-of-type, .main-form>div.clearfix) {
  display: flex;
  justify-content: space-between;
  gap: 2.02%
}

.main-form > div div {
  flex: 1
}

.main-form > div .align-input {
  display: flex;
  align-items: center;
  gap: 4.04%
}

  .main-form > div .align-input label {
    white-space: nowrap;
    display: flex;
    flex-direction: column
  }

  .main-form > div .align-input.custom-width div {
    flex: .67
  }

    .main-form > div .align-input.custom-width div:not(:first-of-type) {
      flex: 1.22
    }

  .main-form > div .align-input .check-container {
    position: relative;
    top: 24px;
    margin-top: 0
  }

    .main-form > div .align-input .check-container input {
      margin-top: 3px
    }

      .main-form > div .align-input .check-container .main-label-check::before, .main-form > div .align-input .check-container input[type=checkbox]:checked + .main-label-check:after, .main-form > div .align-input .check-container input[type=radio] + label::before, .main-form > div .align-input .check-container input[type=radio]:checked + label:after {
        margin-top: 0
      }

    .main-form > div .align-input .check-container label {
      font-size: 18px;
      padding-top: 0
    }

@media only screen and (max-width:1699px) {
  .main-form > div .align-input .check-container {
    top: 21px
  }

    .main-form > div .align-input .check-container label {
      font-size: 14px;
      padding-top: 1.5px
    }
}

.main-form > div .align-input .check-container .wpcf7-form-control-wrap {
  top: -3px !important
}

.main-form > div:not(:last-of-type), .main-form > input, .main-form > textarea {
  margin-bottom: 20px
}

.main-form input {
  width: 100%;
  border: none;
  border-radius: 6px;
  padding: 12px 14px;
  margin-top: 5px
}

@media only screen and (max-width:1699px) {
  .main-form input {
    padding: 11px
  }
}

.main-form .file-container {
  position: relative
}

  .main-form .file-container span:not(.wpcf7-not-valid-tip) {
    color: #fff;
    font-size: 12px
  }

  .main-form .file-container > div {
    background: #fff;
    border-radius: 6px;
    position: absolute;
    bottom: 0;
    width: 100%
  }

  .main-form .file-container label {
    position: absolute;
    background: #fff;
    color: #2d2d2e;
    cursor: pointer;
    border-radius: 8px;
    left: 14px;
    top: 50%;
    transform: translateY(-50%);
    padding: 7px 10px;
    border: 2px solid #2d2d2e;
    font-size: 12px;
    text-transform: uppercase;
    font-weight: 600
  }

@media only screen and (max-width:1699px) {
  .main-form .file-container label {
    left: 11px;
    padding: 7px
  }
}

.main-form .file-container input {
  padding: 14px 14px 14px 53px;
  font-size: 12px;
  font-weight: 600;
  margin-top: 0
}

@media only screen and (max-width:1699px) {
  .main-form .file-container input {
    padding: 12.5px 12.5px 12.5px 58px;
    font-size: 10px
  }
}

.main-form .check-container {
  position: relative;
  margin-top: 20px
}

  .main-form .check-container > label {
    margin-bottom: 0;
    padding-top: 1.5px;
    float: left
  }

.main-form legend + div {
  display: flex;
  flex-wrap: wrap;
  gap: 3.38%
}

  .main-form legend + div .check-container {
    margin-bottom: 2.7%;
    margin-top: 0
  }

.main-form > .clearfix {
  margin-bottom: 0 !important
}

.main-form .btn.btn-submit {
  font-size: 14px;
  background: inherit
}

.main-form .wpcf7-response-output {
  border: none !important
}

@media only screen and (max-width:767px) {
  .main-form > div:not(:last-of-type, .main-form>div.clearfix) {
    gap: 15px;
    flex-direction: column;
    min-height: 140px
  }

  .main-form > div .align-input {
    display: flex;
    align-items: center;
    gap: 4.04%
  }

    .main-form > div .align-input .check-container {
      top: 18px
    }

      .main-form > div .align-input .check-container label {
        font-size: 12px;
        padding-top: 3px
      }

  .main-form > div:not(:last-of-type), .main-form > input, .main-form > textarea {
    margin-bottom: 15px
  }

  .main-form input {
    padding: 12px 10px
  }

  .main-form .file-container {
    min-height: 60px
  }

    .main-form .file-container span {
      font-size: 10px
    }

    .main-form .file-container > div {
      border-radius: 6px;
      width: 100%
    }

    .main-form .file-container label {
      left: 11px;
      padding: 8px;
      border-radius: 4px;
      font-size: 1em;
      z-index: 3;
      line-height: 1em
    }

    .main-form .file-container input {
      padding: 11px 20px 11px 11px;
      padding-left: calc(100% - 293px);
      font-size: 12px;
      position: relative
    }

      .main-form .file-container input::before {
        content: '';
        position: absolute;
        background: #fff;
        display: block;
        width: calc(100% - 140px);
        left: 0;
        top: 0;
        height: 100%;
        border-radius: 6px
      }

  .main-form .check-container {
    margin-top: 13px
  }

    .main-form .check-container > label {
      padding-top: 0;
      float: none;
      max-width: 220px
    }

      .main-form .check-container > label label {
        position: static
      }

  .main-form legend + div {
    display: flex;
    flex-wrap: wrap;
    gap: 5%
  }

    .main-form legend + div .check-container {
      margin-bottom: 2.7%
    }

      .main-form legend + div .check-container label {
        font-size: 12px;
        padding-top: 3px
      }

  .main-form .btn.btn-submit {
    font-size: 12px
  }
}

.progress-form {
  display: flex;
  max-width: 661px;
  margin-bottom: 60px;
  margin-top: 35px
}

  .progress-form li {
    font-size: 1.4em;
    padding-top: 29px;
    color: #aeaeaf;
    position: relative
  }

    .progress-form li span {
      font-size: 1.3em;
      font-weight: 600;
      text-align: center;
      background: #59595b;
      display: flex;
      justify-content: center;
      align-items: center;
      width: 40px;
      height: 40px;
      border: 2px solid #fff;
      border-radius: 50%;
      color: #fff;
      position: absolute;
      top: -20px;
      transition: background .15s ease-in;
      cursor: pointer
    }

    .progress-form li.active {
      color: #fff
    }

      .progress-form li.active span {
        border: none;
        background: #fff;
        color: #606062
      }

    .progress-form li:not(:last-of-type) {
      border-top: 2px solid #fff;
      padding-right: 16%
    }

@media only screen and (max-width:1699px) {
  .progress-form {
    margin-bottom: 48px
  }

    .progress-form li {
      font-size: 1.2em;
      padding-top: 24px
    }

      .progress-form li:not(:last-of-type) {
        padding-right: 12%
      }

      .progress-form li span {
        width: 35px;
        height: 35px;
        top: -17.5px;
        padding-top: 2px
      }
}

@media only screen and (max-width:767px) {
  .progress-form {
    margin-top: 17px;
    margin-bottom: 32px;
    justify-content: stretch;
    max-width: 100%;
    width: 100%
  }

    .progress-form li {
      width: 33.333%;
      line-height: 1.4em
    }

      .progress-form li:not(:last-of-type) {
        padding-right: 0
      }

      .progress-form li:nth-of-type(1) {
        padding-right: 50px
      }

      .progress-form li:nth-of-type(2) {
        text-align: center;
        padding-left: 17px;
        padding-right: 17px
      }

        .progress-form li:nth-of-type(2) span {
          left: 50%;
          transform: translateX(-50%)
        }

      .progress-form li:nth-of-type(3) {
        text-align: end;
        border-top: 2px solid #fff;
        padding-left: 20px
      }

        .progress-form li:nth-of-type(3) span {
          right: 0
        }
}

@media only screen and (max-width:480px) {
  .progress-form li {
    font-size: 1em
  }
}

.steps-form {
  opacity: 0;
  transition: opacity .6s ease-in;
  width: 100%;
  height: 0
}

  .steps-form.active {
    opacity: 1;
    position: relative;
    height: auto;
    z-index: 2
  }

@-moz-keyframes slideDown {
  from {
    top: -200px;
    left: 50%
  }

  to {
    top: 0;
    left: 50%
  }
}

@-webkit-keyframes slideDown {
  from {
    top: -200px;
    left: 50%
  }

  to {
    top: 0;
    left: 50%
  }
}

@-o-keyframes slideDown {
  from {
    top: -200px;
    left: 50%
  }

  to {
    top: 0;
    left: 50%
  }
}

@keyframes slideDown {
  from {
    top: -200px;
    left: 50%
  }

  to {
    top: 0;
    left: 50%
  }
}

@-moz-keyframes blink {
  0%, 100% {
    opacity: 1
  }

  50% {
    opacity: 0
  }
}

@-webkit-keyframes blink {
  0%, 100% {
    opacity: 1
  }

  50% {
    opacity: 0
  }
}

@-o-keyframes blink {
  0%, 100% {
    opacity: 1
  }

  50% {
    opacity: 0
  }
}

@keyframes blink {
  0%, 100% {
    opacity: 1
  }

  50% {
    opacity: 0
  }
}

.carrer-home {
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
  margin: -50px auto
}

  .carrer-home section {
    max-width: 337px;
    padding-top: 50px
  }

  .carrer-home .title {
    margin-bottom: 20px;
    line-height: 1em
  }

  .carrer-home .btn {
    margin-top: 30px
  }

@media only screen and (max-width:1699px) {
  .carrer-home {
    flex-direction: column;
    margin: 0 auto !important
  }

    .carrer-home .title .block {
      display: inline-block !important
    }

    .carrer-home section {
      max-width: calc(100% - 138px) !important;
      padding-top: 0 !important
    }

    .carrer-home .btn {
      margin-top: 24px !important
    }
}

@media only screen and (max-width:767px) {
  .carrer-home .title {
    margin-bottom: 10px !important
  }

  .carrer-home section {
    max-width: 100% !important
  }

  .carrer-home .btn {
    margin-top: 10px !important
  }
}

.flex.flex-about h2 {
  max-width: 555px;
  width: 100%;
  margin-bottom: 0
}

@media only screen and (max-width:1699px) {
  .flex.flex-about h2 {
    max-width: 448px
  }
}

.flex.flex-about > div {
  max-width: 50%;
  width: 100%
}

.flex.flex-about p + p {
  margin-top: 24px;
  padding-right: 10px
}

@media only screen and (max-width:1699px) {
  .flex.flex-about p + p {
    margin-top: 20px;
    padding-right: 0
  }
}

@media only screen and (max-width:1023px) {
  .flex.flex-about p + p {
    margin-top: 16px
  }

  .flex.flex-about {
    flex-direction: column
  }

    .flex.flex-about h2 {
      max-width: 100%;
      margin-bottom: 15px
    }

      .flex.flex-about h2 > span.block {
        display: inline !important
      }

    .flex.flex-about > div {
      max-width: 100%
    }
}

.attributes-list {
  color: #fff;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  min-height: 1020px
}

  .attributes-list > li {
    width: 100%;
    position: relative
  }

    .attributes-list > li:not(:last-of-type) section {
      min-height: 140px
    }

    .attributes-list > li p {
      margin-top: 23px
    }

@media only screen and (max-width:1699px) {
  .attributes-list > li p {
    margin-top: 20px
  }
}

.attributes-list > li::after, .attributes-list > li::before {
  content: '';
  position: absolute;
  display: block;
  border-radius: 30px
}

.attributes-list > li:nth-of-type(1) {
  max-width: 69.15%;
  padding-right: 42.25%;
  padding-top: 50px
}

  .attributes-list > li:nth-of-type(1)::before {
    max-width: 51.3%;
    width: 100%;
    height: 690px;
    background: url(../img/backgrounds/bkg-about-02.png) center top no-repeat;
    background-size: 100% auto;
    right: 0;
    top: 0;
    z-index: 2
  }

@media only screen and (max-width:1023px) {
  .attributes-list > li p {
    margin-top: 16px
  }

  .attributes-list > li:nth-of-type(1)::before {
    top: 0
  }
}

.attributes-list > li:nth-of-type(1)::after {
  width: 142px;
  height: 142px;
  border: 1px solid #b4d0ff;
  border-radius: 30px;
  top: 120%;
  left: 43.8%;
  z-index: 3
}

@media only screen and (max-width:1699px) {
  .attributes-list > li:nth-of-type(1)::after {
    width: 114px;
    height: 114px;
    top: 80%
  }
}

@media only screen and (max-width:1300px) {
  .attributes-list > li:nth-of-type(1)::after {
    top: 70%
  }
}

@media only screen and (max-width:900px) {
  .attributes-list > li:nth-of-type(1)::after {
    top: 55%
  }
}

.attributes-list > li:nth-of-type(2) {
  align-self: flex-end;
  padding-left: 7.72%;
  max-width: 30.62%
}

.attributes-list > li:nth-of-type(3) {
  padding-top: 25.27%;
  padding-left: 34.22%;
  max-width: 67.4%
}

  .attributes-list > li:nth-of-type(3)::before {
    background: url(../img/backgrounds/bkg-about-03.png) left bottom no-repeat;
    background-size: 100% auto;
    max-width: 39.75%;
    width: 100%;
    height: 595px;
    bottom: 0;
    left: 0
  }

  .attributes-list > li:nth-of-type(3)::after {
    width: 292px;
    height: 292px;
    border: 1px solid #b4d0ff;
    border-radius: 30px;
    top: 20.27%;
    right: -19.5%;
    z-index: 1
  }

@media only screen and (max-width:1699px) {
  .attributes-list > li:nth-of-type(3)::after {
    width: 233px;
    height: 233px;
    top: -40%;
    right: -8%
  }

  .attributes-list > li:nth-of-type(3) {
    padding-top: 20%
  }
}

@media only screen and (max-width:1300px) {
  .attributes-list > li:nth-of-type(3)::after {
    top: -50%;
    width: 180px;
    height: 180px
  }
}

@media only screen and (max-width:1023px) {
  .attributes-list > li:nth-of-type(3)::after {
    top: -70%
  }
}

@media only screen and (max-width:1600px) {
  .attributes-list > li:nth-of-type(3) {
    padding-top: 18%
  }
}

@media only screen and (max-width:1550px) {
  .attributes-list > li:nth-of-type(3) {
    padding-top: 15%
  }
}

@media only screen and (max-width:1500px) {
  .attributes-list > li:nth-of-type(3) {
    padding-top: 12%
  }
}

@media only screen and (max-width:1450px) {
  .attributes-list > li:nth-of-type(3) {
    padding-top: 10%
  }
}

@media only screen and (max-width:1300px) {
  .attributes-list > li:nth-of-type(3) {
    padding-top: 5%
  }
}

@media only screen and (max-width:1023px) {
  .attributes-list > li:nth-of-type(3) {
    padding-top: 40px
  }
}

@media only screen and (max-width:900px) {
  .attributes-list > li:nth-of-type(3)::after {
    top: -147%
  }

  .attributes-list > li:nth-of-type(3) {
    padding-top: 0
  }
}

@media only screen and (max-width:1699px) {
  .attributes-list {
    min-height: 100%
  }

    .attributes-list > li:not(:last-of-type) section {
      min-height: 200px
    }
}

@media only screen and (max-width:767px) {
  .attributes-list > li {
    max-width: 100% !important;
    padding: 0 !important;
    margin-bottom: 40px
  }

    .attributes-list > li:nth-of-type(1), .attributes-list > li:nth-of-type(3) {
      display: flex;
      gap: 0 15px
    }

      .attributes-list > li:nth-of-type(1)::before, .attributes-list > li:nth-of-type(3)::before {
        position: relative;
        content: '';
        min-width: 177px;
        max-width: 177px;
        width: 100%;
        height: 251px;
        background: url(../img/backgrounds/bkg-about-02-mobile.png) center no-repeat;
        right: initial;
        z-index: 2;
        border-radius: 15px
      }

      .attributes-list > li:nth-of-type(1)::after, .attributes-list > li:nth-of-type(3)::after {
        content: '';
        width: 90px;
        height: 90px;
        border-radius: 15px;
        left: 140px;
        top: 174px
      }

    .attributes-list > li:nth-of-type(2) {
      top: 0;
      margin-bottom: 30px
    }

    .attributes-list > li:nth-of-type(3) {
      flex-direction: row-reverse;
      align-items: flex-end;
      margin-bottom: 0
    }

      .attributes-list > li:nth-of-type(3)::before {
        background: url(../img/backgrounds/bkg-about-03-mobile.png) center no-repeat
      }

      .attributes-list > li:nth-of-type(3)::after {
        left: initial;
        right: 153px;
        top: 17px;
        width: 68px;
        height: 68px;
        z-index: 3
      }

    .attributes-list > li:not(:last-of-type) section {
      min-height: auto
    }

    .attributes-list > li h2 {
      font-size: 2.1em !important;
      line-height: 1.14em !important
    }

    .attributes-list > li p {
      margin-top: 0
    }
}

.intro-dealer, .intro-segments {
  position: relative;
  display: flex;
  justify-content: space-between
}

  .intro-dealer > div, .intro-segments > div {
    width: 100%;
    max-width: 51.1%
  }

    .intro-dealer > div section:nth-of-type(1), .intro-segments > div section:nth-of-type(1) {
      padding-right: 26%
    }

    .intro-dealer > div section:nth-of-type(2) > p, .intro-segments > div section:nth-of-type(2) > p {
      display: inline-block;
      max-width: 40%
    }

@media only screen and (max-width:1699px) {
  .intro-dealer > div, .intro-segments > div {
    max-width: 55%
  }

    .intro-dealer > div section:nth-of-type(1), .intro-segments > div section:nth-of-type(1) {
      padding-right: 18%
    }
}

@media only screen and (max-width:1289px) {
  .intro-dealer > div, .intro-segments > div {
    max-width: 60%
  }
}

.intro-dealer .bkg-squares, .intro-segments .bkg-squares {
  position: relative
}

  .intro-dealer .bkg-squares::before, .intro-segments .bkg-squares::before {
    z-index: 3
  }

  .intro-dealer .bkg-squares::after, .intro-dealer .bkg-squares::before, .intro-segments .bkg-squares::after, .intro-segments .bkg-squares::before {
    content: '';
    display: block;
    position: absolute;
    border-radius: 30px;
    border: 1px solid #b4d0ff
  }

.intro-dealer figure, .intro-segments figure {
  max-width: 49.9%;
  width: 100%;
  position: relative;
  padding-top: 25px
}

  .intro-dealer figure.bkg-squares::before, .intro-segments figure.bkg-squares::before {
    width: 332px;
    height: 332px;
    top: 104px;
    left: -17px
  }

  .intro-dealer figure.bkg-squares::after, .intro-segments figure.bkg-squares::after {
    width: 217px;
    height: 217px;
    right: 0;
    bottom: -25px
  }

  .intro-dealer figure img, .intro-segments figure img {
    position: absolute;
    right: 13.93%;
    border-radius: 30px;
    z-index: 2
  }

@media only screen and (max-width:1699px) {
  .intro-dealer figure, .intro-segments figure {
    max-width: 40%
  }

    .intro-dealer figure.bkg-squares::before, .intro-segments figure.bkg-squares::before {
      width: 266px;
      height: 266px;
      top: 70px;
      left: -80px
    }

    .intro-dealer figure.bkg-squares::after, .intro-segments figure.bkg-squares::after {
      width: 175px;
      height: 175px
    }

    .intro-dealer figure img, .intro-segments figure img {
      width: 80%;
      right: 8%;
      max-height: 100%;
      object-fit: cover;
      top: 50%;
      transform: translateY(-50%)
    }
}

@media only screen and (max-width:1023px) {
  .intro-dealer, .intro-segments {
    display: block
  }

    .intro-dealer > div, .intro-segments > div {
      max-width: 100%
    }

      .intro-dealer > div section:nth-of-type(1), .intro-segments > div section:nth-of-type(1) {
        padding-right: 0
      }

      .intro-dealer > div section:nth-of-type(2), .intro-segments > div section:nth-of-type(2) {
        flex-direction: column;
        align-items: flex-start !important;
        max-width: 50%;
        float: left
      }

        .intro-dealer > div section:nth-of-type(2) p, .intro-segments > div section:nth-of-type(2) p {
          display: inline-block;
          max-width: 100%;
          margin-top: 24px
        }

      .intro-dealer > div .btn.btn-blue, .intro-segments > div .btn.btn-blue {
        margin-left: auto;
        margin-right: auto
      }

    .intro-dealer .bkg-squares::after, .intro-dealer .bkg-squares::before, .intro-segments .bkg-squares::after, .intro-segments .bkg-squares::before {
      border-radius: 15px
    }

    .intro-dealer figure, .intro-segments figure {
      float: right;
      max-width: 50%;
      padding-top: 30px;
      padding-left: 15px;
      padding-bottom: 25px
    }

      .intro-dealer figure img, .intro-segments figure img {
        position: static;
        transform: translateY(0);
        border-radius: 15px;
        width: 100%
      }

      .intro-dealer figure.bkg-squares::after, .intro-segments figure.bkg-squares::after {
        content: none
      }

      .intro-dealer figure.bkg-squares::before, .intro-segments figure.bkg-squares::before {
        width: 90px;
        height: 90px;
        top: initial;
        left: -33px;
        bottom: 0
      }
}

@media only screen and (max-width:1023px) and (max-width:767px) {
  .intro-dealer p, .intro-segments p {
    margin-top: 5px !important
  }
}

@media only screen and (max-width:1023px) and (max-width:378px) {
  .intro-dealer::before, .intro-segments::before {
    content: none !important
  }
}

.segments-list {
  display: flex;
  justify-content: space-between;
  align-items: stretch;
  flex-wrap: wrap;
  min-height: 100%;
  margin-bottom: 40px
}

  .segments-list > li {
    flex: 1;
    background-color: #fff;
    width: 100%;
    max-width: 32.04%;
    position: relative
  }

    .segments-list > li::before {
      content: '';
      position: absolute;
      top: 9%;
      left: 50%;
      transform: translateX(-50%);
      display: block;
      width: 54px;
      height: 54px;
      opacity: .5
    }

@media only screen and (max-width:1699px) {
  .segments-list {
    margin-bottom: 30px
  }

    .segments-list > li::before {
      background-size: 80% auto !important;
      top: 6%
    }
}

.segments-list > li:nth-of-type(1)::before {
  background: url(../img/icons/ico-informatica-white.svg) top center no-repeat
}

.segments-list > li:nth-of-type(1) section {
  background: url(../img/backgrounds/bkg-blue-dark-large.svg) top center no-repeat
}

.segments-list > li:nth-of-type(2)::before {
  background: url(../img/icons/ico-telefone-white.svg) top center no-repeat
}

.segments-list > li:nth-of-type(2) section {
  background: url(../img/backgrounds/bkg-green-card-large.svg) top center no-repeat
}

.segments-list > li:nth-of-type(3)::before {
  width: 60px;
  background: url(../img/icons/ico-camera-white.svg) top center no-repeat
}

.segments-list > li:nth-of-type(3) section {
  background: url(../img/backgrounds/bkg-orange-card-large.svg) top center no-repeat
}

.segments-list > li section {
  width: 100%;
  background-size: contain;
  padding-top: 26.5%;
  border-radius: inherit;
  text-align: center
}

  .segments-list > li section > p {
    max-width: 73.5%;
    width: 100%;
    margin-left: auto;
    margin-right: auto;
    height: 62px
  }

  .segments-list > li section > ul {
    background: #fff;
    margin-top: 12%;
    padding: 8%;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    gap: 7px 5%;
    border-radius: 0 0 15px 15px
  }

    .segments-list > li section > ul li {
      font-size: 1.4em;
      line-height: 1.18em;
      text-align: center;
      background: #f3f3f3;
      border-radius: 8px;
      width: 47.5%;
      padding: 7px 6px 6px;
      display: flex;
      justify-content: center;
      align-items: center
    }

@media only screen and (max-width:1023px) {
  .segments-list {
    flex-direction: column;
    gap: 30px
  }

    .segments-list > li {
      max-width: 100%
    }

      .segments-list > li section {
        padding-top: 100px;
        background-size: 100% !important
      }

        .segments-list > li section > ul {
          margin-top: 40px;
          padding: 3%;
          gap: 7px 2%
        }

          .segments-list > li section > ul li {
            width: 49%
          }
}

@media only screen and (max-width:500px) {
  .segments-list {
    gap: 15px
  }

    .segments-list > li::before {
      top: 30px;
      left: 30px;
      transform: translateX(0);
      background-size: auto 59% !important;
      background-position-x: left !important
    }

    .segments-list > li section {
      padding-top: 70px;
      text-align: left;
      background-size: auto !important
    }

      .segments-list > li section h3, .segments-list > li section > p {
        max-width: 100%;
        padding-left: 30px;
        padding-right: 18px
      }

      .segments-list > li section > ul {
        margin-top: 30px;
        padding: 15px;
        gap: 8px 10px
      }

        .segments-list > li section > ul li {
          width: calc(50% - 5px);
          font-size: 1.2em
        }
}

.goals-list {
  display: flex;
  justify-content: space-between
}

  .goals-list > li {
    flex: 1
  }

    .goals-list > li:nth-child(odd) {
      padding-right: 11.5%
    }

    .goals-list > li:nth-child(even) {
      padding-right: 2.06%
    }

@media only screen and (max-width:1023px) {
  .goals-list {
    flex-direction: column;
    gap: 30px 0
  }

    .goals-list > li:nth-child(even), .goals-list > li:nth-child(odd) {
      padding-right: 0
    }

    .goals-list > li a {
      margin-right: auto;
      margin-left: auto
    }
}

.mandala {
  display: flex;
  align-items: center;
  gap: 0 7.4%
}

  .mandala h2 > span {
    display: block
  }

  .mandala figure {
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: 0 10%
  }

@media only screen and (max-width:1699px) {
  .mandala figure img {
    max-width: 39.15%
  }
}

@media only screen and (max-width:1023px) {
  .mandala {
    flex-direction: column;
    text-align: center;
    gap: 0
  }

    .mandala h2 > span {
      display: inline-block
    }

    .mandala figure {
      flex-direction: column;
      margin-top: 30px;
      gap: 30px 0
    }

      .mandala figure img {
        max-width: 100%
      }
}

@media only screen and (max-width:480px) {
  .mandala figcaption {
    max-width: 360px;
    margin: 0 auto
  }
}

.spaces-container > p {
  max-width: 926px
}

@media only screen and (max-width:1699px) {
  .spaces-container > p {
    max-width: 741px
  }
}

@media only screen and (max-width:1023px) {
  .spaces-container > p {
    max-width: 100%
  }
}

.spaces-container .spaces-list {
  margin: 60px 0;
  display: flex;
  flex-wrap: nowrap;
  gap: 2.25%;
  margin-bottom: calc(60px - 2.25%)
}

@media only screen and (max-width:1699px) {
  .spaces-container .spaces-list {
    margin: 48px 0;
    margin-bottom: calc(48px - 2.25%)
  }
}

.spaces-container .spaces-list > li {
  border: 1px solid #dbdbdc;
  border-radius: 15px;
  height: 230px;
  width: 230px;
  text-align: center;
  margin-bottom: 2.25%;
  position: relative;
  padding: 150px 10px 0
}

  .spaces-container .spaces-list > li img {
    position: absolute;
    top: 60px;
    left: 50%;
    transform: translateX(-50%)
  }

@media only screen and (max-width:1699px) {
  .spaces-container .spaces-list > li {
    height: 207px;
    width: 207px;
    padding-top: 130px
  }

    .spaces-container .spaces-list > li img {
      max-width: 40%;
      top: 48px
    }
}

.spaces-container .spaces-list figcaption {
  font-weight: 600
}

.spaces-container .slider-photos figcaption {
  font-weight: 600 !important
}

@media only screen and (max-width:767px) {
  .slider-container {
    width: 100%;
    overflow: hidden;
    margin: 10% 0;
  }
  .spaces-container .spaces-list {
    list-style: none;
    padding: 0;
    margin: 0;
    display: flex;
    overflow-x: auto;
    scroll-snap-type: x mandatory;
  }

    .spaces-container .spaces-list > li {
      flex: 0 0 calc(40% - 10px);
      margin-right: 10px;
      scroll-snap-align: start;
    }

      .spaces-container .spaces-list > li img {
        top: 15%;
        max-width: 45%;
        min-width: 80px;
      }

    .spaces-container .spaces-list figcaption {
      font-size: 12px;
    }

  .spaces-container .smallest-title {
    font-size: 1.6em;
    margin-bottom: 12px
  }
}

.training-list > li:not(:last-of-type) {
  margin-bottom: 50px
}

.training-list > li h3 {
  font-size: 1.8em;
  font-weight: 600;
  line-height: 1.333em
}

.training-list > li section .btn-blue {
  margin-top: 30px;
  padding: 20.5px 29px
}

@media only screen and (max-width:1699px) {
  .training-list > li h3 {
    font-size: 1.6em
  }

  .training-list > li section .btn-blue {
    margin-top: 24px;
    padding: 16px 24px
  }
}

@media only screen and (max-width:1023px) {
  .training-list > li:not(:last-of-type) {
    margin-bottom: 40px
  }

  .training-list > li h3 {
    font-size: 1.4em
  }

  .training-list > li section strong {
    font-weight: 600
  }

  .training-list > li section .btn-blue {
    margin-left: auto;
    margin-right: auto
  }
}

@media only screen and (max-width:767px) {
  .training-list > li:not(:last-of-type) {
    margin-bottom: 30px
  }

  .training-list > li section .btn-blue {
    margin-top: 20px;
    padding: 11px 15px
  }
}

.intro-dealer > div {
  display: inline-block;
  width: 100%;
  max-width: 51.1%
}

  .intro-dealer > div section:nth-of-type(1) {
    padding-right: 27%
  }

  .intro-dealer > div section:nth-of-type(2) > p {
    display: inline-block;
    max-width: 70%
  }

  .intro-dealer > div section > ul {
    margin-top: 60px;
    color: #2a569f;
    font-weight: 600;
    display: flex;
    flex-wrap: wrap;
    row-gap: 70px
  }

    .intro-dealer > div section > ul > li {
      width: 50%;
      padding-right: 18%
    }

      .intro-dealer > div section > ul > li:nth-of-type(3) {
        padding-right: 17%
      }

    .intro-dealer > div section > ul span {
      display: block
    }

      .intro-dealer > div section > ul span:first-of-type {
        display: flex;
        justify-content: center;
        align-items: center;
        color: #fff;
        background: #2a569f;
        height: 40px;
        width: 40px;
        border-radius: 50%;
        margin-bottom: 20px
      }

  .intro-dealer > div section > section {
    position: absolute;
    right: 0;
    bottom: 100px;
    padding-right: 19% !important
  }

.intro-dealer figure {
  margin-bottom: auto;
  padding-bottom: 50%
}

@media only screen and (max-width:1699px) {
  .intro-dealer > div section > section {
    bottom: 80px;
    padding-right: 17% !important
  }

  .intro-dealer > div {
    max-width: 55%
  }

    .intro-dealer > div section:nth-of-type(1) {
      padding-right: 18%
    }

  .intro-dealer figure {
    margin-bottom: 200px;
    margin-top: auto
  }
}

.intro-dealer figure.bkg-squares::before {
  z-index: 1
}

.intro-dealer figure.bkg-squares::after {
  z-index: 3
}

@media only screen and (max-width:1023px) {
  .intro-dealer {
    justify-content: space-between
  }

    .intro-dealer .block {
      display: inline-block !important
    }

    .intro-dealer > div {
      max-width: 100%
    }

      .intro-dealer > div section:nth-of-type(1) {
        max-width: 50%;
        padding-right: 0
      }

      .intro-dealer > div section:nth-of-type(2) {
        max-width: 100%
      }

        .intro-dealer > div section:nth-of-type(2) h2, .intro-dealer > div section:nth-of-type(2) > p {
          max-width: 50%
        }

        .intro-dealer > div section:nth-of-type(2) > section {
          bottom: 60px;
          padding-right: 0 !important;
          right: 0;
          position: static;
          margin: 0 auto;
          text-align: center;
          max-width: 100% !important
        }

      .intro-dealer > div section > ul {
        row-gap: 35px;
        margin-top: 100px
      }

        .intro-dealer > div section > ul > li {
          padding-right: 0 !important
        }

    .intro-dealer figure.bkg-squares {
      margin-bottom: auto;
      padding-bottom: 25px;
      max-width: 40%;
      position: absolute;
      top: 30px;
      right: 15px
    }

      .intro-dealer figure.bkg-squares::before {
        left: -18px
      }
}

@media only screen and (max-width:947px) {
  .intro-dealer > div section > ul {
    margin: 40px 0;
    row-gap: 30px
  }
}

@media only screen and (max-width:767px) and (min-width:600px) {
  .intro-dealer figure.bkg-squares {
    top: 10px;
    max-width: 24%
  }
}

@media only screen and (max-width:599px) and (min-width:504px) {
  .intro-dealer figure.bkg-squares {
    max-width: 30%
  }
}

@media only screen and (max-width:503px) {
  .intro-dealer > div section > ul {
    margin: 30px 0 50px;
    flex-direction: column
  }

    .intro-dealer > div section > ul span:first-of-type {
      margin: 0 auto 15px;
      height: 32px;
      width: 32px;
      padding-top: 2px
    }

    .intro-dealer > div section > ul > li {
      width: 100%;
      text-align: center;
      padding-left: 13%;
      padding-right: 13% !important
    }

      .intro-dealer > div section > ul > li span {
        display: inline
      }

  .intro-dealer figure.bkg-squares {
    top: 5px
  }
}

@media only screen and (max-width:400px) {
  .intro-dealer > div section:nth-of-type(2) > p {
    max-width: 100%
  }
}

.contact h4 {
  margin-bottom: 14px;
  font-weight: 600
}

.contact address, .contact address + a {
  opacity: .67
}

.contact .accordion-body {
  height: 0;
  opacity: 0;
  transition: opacity .3s ease-in;
  overflow: hidden
}

  .contact .accordion-body.active {
    height: auto;
    opacity: 1;
    margin-top: -9px !important
  }

@media only screen and (max-width:767px) {
  .contact .accordion-body.active {
    margin-top: 0 !important
  }
}

.container-lists {
  display: flex;
  margin-top: 40px;
  padding-bottom: 1.93%
}

@media only screen and (max-width:1699px) {
  .contact h4 {
    margin-bottom: 11px
  }

  .container-lists {
    margin-top: 32px
  }
}

.container-lists > .accordion-list {
  display: inline-block;
  width: 50%
}

  .container-lists > .accordion-list:first-child {
    padding-right: .96%
  }

  .container-lists > .accordion-list:nth-child(2) {
    padding-left: .96%
  }

@media only screen and (max-width:1023px) {
  .container-lists {
    flex-direction: column;
    padding-bottom: 0;
    margin-bottom: -15px
  }

    .container-lists > .accordion-list {
      width: 100%;
      padding-left: 0 !important;
      padding-right: 0 !important
    }
}

.accordion-list {
  display: flex;
  margin-bottom: -3.86%
}

  .accordion-list > li {
    width: 100%;
    margin-bottom: 3.86%
  }

    .accordion-list > li > section {
      border-radius: 15px
    }

  .accordion-list h3 {
    position: relative;
    font-size: 1.8em;
    line-height: 1.333em;
    font-weight: 600;
    cursor: pointer;
    border-radius: inherit
  }

    .accordion-list h3 i {
      position: absolute;
      left: 20px;
      top: 50%;
      transform: translateY(-50%);
      display: inline-block;
      width: 40px;
      height: 40px;
      background: currentColor;
      -webkit-mask-repeat: no-repeat;
      mask-repeat: no-repeat;
      mask-position: top left;
      -webkit-mask-position: top left
    }

    .accordion-list h3::after, .accordion-list h3::before {
      content: '';
      display: block;
      width: 18px;
      height: 3px;
      background: currentColor;
      position: absolute;
      right: 18px;
      top: 38px;
      transition: transform .15s ease-in
    }

    .accordion-list h3::after {
      transform: rotate(-90deg)
    }

    .accordion-list h3.active::after {
      transform: rotate(0)
    }

@media only screen and (max-width:1699px) {
  .accordion-list h3 {
    font-size: 1.6em
  }

    .accordion-list h3 i {
      width: 32px;
      height: 32px;
      left: 16px;
      mask-size: 80% auto;
      -webkit-mask-size: 80% auto;
      top: 48%;
      mask-position: left center;
      -webkit-mask-position: left center
    }

    .accordion-list h3::after, .accordion-list h3::before {
      top: 34px;
      height: 2px;
      width: 16px
    }
}

@media only screen and (max-width:1023px) {
  .accordion-list {
    margin-bottom: 0
  }

    .accordion-list > li {
      margin-bottom: 15px
    }
}

@media only screen and (max-width:767px) {
  .accordion-list > li section {
    border-radius: 6px
  }

  .accordion-list h3 {
    font-size: 1.4em
  }

    .accordion-list h3 i {
      left: 11px;
      mask-size: 60% auto;
      -webkit-mask-size: 60% auto
    }

    .accordion-list h3::after, .accordion-list h3::before {
      top: 19px;
      right: 11px;
      height: 2px;
      width: 12px
    }
}

.accordion-blue h3 {
  color: #2a569f;
  padding: 29px 38px 29px 70px;
  transition: background .15s ease-in
}

  .accordion-blue h3.active, .accordion-blue h3:hover {
    color: #fff
  }

@media only screen and (max-width:1699px) {
  .accordion-blue h3 {
    padding: 24px 31px 24px 54px
  }
}

.accordion-blue > li section {
  border: 2px solid #2a569f;
  transition: background .15s ease-in
}

  .accordion-blue > li section.active, .accordion-blue > li section:hover {
    background: #2a569f
  }

    .accordion-blue > li section.active .accordion-body {
      padding: 0 60px 50px 70px
    }

@media only screen and (max-width:1699px) {
  .accordion-blue > li section.active .accordion-body {
    padding: 0 48px 40px 54px
  }
}

.accordion-blue > li .btn.btn-white:not(.btn-submit):hover {
  background: #fff;
  color: #2a569f
}

.accordion-blue:nth-of-type(1) > li:nth-of-type(1) h3 > i {
  mask-image: url(../img/icons/ico-accordion-01.svg);
  -webkit-mask-image: url(../img/icons/ico-accordion-01.svg)
}

.accordion-blue:nth-of-type(1) > li:nth-of-type(2) h3 > i {
  mask-image: url(../img/icons/ico-accordion-03.svg);
  -webkit-mask-image: url(../img/icons/ico-accordion-03.svg)
}

.accordion-blue:nth-of-type(2) > li:nth-of-type(1) h3 > i {
  mask-image: url(../img/icons/ico-accordion-02.svg);
  -webkit-mask-image: url(../img/icons/ico-accordion-02.svg)
}

.accordion-blue:nth-of-type(2) > li:nth-of-type(2) h3 > i {
  mask-image: url(../img/icons/ico-accordion-04.svg);
  -webkit-mask-image: url(../img/icons/ico-accordion-04.svg)
}

.accordion-blue .contacts-list {
  margin: 30px -3.6% -2.6% 0
}

  .accordion-blue .contacts-list > li {
    display: inline-block;
    margin: 0 2.6% 2.6% 0
  }

    .accordion-blue .contacts-list > li .btn {
      padding-left: 50px
    }

  .accordion-blue .contacts-list a {
    position: relative
  }

    .accordion-blue .contacts-list a i {
      position: absolute;
      left: 16px;
      top: 50%;
      transform: translateY(-50%);
      display: inline-block;
      width: 24px;
      height: 24px;
      background: currentColor;
      -webkit-mask-repeat: no-repeat;
      mask-repeat: no-repeat;
      mask-position: center left;
      -webkit-mask-position: center left
    }

      .accordion-blue .contacts-list a i.whatsapp {
        mask-image: url(../img/icons/ico-whats-white.svg);
        -webkit-mask-image: url(../img/icons/ico-whats-white.svg)
      }

      .accordion-blue .contacts-list a i.phone {
        mask-image: url(../img/icons/ico-phone-white.svg);
        -webkit-mask-image: url(../img/icons/ico-phone-white.svg)
      }

      .accordion-blue .contacts-list a i.email {
        mask-image: url(../img/icons/ico-email-white.svg);
        -webkit-mask-image: url(../img/icons/ico-email-white.svg)
      }

@media only screen and (max-width:1699px) {
  .accordion-blue .contacts-list {
    margin-top: 24px
  }

    .accordion-blue .contacts-list > li {
      margin: 0 2% 2% 0
    }

      .accordion-blue .contacts-list > li .btn {
        padding-left: 40px
      }

    .accordion-blue .contacts-list a i {
      left: 13px;
      -mask-size: 80% auto;
      -webkit-mask-size: 80% auto
    }
}

.accordion-blue .stores-list > li {
  padding: 30px 0;
  position: relative
}

@media only screen and (max-width:1699px) {
  .accordion-blue .stores-list > li {
    padding: 24px 0
  }
}

.accordion-blue .stores-list > li:not(:last-of-type)::after {
  content: '';
  background: #fff;
  opacity: .25;
  display: block;
  width: 100%;
  height: 1px;
  position: absolute;
  bottom: 0
}

.accordion-blue .stores-list > li address p, .accordion-blue .stores-list > li address + .text-size {
  line-height: 1.72em;
  font-size: 1.4em
}

.accordion-blue .stores-list > li > section > div {
  display: flex;
  justify-content: space-between;
  align-items: flex-end;
  row-gap: 11%
}

.accordion-blue .stores-list .btn-submit {
  float: none;
  margin-left: 30px;
  white-space: nowrap
}

@media only screen and (max-width:767px) {
  .accordion-blue h3 {
    padding: 12px 11px 11px 40px
  }

  .accordion-blue > li section.active .accordion-body {
    padding: 0 30px 30px 40px
  }

  .accordion-blue .contacts-list > li .btn {
    padding-left: 35px
  }

  .accordion-blue .contacts-list a i {
    -mask-size: 60% auto;
    -webkit-mask-size: 60% auto
  }

  .accordion-blue .stores-list > li {
    padding: 20px 0
  }

    .accordion-blue .stores-list > li > section > div {
      flex-direction: column;
      align-items: flex-start
    }

    .accordion-blue .stores-list > li address p, .accordion-blue .stores-list > li address + .text-size {
      font-size: 1em
    }

  .accordion-blue .stores-list .btn-submit {
    margin-left: 0
  }

    .accordion-blue .stores-list .btn-submit::after, .accordion-blue .stores-list .btn-submit::before {
      right: 29%
    }
}

.accordion-gray > li {
  width: 100%;
  margin-bottom: 2.57%
}

.accordion-gray h3 {
  padding: 19px 75px 19px 30px
}

  .accordion-gray h3::after, .accordion-gray h3::before {
    top: 30px
  }

@media only screen and (max-width:1699px) {
  .accordion-gray h3 {
    padding-right: 62px
  }
}

.accordion-gray > li > section {
  border: 2px solid #e5e5e5;
  background: #f3f3f3;
  transition: border .15s ease-in
}

  .accordion-gray > li > section.active {
    border-color: #2d2d2e
  }

    .accordion-gray > li > section.active .accordion-body {
      padding: 8px 50px 25px 30px
    }

@media only screen and (max-width:767px) {
  .accordion-gray h3 {
    padding: 12px 30px 11px 11px
  }

    .accordion-gray h3::after, .accordion-gray h3::before {
      top: 21px
    }

  .accordion-gray > li > section.active .accordion-body {
    padding: 0 20px 11px 11px
  }
}

/*Ajustes para o Footer*/

.footer {
  background-color: #2a569f;
}

  .footer .top-footer {
    text-align: right;
    padding: 60px 0;
    position: relative;
  }

  .footer .brand {
    float: left;
  }

.brand a {
  height: 100%;
}

  .brand a, .brand a img {
    width: 100%;
    display: block;
  }

    .brand a img {
      height: auto;
    }

.footer .brand img {
  width: 180px;
}

.footer .footer-navigation {
  display: inline-block;
  vertical-align: middle;
  margin-top: 11px;
}

  .footer .footer-navigation li {
    display: inline-block;
    vertical-align: middle;
    margin: 0 20px;
  }

    .footer .footer-navigation li a {
      font-family: rubikregular,Helvetica,Arial,sans-serif;
      font-size: 16px;
      color: #fff;
      padding: 20px 0;
      display: block;
    }

  .footer .footer-navigation li {
    display: inline-block;
    vertical-align: middle;
    margin: 0 20px;
  }
  .footer .footer-navigation .institutional-link {
    display: none;
  }

    .footer .footer-navigation .institutional-link a, .footer .footer-navigation .loja-link a {
      width: 278px;
      border: 1px solid #fff;
      border-radius: 8px;
      text-align: center;
      padding: 18.5px;
    }

.footer .top-footer::after {
  content: "";
  width: 1000vw;
  height: 1px;
  background-color: hsla(0,0%,100%,.15);
  position: absolute;
  bottom: 0;
  left: -100%;
}

.footer .mid-footer {
  padding: 15px 0;
  position: relative;
}

.footer .company-units {
  margin: 0 -7.5px;
  display: flex;
  flex-wrap: wrap;
  row-gap: 30px;
  justify-content: space-around;
}

  .footer .company-units li {
    width: calc(20% - 15px);
    display: inline-block;
    vertical-align: top;
    margin: 0 7.5px;
    font-family: rubikmedium,Helvetica,Arial,sans-serif;
    color: #fff;
  }
@media (max-width: 991px) {
  .footer .company-units li {
    width: 236px;
    display: block;
    margin: 0 0 30px;
  }
}

    .footer .company-units li .unit-name {
      font-size: 14px;
      display: block;
      padding-top: 10%;
      font-weight:bold;
    }

    .footer .company-units li .telephone, .footer .company-units li address {
      font-family: rubikregular,Helvetica,Arial,sans-serif;
      font-size: 10px;
    }

    .footer .company-units li address {
      margin: 15px 0;
      line-height: 18px;
    }

    .footer .company-units li .telephone {
      font-size: 10px;
      width: 50% !important;
      float: left;
    }

.zipOpen {
  font-size: 14px;
  width: 50%;
  display: block;
  float: right;
  margin-top: -2%;
}
  .zipOpen a {
    color: #fff;
    border: 1px solid #fff;
    border-radius: 8px;
    padding: 5px;
    position: relative;
    margin: -5px 0px 15px -8px;
    fill: white;
    float: right;
  }
    .zipOpen a svg {
      color: white;
      height: 10px;
      width: 10px;
    }
    
.footer .mid-footer::after {
  content: "";
  width: 1000vw;
  height: 1px;
  background-color: hsla(0,0%,100%,.15);
  position: absolute;
  bottom: 0;
  left: -100%;
}
.end-footer {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
}

.footer .end-footer {
  padding: 60px 0 60px;
  text-align: right;
}

.footer .attendance {
  float: left;
  text-align: left;
}

  .footer .attendance h2 {
    font-size: 16px;
    margin-bottom: 15px;
  }

  .footer .attendance h2, .footer .attendance p {
    font-family: rubikregular,Helvetica,Arial,sans-serif;
    color: #fff;
  }

  .footer .attendance p {
    width: 290px;
    max-width: 100%;
    font-size: 14px;
    line-height: 21px;
  }

.footer .util-links {
  display: inline-block;
  vertical-align: top;
  margin-top: 0px
}

  .footer .util-links .copyrights {
    display: inline-block;
    vertical-align: top;
    font-family: rubikregular,Helvetica,Arial,sans-serif;
    font-size: 14px;
    color: #fff;
    margin: 0 20px;
  }

  .footer .util-links .policies, .footer .util-links .policies a {
    display: inline-block;
    vertical-align: middle;
  }

    .footer .util-links .policies a {
      font-family: rubikregular,Helvetica,Arial,sans-serif;
      font-size: 14px;
      color: #fff;
      margin: 0 20px;
      text-decoration: underline;
    }
 .footer .util-links {
    display: inline-block;
    vertical-align: top;
    font-size: 12px;
    width: 150px;
    float: left;
    text-align: left;
  }

  @media (max-width:991px) {
    .footer .util-links {
      width: 100%;
      margin-top: 30px;
      width: 290px;
      margin-left: 10px;
    }
  }

  .footer .util-links .copyrights {
    display: inline-block;
    vertical-align: top;
    font-family: rubikregular,Helvetica,Arial,sans-serif;
    font-size: 14px;
    color: #fff;
    margin: 0 20px
  }
.end-footer .util-links ul li {
  margin-bottom: 5px;
  position: relative;
  display: flex;
  align-items: center;
  white-space: nowrap;
}
  
  .end-footer .util-links ul li::before {
    content: ">";
    color: #fff;
    position: absolute;
    left: -10px;
    font-weight: bold;
    transition: all 0.5s;
  }
  .end-footer .util-links ul li a {
    color: #fff;
    font-size: 14px;
  }
  .end-footer .util-links ul li a:hover {
    font-weight: bold;
    transform: translate(5px);
  }
  @media (max-width:991px) {
    .footer .util-links .copyrights {
      width: 100%;
      margin: 0;
      padding-bottom: 40px;
      margin-bottom: 40px;
      position: relative
    }

      .footer .util-links .copyrights:after {
        content: "";
        width: 1000vw;
        height: 1px;
        background-color: hsla(0,0%,100%,.15);
        position: absolute;
        bottom: 0;
        left: -100%
      }
  }

  .footer .util-links .policies, .footer .util-links .policies a {
    display: inline-block;
    vertical-align: middle
  }

    .footer .util-links .policies a {
      font-family: rubikregular,Helvetica,Arial,sans-serif;
      font-size: 14px;
      color: #fff;
      margin: 0 20px;
      text-decoration: underline
    }

  @media (max-width:991px) {
    .footer .util-links .policies a {
      margin: 0 40px 0 0
    }
  }

  .footer .util-links .policies a:hover {
    color: #c8c8c8
  }
.footer .complementary-footer {
  background-color: #fff;
  padding: 40px 0;
  text-align: center;
}

  .footer .complementary-footer .payment-methods h2 {
    font-family: rubikregular,Helvetica,Arial,sans-serif;
    font-size: 20px;
    color: #606062;
    margin-bottom: 40px;
  }

  .footer .complementary-footer .payment-methods ul {
    margin: 0 -25px;
  }

    .footer .complementary-footer .payment-methods ul li {
      width: auto;
      display: inline-block;
      vertical-align: top;
      margin: 0 25px;
    }

      .footer .complementary-footer .payment-methods ul li .method-title {
        display: block;
        font-family: rubikregular,Helvetica,Arial,sans-serif;
        font-size: 12px;
        line-height: 18px;
        color: #2d2d2e;
        margin-bottom: 12px;
      }

      .footer .complementary-footer .payment-methods ul li img {
        display: inline-block;
        margin: 0 2.5px;
      }

  .footer .complementary-footer .disclaimer {
    width: 100%;
    display: block;
    margin: 40px 0;
    font-family: rubikregular,Helvetica,Arial,sans-serif;
    font-size: 12px;
    line-height: 18px;
    color: #2d2d2e;
  }

/*Certificados*/

.certificates {
  background-color: #fff;
  text-align: center;
  padding: 60px 0;
}

.grid {
  width: 1440px;
  max-width: 100%;
  display: block;
  margin: 0 auto;
  padding: 0 5.2vw;
  font-size: 0;
}

.certificates h2 {
  font-family: rubikregular,Helvetica,Arial,sans-serif;
  font-size: 24px;
  color: #606062;
  margin-bottom: 10px;
}

.certificates ul {
  margin: 0 -60px;
}

  .certificates ul li {
   /*width: calc(16.6667% - 120px);*/ 
    display: inline-block;
    vertical-align: middle;
    margin: 20px 60px;
  }

    .certificates ul li img {
      width: auto;
      max-width: 100%;
      height: auto;
      display: inline-block;
    }

@media (max-width: 1600px) {
  .certificates {
    padding: 40px 0;
  }

  .grid {
    padding: 0 36px;
  }
}

/*Redes Sociais*/

.social-network {
  background-color: #f3f3f3;
}

  .social-network .grid {
    width: 100%;
    text-align: center;
  }

.grid {
  width: 1440px;
  max-width: 100%;
  display: block;
  margin: 0 auto;
  padding: 0 5.2vw;
  font-size: 0;
}

.social-network ul {
  padding: 18px 0;
  margin: 0 25px;
}

  .social-network ul li {
    width: auto;
    display: inline-block;
    vertical-align: top;
    margin: 0 25px;
  }

    .social-network ul li a {
      width: 100%;
      height: 100%;
      display: block;
      padding: 20px 0;
    }

    .social-network ul li .icon, .social-network ul li .text {
      display: inline-block;
      vertical-align: middle;
      pointer-events: none;
    }

    .social-network ul li .text {
      font-family: rubikregular,Helvetica,Arial,sans-serif;
      font-size: 14px;
      color: #606062;
      margin-left: 10px;
    }

@media (max-width: 1600px) {
  .grid {
    padding: 0 36px;
  }

  .social-network ul {
    margin: 0 -18px;
  }

    .social-network ul li {
      margin: 0 18px;
    }
}

.main .container.fifty-fifty {
  padding: 0;
}

.invalid-input, .invalid-label::before {
  border: 2px solid #d93025 !important;
}


.floated-whatsapp {
  position: fixed;
  bottom: 20px;
  left: 20px;
  z-index: 5;
}

@media (max-width:991px) {
  .floated-whatsapp {
    display: none
  }
}

.floated-whatsapp a {
  width: 56px;
  height: 100%;
  display: flex;
  padding: 16px;
  background-color: #49c956;
  border-radius: 30px;
  transition: width .5s;
}

.floated-whatsapp:hover a {
  width: 216px;
  transition: width 1s;
}

.floated-whatsapp .icon, .floated-whatsapp .text {
  display: inline-block;
  vertical-align: middle;
  pointer-events: none;
  font-family: rubikbold,Helvetica,Arial,sans-serif;
  font-size: 14px;
  color: #fff;
}

.floated-whatsapp .text {
  display: inline-block;
  width: 100%;
  white-space: nowrap;
  overflow: hidden;
  align-self: center;
  transition: width .5s;
}

.floated-whatsapp:not(:hover) .text {
}

.floated-whatsapp:hover .text {
}

.floated-whatsapp:hover {
}

  .floated-whatsapp:hover .icon {
    margin-right: 8px
  }

  @media(max-width:768px){
.spaces-list {
  list-style: none;
  padding: 0;
  margin: 0;
  display: flex;
  overflow-x: auto;
  scroll-snap-type: x mandatory;
}

  .spaces-list li {
    flex: 0 0 100%; /* Todas as li têm o mesmo tamanho */
    margin-right: 10px; /* Espaço entre os itens */
    scroll-snap-align: start;
  }

.slider-container {
  width: 100%; /* Preencher largura do contêiner pai */
  overflow: hidden; /* Para ocultar conteúdo fora do contêiner */
}
}


.adress-button, #svg-brands, .box-brands-button {
  display: none;
}


@media(max-width:768px) {
  .adress-button, #svg-brands, .box-brands-button {
    display: block;
  }

    .adress-button .box-adress-button, .box-brands-button {
      display: flex;
      padding: 10px 0;
    }

      .adress-button .box-adress-button h2, .box-brands-button h2 {
        margin: auto;
        font-size: 20px;
        font-family: rubikregular,Helvetica,Arial,sans-serif;
        color: #fff;
      }

  .footer .adress-content, .brands-content, .title-brands {
    display: none;
  }
}

@media (max-width: 991px) {
  .footer .brand img {
    width: 114px;
  }
  .footer .footer-navigation li a {
    padding: 13px 0;
  }
  .footer .footer-navigation li {
    width: 100%;
    margin: 0;
  }
  .footer .footer-navigation {
    width: 100%;
    text-align: left;
  }
}
.flex-card-list {
  list-style: none;
  padding: 0;
  margin: 0;
  grid-template-columns: repeat(2, 1fr); /* Duas colunas */
  gap: 20px; /* Espaçamento entre os itens */
}

  .flex-card-list li {
    display: flex;
    flex-direction: column;
    align-items: center;
    text-align: center;
  }

  .flex-card-list figure {
    margin-bottom: 10px; /* Espaçamento entre a imagem e o texto */
  }

.slider-containe {
  width: 100%;
  overflow: hidden;
}

.slider-inner {
  display: flex;
  overflow-x: auto;
  scroll-snap-type: x mandatory;
}

  .slider-inner::-webkit-scrollbar {
    display: none;
  }

@media only screen and (max-width: 768px) {
  .flex-card-list {
    grid-template-columns: 1fr; /* Uma coluna */
  }
}

#EnviarCurriculo .error {
  border: red 1px solid;
}


.footer .footer-navigation .antigo-link a {
  border: 1px solid #fff;
  border-radius: 8px;
  text-align: center;
  height: 55px;
  padding: 10px;
  width: 200px;
  display: flex;
  background-color: #fff;
  color: #2a569f;
}

  .footer .footer-navigation .antigo-link a svg {
    stroke: #2a569f;
  }

  .footer .footer-navigation .antigo-link a span {
    display: inline-block;
    width: 100%;
    white-space: nowrap;
    overflow: hidden;
    align-self: center;
  }

    .footer .footer-navigation .antigo-link a span::first-letter {
      text-transform: uppercase;
    }

  .footer .footer-navigation .antigo-link a:hover span {
    width: 100%;
    white-space: nowrap;
    overflow: hidden;
    align-self: center;
    transition: width .5s;
    font-weight: bold;
  }


.antigo-link {
  position: relative;
}

@media (max-width:991px) {
  .footer .footer-navigation .antigo-link a {
    width: 190px;
  }

    .footer .footer-navigation .antigo-link a span {
      display: inline-block;
      padding: 8px 0px;
    }
}


.output {
  position: fixed;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  box-shadow: -5px 8px 11px #00000087;
  display: none;
  z-index: 99999 !important;
  color: white;
  max-width: 300px;
}

  .output .close {
    color: #d1d1d1;
    text-align: right;
    font-size: 20px;
    font-weight: bold;
  }

    .output .close:hover,
    .output .close:focus {
      color: #000;
      text-decoration: none;
      cursor: pointer;
    }

  .output article {
    display: flex;
    justify-content: end;
  }

  .output .modaBody {
    padding: 5px 10px 10px 0;
  }

  .output aside {
    padding: 15px 10px 10px;
  }

  .output .text {
    margin-left: 5px
  }

  .output.error-message {
    background-color: #e84c3d;
  }

    .output.error-message aside {
      background-color: #b93f33;
    }

  .output.sucess-message {
    background-color: #13c33f;
  }

    .output.sucess-message aside {
      background-color: #25ad1b;
    }

  .output.warning-message {
    background-color: #f39c11;
  }

    .output.warning-message aside {
      background-color: #ef7905;
    }

  .output.alert-message {
    background-color: #3598db;
  }

    .output.alert-message aside {
      background-color: #166da7;
    }


.deskpauta {
  width: 100vh;
  height: 100vh;
  margin: 0px;
  padding: 0px;
}

.load-nop {
  z-index: 99999 !important;
  position: fixed;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: rgba(0, 0, 0, 0.6);
  z-index: 2;
  display: table-cell;
  vertical-align: middle;
  display: none;
}

.loader-holder {
  position: absolute;
  top: calc(50% - 41.5px);
  left: calc(50% - 25px);
}

.loader_pauta {
  width: 50px;
  height: 50px;
  /*position: absolute;*/
  /*top: 50%;*/
  /*left: 50%;*/
  /*margin-right: -50%;*/
  /*transform: translate(-50%, -50%);*/
  animation-name: Load;
  animation-duration: 3s;
  animation-iteration-count: infinite;
  animation-timing-function: linear;
}

@keyframes Load {
  0% {
    transform: rotate(0deg);
  }

  50% {
    transform: rotate(180deg);
  }

  100% {
    transform: rotate(360deg);
  }
}

.loader-dots {
  /*position: absolute;*/
  /*top: 56%;*/
  /*left: 50%;*/
  display: flex;
  /*transform: translate(-50%, -50%);*/
}

  .loader-dots .dot {
    margin: auto;
  }

    .loader-dots .dot:nth-child(1) {
      animation-name: Dot1;
      animation-duration: 1.5s;
      animation-iteration-count: infinite;
      animation-timing-function: linear;
    }

    .loader-dots .dot:nth-child(2) {
      animation-name: Dot2;
      animation-duration: 1.5s;
      animation-iteration-count: infinite;
      animation-timing-function: linear;
    }

    .loader-dots .dot:nth-child(3) {
      animation-name: Dot3;
      animation-duration: 1.5s;
      animation-iteration-count: infinite;
      animation-timing-function: linear;
    }

    .loader-dots .dot::before {
      content: "\00B7";
      color: white;
      font-size: 30px;
    }

@keyframes Dot1 {
  0% {
    transform: translateY(0%);
  }

  25% {
    transform: translateY(-20%);
  }

  50% {
    transform: translateY(0%);
  }

  75% {
    transform: translateY(0%);
  }

  100% {
    transform: translateY(0%);
  }
}

@keyframes Dot2 {
  0% {
    transform: translateY(0%);
  }

  25% {
    transform: translateY(0%);
  }

  50% {
    transform: translateY(-20%);
  }

  75% {
    transform: translateY(0%);
  }

  100% {
    transform: translateY(0%);
  }
}

@keyframes Dot3 {
  0% {
    transform: translateY(0%);
  }

  25% {
    transform: translateY(0%);
  }

  50% {
    transform: translateY(0%);
  }

  75% {
    transform: translateY(-20%);
  }

  100% {
    transform: translateY(0%);
  }
}