@import url('https://fonts.googleapis.com/css?family=Open+Sans');
@import "font-awesome.min.css";

body{
    font-family: 'Open Sans', sans-serif;
    font-size: 13px;
    background-color: #fff;
    background-image: url('../images/body-bg.png');
    background-position: top;
    background-repeat: repeat-x;
    width: 100%;
    height: 100%;
    line-height: normal;
}

.box-shadow{-webkit-box-shadow: 0px 0px 5px 0px rgba(50, 50, 50, 0.6);-moz-box-shadow: 0px 0px 5px 0px rgba(50, 50, 50, 0.6);box-shadow: 0px 0px 5px 0px rgba(50, 50, 50, 0.6);}

.colored{color: #db3a0b}
.colored-blue{color: #31056f;}

.wrapper{margin: auto;max-width: 1200px;padding-left: 16px;padding-right: 16px;}

a{color: #31056f;text-decoration: none;transition: all 0.3s linear;outline: none;}
a:hover{text-decoration: none;}

/* header block */
header{display: block;min-height: 170px;overflow: hidden;}

header .left{display: block;float: left;}
header .left .line-1{display: block;white-space: nowrap;}
header .left .line-1 ul{display: inline-block;list-style: none;margin: 0;}
header .left .line-1 ul li{display: inline-block;padding: 8px 16px;}

header .left .line-1 .search{display: inline-block;padding: 8px 8px 8px 64px;}
header .left .line-1 .search input[type='text']{display: inline-block;width: 300px;background: #fff;border: 1px solid #db3a0b;border-radius: 8px;text-align: center;}
header .left .line-1 .search button{display: inline-block;background: transparent;border:0;cursor: pointer;}

header .left .line-2{display: block;}
header .left .line-2 a{display: block;margin-top: 16px;margin-left: 36px;}
header .left .line-2 a img{position:absolute; z-index:5;}

header .left .birds{display: block;position: absolute;z-index: 2;}
header .left .b1{top: 180px;left: 50%;margin-left: -400px;}
header .left .b2{top: 100px;left: 50%;margin-left: -250px;}
header .left .b3{top: 140px;left: 50%;margin-left: -120px;}

header .right{display: block;float: right;text-align: right;font-size: 1.1em;padding-top: 8px;}
header .right .phone{margin-top: 0px;line-height: 1.15;}
header .right .phone .colored{font-weight: 100;}
header .right .phone .colored-blue{font-size: 1.3em;}
header .right .phone a.colored-blue{font-size: 1em;text-decoration: none;}

header .buttons{margin-top: 24px;text-align: right;}
header .buttons a{color: #fff;background: #31056f;padding: 4px 20px;text-decoration: none;margin-left: 8px;}

footer{display: block;padding: 16px 0;}
footer nav{background: #31056f;display: block;/*border-width: 2px 0 2px 0;border-style: solid;border-color: #31056f;*/}
footer nav ul{display: block;margin: auto;list-style: none;text-align:center;}
footer nav ul li{display: inline-block;}
footer nav ul li a{display: block;padding: 8px 16px;color:#fff;text-decoration: none;transition: all 0.2s linear;}
footer nav ul li a:hover{display: block;padding: 8px 16px;background:#fff;color:#31056f;text-decoration: none;}

footer .copyright{display: block;padding: 8px 16px;font-size: 1.05em;text-align: right;}
footer .copyright strong{font-size: .9em;}

section.content{display: flex;justify-content: space-between;flex-wrap: nowrap;align-items: flex-start;margin-top: 24px;}
section.content .left-col{display: block;width: 20%;}
section.content .left-col nav{display: block;}
section.content .left-col nav ul{display: block;list-style: none;margin: 0;padding-left: 40px;}
section.content .left-col nav ul > li{display: block;}
section.content .left-col nav ul > li > a{display: block;padding: 8px;line-height: 1.05;background: #31056f;color: #fff;border-bottom: 1px solid #c8c9d6;border-top: 1px solid #c8c9d6;}
section.content .left-col nav ul > li > a:hover{background: #f0f0f0;color: #31056f;text-decoration: none;}
section.content .left-col nav ul > li.directly-active > a,
section.content .left-col nav ul > li.indirectly-active > a{background: #fff;color: #31056f;font-weight: 600;}

section.content .left-col nav ul > li ul{display: none;padding-left: 0px;}
section.content .left-col nav ul > li.directly-active > ul,
section.content .left-col nav ul > li.indirectly-active > ul{display: block;}

section.content .left-col nav ul > li > ul > li > a{background: #e0e0e0;color: #31056f;padding-left: 16px;}
section.content .left-col nav ul > li > ul > li > ul > li > a{padding-left: 32px;}
section.content .left-col nav ul > li > ul > li > ul > li > ul > li > a{padding-left: 48px;}
section.content .left-col nav ul > li > ul > li > ul > li > ul > li > ul > li > a{padding-left: 56px;}

section.content .left-col .banners{display: block;margin: 16px 0 16px 40px;overflow: hidden;}
section.content .left-col .banners img{display: block;max-width: 100%;}

section.content .main-col{display: block;width: 78%;}

section.content .main-col .katalog-top-menu{display: block;}
section.content .main-col .katalog-top-menu ul{display: flex;flex-wrap: nowrap;justify-content: space-between;margin:0; padding: 0;}
section.content .main-col .katalog-top-menu ul li{display: block;vertical-align: top;max-width: 154px;text-align: center;background: url('/assets/images/kat-top-menu-bg.png') no-repeat top center;background-size:  100% auto;line-height: 1.1;}
section.content .main-col .katalog-top-menu ul li img{display: block;max-width: 100%;margin: 8px auto;}
section.content .main-col .katalog-top-menu ul li span{display: block;max-width: 80%;margin: 8px auto;white-space: normal;}

section.content .main-col .breadcrumps{display: block;padding: 0;border-top: 1px dashed #c8c9d6;padding-top: 8px;}
section.content .main-col .breadcrumps ul{display: block;margin: 0; padding: 0;}
section.content .main-col .breadcrumps ul li{display: inline-block;margin: 4px; padding: 0;color: #333333;}
section.content .main-col .breadcrumps ul li a{display: block;}
section.content .main-col .breadcrumps ul li a:after{content:'»';margin-left: 8px;}

section.content .main-col h1{display: block;font-size: 2em;color: #31056f;font-weight: 400;}
section.content .main-col h2{display: block;font-size: 1.5em;color: #31056f;font-weight: 200;margin-top:0;background: url('/assets/images/h-bg-line.png') repeat-x center;}
section.content .main-col h2 span{display: inline-block;background-color:#fff;margin: 0 16px;padding: 0 8px;}
section.content .main-col .text{font-size: 1.2em;}

section.content .main-col .six-blocks{display: flex;justify-content: space-between;flex-wrap: wrap;margin-bottom: 32px;}
section.content .main-col .six-blocks .slides-container{width: 32%;overflow: hidden;margin-bottom: 16px;}
section.content .main-col .six-blocks .slides{display: block;margin: 0;padding:0;}
section.content .main-col .six-blocks .slides li{display: block;background-size: 100% auto; background-repeat: no-repeat;background-position: top;height: 200px;overflow: hidden;}
section.content .main-col .six-blocks .slides li .text{display: block;text-align: center;height: 42px;background: RGBA(0, 0 ,0 ,0.7);padding: 4px 8px;position:relative;top: 150px;}
section.content .main-col .six-blocks .slides li .text a{color:#fff;}

section.content .main-col .news-on-main{display: flex;justify-content: space-between;flex-wrap: nowrap;margin-bottom: 32px;}
section.content .main-col .news-on-main .item{width: 32%;max-width: 32%;overflow: hidden;margin-bottom: 16px;}
section.content .main-col .news-on-main .item-wrapper{display: block; padding: 16px;border: 1px solid #31056f;background: #f0f0f0;}
section.content .main-col .news-on-main .title{display: block; font-size: 1.4em;font-weight: 200;line-height: 1.1em;height: 100px;overflow: hidden;}
section.content .main-col .news-on-main .date{display: block; font-size: 1.4em;font-weight: 200;line-height: 1.6em;margin-top: 16px;color:#31056f;}
section.content .main-col .news-on-main .date span{display: inline-block; font-size: 0.8em;line-height: 1.6em;padding: 0;color:#db3a0b;text-transform: uppercase;font-weight: 600;}
section.content .main-col .news-on-main .button{display: block; margin-top: 32px;text-align: right;}
section.content .main-col .news-on-main .button a{display: inline-block; background: #31056f;padding: 4px 12px;color:#fff;border: 1px solid #31056f;cursor: pointer;}
section.content .main-col .news-on-main .button a:hover{background: transparent;color:#31056f;}

section.content .main-col .projects-on-main{display: block;white-space: nowrap;overflow: hidden;margin-bottom: 32px;}
section.content .main-col .projects-on-main .item{display: inline-block;width: 25%;max-width: 25%;overflow: hidden;}
section.content .main-col .projects-on-main .item-wrapper{display: block; height: 100%;padding: 16px;}
section.content .main-col .projects-on-main .image{display: block; height: 150px;overflow: hidden;-webkit-box-shadow: 0px 0px 5px 0px rgba(50, 50, 50, 0.6);-moz-box-shadow: 0px 0px 5px 0px rgba(50, 50, 50, 0.6);box-shadow: 0px 0px 5px 0px rgba(50, 50, 50, 0.6);}
section.content .main-col .projects-on-main .image img{display: block; width: 100%;max-width: 100%;}
section.content .main-col .projects-on-main .title{display: block; width: 100%;max-width: 100%;text-align: center;color: #333;margin-top: 8px;}

section.content .main-col .mail-form{display: block;padding: 16px;border: 2px solid #31056f;background: #f0f0f0;}
section.content .main-col .mail-form > h2{color: #31056f;text-align: center;display: block;background: none;}
section.content .main-col .mail-form > div{margin-bottom: 16px;}
section.content .main-col .mail-form > div label{display: block;color: #31056f;}
section.content .main-col .mail-form > div sup{color: #ff0000;}
section.content .main-col .mail-form > div input{border: 1px solid #31056f;padding: 4px 0;display: block;width: 100%;}
section.content .main-col .mail-form > div textarea{border: 1px solid #31056f;padding: 4px 0;display: block;width: 100%;height: 180px;}
section.content .main-col .mail-form button{border: 1px solid #31056f;background: #31056f;color: #fff;padding: 4px 8px;display: inline-block;text-transform: uppercase;font-size: .7em;cursor: pointer;}
section.content .main-col .mail-form .error{display: block;text-align: center;background: #ffd1d1;color: #ff0000; border: 1px solid #ff0000;padding: 8px 16px;}

section.content .main-col .tmpl-catalog{display: block;}
section.content .main-col .tmpl-catalog .pretext{display: block;color:# 333;}
section.content .main-col .tmpl-catalog .item{display: block;margin-bottom: 32px;clear: both;}
section.content .main-col .tmpl-catalog .item > a{display: inline-block;height: 120px;}
section.content .main-col .tmpl-catalog .item > a > img{display: block;max-height: 100%;max-width: 100%;}
section.content .main-col .tmpl-catalog .item .text{display: inline-block;vertical-align: top;margin-left: 16px;font-weight: 100;font-style: italic;font-size: .9em;}
section.content .main-col .tmpl-catalog .item .link{display: inline-block;border:1px solid #31056f;background: #31056f;color:#fff;padding: 8px 16px;margin-top: 16px;}
section.content .main-col .tmpl-catalog .item .link:hover{background: #fff;color:#31056f;}
section.content .main-col .tmpl-catalog .item .price{display: inline-block;border-bottom: 1px solid #c2c2c2;}
section.content .main-col .tmpl-catalog .item .price span{color: #db3a0b;}

section.content .main-col .oneKatalogItem{display: block;}
section.content .main-col .oneKatalogItem > img{display: inline-block;max-width: 200px;margin: 0 16px 16px 0;vertical-align: top;}
section.content .main-col .oneKatalogItem > .info{display: inline-block;white-space: normal;}
section.content .main-col .oneKatalogItem .price{display: inline-block;border-bottom: 1px solid #c2c2c2;}
section.content .main-col .oneKatalogItem .price span{color: #db3a0b;}
section.content .main-col .oneKatalogItem > .info .txt{font-size: .9em;font-style: italic;}
section.content .main-col .oneKatalogItem > .info .txt p{display: inline;}

section.content .main-col .find_form{display: block;background: #f0f0f0;padding: 16px;}
section.content .main-col .find_form .text{display: block;}
section.content .main-col .find_form input{display: inline-block;border: 1px solid #31056f;padding: 4px;}
section.content .main-col .find_form button{display: inline-block;border: 1px solid #31056f;padding: 4px 8px;background: #31056f;color:#fff;margin: 8px 0;}
section.content .main-col .find_form > form > a{display: block;}
section.content .main-col .find_form > form #static_material_extended_search_form input{border-width: 0 0 1px 0;border-style: dashed;background: none;}


.table-wrap{max-width: 100%;overflow: auto;}