@font-face{font-family:'Calibri';src:local('Calibri'), url(/usertpl/fonts/calibri.ttf);}
body{margin:0;padding:0;font-family:"Calibri", "sans-serif";font-size:16px;}
body > div{transition:0.15s;}
input, textarea{font-family:inherit;}
a.scroll{height:0;display:block;}
.flex{display:flex;justify-content:space-between;flex-wrap:wrap;}
.flex{display:-webkit-flex;-webkit-justify-content:space-between;-webkit-flex-wrap:wrap;}
.flex-ai-c{align-items:center;-webkit-align-items:center;}
.flex-jc-sa{justify-content:space-around;-webkit-justify-content:space-around;}
.gwrap{width:1142px;margin:0 auto;position:relative;height:100%;}
.underhead{height:114px;}
.head{background:#f6f6f6;position:fixed;width:100%;top:0;z-index:10;transition:0.5s;}
.head .logo{background:url(/usertpl/img/logo.png) no-repeat center center/contain;width:149px;height:114px;transition: 0.7s;}
.head .menu{margin-top:50px;margin-bottom:20px;text-align:center;}
.head .menu .item{display:inline-block;height:30px;line-height:30px;padding:0 15px;color:#353432;font-size:17px;text-decoration:none;margin:1px;}
.head .menu .item.active{background:#fff;}
.head .phone{font-size:26px;color:#2b2a28;font-weight:bold;text-align:right;margin-top:55px;width:200px;line-height:15px;}
.head .phone span{font-size:22px;color:#0fabc3;font-weight:normal;}
.head .phone .recall{border-bottom:1px dashed;display:inline-block;font-size:18px;color:#343433;font-weight:normal;cursor:pointer;}
.head.scroll{}
.head.scroll .logo{height:70px;}
.head.scroll .menu{margin-top:20px;margin-bottom:10px;}
.head.scroll .phone{margin-top:15px;}
.sc1{background:url(/usertpl/img/sc1.png) no-repeat center center/cover;height:623px;}
.sc1 .t1{position:absolute;top:-380px;left:308px;text-align:center;height:150px;line-height:150px;width:528px;background:rgba(255,255,255,0.57);color:#10acc4;font-size:130px;text-shadow:0 0 5px #fff;transition:0.8s;}
.sc1 .t1.vis{top:80px;}
.sc1 .t2{position:absolute;top:256px;left:-1800px;text-align:center;padding:6px 23px;color:#c41806;font-size:35px;font-weight:bold;background:rgba(255,255,255,0.73);transition:1.6s linear;}
.sc1 .t2.vis{left:0;}
.sc1 .t3{position:absolute;top:352px;left:84px;line-height:56px;width:706px;padding:0 30px;color:#fff;font-size:40px;font-weight:bold;background:rgba(14,172,196,0.55);opacity:0;transition:2s cubic-bezier(0.95,0,0.95,0);}
.sc1 .t3.vis{opacity:1;}
.sc1 .t3 .l{text-align:left;}
.sc1 .t3 .r{text-align:right;}
.sc1 .stars{position:absolute;bottom:77px;left:0;width:100%;text-align:center;height:33px;}
.sc1 .stars .star{background:url(/usertpl/img/sc1-star.png);width:33px;height:33px;margin:0 2px;display:inline-block;position:relative;opacity:0;transform:rotate(1480deg);-webkit-transform:rotate(1480deg);transition:2.7s cubic-bezier(0.7,0.1,0.7,0.1);}
.sc1 .stars .star:nth-child(1){top:0;left:-400px;}
.sc1 .stars .star:nth-child(2){top:-500px;left:-200px;}
.sc1 .stars .star:nth-child(3){top:-1000px;left:0px;}
.sc1 .stars .star:nth-child(4){top:-500px;left:200px;}
.sc1 .stars .star:nth-child(5){top:0;left:400px;}
.sc1 .stars .star.vis{top:0;left:0;opacity:1;transform:rotate(0deg);-webkit-transform:rotate(0deg);}
.sc1 .arrow{position:absolute;width:100%;bottom:10px;background:url(/usertpl/img/sc1-arrow.png) no-repeat center center;height:43px;cursor:pointer;}
.sc1 .form{color:#343232;text-align:center;position:absolute;right:0;bottom:40px;width:240px;height:280px;padding:25px 15px;background:rgba(255,255,255,0.75);z-index:1;}
.sc1 .form .title{font-size:30px;}
.sc1 .form .descr{font-size:16px;margin-bottom:12px;}
.sc1 .form input{display:block;font-size:20px;height:38px;width:218px;padding:0 10px;outline:none;background:#fff;border:1px solid #e0e7ed;color:inherit;margin-bottom:12px;border-radius:2px;}
.sc1 .form .btn{font-size:20px;font-weight:bold;color:#fff;background:#5ebac6;border-radius:3px;height:38px;line-height:38px;cursor:pointer;}
.sc1 .to-form{display:none;position:absolute;bottom:70px;text-align:center;width:100%;z-index:2;}
.sc1 .to-form .btn{background:rgba(255,255,255,0.75);padding:10px 20px;font-size:26px;color:#343232;display:inline-block;cursor:pointer;}
.sc2{background:url(/usertpl/img/sc2.png) no-repeat center center/cover;min-height:1304px;}
.sc2 .title{text-align:center;color:#10acc4;font-size:50px;padding:6px;}
.sc2 .descr{margin:0 auto 70px;max-width:310px;min-height:40px;padding:0 60px;text-align:center;color:#c41806;font-size:36px;font-style:italic;background:url(/usertpl/img/sc2-descr-star.png) no-repeat left 17px top 13px, url(/usertpl/img/sc2-descr-star.png) no-repeat right 17px top 13px #f7f7f7;}
.sc2 .array{}
.sc2 .array .item{transition:0.4s;width:270px;height:448px;border:3px solid #10abc4;border-width:3px 0;position:relative;text-align:center;background:#eaf5f8;margin-bottom:50px;z-index:1;}
.sc2 .array .item:hover{transform:scale(1.05);-webkit-transform:scale(1.05);box-shadow:0 2px 6px;}
.sc2 .array .item .img{height:174px;background:no-repeat center center/cover;margin-bottom:35px;}
.sc2 .array .item .skid{position:absolute;top:-39px;left:96px;width:72px;height:72px;color:#fff;background:#c41806;border:3px solid #03a8c0;border-radius:50%;text-align:center;font-weight:bold;font-size:16px;line-height:14px;}
.sc2 .array .item .skid span{font-size:29px;margin-top:21px;display:inline-block;}
.sc2 .array .item .atitle{color:#292828;font-weight:bold;font-size:18px;margin-bottom:15px;}
.sc2 .array .item .param{color:#454343;font-size:18px;}
.sc2 .array .item .param span{color:#c41806;font-weight:bold;}
.sc2 .array .item .btn{display:block;text-decoration:none;margin:17px auto 3px;width:224px;height:50px;line-height:50px;text-align:center;color:#fff;background:#10abc4;font-size:23px;font-weight:bold;cursor:pointer;}
.sc2 .array .item .link{display:inline-block;border-bottom:1px dashed;text-decoration:none;color:inherit;}
.sc2 .array .item .stars{margin-bottom:10px;text-align:center;}
.sc2 .array .item .stars .star{background:url(/usertpl/img/sc2-array-star.png);width:24px;height:22px;display:inline-block;margin:0 1px;}
.sc2 .array .item .stars .estar{background:url(/usertpl/img/sc2-array-estar.png);width:24px;height:22px;display:inline-block;margin:0 1px;}
.sc3{min-height:682px;background:url(/usertpl/img/sc3.png) no-repeat center center/cover;}
.sc3 .title{line-height:40px;margin:0px auto 40px;padding-top:30px;font-size:50px;color:#10acc4;text-align:center;}
.sc3 .array{}
.sc3 .array .item{width:170px;padding:0 40px;color:#292828;font-size:18px;font-weight:bold;text-align:center;margin-bottom:50px;}
.sc3 .array .item:hover .img{transform:rotate(20deg);-webkit-transform:rotate(25deg);}
.sc3 .array .item .img-over{background:rgba(255,255,2555,0.56);padding:4px;border-radius:50%;margin:0 auto 15px;width:142px;}
.sc3 .array .item .img{width:142px;height:142px;margin:0 auto;background:#0ca9c2 no-repeat center center;border-radius:50%;transition:0.3s;}
.sc4{min-height:663px;padding-bottom:20px;background:url(/usertpl/img/sc4.png) no-repeat center center/cover;}
.sc4 .title{line-height:40px;margin:0px auto;padding-top:30px;font-size:50px;color:#10acc4;text-align:center;}
.sc4 .array{}
.sc4 .array .item{width:270px;margin-bottom:25px;margin-top:100px;}
.sc4 .array .item .ahead{text-align:center;color:#fff;font-size:18px;font-weight:bold;background:rgba(0,0,0,0.43);height:50px;padding-top:47px;position:relative;}
.sc4 .array .item .ahead .img{width:124px;;height:88px;margin:0 auto;border:3px solid #0ca9c2;border-radius:8px;position:absolute;top:-50px;left:70px;background:  no-repeat center center / cover #F6F6F6;}
.sc4 .array .item .ahead .stars{}
.sc4 .array .item .ahead .stars .star{display:inline-block;background:url(/usertpl/img/sc4-star-otz.png);width:18px;height:17px;}
.sc4 .array .item .text{text-align:left;color:#292828;font-size:17px;padding:20px 15px;height:190px;background:#f4f4f4;overflow: hidden;transition: 0.5s;position: relative;}
.sc4 .array .item .text:after {content: "";display: block;position: absolute;bottom:0;left:0;width: 100%;height: 100px;background:linear-gradient(rgba(244,244,244,0) 0%,rgba(244,244,244,1) 100%);cursor: pointer;}
.sc4 .array .item .text.vis {height: auto;}
.sc4 .array .item .text.vis:after {height: 0;}
.sc4 .descr{color:#fff;font-size:18px;text-align:center;background:rgba(0,0,0,0.43);padding:15px 20px;margin-bottom:27px;}
.sc4 .btn{background:#19b0c6;text-align:center;color:#fff;font-size:23px;font-weight:bold;height:50px;line-height:50px;border:1px solid #0592a7;max-width:330px;margin:0 auto;cursor:pointer;}
.sc5{min-height:613px;background:url(/usertpl/img/sc5.png) no-repeat center center/cover;position:relative;}
.sc5 .title{text-align:center;color:#fafcfc;font-size:50px;height:35px;line-height:35px;margin-bottom:30px;}
.sc5 .underlay{padding:27px 35px 40px;background:rgba(0,0,0,0.43);color:#fff;}
.sc5 .underlay .line{background:#bab3b3;width:1px;}
.sc5 .underlay .block1{font-size:18px;width:510px;line-height:22px;position:relative;}
.sc5 .underlay .block1 span{font-size:20px;font-weight:bold;}
.sc5 .underlay .block1 .last{position:absolute;bottom:0;}
.sc5 .underlay .block2{font-size:20px;width:230px;line-height:24px;}
.sc5 .underlay .block2 span{font-weight:bold;}
.sc5 .underlay .block2 .map{font-size:18px;display:inline-block;border-bottom:1px dashed;cursor:pointer;}
.sc5 .underlay .block3{font-size:16px;width:242px;text-align:center;position:relative;min-height:337px;}
.sc5 .underlay .block3 span{font-size:30px;}
.sc5 .underlay .block3 .form{color:#9a9a99;bottom:0;position:absolute;}
.sc5 .underlay .block3 .form input{display:block;font-size:20px;height:38px;width:218px;padding:0 10px;outline:none;background:#fff;border:1px solid #e0e7ed;color:inherit;margin-bottom:12px;border-radius:2px;}
.sc5 .underlay .block3 .form .btn{font-size:20px;font-weight:bold;color:#fff;background:#19b0c6;border-radius:0px;height:70px;line-height:70px;cursor:pointer;}
.footer{min-height:85px;background:#f6f6f6;padding:10px 0;}
.footer .l{font-weight:bold;font-size:26px;color:#2b2a28;line-height:17px;text-align:left;margin:20px 0;}
.footer .l span{font-weight:normal;font-size:22px;color:#0fabc3;}
.footer .l .recall{font-weight:normal;font-size:18px;color:#343433;border-bottom:1px dashed;display:inline-block;cursor: pointer;}
.footer .r{font-weight:bold;font-size:26px;color:#2b2a28;line-height:17px;text-align:right;}
.footer .r span{font-weight:normal;font-size:20px;color:#0fabc3;}
.footer .r .dev{font-weight:normal;font-size:18px;color:#343433;}
.footer .btn{width:275px;height:45px;line-height:45px;text-align:center;color:#fff;font-size:23px;font-weight:bold;background:#c41806;cursor:pointer;margin:20px 0;}
.footer .arrow{background:url(/usertpl/img/up.png);width:51px;height:68px;margin:0 auto;cursor:pointer;transition:0.4s;}
.footer .arrow:hover{margin-top:-35px;}
.bg{display:none;position:fixed;top:0;bottom:0;right:0;left:0;}
.pop{color:#fff;text-align:center;width:400px;padding:25px;background:rgba(0,0,0,0.5);margin:auto;display:none;position:relative;z-index:100;}
.pop .close{position:absolute;top:-8px;right:7px;font-size:36px;transform:rotate(45deg);cursor:pointer;}
.pop .title{font-size:30px;}
.pop .descr{font-size:16px;margin-bottom:12px;}
.pop input{display:block;font-size:20px;height:38px;width:380px;padding:0 10px;outline:none;background:#fff;border:1px solid #e0e7ed;color:#666;margin-bottom:12px;border-radius:2px;}
.pop textarea{display:block;font-size:20px;width:380px;padding:0 10px;outline:none;background:#fff;border:1px solid #e0e7ed;color:#666;margin-bottom:12px;border-radius:2px;}
.pop .btn{transition:0.15s;font-size:20px;font-weight:bold;color:#fff;background:#5ebac6;border-radius:3px;height:38px;line-height:38px;cursor:pointer;}
.error{border-color:red !important;box-shadow:0 0 3px red;color:red !important;}
.blur{-webkit-filter:blur(10px);-moz-filter:blur(10px);-o-filter:blur(10px);-ms-filter:blur(10px);filter:blur(10px);}
.yamap{display:none;}
.fixed{position:fixed;left:-84px;background:rgba(255,255,255,0.5);text-decoration:none;color:#343232;transform:rotate(-90deg);-webkit-transform:rotate(-90deg);padding:5px 0px;height:20px;line-height:20px;width:200px;text-align:center;z-index:10;}
.fixed.left1{top:200px;}
.fixed.left2{top:450px;}
.btn{transition:0.15s;}
.btn:hover{opacity:0.8;box-shadow:0 1px 2px #000;}
.btn:active{transform:scale(0.95);-webkit-transform:scale(0.95);box-shadow:0 0px 0px #000;}
@-webkit-keyframes shatal{15%{-webkit-transform:translateX(5px);transform:translateX(5px);}
    30%{-webkit-transform:translateX(-5px);transform:translateX(-5px);}
    50%{-webkit-transform:translateX(3px);transform:translateX(3px);}
    65%{-webkit-transform:translateX(-3px);transform:translateX(-3px);}
    80%{-webkit-transform:translateX(2px);transform:translateX(2px);}
    100%{-webkit-transform:translateX(0);transform:translateX(0);}
}
@keyframes shatal{15%{-webkit-transform:translateX(10px);transform:translateX(10px);}
    30%{-webkit-transform:translateX(-10px);transform:translateX(-10px);}
    50%{-webkit-transform:translateX(5px);transform:translateX(5px);}
    65%{-webkit-transform:translateX(-5px);transform:translateX(-5px);}
    80%{-webkit-transform:translateX(3px);transform:translateX(3px);}
    100%{-webkit-transform:translateX(0);transform:translateX(0);}
}
.anim-shatal{-webkit-animation:shatal 1s ease;animation:shatal 1s ease;-webkit-animation-iteration-count:1;animation-iteration-count:1;}
@-webkit-keyframes arrow-inf{0%{bottom:10px;}
    50%{bottom:25px;}
    100%{bottom:10px;}
}
@keyframes arrow-inf{0%{bottom:10px;}
    50%{bottom:25px;}
    100%{bottom:10px;}
}
.anim-arrow-inf{-webkit-animation:arrow-inf 1s linear infinite;animation:arrow-inf 1s linear infinite;}
.anim-grow{-webkit-transform:scale(0.01);-ms-transform:scale(0.01);transform:scale(0.01);opacity:0;transition:0.8s;}
.anim-grow.vis{-webkit-transform:scale(1);-ms-transform:scale(1);transform:scale(1);opacity:1;}
.anim-fromtop{transform:rotate(120deg);position:relative;top:-700px;opacity:0;transition:0.6s;}
.anim-fromtop.vis{transform:rotate(0deg);opacity:1;top:0;}
@media (max-width:1142px){.gwrap{width:100%;}
    .flex{justify-content:space-around;-webkit-justify-content:space-around;}
    .head .logo{order:1}
    .head .menu{order:3}
    .head .phone{order:2}
    .footer .arrow{display:none;}
    .sc5 .underlay .line{display:none;}
    .sc5 .underlay .block1{margin-bottom:20px;}
    .sc5 .underlay .block2{margin-bottom:20px;}
}
@media (max-width:980px){.sc1 .form{display:none;}
    .sc1 .to-form{display:block;}
}
@media (max-width:850px){.sc1 .t3{left:0;width:calc(100% - 60px);}
    .sc1 .t1{left:calc((100% - 528px)/2)}
}
@media (max-width:700px){.footer .gwrap .l{order:1}
    .footer .gwrap .btn{order:3}
    .footer .gwrap .r{order:2}
    .head{position:static;}
    .underhead{display:none;}
    .fixed{display:none;}
    .sc1{background-image:url(/usertpl/img/sc1-700.png)}
    .sc2{background-image:url(/usertpl/img/sc2-700.png)}
    .sc3{background-image:url(/usertpl/img/sc3-700.png)}
    .sc4{background-image:url(/usertpl/img/sc4-700.png)}
    .sc5{background-image:url(/usertpl/img/sc5-700.png)}
    .sc5 .underlay .block1 .last{position:static;}
}
@media (max-width:480px){.sc1 .to-form{bottom:140px;}
    .sc1 .t2{font-size:28px;}
    .sc1 .t3{display:none;}
    .sc1 .t1{font-size:80px;width:100%;left:0;}
    .sc2 .title{font-size:30px;}
    .sc3 .title{font-size:30px;}
    .sc4 .title{font-size:30px;}
    .sc2 .descr{font-size:20px;}
    .sc4 .btn{font-size:20px;}
    .sc5 .underlay .block3{height:370px;}
    .head .logo{width:105px;height:80px;}
    .head .phone{text-align:center;margin-top:25px;font-size:22px;}
    .head .phone span{font-size:18px;}
    .head .menu{text-align:center;margin-top:5px;margin-bottom:5px;}
    .pop{width:250px;}
    .pop input{width:230px;}
    .pop textarea{width:230px;}
}