@import url('https://fonts.googleapis.com/css2?family=PT+Sans:ital,wght@0,400;0,700;1,400;1,700&display=swap');


/* --- */
* {margin:0; padding:0; max-height: 9001em;font-family: "PT Sans", sans-serif;}
input:focus, textarea:focus, button:focus {outline:none; box-shadow:none;}
img {border:none;max-width: 100%;}
a {color: #e5372d;}
a:hover{color:#e01919;}
table {border-collapse: collapse; border-spacing:0px;}

::-webkit-input-placeholder {color: #575757;}
:-moz-placeholder {color: #575757;}
::-moz-placeholder {color: #575757;}
:-ms-input-placeholder {color: #575757;}

html {height: 100%; overflow-y:scroll;}
body {min-height:100%;height:100%;font-weight: 400;font-size: 18px;color:#333;}
#total {height: auto !important;min-height:100%;height: 100%;}


/* h1-h5 */
h1, h2, h3, h4, h5, h6, .h3 {font-weight: 400; font-weight: 600;}
h1 {font-size: 33px;font-weight: 700;margin: 0 0 30px;color: #000;}
h2 {font-size:28px;margin: 30px 0 20px;}
h3 {font-size:22px;margin: 30px 0 20px;}

p {line-height:1.4em;margin: 0 0 17px 0;}

.clean {clear:both;}
#component ul, #component ol, #s5box_one ul, #s5box_one ol {margin:0 0 15px 30px;}
#component li, #s5box_one li {margin:0 0 7px 0;}

/* header */
#header {height: 123px;background: url(../images/header.jpg);}
#header_in {margin:0 auto;position: relative;color: #000;}
.slogan {font-weight: 500;text-transform: uppercase;}
.slogan span {font-weight: 600; font-size: 28px; color: #000; display: block;}

#logo {text-decoration: none;font-size: 39px;font-weight: 700;line-height: 39px;}
#logo span {font-size: 19px;font-weight: 300;display: block;line-height: 19px;color: #000;}

.tel {font-weight: 300;background: url(../images/tel.png) 8px 6px no-repeat;padding: 0 0 0 30px;text-decoration: none;display: inline-block;line-height: 27px;color: #282828;font-size: 27px;}
.tel span {font-weight: 600;}
.zakaz {font-size: 16px;color:#e5372d;border-bottom: 1px solid #e5372d;display: inline-block;line-height: 16px; cursor:pointer;}
.right_head a.zvonok {color:#e01919;font-weight: 300;font-size: 15px;text-decoration: none;border: 1px solid #e01919;border-radius: 15px;padding: 2px 10px 2px;cursor: pointer;}
.right_head a.zvonok:hover {color: #fff;background: #e01919;}
.adres {font-size: 18px;background: url(../images/point.png) 2px 4px no-repeat;padding: 0 0 0 25px;margin: 12px 0 0 0;}

/* main */
#main {margin:0 auto;}

/* menu */
.top_menu ul {margin:0 auto;}
.top_menu li {float:left;margin: 0 0 0 42px;list-style:none;}
.top_menu a {font-size: 18px;font-weight: 400;color: #fff;}
.top_menu a:hover {text-decoration:none;}


/* slide */
.moduletable.slide {max-width: 100% !important;}
.custom.slide { margin: 0 auto; text-align: center; position: relative;}

.slide_title span {background: #f8f8f7;padding: 7px 25px 4px;}


/* menuha */
#menuha {background: url(../images/fon1.jpg);}
#menuha_in {margin: 0 auto;}
#menuha_in::after {content:''; clear:both; display:block;}


/* poverhnosti */
#top .h3 {font-weight: 400;display:inline-block;}
#top .h3::after {content:''; display:block; height:2px; background: #e5372d; width:75%; margin:15px 0 0 0;}
.poverh {background:#f9f9f9;margin:0 0 30px;position: relative;}
.poverh_title {font-size:27px; color:#000; margin:0 0 23px}
.poverh_desc {margin:0 0 33px;font-size: 17px;}
.poverh_more {color:#fff;background:#e5372d;display:inline-block;text-align:center;border-radius: 1px;text-decoration: none;/* padding: 13px 30px; */}
.poverh_more:hover {color:#fff;background: #d82016;}



/* preim */
.preim {display: inline-block;vertical-align: top;text-align: center;margin: 0 0 0 15px;font-size: 15px;}

.preim_title {font-weight: 600; font-size: 20px; color: #000; margin: 18px 0 10px;}
.preim_desc {color: #777;}

/* variant */
.variant_title {color: #000;font-size: 20px;float: left;}
.variant_more {margin: 50px auto;display:block;}

/* videos */
.moduletable.videos {background: url(../images/fon1.jpg); max-width: 100% !important; text-align: center;}
.moduletable.videos .h3 { text-align:left;}

/* otzs */
.moduletable.otzs {}
.otz {margin: 0 0 50px;}
.otz::after {content:''; display:block; clear:both;}
.otz iframe {float: left;}
.otz_right {float: left; margin: -6px 0 0 44px;}
.otz_gde {font-size: 16px; color: #777;}
.otz_name {color: #222; margin: 5px 0 12px;}
.otz_desc {font-size: 19px; font-weight: 300; line-height: 25px;}
.otz_more {margin-top:65px;}















/* class studio*/
.comment {background: #f5f5f5; border-left: 3px solid; padding: 20px 30px; line-height: 28px; margin: 25px 0 25px; border-radius: 3px; border-image: linear-gradient(0, #0072bb 40%, #ff3529 60%); border-image-slice: 1;}
.comment1 {background: #f5f5f5; border-left: 3px solid #e01919; padding: 20px 30px; line-height: 28px; margin: 25px 0 25px; border-radius: 3px;}
.comment2 {font-size: 14px;color: #555;padding: 10px 20px 15px 65px;float: right;width: 195px;background: url(../images/atten.png) left 13px top 13px no-repeat #e3f1ff;margin-top: 8px;}

.best_hn {counter-reset: li;margin: 35px 0 35px !important;}
.best_hn li {list-style: none;width: 177px;text-align: center;display: inline-block;vertical-align: top;margin: 0 7px !important;font-size: 16px;line-height: 19px !important;}
.best_hn li::before {text-align: center;display: block;width: 60px;height: 60px;content:counter(li);line-height: 60px;border: 2px solid #aaaaaa;color: #000000;counter-increment:li;border-radius: 3px;font-size: 39px;font-weight: 700;margin: 0 auto 20px;background: #f9f9f9;}

.best_vn {}
.best_hm {}
.best_vm {}
.img_right {float:right; margin:4px 0 0 40px;}
.img_right_b {}
.tel_text {font-weight: 600; font-size: 18px; text-decoration: none; border-bottom: 1px solid; padding: 0 0 2px; margin: 0 3px; white-space:nowrap;}

.table {width:100%;}
.table td {border:1px solid #ddd; padding:5px 10px;}
.table tr:first-child td {}

.pdf {}
.doc {}

.price-table {width:100%;margin: 20px 0 30px;}
.price-table td {border:1px solid #cccccc;padding:8px 12px;text-align:center;font-size: 17px;}
.price-table td:first-child {text-align:center; padding:8px 25px;}
.price-table th {font-size: 18px;border:1px solid #cccccc;padding:8px 12px;background: #1d71b8;color: #fff; font-weight: 400; font-weight: 600;}

/* portfolio */
.portfolio_all {margin: 37px 0 45px 0;}
.portfolio_all::after {content:''; display: block; clear: both; }
.portfolio {margin: 0px 0 46px 0;}
.portfolio:last-child {margin: 0;}
.pf_left {float: left;}
.pf_left img  {float: left;border-radius: 3px;}
.pf_head {font-size: 26px;margin: -7px 0 14px 0;color: #333;}
.pf_name {border: 2px solid #1d71b8;border-radius: 7px;height: 20px;width: 190px;text-align: center;line-height: 20px;font-face: 700 ;display: inline-block;padding: 10px;}
.pf_time {border: 2px solid #1d71b8;border-radius: 7px;height: 20px;width: 190px;text-align: center;line-height: 20px;font-face: 700 ;display: inline-block;padding: 10px;}
.pf_price {border: 2px solid #1d71b8;border-radius: 7px;height: 40px;width: 190px;text-align: center;line-height: 20px;font-face: 700 ;display: inline-block;padding: 10px;}
.pf_where {border: 2px solid #1d71b8;border-radius: 7px;height: 40px;width: 190px;text-align: center;line-height: 40px;display: inline-block;padding: 10px;vertical-align: top;}
.pf_desk {font-size: 16px;}
.pf_right { float: right; }


/* pop-up */
#pop-up { width: 431px; height: 344px; border: none; background: -webkit-linear-gradient(top left, #b2dcff 0%, #1d71b8 100%); display: none; z-index: 9001; text-align: center; border-radius: 20px; }
#pop-up p {margin: 40px auto 20px auto; color: #fff; font-weight: 400; font-size: 22px; font-weight: 500; width: 340px;}    
#pop-up .rsform-input-box { background: url(../images/input1.png); width: 217px; height: 46px; padding: 0 10px 0 50px; color: #6c7980; font-size: 15px; border: none; line-height: 46px; outline: none; margin-bottom: 15px;}    
#pop-up .rsform-submit-button {background: url(../images/submint2.png); width: 279px; height: 52px; text-align: center; font-size: 18px; font-weight: 600; color: #2b3033; line-height: 50px; border: none; cursor: pointer;} 
#tel3 {background: url(../images/input2.png);  }
#pop-up div.close {position: absolute; top: 12px; right: 14px; background: url(../images/krest.png); width: 13px; height: 14px; cursor: pointer;}    

.mist p {font-size: 14px;color: #555;background: #f4f4f4 url(../images/mist.png) 15px no-repeat;padding: 10px 20px 10px 40px;margin:0 auto;}
.mist {margin:20px 0;}

/* catalog */
.tovars {margin: 50px 0 70px;}
.tovar {display: inline-block;margin: 0 40px 0 0;vertical-align: top;font-size: 17px;}
.tovar a {line-height: 22px;display:inline-block;text-decoration: none;text-transform: uppercase;width: 280px;text-align: center;border-radius: 3px;height: 315px;border: 1px solid #fff;vertical-align: top;color: #777;}
.tovar a:hover {border-color: #ffba96;box-shadow: 0 1px 3px #ccc;}
.tovar img {margin: 15px 0 20px;}
.tovar_price {font-size: 15px;margin: 30px 0;}
.tovar_price td:first-child, .tovar_price tr:first-child td {white-space:nowrap;}
.tovar_price tr:first-child {font-size:17px; text-align:center;}
.tovar_price td{padding: 15px 15px;}
.tovar_price tr:nth-child(n+2) td:nth-child(3) {color:#1d71b8}
.tovar_price tr:nth-child(2n+1) td{background: #f2f2f2;}
.tovar_price tr:nth-child(n+2) td:first-child {text-align:center; color:#1d71b8;}
.tovar_price h3 {color:#e5372d; margin:0;}
.tovar_price span {background:url(../images/ruble.png) right top no-repeat;width: 12px;height: 12px;display:inline-block;}
.tovar_price sup {color:#000;}
.tovar_price img {display:block; border:1px solid #ddd;}

/* breadcrumb */
.breadcrumb li {display:inline-block; font-size:12px;}


/* formsr */
.moduletable.formsr {width: 100%;max-width: 100% !important;background: url(../images/fon1.jpg);padding: 50px 0 0 0;margin-top: 85px !important;}
.custom.formsr {margin:0 auto;}
.formsr .zamok {font-size: 15px;background: url(../images/zamok.png) 0px 2px no-repeat;padding: 0 0 0 25px;}
.formsr .form_title {font-weight: 400;font-size: 35px;color: #000;}
.formsr .form_title span {color:#1175b5;}
.formsr .rsform-input-box {border: 1px solid #bbb;height: 43px;line-height: 43px;font-weight: 300;text-align: center;font-size: 17px;}
.formsr .rsform-submit-button {background: #1d71b8;border: 0px;color: #fff;font-size: 18px;height: 45px;cursor: pointer;border-radius: 1px;font-weight: 400;}
.formsr .rsform-submit-button:hover {color: #fff;}
.formsr .formError {animation: mig2 2s infinite;position:absolute;top: 51px;left: 59px;font-weight: 600;font-size: 14px;font-weight: 400;text-shadow: 0 0 5px #fff, 0 0 5px #fff, 0 0 5px #fff;color: #e01919;}
@keyframes mig2 {0% {opacity:1;} 50% {opacity:1;} 55% {opacity:0.3;} 60% {opacity:1;} 65% {opacity:0.3;} 70% {opacity:1;} 100% {opacity:1;}}
.girlsr {background: url(../images/girl1.png);display: block;position:absolute;}


/* footfotm */
.moduletable.footform {}
.custom.footform {margin:0 auto;}
.footform .zamok {font-size: 15px;background: url(../images/zamok.png) 0px 2px no-repeat;padding: 0 0 0 25px;}
.footform .form_title {font-weight: 400;font-size: 35px;color: #000;}
.footform .form_title span {color:#1175b5;}
.footform .rsform-input-box {border: 1px solid #bbb;height: 43px;line-height: 43px;font-weight: 300;text-align: center;font-size: 17px;}
.footform .rsform-submit-button {background: #1d71b8;border: 0px;color: #fff;font-size: 18px;height: 45px;cursor: pointer;border-radius: 1px;font-weight: 400;}
.footform .rsform-submit-button:hover {color: #fff;}
.footform .formError {animation: mig2 2s infinite;position:absolute;top: 51px;left: 59px;font-weight: 600;font-size: 14px;font-weight: 400;text-shadow: 0 0 5px #fff, 0 0 5px #fff, 0 0 5px #fff;color: #e01919;}
@keyframes mig2 {0% {opacity:1;} 50% {opacity:1;} 55% {opacity:0.3;} 60% {opacity:1;} 65% {opacity:0.3;} 70% {opacity:1;} 100% {opacity:1;}}
.footman {background: url(../images/man1.png);display: block;position:absolute;}



#footer { position:relative;}
#foot2_in {margin: 0 auto;position: relative;}
#foot3_right a {color:#aaa;text-decoration: none;}
#foot3_in { margin:0 auto;}



/* portfolio-cat */
.portfolio-cat {text-align: center;margin: 30px 0 0px;}
.cat {display: inline-block;position: relative;text-decoration: none;color: #000;}
.cat .img {position:relative;margin-bottom:12px;}
.cat .img img {width: 100%;}
.cat .img:before, .cat .img:after {z-index: -1;position: absolute;content: "";bottom: 20px;left: 5px;width: 50%;top: 80%;max-width:300px;background: #777;box-shadow: 0 15px 10px #777;transform: rotate(-3deg);}
.cat .img:after {transform: rotate(3deg);right: 5px;left: auto;}
.cat .desc {font-weight: 300;font-size: 15px;padding: 97px 5% 121px;position: absolute;top: 0;width: 90%;height: 0%;color: #fff;background: rgba(0, 0, 0, 0.7);filter:opacity(0);transition:filter 0.4s;}
.cat .img:hover .desc {filter:opacity(1);}

/* portfolio-cat end */


.faq h3 {background:url(../images/faq_icon.png) left center no-repeat; color:#1d71b8; padding: 7px 0 3px 50px;}
.faq p {border-left: 1px solid #1e1e1e; padding: 15px 10px 20px 35px; margin: 0 0 0 15px;}