@charset "UTF-8";

:root {
  --bg-color: #fdf9f4;
  --pink: #e881a3;
  --lightyellow: #fff6c0;
  --lightblue: #c2f0ff;
  --blue: #13245a;
}

/* normalize */
/* reset */
html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,embed,figure,figcaption,footer,header,hgroup,menu,nav,output,ruby,section,summary,time,mark,audio,video{margin:0;padding:0;border:0;font-size:100%;font:inherit;vertical-align:baseline}article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section,main{display:block}body{line-height:1}ol,ul{list-style:none}blockquote,q{quotes:none}blockquote:before,blockquote:after,q:before,q:after{content:'';content:none}table{border-collapse:collapse;border-spacing:0}em{ font-style:italic;}


.owl-carousel .animated{-webkit-animation-duration:1000ms;animation-duration:1000ms;-webkit-animation-fill-mode:both;animation-fill-mode:both}.owl-carousel .owl-animated-in{z-index:0}.owl-carousel .owl-animated-out{z-index:1}.owl-carousel .fadeOut{-webkit-animation-name:fadeOut;animation-name:fadeOut}@-webkit-keyframes fadeOut{0%{opacity:1}100%{opacity:0}}@keyframes fadeOut{0%{opacity:1}100%{opacity:0}}.owl-height{-webkit-transition:height 500ms ease-in-out;-moz-transition:height 500ms ease-in-out;-ms-transition:height 500ms ease-in-out;-o-transition:height 500ms ease-in-out;transition:height 500ms ease-in-out}.owl-carousel{display:none;width:100%;-webkit-tap-highlight-color:transparent;position:relative;z-index:1;touch-action: manipulation;}.owl-carousel .owl-stage{position:relative;-ms-touch-action:pan-Y}.owl-carousel .owl-stage:after{content:".";display:block;clear:both;visibility:hidden;line-height:0;height:0}.owl-carousel .owl-stage-outer{position:relative;overflow:hidden;-webkit-transform:translate3d(0px,0,0);}.owl-carousel .owl-item{position:relative;min-height:1px;float:left;-webkit-backface-visibility:hidden;-webkit-tap-highlight-color:transparent;-webkit-touch-callout:none;}.owl-carousel .owl-item img{display:block;-webkit-transform-style:preserve-3d;transform-style: preserve-3d;}.owl-carousel .owl-dots.disabled,.owl-carousel .owl-nav.disabled{display:none}.owl-carousel .owl-dot,.owl-carousel .owl-nav .owl-next,.owl-carousel .owl-nav .owl-prev{cursor:pointer;cursor:hand;-webkit-user-select:none;-khtml-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.owl-carousel.owl-loaded{display:block;opacity: 1;}.owl-carousel.owl-loading{opacity:0;display:block}.owl-carousel.owl-hidden{/* opacity:0 */}.owl-carousel.owl-refresh .owl-item{display:none}.owl-carousel.owl-drag .owl-item{-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.owl-carousel.owl-grab{cursor:move;cursor:-webkit-grab;cursor:-o-grab;cursor:-ms-grab;cursor:grab}.owl-carousel.owl-rtl{direction:rtl}.owl-carousel.owl-rtl .owl-item{float:right}.no-js .owl-carousel{display:block}.owl-carousel .owl-item .owl-lazy{opacity:0;-webkit-transition:opacity 400ms ease;-moz-transition:opacity 400ms ease;-ms-transition:opacity 400ms ease;-o-transition:opacity 400ms ease;transition:opacity 400ms ease}.owl-carousel .owl-video-wrapper{position:relative;height:100%;background:#000}.owl-carousel .owl-video-play-icon{position:absolute;height:80px;width:80px;left:50%;top:50%;margin-left:-40px;margin-top:-40px;background:url(owl.video.play.png) no-repeat;cursor:pointer;z-index:1;-webkit-backface-visibility:hidden;-webkit-transition:scale 100ms ease;-moz-transition:scale 100ms ease;-ms-transition:scale 100ms ease;-o-transition:scale 100ms ease;transition:scale 100ms ease}.owl-carousel .owl-video-play-icon:hover{-webkit-transition:scale(1.3,1.3);-moz-transition:scale(1.3,1.3);-ms-transition:scale(1.3,1.3);-o-transition:scale(1.3,1.3);transition:scale(1.3,1.3)}.owl-carousel .owl-video-playing .owl-video-play-icon,.owl-carousel .owl-video-playing .owl-video-tn{display:none}.owl-carousel .owl-video-tn{opacity:0;height:100%;background-position:center center;background-repeat:no-repeat;-webkit-background-size:contain;-moz-background-size:contain;-o-background-size:contain;background-size:contain;-webkit-transition:opacity 400ms ease;-moz-transition:opacity 400ms ease;-ms-transition:opacity 400ms ease;-o-transition:opacity 400ms ease;transition:opacity 400ms ease}.owl-carousel .owl-video-frame{position:relative;z-index:1;height:100%;width:100%}
.owl-stage-outer,.owl-stage{ height:100%; position:relative;}
.owl-item{ height:100%;}
.owl-prev,.owl-next{position: absolute;width: 40px;height: 40px;text-align: center;overflow:hidden;top: calc(50% - 20px);font-size: 2em;display: flex;align-items: center;justify-content: center;background: transparent;color: var(--blue);padding: 0;}
.owl-nav i{display:flex; align-items:center; justify-content:center;width:100%; height:100%; position:absolute;}
.owl-nav i:after,.owl-nav i:before{ width:20px; height:4px; border-radius:10em; content:''; background:var(--blue); position:absolute;}
.owl-nav i:after{ transform:rotate(45deg); top:8px;}
.owl-nav i:before{transform:rotate(-45deg); top:20px}
.owl-nav .owl-prev i{ transform:rotate(180deg); margin:-5px 0 0}

.owl-prev{left: -20px;}
.owl-next{right: -20px;left: inherit;}


html, body {margin: 0;padding: 0;-webkit-text-size-adjust:none;-webkit-font-smoothing: antialiased;-moz-osx-font-smoothing: grayscale;}
body{background:var(--bg-color);font: normal 1em/normal 'Open Sans', sans-serif;color: var(--bblue);position:relative;}
html{position:relative;overflow-x: hidden;}
*after{content:''}
h1,h2,h3,h4,h5{font-family: 'Nunito', serif;color: var(--blue);font-weight: 900;}
h1{font-size: 3em;letter-spacing: -0.02em;line-height: 1em;margin: 0 0 .5em;}
h2{font-size: 1.4em;}
h3{font-size: 1.2em;}
h4{font-size: 1.1em;}
h5{ font-size:1em;}
ul,li{ list-style:none; list-style-position:outside;}
.btn,a, a img, img{ outline:none; text-decoration:none;}
.btns{display: flex;align-items: center;justify-content: center;width: 100%;/* display: none; */}
.btns .btn{margin:0 3px;white-space: nowrap;padding: 0 15px;width: 100%;}
.btns.flex{ flex-wrap:wrap;}
.btns.flex .btn{margin: 0 0 10px;display: block;width: 100%;}
a{ color:#2C3048}
.large_title{position:relative;display: block;font: 900 2.2em 'Nunito', serif;width: 100%;text-align: center;margin: 0;color: var(--blue);text-transform:uppercase;margin: 0 0 4%;}
button{border:none;outline: none;background: none;cursor: pointer;}

/* buttons */
input[type="submit"],.btn{padding: 0 20px;display: inline-block;text-align: center;box-shadow: 0 1px 15px rgba(0,0,0,.2);cursor: pointer;font: 600 1em/35px 'Nunito';border: none;background: var(--pink);color: var(--blue);/* width: 100%; */text-transform: uppercase;border-radius: 10em;}
.btn i{ margin:0 10px 0 0}
.btn.secondary{background: #392d05;}
.btn.terciary{background: #eee;color: #333;text-shadow: none;/* border: 1px solid #ddd; */}
.btn.quarty{background:none;color: #ddd;border: 1px solid #ddd;}
.btn.block{display:block;width: 100%;clear: both;}
.btn.center{ display:block; margin:0 auto; width:100px}
.btn:hover{opacity:.8}
.btn.block.secondary {background: #0b3149;color: #fff!important;text-transform: uppercase;}


*[data-animation^="fade"]{opacity: 0;}

#preloader {position: fixed;top: 0;left: 0;right: 0;bottom: 0;background-color: #fff;z-index: 9999999;}
.loader {top: 50%;width: 50px;height: 50px;border-radius: 100%;position: relative;margin: 0 auto;}
#loader-1:before, #loader-1:after {content: "";position: absolute;top: -10px;left: -10px;width: 100%;height: 100%;border-radius: 100%;border: 7px solid transparent;border-top-color: #333;}
#loader-1:before {z-index: 100;animation: spin 1s infinite;}
#loader-1:after {border: 7px solid #f2f2f2;}
@keyframes spin {
  0% {
    -webkit-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(360deg);
    -ms-transform: rotate(360deg);
    -o-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}


/* all */
*{box-sizing:border-box;}
a,.has_animation{transition:.4s ease-out;}

/* transition */
.trans{transition: all 500ms ease-out; }

/* conatiners */
main{width:100%;top: 0px;background:#fff;left:0;z-index: 1;position: relative;transition: .5s;}
.envelope{position: absolute;width: 100%;height:100%;z-index: -2;cursor:pointer;left:0;top:0;opacity:0;}
.content{overflow:hidden;}
.inner{max-width: 1200px;margin:0 auto;width: 92%;z-index: 1;display: flex;flex-wrap: wrap;justify-content: space-between;position: relative;}
.hidden{ display:none;}

.cover{position:absolute;width:100%;height:100%;top:0;left:0;background-size: cover;background-position: center 35%;}


/* cols */
.wrapper{overflow:hidden;padding: 2rem 0;display: flex;justify-content: space-between;flex-wrap: wrap;width: 100%;position: relative;}
.wrapper > *{min-height:40px;margin-bottom: 20px;}
.col_1{width: 100%;}
.col_2{width: 48%;}
.col_3{width: 30%;}
.col_4{ width:23%;}
.col_5{ width:18%;}
.col_3f{width: 64%;}
.col_4f{width: 70%; text-align: left;float: left;margin: 1rem 0 0;}
.col_4g {width: 30%;text-align: left;float: left;padding: 2rem 0 0;
}
.text_right{ text-align:right;}
.col_aside{width: calc(100% - 320px);position: relative;display: block;}
aside{display:block;width:300px;margin: 0 0 0 0;vertical-align: top;background: none;position: relative;}


/* header */
header{position: sticky;width: 100%;background: #fff;margin: 0 auto;top: 0;z-index: 3;height: 100px;}
header .inner{align-items:center;}
header .logo{display: block;width: 184px;}
header .logo img{width:100%;height: 100%;object-fit: contain;}
header menu{display: flex;align-items: center;margin: -30px 0 0 0; transition:.4s}
header menu a{display:block;padding:0 1em;font:900 1em 'Nunito';color:var(--blue);position:relative;} 
header menu a span{ display: none; }
header menu a img {width: 20px;height:20px;display:inline-block;object-fit:contain;margin: 0px 0 -4px 0;}
header menu a.saber{text-transform:uppercase;}
header menu a.saber:after{display:block;width: calc(100% + 20px);height: 13px;background: #f6a9c3;content:'';margin: -11px 0 -2px -10px;border-radius: 2px;}

header.fixed{height:auto;}
header.fixed .logo{width:120px;}
header.fixed menu{margin:0;}
header.fixed .open_nav{top:initial;}

.open_nav{width: 40px;height: 40px;text-align: center;display: flex;align-items: center;justify-content: center;position: relative;top: -15px;display: none;}
.open_nav span, .open_nav span:before, .open_nav span:after {invertcursor: pointer;border-radius: 1px;height: 4px;width: 25px;background: var(--blue);position: absolute;display: block;content:'';border-radius: 12px;}
.open_nav span:before {top: -10px;}
.open_nav span:after {bottom: -10px;}
.open_nav span, .open_nav span:before, .open_nav span:after {transition: all 700ms ease-out;}
.open_nav.active span {background-color: transparent;}
.open_nav.active span:before, .open_nav.active span:after {top: 0;}
.open_nav.active span:before {transform: rotate(45deg);}
.open_nav.active span:after {transform: rotate(-45deg);}


nav{position:fixed;background: var(--bg-color);z-index:2;height: 100%;width: 82%;display: flex;justify-content: center;align-items: center;box-shadow: 0 0 40px rgba(0,0,0,.4);transform: translate(-100%, 0);transition: .4s;}
nav menu{padding: 5%;display: flex;flex-wrap: wrap;}
nav menu a{display:flex;align-items:center;width:100%;font: 900 1.2em/50px 'Nunito';position: relative;margin: 0 0 12%;}
nav menu a img{width:50px;height:50px;padding: 15px;}
nav.active{transform:translate(0,0)}
nav menu a.saber:after{display:block;width: calc(100% + 0px);height: 13px;background: #f6a9c3;content:'';margin: 0;border-radius: 2px;position: absolute;bottom: 2px;}

/* footer */
footer{width: 100%;background: #2e3d73;position: relative;z-index: 1;padding: 6% 0 0;}
footer .stars{ position:absolute; right:8%; top:2%; width:100px;}
footer .logo{width:40%}
footer .inner{flex-wrap:nowrap;margin: 0 auto 2%;}
footer strong{display:block;font: 900 1.2em 'Nunito';text-transform: uppercase;color: #fff;margin: 0 0 6%;}
footer a,footer span{display: flex;color: #fff;align-items: center;}
footer a{margin: 0 0 4%;line-height: 1.4em;}
footer a.icon img{ filter: brightness(100)}
footer a.icon img {width:20px; margin:0 10px 0 0}
footer .horarios{background:#44b3e0; padding:6%; border-radius:20px}
footer .horarios p{ display:flex; justify-content:space-between; margin:0 0 2%}
footer .horarios p em{ font-style:normal; color:#fff;}
footer .copyright{text-align:center;padding:10px;font-size: .8em;background: var(--blue);color: #fff;}



.scrolltop{position:fixed;right:4%;width: 50px;height: 50px;display:flex;z-index: 1;border-radius: 10em;align-items: center;justify-content: center;border: 2px dashed #feca5c;background: none;padding: 4px;opacity: 0;transition: .4s;}
.scrolltop span{width: 80%;height: 80%;background: #feca5c;display:flex;border-radius: 10em;position: absolute;align-items: center;justify-content: center;}
.scrolltop span:after,.scrolltop span:before{width: 16px;height:2px;background:#fff;content:'';position: relative;}
.scrolltop span:after{transform: rotate(45deg);right: 3px;}
.scrolltop span:before{transform: rotate(-45deg);left: 3px;}
.scrolltop:after{ position:absolute; width:a}
.scrolltop.active{opacity:1; bottom:4%;}

form{}
form .wrapper{ padding:0}
form label{overflow:hidden;position:relative;border-radius: 1px;display: block;margin: 0 0 4%;}
form label select:before{content:'a'; position:absolute; height:40px; bottom:0; right:0; color:#fff; width:40px; line-height:40px; text-align:center;}
form input,form textarea,form select{display:block;width:100%;border:none;height: 50px;font: normal 1em/50px 'Open Sans', sans-serif;outline:none;border-radius: 7px;-webkit-appearance: none;padding: 0 10px;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;position: relative;z-index: 1;background: #fff;}
form textarea{ height:100px!important}
form label span{position:absolute;top:0;font-size: .8em;border-bottom: 1px solid #ddd;opacity: 1;width: 100%;background: #eee;line-height: 20px;font-weight: bold;}
form label span i{font-style: normal!important;margin-right: 10px;}
form label input:focus + span, form label select:focus +span, form label textarea:focus + span{color: #b4b4b4;width: 100%;opacity: 1;background: #e6e5e5;}
form label.select:after{font: 900 1em/30px 'Font Awesome 5 Free';content:"\f107";position:absolute;right: 10px;height:40px;bottom: 0;line-height:40px;z-index: 0;color: #686765;}
form label.checkbox{background:#fff;padding: 10px 10px 10px 40px;font-size: .8em;font-weight: bold;border-radius: 0;cursor: pointer;color: #888;display: flex;align-items: center;}
form label.checkbox span{font-size: 1.2em;position:relative;}
form label.checkbox span a{/* color:#fff; */text-decoration:underline;}
form label.checkbox i{display:block;position:absolute;left: 10px;width: 26px;height: 26px;line-height: 26px;text-align:center;font-family: 'Font Awesome 5 free';color:#fff;background: #fff;border-radius: 4px;font-size: .9em;color: #fff;opacity: .5;}
form label.checkbox input:checked + i{background: #ff6900;opacity: 1;}
form label.checkbox input:checked + i:after{content:"\f00c";}
form label.checkbox input{position:absolute;left: -110%;width: inherit;height: inherit;}
form a.more{font-size:.8em;display:block;margin: 0px auto 20px;padding:0;width:150px;min-height:inherit;}
form br{ display:none;}




.entrance{padding: 6em 0;position:relative;}
.entrance span{background: #81ceec;display: inline-block;padding: 0.3em 1em .2em;border-radius: 6px;font: 900 1.2em 'Nunito';text-transform: uppercase;margin: 0 0 1em;}
.entrance .btn{font-size: 1.4em;line-height: 60px;white-space: nowrap;display: flex;align-items: center;}
.entrance .btn img{ margin:0 10px 0 0}



.divider{margin: -100px 0 -40px;position:relative;z-index:2;width: 100%;display:block;fill: #fff;}
.divider.lightyellow{fill:var(--lightyellow);}
.divider.lightpink{fill:#ffdfea;}
.divider.lightblue{fill:var(--lightblue);}
.divider.gray{fill: var(--bg-color);}
.divider.darkblue{fill:#2e3d73;}



.info{background:var(--lightyellow);position: relative;z-index: 2;}
.info article h2{text-transform:uppercase; line-height:1.2em; margin:0 0 8%}
.info article h3{ font:bold 1.8em 'Open Sans'}
.info article p.large{font: normal 1.6em/1.2em 'Open Sans';margin-bottom: 8%;}
.info article p.small{font-size: 1.2em;padding: 0 0 0 8%;}
.info article ul{ font-size:1.2em;}
.info article ul li{padding: 0 0 0 70px;margin:0 0 5%;position:relative;display: flex;align-items: center;}
.info article ul li:before{content:'';display:block;width: 40px;height: 40px;position:absolute;background: url(../img/bullet_star.png) no-repeat center/contain;left: 0;}


.grid_info{display:grid;grid-template-columns: 2fr 1fr 400px;vertical-align: top;align-items: baseline;}
.grid_info .cloud{width:200px;grid-column:3;margin:-20px 35% 0;grid-row: 1;align-self: end;}
.grid_info .house{grid-column:2;grid-row:1;align-self: center;position: relative;top: -30px;width: 200px;}
.grid_info .rocket{grid-column:2;grid-row:2;display: block;position: relative;right: -130px;top: -110px;width: 150px;}
.top_form{padding: 8% 8% 4%;background:var(--pink);border-radius:40px;text-align:center;width:100%;grid-column: 3;position: relative;box-shadow: 0 20px 40px rgba(0,0,0,.2);color: #fff;top: -24%;grid-row: 1;}
.top_form h4{ text-transform:uppercase; color:#fff; margin:0 0 6%;}
.top_form p{margin:0 2% 6%;font-weight: 400;}


.method{background:var(--lightblue);position: relative;z-index: 2;color: var(--blue);padding: 3% 0 6%;}
.method .wrapper{padding:0 10%;}
.method .wrapper h2{ text-transform:uppercase; margin:0 0 4%}
.method .wrapper p{ text-align:justify; margin:0 0 4%}
.method .wrapper article{margin: 0 12% 0 14%;}
.method .interes{position:relative; display:flex; align-items:center; justify-content:center;}
.method .interes img{width:100%;clear: both;}
.method .interes span{position:absolute; color:#fff; font:900 1em 'Nunito'; text-transform:uppercase; font-size:1.2em; width:70%; line-height:1em;}
.method img.sun{width: 100px;margin: 10px 0 0 30px;}
.method img.planet{width: 130px;margin:0 0 0 100px;}
.method img.stars{width: 80px;margin: 0 0 0 50%;}
.method .cloud{position:absolute; left:0; top:-100px; width:200px;z-index:0;}

.weare{background: var(--bg-color);position: relative;z-index: 2;color: var(--blue);padding: 0% 0 5%;}
.card_are{display:flex;align-items:center;justify-content:space-between;margin: 0 auto 2%;max-width: 800px;}
.card_are:last-child{direction: rtl;}
.card_are figure{position:relative;border:1px solid var(--pink);border-radius:10px;padding:10px;width: 45%;height: 100%;display: flex;align-items: center;justify-content: center;background: #fff;}
.card_are figure img{position:absolute;width:100%;height:100%;object-fit: cover;object-position: center 20%;left: 10px;top: 10px;border-radius: 10px;}
.card_are figure figcaption{position:relative;color:#fff;text-shadow:0 0 10px #000;font:900 1.6em 'Nunito';text-transform:uppercase;margin: 40% 0 0;}
.card_are div{padding: 6%;width: 50%;text-align: left;}
.weare .cloud{position:absolute;right: 4%;top: -130px;width:200px;z-index:0;}

.offer{background:var(--lightyellow);position: relative;z-index: 2;color: var(--blue);padding: 0% 0 5%;}
.offer .card{display:flex;flex-wrap:wrap;justify-content: space-between;padding: 0 4%;}
.offer .card h3{width: 100%;margin: 0 0 2%;text-transform: uppercase;}
.offer .card .exp{ width:75%}
.offer .card .exp p{text-align:justify;}
.offer .card img{width: 20%;object-fit: contain;}
.offer .card.top{margin:0 auto 6%;width: 60%;}
.offer .card.top h3{font-size: 2.2em;text-transform:uppercase;}


.services{background:#fff;position: relative;z-index: 2;padding: 0% 0 5%;}
.services .large_title{margin:0;}
.services h4{text-transform: uppercase;text-align: center;font-size: 1.6em; min-height:3em}
.services h4 small{ font-size:.8em}
.services strong{display:block;font: 900 2.2em 'Nunito';color:var(--blue);text-align:center;position:absolute;text-align:center;bottom: 0;width: 100%;left: 0; width:100%;}
.service_card{display:flex; flex-wrap:wrap;}
.service_card.blue{ background:#c2f0ff}
.service_card.pink{ background:#fdc5d8}
.service_card .content_card{padding: 0% 6% 50px;position: relative;min-height: 24em;border-radius: 0 0 20px;width: 100%;}
.service_card .content_card ul li{padding: 0 0 0 20px;margin: 0 0 6%;font-size:1.1em;position:relative;}
.service_card .content_card ul li:after{content:'';width: 7px;height: 7px;background:var(--blue);display:block;position:absolute;left:0;top:8px;border-radius:10em;}
.service_card.blue .content_card{background:#c2f0ff;}
.service_card.pink .content_card{background:#fdc5d8;}
.service_card.green .content_card{background:#c8f3d9;}
.service_card span{background-repeat: no-repeat;display: block;background-size: contain;width: 100%;background-color: #fff;}
.service_card span.top{height: 91px;background-position: bottom;align-self: flex-start;}
.service_card span.bottom{height: 70px;background-position: center -1px;align-self: flex-end;}
.service_card.blue span.top{ background-image: url(../img/top_blue.svg);}
.service_card.pink span.top{ background-image: url(../img/top_pink.svg);}
.service_card.green span.top{ background-image: url(../img/top_green.svg);}
.service_card.blue span.bottom{ background-image: url(../img/bottom_blue.svg);}
.service_card.pink span.bottom{ background-image: url(../img/bottom_pink.svg);}
.service_card.green span.bottom{ background-image: url(../img/bottom_green.svg);}
.services .bear{ position:absolute; top:50%; transform:translate(0,-100%); z-index:0; left:-10px}
.services .cat{position:absolute;top:50%;left:50%;transform:translate(0,-100%);z-index:0;margin: 0 0 0 40%;}
.services .ballon{position:absolute;top:0%;right:10%;transform:translate(0,-50%);z-index:0;}


.contact{background: #ffdfea;position: relative;z-index: 2;padding: 2% 0 8%;}
.contact .large_title{margin: 0 0 2%;}
.contact p{width:100%;font:900 1em 'Nunito';color:var(--blue);text-align: center;text-transform: uppercase;margin: 0 auto 2%;max-width: 500px;}
.contact .separator{width:100%;}
.contact form{display: flex; width:100%; margin:0 0 4%;}
.contact form .btn{border-radius:10px; color:#fff;}
.contact form label{ width:100%; margin:0 20px 0 0}
.contact a{display:flex;width:100%;font:900 2em 'Nunito';justify-content: center;align-items: center; color:var(--blue)}
.contact a img{ width:50px; height:50px; margin:0 10px 0 0}


.comments{background: var(--bg-color);position: relative;z-index: 2;padding: 2% 0 8%;}
.comments .large_title{margin:0 0 2%;}

.carosuel_comments{width:100%; display:flex;}
.comment{ width:100%; padding:2%;}
.comment p{background: #e887a6;min-height: 13em;border-radius:30px;color:#fff;display:flex;align-items:center;padding: 100px 6% 4% 10%;font-size:1.1em;position: relative;margin: 0 0 20px;}
.comment p:before{content:'';display:block;width: 70px;height: 70px;position:absolute;top: 20px;background: url(../img/comms.png) no-repeat center/contain;}
.comment p:after{width: 30px;height: 30px;content:'';position:absolute;top: 100%;border-left: 30px solid #e887a7;border-radius: 0 0 0 10em;left: 10%;}
.comment figure{align-items:center;padding: 0 0 0 10%;font-size:1.1em;position: relative;font: 900 1em 'Nunito';color: var(--blue);display: flex;align-items: center;}
.comment figure img{width: 70px;height: 70px;display:block;border-radius:10em;overflow: hidden;}
.comment figure figcaption{padding:4%;}
.comment figure figcaption span{ display:block;}
.comment figure figcaption span.stars{display:flex;margin: 10px 0 0;}
.comment figure figcaption span.stars img{width: 25px;height: 25px;}

.comment.blue p{background:#46b2e0;}
.comment.blue p:after{border-color:#46b2e0;}
.comment.yellow p{background:#ffc85b;}
.comment.yellow p:after{border-color:#ffc85b;}


@media (prefers-reduced-motion: reduce) {
  *[data-animation^="fade"]{opacity: 1; animation-duration: 0s}
}


/* ///// responsive ///// */

/* laps */
@media only screen and (max-width: 1281px) {
    nav ul li{/* margin:0 5px */}
}

/* tablet landscape */
@media only screen and (max-width: 1024px) {
    .entrance .btn{font-size:1.1em}
}

/* tablet portrait */
@media screen and (max-width: 800){
}

/* mobile portrait */
@media only screen and (max-width: 799px) {

.col_aside,.col_2,.col_3,.col_3f,.col_4f,.col_4{width: 100%;}
    .col_4g{width: 100%;padding: 0;}
.inner{width:100%;padding: 0 5%;}

header{height:80px;}
header menu{display:none;}
header .logo{width:160px;}
header.fixed .logo{width:100px;}

.open_nav{display:block;}

.divider{height: auto;margin: -30px 0 -1px 0;}

.entrance{padding:4em 0 6em;}
.entrance h1{width: 70%;font-size: 2.4em;}
.entrance h1 br{ display:none;}
.entrance .btn{font-size:.9em; padding: 0 10px}
.entrance .btn img{ width:20px; }

.info{padding: 0 0 23%;}
.grid_info{grid-template-columns:1fr;width: 100%;}
.top_form{grid-column:1;grid-row:1;margin: 0 0 2%;top: -10%;}
.grid_info .cloud{grid-column:1 ;display:none;}
.grid_info .house{grid-column:1;position: absolute;top: 44%;right: 0;width: 100px;}
.grid_info .rocket{grid-column:1;position: absolute;right: 0;top: 57%;width: 80px;}

.method .wrapper{padding: 0 0 17%;}
.method .wrapper article{margin: 0 8%;}
.method .interes{width:200px; margin:0 auto;}
.method img.stars{display:none;}


.weare{padding:8% 0}
.card_are{flex-wrap:wrap; margin-bottom:10%}
.card_are div{width:100%;}
.card_are figure{width:100%;height: 230px;margin: 0 0 0 -5px;}

.offer .card{margin:0 0 10%}
.offer .card.top{width:100%;margin: 0 0 10%;}
.offer .card.top .exp{width:100%;}
.offer .card.top img{width:100%; height:80px;}

.service_card .content_card{min-height:auto;}

.contact{padding:2em 0 4em;}
.contact form{margin:12% 0;flex-wrap: wrap;}
.contact form label{margin:0 0 4%;}
.contact form .btn{ width:100%; line-height:50px;}

.comment{padding:6%}

footer .logo{margin:0 auto;}
footer .stars{top:0px; width:40px;}
footer .inner{flex-wrap:wrap;text-align: center;}
footer a, footer span{justify-content:center;}
}