/* Start:/bitrix/templates/main/styles.css?17502279365399*/
* {outline:none;}
html{background: #fff;height:100%}
body{height: 100%; color: #5c5c5c; /*#969492;*/ font: 14px/16px Verdana, Arial; padding:0; margin:0; min-width:520px}

img {border-style:none;}

a{color:#ff3d1f }
a:hover{color:#ff3d1f; text-decoration:none }

.wrapper{ max-width:1240px;  margin: auto; height:100%}
.body{height: 100%; padding: 0 0 0px 0; position:relative }


h1{margin:10px auto 50px auto; font-size: 32px; line-height: 42px;text-transform: uppercase;text-align: center;}
h2{font-size: 28px; text-align: center; margin: 0 20px 60px 0; line-height: 34px;text-align: center;}
h3{text-align: center; font-size: 21px}

p{}
ul{}
li{}

input, textarea, select {vertical-align:middle;}
header,section,footer {display: block;}

input[type='submit'],
.button {transition-duration: 0.3s;transition-property: all; transition-timing-function: cubic-bezier(0.25, 0.1, 0.25, 1);}

.button{text-transform: uppercase; text-decoration:none; font-weight:normal; cursor: pointer;display:inline-block;padding:0px 10px; color:#fff;font-size:12px; line-height:32px;height:33px; text-align:center;border-radius:3px;background:#ff3d1f;}
.button:hover{background:#ff2200; border-color:#ff2200;color:#fff;text-decoration:none; border-bottom-color: #c3311a}
.button:active{background:#c3311a;border-color:#c3311a}
.button.disabled,
.button.disabled:hover{background:#cecece; border-color:#cecece; cursor:default}



input[type=tel],
input[type=number],
input[type=email],
input[type=text],
input[type=password],
select,
textarea{}

input[type=tel]:focus,
input[type=number]:focus,
input[type=email]:focus,
input[type=text]:focus,
input[type=password]:focus,
input.focus,
textarea:focus,
textarea.focus{}

input:-webkit-autofill {
    -webkit-box-shadow: inset 0 0 0 50px #fff !important; /* Цвет фона */
    -webkit-text-fill-color: #363636 !important; /* цвет текста */
    color: #363636 !important; /* цвет текста */
}

.error select,
.error textarea,
.error textarea:focus,
.error input,
.error input:focus {border-color:red; color:red}
form, fieldset {margin:0;padding:0;border-style:none;}


#header{margin-bottom:4%}
#footer{margin-top:10%}
#footer .footer-sub{border:2px solid #888; border-width: 2px 0 0 0; padding: 5px 0 0 0; font-size: 12px; width:80%; margin: 0 auto }

.title{width:50%; }



#mainpage-intro {margin: -10% auto 0 auto;display:flex; height:100%; padding: 0; font-size: 14px;  text-align:center; color: #5c5c5c; width:80%; flex-direction: column; justify-content: center;}


#mainpage-intro .logo  img{width: 70%; max-width: 500px;}
#mainpage-intro .subtitle {margin:20px 0 0 0; font-family:MyriadProRegular, Segoe, Verdana; letter-spacing: 2px; line-height: 22px}
#mainpage-intro .menu{margin: 30px 0 0 0;}
#mainpage-intro .menu ul{list-style: none; margin: 0; padding: 0; overflow: hidden; text-align:center}
#mainpage-intro .menu ul li{list-style: none; margin: 0 0 0 20px; padding: 0; display: inline-block}
#mainpage-intro .menu ul li:first-child{margin-left:0}
#mainpage-intro .menu ul li a{font-size: 11px; text-decoration: none; color: #969492; text-transform: uppercase;letter-spacing: 2px; }
#mainpage-intro .menu ul li a:hover{text-decoration: underline; }

#service-menu{background-color: #eee; padding:5px 0}
#service-menu .menu{list-style: none; margin: 0; padding: 0; overflow: hidden; text-align:center}
#service-menu .menu li{list-style: none; margin: 0 0 0 20px; padding: 0; display: inline-block}
#service-menu .menu li:first-child{margin-left:0}
#service-menu .menu li a{font-size: 11px; text-decoration: none; color: #969492; text-transform: uppercase;letter-spacing: 2px; }
#service-menu .menu li a:hover{text-decoration: underline; }



table.center-col td h2{margin-right:0}
table.center-col td{vertical-align: top; padding: 5px 20px; text-align: left; width:50%}
table.center-col td:nth-child(odd){text-align: right}
table.center-col td.workingtime span{width:50px; display:inline-block; font-weight: bold}


table.goodslist tr td{width:80%; font-size:14px; line-height: 20px; vertical-align: top;  padding-right: 3%;}
table.goodslist tr td:first-child{width:20%; text-align: right;  }
table.goodslist tr td p{font-size:14px; line-height: 20px}
table.goodslist tr td p:first-child{margin-top:0}
table.goodslist tr td.name{font-weight: bold; font-size: 16px}
table.goodslist tr td a{text-decoration: none; color: #2b2b2b}

table.sku-std{width:80%; margin: 0 auto}
table.sku-std tr td{width:80%; border-top:1px solid #bababa; padding: 10px 10px}
table.sku-std tr:first-child td{border-top:0; font-style: italic;}
table.sku-std tr td:first-child{width:20%; font-weight: bold}


#header .headbody{width: 80%; margin: 0 auto;display: flex; flex-direction: row; justify-content: space-between;padding: 20px 0 20px 0}

#header .headbody .logo{}
#header .headbody .logo img{width: 300px}
#header .headbody .center{width: 10%}
#header .headbody .contacts{text-align: right}
#header .headbody .contacts .phone{font-size:24px; margin-bottom:10px}
#header .headbody .contacts .phone .code{font-size: 16px}



@media screen and (max-width: 800px){
    #header .headbody{flex-direction: column;}
    #header .headbody .logo{text-align:center; width:100%}
    #header .headbody .center{display:none}
    #header .headbody .contacts{text-align:center; width: 100%;}
    #header .headbody .contacts .phone{font-size:16px; margin-top:20px}

}
/* End */


/* Start:/bitrix/templates/main/template_styles.css?157664341631*/
.wrapper{}

#header{}
#footer{}
/* End */
/* /bitrix/templates/main/styles.css?17502279365399 */
/* /bitrix/templates/main/template_styles.css?157664341631 */