/*reset style*/

@import "reset.css";

/*fonts*/

@font-face {
    font-family: 'trebuc';
    src: url('../fonts/TrebuchetMS.eot');
    src: local('☺'),
    url('../fonts/TrebuchetMS.woff') format('woff'),
    url('../fonts/TrebuchetMS.ttf') format('truetype'),
    url('../fonts/TrebuchetMS-Bold.svg') format('svg');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'trebucbd';
    src: url('../fonts/TrebuchetMS-Bold.eot');
    src: local('☺'),
    url('../fonts/TrebuchetMS-Bold.woff') format('woff'),
    url('../fonts/TrebuchetMS-Bold.ttf') format('truetype'),
    url('../fonts/TrebuchetMS-Bold.svg') format('svg');
    font-weight: normal;
    font-style: normal;
}
.left{
    float: left;
}
.right{
    float: right;
}
/*main style*/

body{
    font: 14px trebuc, arial, sans-serif;
}
.wrapp-page{
    width: 960px;
    margin: auto;
    padding: 0 10px;
    box-sizing: border-box;
}
h2{
    font: 20px trebucbd;
    text-align: center;
}
h3{
    font: 14px trebucbd;
}
h4{
    font: 16px trebucbd;
}
h6{
    font: italic 16px/18px "Georgia Italic";
    color: #5d6d7d;
}
a{
    color: #014f99;
}
/************** header ***************/

header.header,.top-box,.exhibitions,footer.footer{
    min-width: 940px;
}
.logo{
    width: 162px;
    height: 49px;
    float: left;
    margin-top: 59px;
}
.slogan{
    width: 242px;
    overflow: hidden;
    float: left;
    margin: 30px 26px 0 21px;
}
.slogan h1{
    font: italic 18px "Georgia Italic";
    color: #aeb5be;
}
header.header form{
    float: left;
    margin-top: 34px;
    width: 320px;
    height: 25px;
    overflow: hidden;
    position: relative;
}
input.search{
    box-sizing: border-box;
    width: 100%;
    height: 25px;
    background: #f6f6f6;
    font-size: 12px;
    color: #5d6d7d;
    padding: 4px 40px 4px 13px;
    border: none;
    outline: none;
}
button.btn-search{
    position: absolute;
    top:7px;right: 12px;
    width: 11px;
    height: 11px;
    padding: 0;
    border: none;
    background: url(../images/search.png) 0 0 no-repeat;
    cursor: pointer;
}
.language{
    padding: 40px 0 0 54px;
    float: left;
}
.language li{
    float: left;
    padding-left: 10px;
}
.language a{
    display: block;
    width: 16px;
    height: 11px;
    background: url("../images/head-lang.png") no-repeat;
}
.rus{
    background-position: 0 0;
}
.language a.uk{
    background-position: -17px 0;
}
.language a.uk.selected{
    background-position: -17px -12px;
}
.language a.de{
    background-position: -34px 0;
}
.language a.de.selected{
    background-position: -34px -12px;
}
.language a.fr{
    background-position: -51px 0;
}
.language a.fr.selected{
    background-position: -51px -12px;
}
a.selected{
    background-position: 0 100%;
}

nav.nav{
    clear: both;
    padding: 20px 0 28px;
    width: 100%;
    height: 30px;
}
nav.nav ul{
    width: 100%;
    overflow: hidden;
}
nav.nav li{
    float: left;
    margin-left: 20px;
}
nav.nav li:first-child{
    margin-left: 0;
}
nav.nav a{
    display: block;
    box-sizing: border-box;
    border: 1px solid transparent;
    padding: 0 10px;
    font: 16px/30px "Georgia Regular";
    font-size: 16px;
    color: #014f99;
    text-decoration: none;
}
nav.nav a.active{
    text-decoration: underline;
}
nav.nav ul li a:hover{
    border: 1px solid #014f99;
    text-decoration: none;
}

/************** top-box ***************/

.top-box{
    width: 100%;
    height: 432px;
    background: url(../images/bg-top-box.jpg) 50% 0 no-repeat;

}
.top-box-text{
    padding: 160px 0 46px;
}
.top-box h5{
    font: 18px trebucbd;
    line-height: 36px;
    color: #ffffff;
}
.top-box p{
    font-size: 24px;
    line-height: 36px;
    color: #014f99;
}
.top-box p:nth-child(2n){
    font-family: trebucbd;
}

/************** info-box ***************/

.info-box{
    padding: 22px 0 60px;
    overflow: hidden;
}
.info-box h2{
    padding-bottom: 24px;
}

/************** content ***************/

.content {
    box-sizing: border-box;
    width: 640px;
    float: left;
    padding-right: 37px;
}
.content h3{
    padding-bottom: 10px;
}
.content p,.contacts-box p{
    color: #5d6d7d;
    line-height: 20px;
    padding-bottom: 24px;
}

.content li {
    padding-bottom: 12px;
}
.content li p{
    padding-bottom: 0;
}
.content a:hover{
    text-decoration: none;
}
/************** right-bar ***************/
.right-bar{
    width: 300px;
    float: right;
}
.contacts-box{
    box-sizing: border-box;
    border: 1px solid #e5e9ee;
    width: 100%;
    padding: 27px 24px;
}
.contacts-box h2{
    text-align: left;
    font-family: "Georgia Regular";
    padding-bottom: 0;
    line-height: 22px;
    color: #000000;
}
.contacts-box p, .contacts-box span{
    padding-bottom: 0;
}
.contacts-box p.title, .contacts-box span.title{
    font-family: "Georgia Regular";
    padding: 20px 0 0;
    color: #000000;
}
.contacts-box p span{
    padding: 0 12px;
}
.item-news{
    padding-top: 36px;
}
.item-news a{
    text-decoration: none;
}
.item-news a:hover{
    text-decoration: underline;
}

/************** catalog ***************/

.catalog-box h2{
    text-transform: uppercase;
    padding-bottom: 55px;
}
.row{
    width: 100%;
    overflow: hidden;
    padding-bottom: 75px;
}

/************** product ***************/

.product{
    width: 33.3333333333333333%;
    float: left;
    box-sizing: border-box;
    padding-right: 20px;
}
.product a{
    display: block;
    text-decoration: none;
    padding: 25px 0 13px;
}
.product a:hover{
    text-decoration: underline;
}
.product p{
    color: #5d6d7d;
    font-size: 12px;
    line-height: 20px;
}

/************** exhibitions ***************/
.exhibitions{
    background: #f3f7fb;
    padding: 92px 0 72px;
    overflow: hidden;
}
.exhibitions h4{
    float: left;
}
.exhibitions ul{
    float: right;
    margin-top: -20px;
}
.exhibitions li{
    float: left;
    margin-left: 60px;
}
.exhibitions li a{
    display: block;
    width: 80px;
    height: 70px;
}
.exhibitions_pic1{
    background: url("../images/exhibitions_pic1.jpg") 0 0 no-repeat;
}
.exhibitions_pic2{
    background: url("../images/exhibitions_pic2.jpg") 0 0 no-repeat;
}
.exhibitions_pic3{
    background: url("../images/exhibitions_pic3.jpg") 0 0 no-repeat;
}
.exhibitions_pic4{
    background: url("../images/exhibitions_pic4.jpg") 0 0 no-repeat;
}
.exhibitions_pic5{
    background: url("../images/exhibitions_pic5.jpg") 0 0 no-repeat;
}

/************** footer ***************/

footer.footer{
    padding: 71px 0 21px;
    overflow: hidden;
}

/************** footer-right ***************/

.footer-right{
    float: right;
    width: 19%;
    overflow: hidden;
}
.counter{
    margin-bottom: 20px;
}
/************** footer-top ***************/

.footer-top,.footer-bottom{
    width: 81%;
    overflow: hidden;
    padding-bottom: 44px;
}

.logo-foot{
    float: left;
    width: 143px;
    height: 22px;
}
.slogan-foot{
    float: left;
}
.slogan-foot p{
    font: italic 18px "Georgia Italic";
    color: #aeb5be;
    padding:5px 0 0 85px;
}
.callback{
    float: left;
    padding-left: 85px;
}
.callback p{
    font: 18px trebucbd;
}
.callback a{
    display: block;
}
.callback a:hover{
    text-decoration: none;
}


/************** footer-bottom ***************/

.address{
    float: left;
    color: #5d6d7d;
}
.address p{
    line-height: 24px;
}
.nav-foot{
    float: left;
    padding-left: 35px;
}
.nav-foot ul{
    float: left;
    padding-right: 70px;
}
.nav-foot li{
    padding-bottom: 10px;
}
.nav-foot a:hover{
    text-decoration: none;
}
.counter2{
    padding-left: 9px;
    float: left;
}

/******************* Каталог ********************/

.crumbs-box{
    background: #f3f7fb;
    font: 14px Georgia Regular;
}
.crumbs-box ul{
    padding: 12px 0;
    overflow: hidden;
}
.crumbs-box li{
    float: left;
}
.crumbs-box li a{
    display: block;
    text-decoration: none;
    color: #000000;
    padding-right: 4px;
}
.crumbs-box li a:hover{
    text-decoration: underline;
}
.crumbs-box li a:before{
    content: '/';
    display: inline-block;
    padding-right: 4px;
}
.crumbs-box li:first-child a:before{
    content: '';
    display: none;
}


.page-catalog-box{
    padding-top: 13px;
    overflow: hidden;
}
.sidebar{
    width: 220px;
}
.sidebar form{
    float: left;
    width: 220px;
    overflow: hidden;
    position: relative;
}
p.title-sidebar{
    padding: 77px 0 15px;
    font:14px trebucbd;
    text-transform: uppercase;
    color: #5d6d7d;
}
ul.category li{
    display: table;
    width: 220px;
    height: 54px;
    box-sizing: border-box;
    border: 1px solid #e5e9ee;
    margin-bottom: 5px;
}
ul.category li:hover{
    background: #f3f7fb;
}
ul.category li a{
    display: table-cell;
    vertical-align: middle;
    text-decoration: none;
    padding-left: 11px;
    color: #282e35;
}
ul.category li a:hover{
    color: #014f99;
}

.content-box{
    width: 700px;
}
.content-box form{
    height: 25px;
    padding-bottom: 47px;
}
.price,.number,.content-box select{
    width: 190px;
    height: 25px;
    float: left;
}
.number{
    margin-left: 45px;
}
.content-box select{
    padding: 0;
    border: none;
    outline: none;
}
.category-item{
    float: left;
    width: 220px;
    margin-left: 20px;
    border: 1px solid #e5e9ee;
    box-sizing: border-box;
}
.category-item:first-child{
    margin-left: 0;
}
.category-item a{
    display: block;
    text-decoration: none;
}
.category-item a:hover{
    color: #014f99;
}
.name-category{
    display: table;
    height: 70px;
    border-top: 1px solid #e5e9ee;
}
.name-category p{
    display: table-cell;
    font: 14px Georgia Regular;
    color: #5d6d7d;
    text-transform: uppercase;
    text-align: center;
    vertical-align: middle;
    width: 218px;
}
.catalog-list .row{
    padding: 36px 0 0 0;
}
.catalog-list .row.first{
    padding: 0;
}
/*************** subcategory ****************/

.subcategory-list form{
    padding-bottom: 86px;
}
.subcategory-item{
    width: 100%;
    padding: 18px;
    border: 1px solid #e5e9ee;
    overflow: hidden;
    box-sizing: border-box;
    background: transparent;
    margin-bottom: 13px;
}
.subcategory-item a.sub-img{
    display: inline-block;
    float: left;
    margin-right: 19px;
    width: 125px;
    height: 125px;
    border: 1px solid transparent;
}
.sub-info{
    padding-left: 144px;
}
.sub-info p{
    color: #5d6d7d;
    padding-top: 17px;
}
a.sub-title{
    text-decoration: none;
    font:18px Georgia Regular;
    color: #282e35;
}
.cat-img-main {
border-radius: 50% !important;
}