*{
	-webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
	margin:0;
    padding:0; 
    border:0;
}
html {
    height: 100%;
}
body {
    height: 100%;
    font-family: 'Roboto', sans-serif;font-size: 16px;

}

ul.list-styled li{
    margin-bottom: 15px;
}
a{text-decoration: none;font-size: 16px;}
a:hover{text-decoration: underline}
h1{margin-bottom:33px;}
.h1{font-size: 30px;font-weight: bold;text-transform: uppercase}
h3{margin-bottom: 22px}
p{line-height: 30px;}
.text-uppercase{text-transform: uppercase}
.container{max-width: 1200px;margin: 0 auto;padding: 0 20px}
header{
    background: #DD7D56 url('/src/img/bg.jpg') no-repeat 50% 0;
    padding: 14px 0;
    background-size:cover;
    margin-bottom: 30px;
}
.main-menu{
    list-style-type: none;
    margin: 0;padding: 0;
    justify-content: space-evenly;
}
.main-menu li{margin: 0 5px;}
.main-menu li a{
    display: block;
    font-size: 16px;
    color: #fff;
    padding: 0 5px;
}
.phone-col a{color:#fff;font-size: 20px;font-weight: bold}
.ico{
    background: #fff;
    border-radius: 50%;
    display: inline-block;
    width: 38px;height: 38px;
    line-height: 38px;
    text-align: center;
}

.ico i{
    color: #e9a75b;
    font-size: 21px;
}
.ico.mini{width: 30px;height: 30px;line-height: 30px}
.ico.mini i{font-size: 15px}
.ico.dark{background: #2b2b2b;}
.ico.dark i{color: #fff}

.row-products{
    margin-left:-15px;
    margin-right:-15px;
}
.product-layout {
    text-align: center;
    margin-top: 20px;
    padding-left: 15px;
    padding-right: 15px;
}
.product-layout .caption{
    padding: 30px 2vw;
    border-radius: 6px;
    border: 2px solid #f0f0f0;
}
.product-layout .price {margin:22px 0}
.product-layout .price .val{
    font-size: 30px;
    font-weight: bold;
    text-transform: uppercase;
    color:#fe2722
}
.product-layout .price .cur{
    font-size: 16px;
    color:#fe2722
}
.product-layout .buttons{
    justify-content: space-between;
}
.btn{
    font-size: 16px;font-weight: 400;
    color: #f9f9f9;
    padding: 17px 1vw;
    text-align: center;
    /*display: block;*/

}
.btn.btn-block{width: 100%}
.product-layout .btn{
    width: 136px;
    margin: 0 auto;
    max-width: 100%;
    display: block;

}
.btn-buy, .btn.btn-red{

    background-color: #fe2722;
    box-shadow: 5px 9px 14px 1px rgba(254, 39, 34, 0.24);
    border-radius: 2px;
}
.btn-details{
    box-shadow: 5px 9px 14px 1px rgba(255, 170, 41, 0.35);
    background-color: #ffaa29;
}
.instruction{margin-top: 22px;}
.btn-instruction{
    font-size: 16px;
    color: #000;
    padding: 1px 1vw;
}
.btn-instruction:hover{text-decoration: none}
.btn-instruction .btn-text{ border-bottom: 1px dotted #000;}
.pdf-ico{vertical-align: middle;margin-left: 5px;}

.product-layout .name{
    font-size: 30px;
    color: #000;
    font-weight: bold;
    text-transform: uppercase;
}
.product-layout .image{margin-bottom: 30px}
.product-layout .image img{  box-shadow: 25px 47px 19px 2px rgba(0, 4, 2, 0.07);  }
.product-layout .type{font-size: 16px;color:#000}

.category-description{margin-top: 40px;}
.category-description p{margin-bottom: 15px;}

footer{
    background: #333333;
    color:#fff;
    margin-top: 70px;
}
footer a{color:#fff;}
.footer-top{padding: 15px 0}
.footer-bottom{padding: 5px 0;background: url('/src/img/bg.jpg') no-repeat 50% 0;background-size: cover}

.copyright{font-size: 12px;color:#fff}
.product-single-top{margin-bottom: 55px;}
.product-single-top .product-type{
    color: #a8a8a8;
    font-size: 16px;
}
.product-heading{margin-bottom: 15px}
.attribute-table{
    border-collapse: collapse;
    border-spacing: 0;
    width: 100%;
}
.attribute-table tr td{  padding: 8px;  }
.attribute-table tr:nth-child(even){
    background: #f1efec;
}
.attribute-table .name{
    font-size: 16px;
    font-weight: 400;
}

.attribute-table .value{
    font-weight: bold;
}

.product-single-top .image{  max-width: 370px;}
.product-single-top .image img{
    border-radius: 6px;
    border: 2px solid #f0f0f0;
    padding: 40px;
    display: block;

}
.product-single-top .image-thumbs{max-width: 370px}
.product-single-top .image-thumbs img{width: 170px}

.product-single-top .image-thumbs img{
    border-radius: 6px;
    border: 2px solid #f0f0f0;
    padding: 23px;
    display: block;
}

.image-thumbs ul{padding: 0;margin: 0;list-style-type: none}
.image-thumbs ul li{
    /*margin-right: 26px;*/
    margin-top: 18px;

}
.product-single-top .price{margin: 22px 0 15px}
.product-single-top .price .val{  font-weight: bold;font-size: 30px;}
.product-single-bottom{
    background-color: #f1efec;
    padding: 4.5vh 0;
    margin-bottom: -70px;
}
.product-single-bottom .product-description h3{margin-bottom: 3vh}
.product-single-bottom .product-description{line-height: 2.3;}

.product-buttons .btn{display: inline-block;vertical-align: middle}
.product-buttons .btn+.btn{margin-left: 2vw}
.product-buttons .btn.btn-buy{padding: 17px 2.5vw}
.cooperation-top{padding-bottom: 40px;}
.cooperation-bottom{
    background-color: #f1efec;
    padding: 3.5vh 0;
    margin-bottom: -70px;
}
.cooperation-grid{margin-top: 45px}
.cooperation-grid .item .text {line-height: 24px;}
.form .form-group, .form .btn-group{margin-top: 1.6vw}
.form.form-inline .form-group{margin-right: 1.6vw}
.form.form-inline .form-group, .form.form-inline  .btn-group{display: inline-block;vertical-align: top;}
.form .form-group input[type="text"]{padding: 17px 1.2vw}

.cooperation-bottom .form{margin: 35px 0}
.contacts-list{
    margin: 0;padding: 0;
    list-style-type: none;
}
.contacts-list li{
    text-align: left;
    margin-bottom: 42px;
}
.square-ico{
    border-radius: 2px;
    background-color: #e6e6e6;
    width: 74px;height: 74px;line-height: 74px;
    text-align: center;
}
.square-ico img{vertical-align: middle}
.contacts-list li p{    line-height: 24px;}
.contacts-list li .square-ico,
.contacts-list li p{
    display: inline-block;
    vertical-align: middle;
}
.contacts-list li .square-ico{    margin-right: 24px;}

.message.error{color:red}
.message.success{color: #3c7939;}
.modal .message{    margin-bottom: 1.6vw;}
#cooperation-form-wrap .message{margin-top: 7px}

