/*шапка*/
.mainHeader{position: fixed;z-index: 20;padding: 30px 0;left: 0;top: 0;width: 100%;}
.mainHeader .contentos{position: relative;}
.mainHeader .box{text-align: justify;line-height: 0;}
.mainHeader .box:after{display: inline-block;width: 100%;content: '';}
.mainHeader .logo{max-width: 242px;position: relative;display: inline-block;vertical-align: middle;text-align: left;line-height: 1.2}
.logo img{width: 100%;height: auto;}
.mainHeader .menu{line-height: 1.2;}
.mainHeader .menu{margin-top: 10px;font-size: 1rem;width: calc(100% - 300px);text-align: right;display: inline-block;vertical-align: middle;line-height: 1.2;}
.mainHeader .menu a{display:inline-block;color:inherit;text-decoration:none;display:inline-block;margin:5px 10px;}
.mainHeader .menu a:visited{text-decoration:none;color:inherit;}
.mainHeader .menu a:hover{text-decoration:none;color:#5da5a5;}
.mainHeader .menu a:active{text-decoration:none;color:#5da5a5;}
.mainHeader .menu a.active{text-decoration:none;color:#5da5a5;}
.mainHeader .menu a.s_b{padding:2px 15px;min-width: 0;color: #222 !important;line-height: 1;margin-top: 0;}

.scrolled .mainHeader{padding: 5px 0;background: #e6eef2;border-bottom: 1px solid #eee;}


main{margin-bottom: 100px;}
main .sec:first-of-type{padding-top: 150px;}
.sec{margin-bottom: 100px;}




.h_block {background: url('../images/k1.jpg') 50% 0% no-repeat; background-size: 100% auto; background-color: #e6eef2;}
.h_block .contentos{max-width: 1000px;position: relative;}
.h_block .slogan{font-size: 5.6rem;text-align: center;line-height: 1;margin-bottom: 40px;}
.h_block .under_slogan{font-size:2rem;text-align: center;line-height: 1;margin-bottom: 40px;}
.h_block .gals1{font-size:1.3rem;text-align: center;line-height: 1.1;margin-bottom: 10px;text-align: justify;}
.h_block .gals1 > div{padding-left: 35px;background: url('../images/i1.png') 0% 50% no-repeat; background-size: 27px auto;display: inline-block;text-align: left;padding-top: 2px;}
.h_block .gals1:after{display: inline-block;width: 100%;content: '';}
.h_block .gals2{height: 10px;position: relative;}
.h_block .gals2 > div{position: absolute;padding: 5px;border-radius: 36px;overflow: hidden;cursor: pointer;z-index: 10;}
.h_block .gals2 > div:nth-of-type(1){right: 130px;top: 30px;}
.h_block .gals2 > div:nth-of-type(2){right: 0px;top: 30px;}
.h_block .gals2 > div:nth-of-type(3){right:65px;top: 125px;}
.h_block .gals2 > div figure{width: 65px;position: relative;float: right;}
.h_block .gals2 > div img{width: 100%;height: auto;}
.h_block .gals2 > div > div{float: left;max-width: 250px;padding:0;display: inline-block;width: 0; height: 65px;  overflow: hidden;padding-top: 3px;text-align: center;}
.h_block .gals2 > div:hover {background: #fff;}
.h_block .gals2 > div:hover > div{width: auto;padding: 10px 20px 0;}
.h_block .fon{max-width: 700px;margin: auto;position: relative;}
.h_block .fon img{width: 100%;height: auto;}
.h_block .butts{position: absolute;z-index: 5;bottom: 100px;left: 0;right: 0;text-align: center;padding: 0 10%;}
.h_block .butts .s_b:nth-of-type(1){float: left;font-size: 1.2rem;}
.h_block .butts .s_b:nth-of-type(2){float: right;font-size: 1.2rem;}


.why h2.h2{text-align: center;}
.why .contentos{max-width: 1600px;}
.why .box{text-align: center;margin-top:50px;}
.why .one{display: inline-block;width: 21%;vertical-align: top;margin: 20px 1%;box-sizing: border-box;padding: 15px 30px;min-height: 220px;-webkit-box-shadow: 14px 30px 41px 12px rgba(34, 60, 80, 0.24);-moz-box-shadow: 14px 30px 41px 12px rgba(34, 60, 80, 0.24);box-shadow: 14px 30px 41px 12px rgba(34, 60, 80, 0.24);border-radius:50px;}
.why .one figure{width: 47px;position: relative;margin:0 auto 5px;}
.why .one figure img{width: 100%;height: auto;}
.why .one .btext{color: #2d4f63;font-size: 1.2rem;margin-bottom: 10px;font-weight: bold;}


.tarifs h2.h2{text-align: center;}
.tarifs .contentos{max-width: 1600px;}
.tarifs .box{text-align: center;margin-top:100px;}
.tarifs .one{display: inline-block;width: 31%;vertical-align: top;margin: 40px 1% 100px;box-sizing: border-box;padding: 15px 30px;border-radius:50px;background: #E8EDF1;position: relative;min-width: 350px;}
.tarifs .one:first-of-type{background: #ECDAA8;}
.tarifs .one .fig1{width: 100%;margin: -140px auto 20px;position: relative;max-width: 323px;}
.tarifs .one .fig1 img{width: 100%;height: auto;margin-bottom: 10px;}
.tarifs .one .fig2{position: absolute;z-index: 5;right: 50px;top: 15px;width: 130px;background: url('../images/round.png') 0% 0% no-repeat; background-size: 100% 100%;text-align: center;min-height: 130px;color:#5da5a5;box-sizing: border-box;padding-top: 25px;font-size: 0.9rem;}
.tarifs .one:first-of-type .fig2{color: #eac46a;}
.tarifs .one .fig2 img{width: 25px;height: auto;margin-bottom: 5px;}
.tarifs .one .fig2 div{padding: 0 20px;}
.tarifs .one .txt {text-align: left;padding: 0 20px 20px;min-height: 270px;}
.tarifs .one .btext{color: #2d4f63;font-size: 1.5rem;margin-bottom: 10px;font-weight: bold;}
.tarifs .one ul{list-style-position: inside;}
.tarifs .one ul li{margin-bottom: 0;}
.tarifs .mpoe{margin-top: -30px;text-align: center;}


.howwork {background: url('../images/l1.png') 0% 0% no-repeat, url('../images/l2.png') 100% 100% no-repeat;padding-bottom: 100px;}
.howwork h2.h2{text-align: center;}
.howwork .contentos{max-width: 1200px;}
.howwork .box{position: relative;min-height: 200px;margin-top: 50px;}
.howwork .step{position: absolute;z-index: 5;padding-left: 80px;width: 330px;padding-top: 12px;}
.howwork .step::before{display: block;position: absolute;z-index: 5;left: 0;top: 0;width: 68px;border-radius: 50%;background: #DFC36F;color: #fff;font-size: 30px;line-height: 1;text-align: center;padding: 19px 0;}
.howwork .step.step1{left: 0;top: 0;}
.howwork .step.step2{right: 0;top: 0;}
.howwork .step.step3{left: 33%;top: 100px;}
.howwork .step.step1:before{content: '1';}
.howwork .step.step2:before{content: '2';}
.howwork .step.step3:before{content: '3';}
.howwork .step.step2::after,.howwork .step.step3::after{content: '';display: block;position: absolute;z-index: 5;right: 105%;background-position: center;background-repeat: no-repeat;background-size: cover;}
.howwork .step.step2::after{width: 169px;height: 71px;background-image: url('../images/ar2.png');top:10px;}
.howwork .step.step3::after{width: 194px;height: 79px;background-image: url('../images/ar1.png');top:-10px;}


.recallMain{margin-top: -100px;}
.recallMain h2.h2{text-align: center;}
.recallMain .contentos{max-width: 1600px;}
.recallMain .box{text-align: center;margin-top:50px;}
.recallMain .one{display: inline-block;width: 21%;vertical-align: top;margin: 20px 1%;box-sizing: border-box;padding: 45px 30px;min-height: 220px;-webkit-box-shadow: 14px 30px 41px 12px rgba(34, 60, 80, 0.24);-moz-box-shadow: 14px 30px 41px 12px rgba(34, 60, 80, 0.24);box-shadow: 14px 30px 41px 12px rgba(34, 60, 80, 0.24);border-radius:50px;}
.recallMain .one figure{width: 80%;position: relative;margin:0px auto 25px;border-radius: 50%;overflow: hidden;}
.recallMain .one figure img{width: 100%;height: auto;}
.recallMain .one .btext{color: #2d4f63;font-size: 1.2rem;margin-bottom: 10px;font-weight: bold;}


.foodsell{background: #E8EDF1;padding: 50px 0;}
.foodsell .h2more {color: #DEC46F;font-size: 1.3rem;font-weight: bold;letter-spacing: 1px;margin: 10px 0 20px;}
.foodsell .box {position: relative;margin-top: 40px;}
.foodsell .box .fon{position: absolute;left: 0;top: 0;right: 58%;bottom: -100px;z-index: 2;background: url('../images/shop.jpg') 0% 0% no-repeat;background-size: cover;border-radius:50px; }
.foodsell .box .fon .round{position: absolute;top: -30px;right: -12%;;width: 200px;background: url('../images/round.png') 50% 50% no-repeat;background-size: cover;padding:30px;box-sizing: border-box;text-align: center;overflow: hidden;font-size: 0.9rem;color: #13ACAB;z-index: 3;min-height: 200px;}
.foodsell .txt {margin-left: 50%;max-width: 650px;padding-right: 30px;}
.foodsell .gals2 > div{border-bottom: 1px solid #13ACAB;padding: 20px 0;}
.foodsell .gals2 > div > *{display: inline-block;vertical-align: middle;}
.foodsell .gals2 > div > figure{width: 34px;position: relative;}
.foodsell .gals2 > div figure img{width: 100%;height: auto;}
.foodsell .gals2 > div > div{width: calc(100% - 50px);margin-left: 5px;}
.foodsell .txt .bis{color: #13ACAB;margin-top: 20px;}
.foodsell .txt .s_b{background: #13ACAB;border-color:#13ACAB;margin-top: 40px; }



























/*футер*/
footer{position:relative;text-align:center;padding:50px 0px;overflow: hidden;background: #E8EDF1;}
footer a{color:inherit !important;}
footer .contentos{position:relative;margin:auto;overflow:hidden;}
footer .cop{float: left;width: 240px;text-align: left;}
footer .fkont{text-align: right;}
footer .fmenu{padding:20px 10px 10px;border-top:1px solid #ccc;margin:30px auto 10px;}
footer .techInfo{margin-left: 300px; text-align: left;font-size: 0.8rem;column-count: 2; column-gap: 1%;}
footer .techInfo a{margin-bottom: 10px;}
footer a{display:inline-block;text-decoration:none;margin:0 10px;}
footer a:visited{text-decoration:none;}
footer a:hover{text-decoration:underline;}
footer a:active{text-decoration:underline;}
.ramb{text-align:left;margin:20px 0 0 0;}



























/*адаптивность*/
@media screen and (min-width:1000px){
}

@media screen and (max-width:1500px){
.h_block {background-position:50% 100px;}
}
@media screen and (max-width:1200px){
.why .one{width: 42%;}
.recallMain .one{width: 42%;}
}
@media screen and (max-width:1000px){
.contentos{padding: 0 10px;}
.h_block .gals1 {text-align: center;word-spacing: 100vw;}
.h_block .gals1 > div{margin-bottom: 10px;word-spacing: normal;max-width: 240px;}
}
@media screen and (max-width:900px){
.howwork {background: none;}
.howwork .contentos{max-width: 450px;}
.howwork .step{position: relative;width: auto;margin-bottom: 50px;display: inline-block;}
.howwork .step.step1{left: 0;top: 0;}
.howwork .step.step2{right: 0;top: 0;}
.howwork .step.step3{left:0; top:0;}
.howwork .step.step2::after,.howwork .step.step3::after{display: none;}
}
@media screen and (max-width:800px){
.sec{margin-bottom: 50px;}
.mainHeader{padding: 5px 0;}
.mainHeader .logo{width: calc(100% - 65px);}
.mainHeader .menu{display: none;position: fixed;left: 0;width: 100%;background: #fff;top:75px;}
.mainHeader .menu a{display:block;text-align: center;margin: 5px 0;}
.mainHeader .menu.active{display:block;}
.cmn-toggle-switch{display: inline-block;vertical-align: middle;margin-top: 10px;position: relative;}
.h_block {background: #e6eef2;}
.h_block .gals2{display: none;}
.h_block .butts{position: relative;bottom: 20px;text-align: center;padding: 0;}
.h_block .butts .s_b:nth-of-type(1){float: none;}
.h_block .butts .s_b:nth-of-type(2){float: none;margin: 25px;}
.foodsell .h2{text-align: center;}
.foodsell .h2more{text-align: center;}
.foodsell .box .fon{position: relative;padding-top: 60%;margin: 40px auto 10px;max-width: 500px;width: 90%;}
.foodsell .txt{margin-left: 0;padding-left: 10px;padding-right: 10px;max-width: 400px;margin-left: auto;margin-right: auto;}
}
@media screen and (max-width:600px){
.why .one{width: 94%;min-height: 0;padding-bottom: 30px;}
.recallMain .one{width: 94%;min-height: 0;padding-bottom: 30px;}
}
@media screen and (max-width:500px){
main .sec:first-of-type{padding-top: 120px;}
}