* { outline: none !important; }

@font-face {
    font-family: GothamMedium;
    src: url("/font/GothamMedium.otf") format("opentype");
}

body { font-family: 'Roboto', sans-serif; font-size: 14px; font-weight: 400; color: #242424; background: url(../images/bg.jpg) center top  repeat scroll #fff;
    margin:0; padding:0; border:0; -webkit-font-smoothing: antialiased; text-rendering: optimizelegibility; -webkit-text-size-adjust: 100%;
}

.clr:after { clear: both; content: ' '; display: block; font-size: 0; line-height: 0; visibility: hidden; width: 0; height: 0; }

/*#005c9b*/
a { cursor: pointer; text-decoration: none; color: #2c99d5; }
a:hover { text-decoration: none; color: #000; }
a:focus { text-decoration: none; }

.img-anim {
    -webkit-transition: all 0.3s 0s ease; -moz-transition: all 0.3s 0s ease; -o-transition: all 0.3s 0s ease; transition: all 0.3s 0s ease;
    -webkit-backface-visibility: hidden; -moz-backface-visibility: hidden; -ms-backface-visibility: hidden; backface-visibility: hidden;
    -moz-transform: translate3d(0, 0, 0); -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0);
}
.slow { -webkit-transition-duration: 0.6s; -moz-transition-duration: 0.6s; -o-transition-duration: 0.6s; transition-duration: 0.6s; }

.ulclear { margin:0; padding:0; list-style:none; }

.clear { display: block; height:0; width:auto; clear:both; overflow:hidden; font-size:0; }
.clear0 { display: block; height:0; width:auto; clear:both; overflow:hidden; font-size:0; }
.clear5 { display: block; height:5px; width:auto; clear:both; overflow:hidden; font-size:0; }
.clear10 { display: block; height:10px; width:auto; clear:both; overflow:hidden; font-size:0; }
.clear15 { display: block; height:15px; width:auto; clear:both; overflow:hidden; font-size:0; }
.clear20 { display: block; height:20px; width:auto; clear:both; overflow:hidden; font-size:0; }
.clear30 { display: block; height:30px; width:auto; clear:both; overflow:hidden; font-size:0; }
.clear40 { display: block; height:40px; width:auto; clear:both; overflow:hidden; font-size:0; }
.clear50 { display: block; height:50px; width:auto; clear:both; overflow:hidden; font-size:0; }
.clear60 { display: block; height:60px; width:auto; clear:both; overflow:hidden; font-size:0; }

.wrapper { width: 100%; height: 100%; position: relative; }

.container { position: relative; }

.pr0 { padding-right: 0; }
.pl0 { padding-left: 0; }


.btn { border-radius: 0; border: 1px solid transparent; font-size: 14px; font-weight: 300; padding: 5px 15px; text-transform: uppercase;
    -webkit-transition: all 0.3s 0s ease; -moz-transition: all 0.3s 0s ease; -o-transition: all 0.3s 0s ease; transition: all 0.3s 0s ease; }
.btn-default { background-color: #2c99d5; color: #fff; border-color: #2c99d5; }
.btn-default:hover { background-color: #000; color: #ffffff; border-color: #000; }

.btn-primary { background-color: #2c99d5; color: #fff; border-color: #2c99d5; }
.btn-primary:hover { background-color: #000; color: #fff; border-color: #000; }

.w100 { width: 100%; }

.form-control { height: 40px; font-size: 12px; border-radius: 0; border: 1px solid #dedede; background: #fff; color: #343434; padding: 6px 12px; box-shadow: none; -webkit-box-shadow: none; }
.form-control:focus { box-shadow: none; -webkit-box-shadow: none; border-color: #343434; }

.form-control::-webkit-input-placeholder { color: #343434; }
.form-control::-moz-placeholder { color: #343434; }
.form-control:-ms-input-placeholder { color: #343434; }
.form-control:-moz-placeholder { color: #343434; }

select.form-control { padding: 0 12px; }
textarea.form-control { resize: none; }


#popup .modal-dialog {
    width: 500px;
    margin-top: 230px
}

#popup .modal-content {
    position: relative;
    border: 0 none;
    background: 0 0;
    box-shadow: none;
    -webkit-box-shadow: none;
    text-align: center
}

#popup .modal-content a {
    position: relative
}

#popup .modal-content a, #popup .modal-content a img {
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    user-drag: none;
    -webkit-user-drag: none
}

.fancybox-close {
    background-color: transparent;
    border: 0 none;
    padding: 0
}




.header { border-top: 7px solid #242424; padding: 15px 0 20px 0; position: relative; z-index: 10; }
/*.header .logo { float: left; margin-top: 20px; }*/
.header .logo { position: absolute; z-index: 1; top: -15px; left: 15px; }
.header .h-inner { float: right; }
.header .h-inner .item { margin-bottom: 8px; }
.header .h-inner .item.nav-box { margin-bottom: 0; min-height: 29px; }
.header .h-inner .item .icon { float: right; cursor: pointer; color: #242424; }
.header .h-inner .item .icon:hover { color: #00528c; }
.header .h-inner .item .elem { display: none; float: right; line-height: 20px; margin-right: 10px; }



.search-box { min-height: 21px; }
.search-box .form-control { height: 20px; -webkit-appearance: none; }
.search-box .btn { padding: 0 15px; font-size: 12px; }

.search.inline { position: relative; }
.search.inline .form-control { padding: 0 50px 0 12px; -webkit-appearance: none; }
.search.inline .btn { position: absolute; z-index: 5; top: 0; right: 0; }


.flag-box {  }
.flag-box ul {  }
.flag-box ul li { float: left; font-size: 12px; margin: 0 12px; }
.flag-box ul li a { display: block; padding: 0; color: #242424; }
.flag-box ul li a:hover { color: #00528c;}

.navbar { min-height: 0; margin: 0 0 0 0; border: none; background: none; border-radius: 0; position: static; }
.navbar .navbar-nav {  }
.navbar .navbar-nav>li { padding: 0 12px; }
.navbar .navbar-nav>li>a { font-size: 12px; position: relative; z-index: 10; color: #242424; text-transform: uppercase; background: none; padding: 0 0 5px 0; border-bottom: 4px solid transparent;
    -webkit-transition: all 0.3s 0s ease; -moz-transition: all 0.3s 0s ease; -o-transition: all 0.3s 0s ease; transition: all 0.3s 0s ease;
}
.navbar .navbar-nav>li>a:hover, .navbar .navbar-nav>li>a:focus { background: none; border-bottom-color: #242424; }
.navbar .navbar-nav>li.active>a { background: none; border-bottom-color: #242424; }
.navbar .navbar-nav>li.active>a:hover, .navbar .navbar-nav>li.active>a:focus { background: none; border-bottom-color: #242424; }
.navbar .navbar-nav>li.open>a { background: none; border-bottom-color: #242424; }

.navbar-nav>li>.dropdown-menu { margin-top: -4px; }
.dropdown-menu { background: #fff; border-radius: 0; padding: 0; border: 1px solid #eeeeee; z-index: 9; border-top: 4px solid #ffd500; box-shadow: none; -webkit-box-shadow: none;  }
.dropdown-menu>li>a { font-size: 12px; text-transform: uppercase; padding: 10px 20px 5px 35px; background: url(../images/icon-arrow.png) 10px 50% no-repeat scroll transparent; color: #343434; font-weight: 700; line-height: 17px;
    -webkit-transition: all 0.3s 0s ease; -moz-transition: all 0.3s 0s ease; -o-transition: all 0.3s 0s ease; transition: all 0.3s 0s ease;
}
.dropdown-menu>li>a:hover, .dropdown-menu>li>a:focus {  }
.dropdown-menu>.active>a, .dropdown-menu>.active>a:focus, .dropdown-menu>.active>a:hover { color: #008bd2; background-color: inherit;}


.mega-dropdown { position: static !important; }
.mega-dropdown-menu { padding: 15px 20px; left: 15px; right: 15px; overflow: hidden; }
.mega-dropdown-menu .item {  padding: 0 0 0 0; min-height: 160px; border-right: 1px solid #e9ebec; border-bottom: 1px solid #e9ebec; margin: 0!important; }
.mega-dropdown-menu .item:after { content: ''; position: absolute; width: 50px; height: 50px; z-index: 10; bottom: -25px; right: -25px; background: #fff; }
.mega-dropdown-menu .item .inner { padding: 15px 25px 10px 15px; position: relative; z-index: 20; min-height: 230px; }
.mega-dropdown-menu .item .title { position: relative; z-index: 5; margin: 0 0 15px 0; padding-bottom: 15px; padding-right: 125px; font-size: 16px; font-weight: 700; text-transform: uppercase; }
.mega-dropdown-menu .item .title:after { content: ''; position: absolute; left: 0; bottom: 0; width: 65px; height: 6px; border-radius: 3px; background: #00528c; }
.mega-dropdown-menu .item .title a { color: #2c99d5; }
.mega-dropdown-menu .item .title a:hover {}
.mega-dropdown-menu .item ul { position: relative; z-index: 5; }
.mega-dropdown-menu .item ul li { margin-bottom: 3px; }
.mega-dropdown-menu .item ul li a { padding-left: 25px; background: url(../images/icon-arrow.png) 0 0 no-repeat scroll transparent; color: #343434; font-weight: 700; line-height: 17px; }
.mega-dropdown-menu .item ul li a:hover { color: #008bd2; }
.mega-dropdown-menu .item .pic { position: absolute; top: 15px; right: 25px; }
.mega-dropdown-menu .item .pic img { max-width: 85px; height: auto; } /*ORIG 121*/

.mega-dropdown-menu .item.i3, .mega-dropdown-menu .item.i6 { border-right: none; }
.mega-dropdown-menu .item.i4, .mega-dropdown-menu .item.i5, .mega-dropdown-menu .item.i6 { border-bottom: none; }


.mm-menu.mm-light { background: #fff; color: #343434; }
.mm-menu.mm-light .mm-list>li.mm-selected>a:not(.mm-subopen), .mm-menu.mm-light .mm-list>li.mm-selected>span { background: #008bd2; color: #fff; }
.mm-list>li>a { text-transform: uppercase; font-weight: 300; }
.mm-menu.mm-light .m-head:after { display: none!important; }
.mm-menu.mm-light .m-head>span { padding: 0 10px 0 20px; }
.mm-menu.mm-light .m-head .logo { margin: 0 auto 15px auto; max-width: 90px; }
.mm-menu.mm-light .m-head .lang { text-align: center; margin-bottom: 15px; }
.mm-menu.mm-light .m-head .lang { text-align: center; margin-bottom: 15px; }
.mm-menu.mm-light .m-head .lang a { display: inline-block; margin: 0 2px; padding: 2px 2px; color: #343434; }
.mm-menu.mm-light .m-head .search { margin-bottom: 15px; }
.mm-menu.mm-light .m-head .search .btn { padding: 9px 15px; height: 40px; }

.mobilebtn { }
.mobilebtn>a { }
.mobilebtn>a span {  }
.mobilebtn>a i { }

.page-image { width: 100%; height: 200px; background: 50% 0 no-repeat scroll transparent; background-size: cover; }

.promobox { position: relative; z-index: 5; overflow: hidden; }
.promobox .slider-wrapper {  }
.promobox .item { float: left; position: relative; }
.promobox .item img { /*width: 100%;*/ margin: 0 auto; }
.promobox .goto { position: absolute; z-index: 10; bottom: 0; }
.promobox .goto a { float: left; display: block; width: 50px; height: 50px; line-height: 50px; background: 50% 50% no-repeat scroll #fff; color: #2d2d2d; text-align: center; }
.promobox .goto a.prev { background-image: url(../images/gbtn-left.png); }
.promobox .goto a.next { background-image: url(../images/gbtn-right.png); }

.blocks { padding: 40px 0; background: url(../images/footer-bg.jpg) center top repeat scroll transparent; }
.blocks .row {  }
.blocks .row>div {  }
.blocks .block { padding-top: 40px; border-top: 4px solid #343434; }
.blocks .block .pic { width: 120px; float: left; margin-right: 20px; }
.blocks .block .pic img {}
.blocks .block .text { padding-left: 140px; }
.blocks .block .text .title { margin: 0 0 10px 0; font-size: 30px; line-height: 30px; text-transform: uppercase; font-weight: 700; }
.blocks .block .text .title a { color: #181818; }
.blocks .block .text .title a:hover {}
.blocks .block .text .desc { min-height: 50px; margin-bottom: 20px; line-height: 16px; }
.blocks .block .text .desc a { color: #000; font-weight: 700; }
.blocks .block .text .desc a:hover { text-decoration: underline; }
.blocks .block .text .btn-primary { font-size: 10px; padding: 3px 10px; }
.blocks .block.partners .pic { margin-top: -25px; }
.blocks .block.partners .title { margin-bottom: 5px; }
.blocks .block.partners .text .desc { min-height: inherit; margin-bottom: 13px; }
.blocks .block.partners .desc span { display: inline-block; vertical-align: middle; }
.blocks .block.partners .desc .num { color: #005784; font-weight: 900; font-size: 40px; }
.blocks .block.partners .desc .t { font-weight: 300; }

.blocks-mobile { margin-top: 45px; margin-bottom: 50px; box-shadow: 0 0 5px 0 rgba(0,0,0,0.5); }
.blocks-mobile .row {}
.blocks-mobile .row>div { padding: 0; }
.blocks-mobile .item { position: relative; padding: 15px 7px; background: #fff; }
.blocks-mobile .item .pic { /*margin-top: -30px;*/ }
.blocks-mobile .item .pic img { margin: 0 auto }
.blocks-mobile .item .title { position: relative; margin: 15px 0; font-size: 18px; font-weight: 700; text-transform: uppercase; text-align: center; }
.blocks-mobile .item .button { position: relative; display: inline-flex; align-items: center; width: 100%; padding: 8px 0 8px 5px; background: #000; color: #fff; font-size: 10px; text-transform: uppercase; }
.blocks-mobile .item .button .icon { width: 14px; height: 29px; margin-right: 5px; background: url(../images/mobile/icon-arrow-right.png) 50% 50% no-repeat scroll transparent; background-size: 14px auto;}
.blocks-mobile .item.colors { border-right: 1px solid #c8c8c8; }
.blocks-mobile .item.products { border-left: 1px solid #c8c8c8; }
.blocks-mobile .item.partners { border-top: 2px solid #c8c8c8; }
.blocks-mobile .item.partners { background: #009ad8; }
.blocks-mobile .item.partners .pic { position: absolute; top: 25px; right: 15px; margin: 0; }
.blocks-mobile .item.partners .title { text-align: left; margin: 30px 0 45px 0; }

.main-title { position: relative; margin: 0 0 35px 0; padding-bottom: 15px; font-size: 21px; text-transform: uppercase; font-weight: 400; color: #343434; }
.main-title:after { content: ''; position: absolute; bottom: 0; left: 0; width: 95px; height: 6px; background: #343434; border-radius: 3px; }


.page-container { background: url(../images/content-bg.jpg) center top repeat scroll transparent; padding: 25px 0; }


.main-content { }

.table-plaster { background: #fff; text-align: center; }
.table-plaster thead th { text-align: center; }
.table-plaster thead>tr:first-child>th { border-top: 3px solid #000!important; }
.table-plaster thead>tr>th:first-child { border-left: 3px solid #000; }
.table-plaster thead>tr>th:last-child { border-right: 3px solid #000; }
.table-plaster thead>tr:last-child>th { border-bottom: 3px solid #000; }
.table-plaster thead>tr:first-child { background: #3cb0e8; color: #fff; }
.table-plaster tbody td { vertical-align: middle!important; }
.table-plaster tbody>tr>th:first-child { background: #f1f1f2; text-align: center; vertical-align: middle; white-space: nowrap; }
.table-plaster .icon-available { font-size: 20px; }
.table-plaster .icon-available.no { color: red; }
.table-plaster .icon-available.yes { color: green; }
.table-plaster .border-top { border-top: 2px solid #000; }
.table-plaster tbody tr:hover { background: #f1f1f2; }
.table-plaster .empty { background: #f9f9f9; }

.category {}
.category .item { display: block; max-width: 360px; min-height: 207px; position: relative; color: #fff; padding: 25px 0 0 30px; margin: 0 auto 20px auto; background: url(../images/category-bg.png) 0 0 no-repeat scroll transparent; }
.category .item .title { position: relative; width: 180px; margin: 0; padding-bottom: 20px; font-weight: 700; font-size: 16px; text-transform: uppercase; text-shadow: 0 1px 1px rgba(0,0,0,0.5); }
.category .item .title:after { content: ''; position: absolute; bottom: 0; left: 0; width: 95px; height: 6px; background: #fff; border-radius: 3px; box-shadow: 0 1px 1px 0 rgba(0,0,0,0.5); }
.category .item .title span { display: block; line-height: 18px; max-height: 108px; overflow: hidden; }
/* .category .item .desc { width: 170px; line-height: 17px; position: absolute; left: 30px; bottom: 10px; height: 90px; overflow: hidden; } */
.category .item .desc { width: 170px; line-height: 17px; height: 90px; overflow: hidden; padding-top: 15px; }
.category .item .pic { position: absolute; right: 0; bottom: 35px; }


.product {  }
.product .item {  }

.product.list {  }
.product.list .item {  }

.product.view { }
.product.view .media { overflow: visible; }
.product.view .pic { margin: 0 auto 20px auto; max-width: 360px; border: 1px solid #dedede; background: #fff; }
.product.view .pic img { margin: 0 auto; }
.product.view .images { margin-bottom: 10px; }
.product.view .images>.row { margin: 0 -5px; }
.product.view .images>.row>div { padding: 0 5px; }
.product.view .images a { display: block; }
.product.view .images a img { margin: 0 auto 10px auto; }
.product .icons { margin-bottom: 15px; padding-bottom: 5px; border-bottom: 4px solid #343434; }
.product .icons>.row { margin: 0 -5px; }
.product .icons .i { width: 16.66666666%; float: left; min-height: 1px; padding: 0 5px; margin-bottom: 10px; }
.product .icons .i .title { display: none; }
.product .shop .main-title { font-size: 33px; font-weight: 700; }

.product .color-banner { display: block; }
.product .color-banner img { margin: 0 auto; }

.product .colors {}
.product .colors .row { margin: 0 -10px; }
.product .colors .row>div{ padding: 0 10px; }
.product .colors .c-group { }
.product .colors .c-group>.title { font-size: 16px; margin: 20px 0; }
.product .colors .item { cursor: default; display: block; position: relative; text-align: center; color: #242424; margin-bottom: 15px; }
.product .colors .item .c-holder{ display: block; position: relative; overflow: hidden; margin-bottom: 5px; }
.product .colors .item img { width: 100%;, position: relative; z-index: 2; }
.product .colors .item span.c { display: block; position: absolute; height: 100%; z-index: 1; top: 0; left: 0; right: 0; bottom: 0; }
.product .colors .item .title { text-transform: uppercase; font-size: 12px; }

.product .documents {}
.product .documents h3 { margin: 0 0 20px 0; }
.product .documents a { position: relative; display: block; padding: 10px 15px 10px 50px; color: #343434; background: #fff; border: 1px solid #dedede; margin-bottom: 10px;
-webkit-transition: all 0.3s 0s ease; -moz-transition: all 0.3s 0s ease; -o-transition: all 0.3s 0s ease; transition: all 0.3s 0s ease;
}
.product .documents a:before { content: '\f15c'; position: absolute; left: 15px; font-family: 'FontAwesome'; font-size: 20px; line-height: 20px; }
.product .documents a:hover { color: #fff; background: #008bd2; }

.product .product-info { margin-bottom: 15px; font-weight: 700; font-size: 16px; }

.panel-group { margin-bottom: 30px; }
.panel-group .panel { border-radius: 0; }
.panel-default { background: none; border-color: #dedede; border-radius: 0; }
.panel-default>.panel-heading { border-color: #dedede; border-radius: 0; padding: 0; background: none; }
.panel-default>.panel-heading .panel-title { text-transform: uppercase; font-weight: 700; font-size: 17px; }
.panel-default>.panel-heading .panel-title>a { position: relative; display: block; padding: 0 15px 0 70px; line-height: 52px; }
.panel-default>.panel-heading .panel-title>a:before { content: ''; position: absolute; top: 0; left: 0; width: 52px; height: 52px; }
.panel-default>.panel-heading .panel-title>a:after { content: '\f107'; position: absolute; top: 17px; right: 15px; width: 17px; height: 17px; background: #696969;
    line-height: 16px; text-align: center; color: #fefefe; font-family: 'FontAwesome'; }
.panel-default>.panel-heading .panel-title>a.collapsed:after { content: '\f105';}
.panel-default>.panel-collapse>.panel-body { padding: 15px 15px 15px 52px; }
.panel-group .panel+.panel { margin-top: 20px; }


.panel-primary { background: none; border: none; border-radius: 0;  box-shadow: none;}
.panel-primary>.panel-heading { border: 1px solid #dedede; border-radius: 0; padding: 0; background: #fff; }
.panel-primary>.panel-heading .panel-title { text-transform: none; font-weight: 400; font-size: 17px; }
.panel-primary>.panel-heading .panel-title>a { position: relative; display: block; padding: 10px 15px 10px 55px; color: #fff; background: #008bd2;
-webkit-transition: all 0.3s 0s ease; -moz-transition: all 0.3s 0s ease; -o-transition: all 0.3s 0s ease; transition: all 0.3s 0s ease;
}
.panel-primary>.panel-heading .panel-title>a.collapsed { background: #fff; color: #343434; }
.panel-primary>.panel-heading .panel-title>a:before { content: '\f107'; position: absolute; top: 10px; left: 16px; width: 17px; height: 17px; background: #008bd2;
    line-height: 16px; text-align: center; color: #fefefe; font-family: 'FontAwesome'; }
.panel-primary>.panel-heading .panel-title>a.collapsed:before { content: '\f105'; }
.panel-group .panel-primary+.panel-primary { margin-top: 5px; }
.panel-primary>.panel-heading+.panel-collapse>.panel-body { border-top: none; padding: 10px 10px 10px 55px; }
#subaccordion { margin: 0; }

#headingStar a:before, .panel-faq .panel-heading a:before { background: url(../images/icon-star1.jpg) 0 0 no-repeat scroll transparent; }
#headingOne a:before, .panel-faq .panel-heading a:before { background: url(../images/icon-acc1.jpg) 0 0 no-repeat scroll transparent; }
#headingTwo a:before { background: url(../images/icon-acc2.jpg) 0 0 no-repeat scroll transparent; }
#headingThree a:before { background: url(../images/icon-acc3.jpg) 0 0 no-repeat scroll transparent; }
#headingThree1 a:before { background: url(../images/icon-acc3r.jpg) 0 0 no-repeat scroll transparent; }
#headingFour a:before { background: url(../images/icon-acc4.jpg) 0 0 no-repeat scroll transparent; }
#headingFive a:before, .panel-faq .panel-heading a:before { background: url(../images/icon-star1.jpg) 0 0 no-repeat scroll transparent; }
#headingSix a:before, .panel-faq .panel-heading a:before { background: url(../images/icon-designaid.jpg) 0 0 no-repeat scroll transparent; }
#headingSeven a:before, .panel-faq .panel-heading a:before { background: url(../images/icon-designaid.jpg) 0 0 no-repeat scroll transparent; }


.panel-faq .panel-default>.panel-heading .panel-title>a:before { height: 100%; background-color: #e7e7e7; background-position: 50% 50%; }
.panel-faq .panel-default>.panel-heading .panel-title>a { line-height: 23px; padding: 15px 35px 15px 70px; }
.panel-faq.panel-group .panel+.panel { margin-top: 10px; }
.panel-faq .panel-default>.panel-heading .panel-title>a:after { top: 50%; margin-top: -9px; }
.panel-faq .panel-default>.panel-heading .panel-title { font-size: 16px; text-transform: none; }

.prices { }
.prices .price { font-size: 14px; line-height: 18px; height: 18px; }
.prices .price.old { font-size: 12px; line-height: 14px; height: 14px; text-decoration: line-through; }
.prices .price.sale { font-weight: bold; }
.prices .price.regular { }

.gallery {}
.gallery .item { position: relative; display: block; margin-bottom: 30px; }
.gallery .item .title { position: absolute; z-index: 5; top: 25px; right: 25px; bottom: 25px; left: 25px; background: rgba(253,253,253,0.8); border: 1px solid #fff;
    font-size: 17px; color: #4f4f4f; text-transform: uppercase; text-align: center; opacity: 0; filter: alpha(opacity=0);
    -webkit-transition: all 0.3s 0s ease; -moz-transition: all 0.3s 0s ease; -o-transition: all 0.3s 0s ease; transition: all 0.3s 0s ease;
}
.gallery .item .title .tt { display: table; width: 100%; height: 100%; }
.gallery .item .title .tc { display: table-cell; width: 100%; height: 100%; vertical-align: middle; padding: 15px; }
.gallery .item img { position: relative; margin: 0 auto; }
.gallery .item:hover .title { opacity: 1; filter: alpha(opacity=100); }

.share-box { text-align: right; margin-bottom: 15px; }
.share-box>div { display: inline-block; vertical-align: top; }
.share-box .twitter-button { margin: 0 10px; }

.yt {
    position: relative; padding-bottom: 56.25%; /* 16:9 */ padding-top: 25px; height: 0; }
.yt iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }

.pager-container { text-align: center; }
.pagination { }
.pagination>li { }
.pagination>li>a,.pagination>li>span {  }
.pagination>li>a:focus, .pagination>li>a:hover, .pagination>li>span:focus, .pagination>li>span:hover {  }
.pagination>.active>a, .pagination>.active>a:focus, .pagination>.active>a:hover, .pagination>.active>span, .pagination>.active>span:focus, .pagination>.active>span:hover {  }
.pagination>li:first-child > a, .pagination > li:last-child > a { }


.user-form { }
.user-form textarea { height: 120px; }


.content-lead { margin-bottom: 30px; }
.content-body { }
.content-lead img, .content-body img { display: block; max-width: 100%; height: auto; margin: 0 auto; }
.content-lead a, .content-body a { font-weight: 700; }
.page-view .content-lead { font-weight: 700; }
.home-page.page-view .content-lead { font-weight: 400; }

.footer { padding: 10px 0; border-top: 1px solid #efefef; }
.footer .social-box { display: inline-block; vertical-align: middle; }
.footer .social-box a { display: inline-block; vertical-align: top; width: 54px; height: 54px; }
.footer .social-box a.fb { background: url(../images/icon-fb.png) 0 0 no-repeat scroll transparent; }
.footer .social-box a.gp { background: url(../images/icon-google.png) 0 0 no-repeat scroll transparent; margin-left: 10px; }
.footer .social-box a.ytc { background: url(../images/icon-youtube.png) 0 0 no-repeat scroll transparent; margin-left: 10px; }

/*.createdby { display: inline-block; vertical-align: middle; font-size: 12px; color: #848484; margin-left: 30px; }*/
.createdby { text-align: center; font-size: 12px; color: #848484; margin-top: 10px; }
.createdby a { display: inline-block; color: #848484; }
.createdby a:hover {  }

.d-flex { display: flex; }

.footer .d-flex { align-items: center; }
.footer .saintgobain { margin-left: auto; }

.mevsz { color:#848484; margin-left: 10px; }
.saintgobain { color:#181818; font-family:'GothamMedium'; font-weight: bold; font-size: 12px; }


.error404 { text-align: center; }
.error404 h1 { font-size: 72px; font-weight: 700; text-transform: uppercase; }
.error404 h2 { font-size: 32px; }

body.stop-scrolling { padding-right: 17px; }
.sweet-overlay { overflow: visible; overflow-y: scroll; }

.certificates {}
.certificates .item { margin-bottom: 50px; }
.certificates .item .pic { border-right: 4px solid #242424; padding-right: 15px; }
.certificates .item .table { display: table; width: auto; }
.certificates .item .table .tr { display: table-row; }
.certificates .item .table .td { display: table-cell; padding: 0 35px 10px 0; vertical-align: top; }
.certificates .item a { position: relative; max-width: 340px; display: inline-block; color: #000; font-size: 15px; line-height: 17px; font-weight: 700; padding-left: 30px; }
.certificates .item a:hover { color: #008bd2; }
.certificates .item a:before { content: '\f105'; position: absolute; top: 0; left: 0; width: 17px; height: 17px; line-height: 16px; text-align: center; background: #008bd2; color: #fff; font-family: 'FontAwesome'; }

.cert2 { display: flex; flex-direction: row; flex-wrap: wrap; margin: 0 -15px; }
.cert2 .item { flex: 1 0 auto; width: 50%; padding: 0 15px; margin-bottom: 15px; }
.cert2 .item a { max-width: none; }
.cert2 .item h2 { margin: 20px 0 20px 0; padding: 5px 5px 10px 5px; font-size: 22px; font-weight: 700; border-bottom: 4px solid #242424; }
.cert2 .item ul {}
.cert2 .item ul {}
.cert2 .item ul li { margin: 5px 0 10px 0; padding-bottom: 5px; border-bottom: 1px solid #e9e9e9; }
.cert2 .item ul li h3 { display: block; color: #000; font-weight: 700; margin: 0 0 8px 0; font-size: 15px; }
.cert2 .item ul li span { display: inline-block; vertical-align: middle; }
.cert2 .item ul li span a { margin-right: 10px; color: #343434; font-weight: 400; }

.dl-ads {}
.dl-ads .row { margin: 0 -10px; }
.dl-ads .row>div { padding: 0 10px; }
.dl-ads h2.main-title { font-size: 28px; margin: 30px 0 15px 0; font-weight: 700; }
.dl-ads h2.main-title:after{ display: none; }
.dl-ads .item { display: block; background: #F5F5F5; border: 1px solid #dfdfdf; text-align: center; padding: 10px 5px; margin-bottom: 20px; color: #181818; font-weight: 700; }
.dl-ads .item:hover { background: #fff; }
.dl-ads .item img { margin: 0 auto 10px auto; }

.partners-form { text-align: center; margin-bottom: 15px; padding-bottom: 15px; border-bottom: 1px solid #ccc; }
.partners-form .form-group { margin: 0 15px; }
.partners-form .form-group .form-control { margin-left: 0; }
.partners-form .fr { float: right; }
.partners-form .fl { float: left; }

#partner_list { margin-top: 30px; }
#partner_list h2 {}
#partner_list .item h3 { margin: 0 0 15px 0; padding-bottom: 5px; font-size: 18px; border-bottom: 1px solid #343434; }

.regional-repr { margin-bottom: 30px; }
.regional-repr .item { text-align: center; }
.regional-repr .item a { color: #242424; }
.regional-repr .item img { display: block; margin: 0 auto; max-width: 100%; height: auto; }

.microsite { padding: 0; }
.microsite-roller { background: #2270a0;}
.microsite .roller { background: url(../images/roller/bg-light.jpg) 50% 0 no-repeat scroll #2270a0; color: #fff; padding: 50px 0 0 0; }
.microsite .roller .row { margin: 0; }
.microsite .roller .row>div { padding: 0; }
.microsite .roller .content-body { position: relative; z-index: 5; top: -50px; font-size: 12px; }
.microsite .roller .content-body a { color: #fff; text-decoration: underline; }
.microsite .roller .content-body a:hover { color: #000; text-decoration: underline; }
.microsite .roller .winners { padding-top: 30px; margin-top: 30px; border-top: 2px solid #fff; font-size: 16px; }
.microsite .roller .winners .title { margin: 0 0 0 0; color: #1b1c20; text-transform: uppercase; font-weight: 700; }
.microsite .roller .winners .title span { display: inline-block; background: #fff; padding: 10px 20px; }
.microsite .roller .winners .title.sub { color: #4599d4; margin-bottom: 30px; }
.microsite .roller .winners .subtitle {}

.microsite-nadrag { position: relative; overflow: hidden; font-family: 'Raleway', sans-serif; font-weight: 500; font-size: 15px; color: #000; }
.microsite-nadrag:before { content: ''; position: absolute; top: 0; right: 0; width: 50%; height: 100%;
    background: url(../images/nadrag/bg.svg) 0 0 no-repeat scroll transparent; background-size: cover;
}
.microsite-nadrag:after { content: ''; position: absolute; top: 0; right: calc(50% - 135px); width: 135px; height: 100%; background: #008d3c;
    transform-origin: 0 0;
    transform: skewX(10deg);
}
.microsite-nadrag:before {}
.microsite-nadrag:after { content: none; display: none; }
.microsite .nadrag { position: relative; z-index: 1; padding: 40px 0; display: flex; }
.microsite .nadrag .col { width: 50%; }
.microsite .nadrag h1 { margin: 0 0 30px 0; font-size: 62px; font-weight: 900; text-transform: uppercase; }
.microsite .nadrag h1 span { color: #269ad5; display: block; }
.microsite .nadrag .desc { margin-bottom: 30px; font-size: 22px; font-weight: 600; }
.microsite .nadrag .desc span.price { padding: 3px 5px; color: #fff; background: #269ad5; font-weight: 700; }
.microsite .nadrag .date { margin-bottom: 30px; font-weight: 600; font-size: 18px; }
.microsite .nadrag .date span { font-weight: 700; color: #269ad5; }
.microsite .nadrag .condition { margin-bottom: 30px;}
.microsite .nadrag .condition ul { list-style: none; padding: 0; margin: 0; }
.microsite .nadrag .condition ul li { position: relative; padding-left: 30px; }
.microsite .nadrag .condition ul li:before { content: ''; position: absolute; top: 5px; left: 6px; width: 10px; height: 10px; background: #269ad5; }
.microsite .nadrag .col-img img { margin-left: -30px; margin-top: 80px; }
.microsite .nadrag .btn-more { display: inline-block; padding: 3px 40px 3px 5px; color: #fff;
    background: url(../images/nadrag/btn-arrow.svg) 100% 0 no-repeat scroll #269ad5; background-size: auto 100%;
    -webkit-transition: background-color 0.3s 0s ease; -moz-transition: background-color 0.3s 0s ease; -o-transition: background-color 0.3s 0s ease; transition: background-color 0.3s 0s ease;
}
.microsite .nadrag .btn-more:hover { background-color: #343434; }
.microsite .nadrag .privacy a { color: #000; text-decoration: underline; font-weight: 700; }
.microsite .nadrag .privacy a:hover { color: #269ad5; }

.news {}
.news.news-list {}
.news.news-list .item { margin-top: 15px; padding-top: 15px; border-top: 2px solid #323232; }
.news.news-list .item.first { margin-top: 0; padding-top: 0; border-top: 0 none; }

.news.widget {  }
.news.widget .main-title { padding: 0 15px; margin-bottom: 25px; font-weight: 700; }
.news.widget .main-title:after { content: none; display: none;}
.news.widget .news-slider { background: #fff; padding: 15px 15px 8px 15px; box-shadow: 0 0 5px 0 rgba(0,0,0,0.5); }
.news.widget .item { display: block; color: #000; }
.news.widget .item .title { position: relative; margin: 0 0 10px 0; padding-bottom: 10px; font-size: 20px; text-transform: uppercase; font-weight: 400; }
.news.widget .item .title:after { content: ''; position: absolute; left: 0; bottom: 0; width: 60px; height: 6px; background: #000; }
.news.widget .item .desc { margin-bottom: 10px; }
.news.widget .item .pic { position: relative; }
.news.widget .item .pic img { width: 100%; }
.news.widget .item .pic .button { position: absolute; right: 0; bottom: 0; background: #000; color: #fff; font-size: 14px; text-transform: uppercase; padding: 15px 20px; }
.news.widget .button-wrapper { text-align: center; padding: 35px 0; }
.news.widget .news-button { display: inline-block; margin: 0 5px; width: 50px; height: 50px; background: 50% 50% no-repeat scroll #000; background-size: 14px auto; }
.news.widget .news-button.prev { background-image: url(../images/mobile/icon-arrow-left.png); }
.news.widget .news-button.next { background-image: url(../images/mobile/icon-arrow-right.png); }

.microsite.glitter { padding: 25px 0; background: #fff; font-size: 16px; color: #4d4d4d; }
.glitter .main-title { font-size: 45px; font-weight: 700; color: #3699d5; margin-bottom: 15px; padding: 0; }
.glitter .main-title:after { content: inherit; display: none; }
.glitter .content-text { margin-bottom: 15px; }
.glitter .content-text h2 { font-size: 20px; font-weight: 700; margin: 0 0 15px 0;}
.glitter .content-text strong { font-weight: 700; color: #3699d5; }
.glitter .mb15 { margin-bottom: 15px; }
.glitter .mt40 { margin-top: 40px; }
.glitter strong {  }
.glitter .list-wrapper { border-top: 1px solid #b2b2b2; }
.glitter .list-wrapper .item { display: flex; align-items: center; border-bottom: 1px solid #b2b2b2; }
.glitter .list-wrapper .item .col { width: 50%; flex: 0 0 50%; }
.glitter .list-wrapper .item h2 { margin: 0 0 15px 0; font-size: 24px; font-weight: 400; color: #3699d5; text-transform: uppercase; }
.glitter .list-wrapper .item h2 strong { font-weight: 700; }
.glitter .list-wrapper .item h3 { margin: 0 0 15px 0; font-size: 16px; font-weight: 700; }
.glitter .list-wrapper .item .desc { font-size: 13px; }
.glitter .list-wrapper .item .desc strong { font-weight: 700; color: #3699d5; }
.glitter .list-wrapper .item .pic { position: relative; width: 100%; height: 0; padding-bottom: 52.63%; }
.glitter .list-wrapper .item .pic img { position: absolute; top: 0; left: 0; width: 100%; height: 100%; object-fit: cover; }
.glitter .list-wrapper .item.image-right .col.image { order: 2; }
.glitter .list-wrapper .item.image-right .col.text { order: 1; }
.glitter .list-wrapper .item.image-left .col.image { order: 1; }
.glitter .list-wrapper .item.image-left .col.text { order: 2; }
.glitter .list-wrapper-6 { display: flex; margin-top: 15px; margin-left: -10px; margin-right: -10px; }
.glitter .list-wrapper-6 .item { text-align: center; padding: 0 10px; }
.glitter .list-wrapper-6 .item .pic { margin-bottom: 5px; }
.glitter .list-wrapper-6 .item .title { margin: 0 0 0 0; font-size: 13px; font-weight: 400; }
.glitter .list-wrapper-6 .item .title strong { font-weight: 700; }

.d-flex { display: flex; }
.video-list {}
.video-list .row.d-flex { flex-wrap: wrap; }
.video-list .row.d-flex:before,
.video-list .row.d-flex:after { content: initial; display: none; }
.video-list .row>div {  }
.video-list .row>.col-3 { width: 25%; flex: 0 1 25%; padding: 0 15px; }

.video-list .group {}
.video-list .group .subtitle { margin: 20px 0 20px 0; padding: 5px 5px 10px 5px; font-size: 22px; font-weight: 700; border-bottom: 4px solid #242424; }
.video-list .item { display: flex; flex-direction: column; position: relative; margin-bottom: 20px; color: #000; }
.video-list .item .pic { position: relative; margin-bottom: 10px; }
.video-list .item .title { position: relative; margin: 0 0 0 0; padding-left: 25px; font-weight: 700; font-size: 14px; line-height: 17px; }
.video-list .item .title:before { content: '\f105'; position: absolute; top: 0; left: 0; width: 17px; height: 17px; line-height: 16px; text-align: center; background: #008bd2; color: #fff; font-family: 'FontAwesome'; }
.video-list .item .pic:before { content: '\f04b'; font-family: 'FontAwesome'; color: #fff;
    display: flex; justify-content: center; align-items: center;
    position: absolute; top: 50%; left: 50%; z-index: 10; width: 50px; height: 34px; border-radius: 5px; transform: translate(-50%, -50%); background: rgba(0,0,0,0.55);
}
.video-list .item:hover { color: #008bd2; }
.video-list .item:hover .pic:before { background: #cd201f; }

.pdf-list {}
.pdf-list .row.d-flex { flex-wrap: wrap; }
.pdf-list .row.d-flex:before,
.pdf-list .row.d-flex:after { content: initial; display: none; }
.pdf-list .row>div {  }
.pdf-list .row>.col-3 { width: 25%; flex: 0 1 25%; padding: 0 15px; }

.pdf-list .group {}
.pdf-list .group .subtitle { margin: 20px 0 20px 0; padding: 5px 5px 10px 5px; font-size: 22px; font-weight: 700; border-bottom: 4px solid #242424; }
.pdf-list .item { display: flex; flex-direction: column; position: relative; margin-bottom: 20px; color: #000; }
.pdf-list .item .pic { position: relative; margin-bottom: 10px; }
.pdf-list .item .title { position: relative; margin: 0 0 0 0; padding-left: 25px; font-weight: 700; font-size: 14px; line-height: 17px; }
.pdf-list .item .title:before { content: '\f105'; position: absolute; top: 0; left: 0; width: 17px; height: 17px; line-height: 16px; text-align: center; background: #008bd2; color: #fff; font-family: 'FontAwesome'; }
.pdf-list .item:hover { color: #008bd2; }
.pdf-list .item:hover .pic:before { background: #cd201f; }

/*xs */
@media (max-width: 767px) {

    .header .logo { margin: 0; }

    .header { padding: 15px 0; }
    .mobilebtn { margin-top: 0!important; }
    .header .logo { top: -22px; left: 0; width: 96px; }

    .page-image { height: 100px; }

    .blocks .block { margin-bottom: 15px; padding-top: 15px; text-align: center; }
    .blocks .block .pic { min-height: inherit; }
    .blocks .block .text .desc { min-height: inherit; }
    .blocks .block.partners .desc .t { text-align: left; }

    .product .color-banner { margin-bottom: 30px; }
    .product .shop .main-title { font-size: 20px; }
    .product .icons .i { width: 25%; text-align: center; }
    .product .icons .i img { margin: 0 auto 5px auto; }
    .product .icons .i .title { display: block; font-size: 9px; line-height: 11px; }

    .panel-default>.panel-heading .panel-title { font-size: 14px; }
    .panel-primary>.panel-heading .panel-title { font-size: 13px; }
    .panel-default>.panel-collapse>.panel-body { padding: 10px; }
    .panel-primary>.panel-heading+.panel-collapse>.panel-body { padding: 10px; }
    .panel-primary>.panel-heading .panel-title>a:before { left: 10px; }
    .panel-primary>.panel-heading .panel-title>a { padding-left: 40px; }

    .certificates .item .pic { border-right: 0; border-bottom: 4px solid #242424; padding: 0 0 15px 0; margin-bottom: 15px; }
    .certificates .item .pic img { margin: 0 auto; }
    .certificates .item .table {width: 100%; }
    .certificates .item .table .td { padding: 0 5px 10px 0; }

    .footer { text-align: center; padding-bottom: 10px; }
    .footer .social-box { display: block; }
    /*.footer .social-box { margin-bottom: 10px; }*/
    .createdby { display: block; }

    /*.mevsz {display:block;float:left;}*/
    /*.mevsz {float:none;color:#848484;margin-left:10px;margin-top:3px;}*/


    #partners_filter .form-group, #partners_seach .form-group { margin: 0 0 10px 0; }
    #partners_filter .form-group .form-control { margin: 0; }

    .cert2 {  }
    .cert2 .item { flex: 1 1 100%; width: 100%;}

    .table-plaster, .table-plaster .icon-available { font-size: 11px!important; }
    .table-plaster td, .table-plaster th { padding: 3px!important; }
    .table-plaster tbody td { white-space: normal!important; }

    .microsite .roller { padding: 15px 0; }
    .microsite .roller img { margin: 0 auto; }
    .microsite .roller .content-body { top: 0; }

    .glitter .main-title { font-size: 32px; }

    .microsite .nadrag h1 { font-size: 42px; }
    .microsite .nadrag .desc { font-size: 18px; }
    .microsite .nadrag .col-img img { margin-left: -20px; }

    .promobox .goto { right: 15px; }
    .promobox .goto a { background: 50% 50% no-repeat scroll #000; background-size: 14px auto; }
    .promobox .goto a.prev { background-image: url(../images/mobile/icon-arrow-left.png) }
    .promobox .goto a.next { background-image: url(../images/mobile/icon-arrow-right.png) }
    .video-list .row>.col-3 { width: 50%; flex: 0 1 50%; }
    .pdf-list .row>.col-3 { width: 50%; flex: 0 1 50%; }
}
@media (max-width: 360px) {
    .blocks-mobile .item.partners .pic { width: 190px; }
}

@media (max-width: 500px) {
    .news-view img { width:100%; height:auto;}
}

@media (max-width: 580px) {
    .gallery .col-xs-6 { width: 100%; }
    .gallery .item { margin-bottom: 15px; }
    .gallery .item img { width: 100%; }

    .certificates .item { margin-bottom: 15px; }
    .certificates .item .table { display: block; }
    .certificates .item .table .tr { display: block; }
    .certificates .item .table .td { display: block; padding: 0 0 10px 0; }
    .certificates .item .table .td:empty { display: none; }

    .dl-ads .col-xs-6 { width: 100%; }
    .dl-ads .item img { max-width: 50%; }

    .glitter .list-wrapper-6 .item .title strong { display: block; }

    .microsite-nadrag:before { content: none; display: none; }
    .microsite .nadrag h1 { font-size: 42px; }
    .microsite .nadrag .desc { font-size: 18px; }
    .microsite .nadrag .col { width: 100%; }
    .microsite .nadrag .col-img { display: none; }
    .microsite .nadrag .pic-xs { display: block!important; margin: 0 -15px 30px -15px; padding: 20px; background: #008d3c; }
    .microsite .nadrag .pic-xs {}
    .video-list .row { margin: 0 -5px; }
    .video-list .row>.col-3 { width: 50%; flex: 0 1 50%; padding: 0 5px; }
    .video-list .item .title { font-size: 11px; }

    .pdf-list .row { margin: 0 -5px; }
    .pdf-list .row>.col-3 { width: 50%; flex: 0 1 50%; padding: 0 5px; }
    .pdf-list .item .title { font-size: 11px; }

    .footer .d-flex { flex-direction: column; gap: 10px; }
    .footer .d-flex .mevsz { margin-left: 0; }
    .footer .d-flex .saintgobain { margin-left: 0; }
}

/* sm */
@media (min-width: 768px) {

}

/* only sm */
@media (min-width: 768px) and (max-width: 991px) {
    .blocks .block .pic { min-height: 138px; }
    .microsite .roller { padding-bottom: 15px; }
    .microsite .roller .content-body { top: 0; }

    .microsite .nadrag h1 { font-size: 42px; }
    .microsite .nadrag .desc { font-size: 18px; }
    .microsite .nadrag .col-img img { margin-left: -20px; }

    .header .logo { top: -30px; max-width: 140px; }

    .video-list .row>.col-3 { width: 33.3333%; flex: 0 1 33.3333%; }
    .pdf-list .row>.col-3 { width: 33.3333%; flex: 0 1 33.3333%; }
}

/* xs & sm */
@media (max-width: 991px) {

    .mobilebtn { float: right; margin-top: 25px; }
    .mobilebtn a { font-size: 30px; line-height: 30px; display: block; color: #fff; padding: 5px 7px; background: #343434; }

    .blocks .block { }
    .blocks .block .pic { float: none; width: auto; margin: 0 0 10px 0!important;}
    .blocks .block .pic img { display: block; max-width: 100%; height: auto; margin: 0 auto; }
    .blocks .block .text { padding: 0; }
    .blocks .block .text .title { font-size: 20px; line-height: 20px; }
    .blocks .block .text .title a {  }
    .blocks .block .text .desc {  }
    .blocks .block .text .btn-primary { font-size: 16px; }

    .gallery .item .title { top: auto; bottom: 0; left: 0; right: 0; opacity: 1; filter: alpha(opacity=100); font-size: 14px; }
    .gallery .item .title .tc { padding: 5px; }

    .glitter .list-wrapper { padding-top: 15px; }
    .glitter .list-wrapper .item { flex-direction: column; margin-bottom: 15px; }
    .glitter .list-wrapper .item .col { width: 100%; flex: 0 0 100%; }
    .glitter .list-wrapper .item .col.image { order: 2!important; }
    .glitter .list-wrapper .item .col.text { order: 1!important; }
    .glitter .list-wrapper .item .desc { margin-bottom: 15px; }
    .glitter .list-wrapper-6 { flex-wrap: wrap; }
    .glitter .list-wrapper-6 .item { width: 33.3333%; margin-bottom: 15px; }

    #popup .modal-dialog {
        width: auto;
        text-align: center
    }

    #popup .modal-content {
        display: inline-block
    }

}

/* xs & sm & md*/
@media (max-width: 1199px) {

}

/* md */
@media (min-width: 992px) {
    .prod-index{}
    .prod-index.blocks .block { padding-top: 0; }
    .prod-index.blocks .block .pic { display: none; }
    .prod-index.blocks .block .text { padding: 0; }
    .prod-index.blocks .block .text .title { font-size: 18px; line-height: 20px; float: right; text-align: right; font-weight: 700; }
    .prod-index.blocks .block .text .title a { display: block; padding: 5px 15px; background: #343434; color: #fff; }
    .prod-index.blocks .block .text .desc { display: none; }
    .prod-index.blocks .block .text .btn-primary { display: none; }
    .header .h-inner { padding-top: 0px; }
}

/*only md */
@media (min-width: 992px) and (max-width: 1199px) {

    .header .logo { max-width: 140px; }

    .blocks .block .pic { width: 80px; }
    .blocks .block .text { padding-left: 100px; }
    .blocks .block .text .title { font-size: 20px; line-height: 20px; }
    .category .item { padding-top: 25px; }
    .category .item .pic { width: 100px; }
    .navbar .navbar-nav>li { padding: 0 4px; }
    .microsite .roller .content-body { top: -25px; }
}

/* lg */
@media (min-width: 1200px) {

}

/**/
div.errormark { display: none; width: 16px; height: 16px; }
div.errormark a {display: block; background: transparent url(../images/icons/error.png) no-repeat; width: 16px; height: 16px; }
div.errors { position: relative; background: #ffecec; border: solid 1px #ffffff; padding: 10px; margin-bottom: 10px; }
div.errors strong { color: #000000; }
div.errors .error-close { position: absolute; width: 17px; height: 17px; top: 0px; right: 0px; display: block; background: url(../images/icons/error_close_icon.png) no-repeat; }
div.error-text { margin-top: 5px; }

#partners_google_map {
    width: 100%;
    height: 420px;
}

.partner-info-window .title {
    font-size: 16px;
    border-bottom: 1px solid #6f6f6f;
    margin-bottom: 5px;
    font-weight: bold;
    color: #014e86;
}
.partner-info-window .info-label {
    font-weight: bold;
    color: #6f6f6f;
}
.partner-info-window .info-text {
    margin-top: 5px;
    padding-top: 5px;
    margin-bottom: 0;
    padding-bottom: 0
}
.partner-info-window .representative {
    border-top: 1px solid #6f6f6f;
    margin-top: 5px;
    padding-top: 5px;
}
.partner-info-window .representative .title {
    color:#014e86;
    font-size: 14px;
    border-bottom: none;
    margin-bottom: 0;
}

.region-info-window .title {
    font-size: 16px;
    border-bottom: 1px solid #6f6f6f;
    font-weight: bold;
    color: #014e86;
}
.region-info-window .info-label {
    font-weight: bold;
    color: #6f6f6f;
}
.region-info-window .info-text {
    margin-top: 10px;
    padding-top: 5px;
    margin-bottom: 0;
    padding-bottom: 0
}
.region-info-window .info {
    padding: 5px 0 5px 10px;
    vertical-align: top;
    min-width: 220px;
}
.region-info-window .sub-title {
    font-style: italic;
    font-size: 12px;
    margin-bottom: 10px;
}

#partner_list .ulclear {
    margin-bottom: 40px;
}

.partnercell {
    margin: 0 0 20px 0;
}

.partnertitle {
    text-align: center;
    font-weight: bold;
    padding: 5px;
    margin-bottom: 10px;
}

.partnertitle_c1 {
    background-color: #46bea9;
}

.partnertitle_c2 {
    background-color: #fed263;
}

.partnertitle_c3 {
    background-color: #1f8f93;
}

.partnertitle_c4 {
    background-color: #81d0e1;
}

.partnertitle_c5 {
    background-color: #f8a76f;
}

.partnertitle_c6 {
    background-color: #ababab;
}

.partnerbody {
    margin:10px 0 0 0;
}

.maphu {
    margin: 40px 0 0 0;
}

.widget-calculator {
    margin:15px 0 0 0;
    border:solid 1px #dedede;

}

.widget-calculator-head {
    background: url(/frontend-files/images/ic_calculator_head.png) #1c8fd0 no-repeat 18px 50%;
    height: 80px;
    padding:0 0 0 84px;
    display: table;
    width: 100%;

}

.widget-calculator-title {
    display:table-cell;
    line-height: normal;
    text-transform: uppercase;
    color:#fff;
    font-size: 22px;
    font-weight: bold;
    vertical-align: middle
}

.widget-calculator-footertxt {
    color:#525252;
    text-align: justify;
}

.widget-calculator-footertxt span{
    color:#fe0005;
    font-weight: bold;
}

.widget-calculator-footertxt a {
    font-weight: normal;
}

.widget-calculator form {
    padding:10px;
    background: #f9f9f9;
}

.widget-res-tbl {
    display:table;
    margin-top:15px;
    display: none;
}

.sub-calc {
    background: url(/frontend-files/images/ic_calculator_weight.png) no-repeat left 50%;
    display: table-cell;
    height:46px;
    padding:0 15px 0 44px;
    vertical-align: middle;
    font-size: 17px;
}

.final-calc {
    background: url(/frontend-files/images/ic_calculator_qty.png) no-repeat left 50%;
    display: table-cell;
    height:46px;
    padding:0 0 0 64px;
    vertical-align: middle;
    font-size: 17px;
}

.widget-calculator .result{
    padding:5px;
    margin:0 0 10px 0;
    font-weight: 700;

}

.widget-calculator .resultlabel {
    display:none;
    text-transform: uppercase;
    font-size: 15px;
}

.bluebutton {
   background:#ffffff;
   color:#2b99d5;
   padding:7px;
   margin-top:3px;
   border:solid 2px #2b99d5;
   border-radius:10px;
}

.has-error .accept {
    color: #a94442;
}

.colormodal {
    /*border:solid 4px #2c99d5;*/
    z-index: 10001;
    background:#000;
    color:#fff;
    position:fixed;
    top:50%;
    left:50%;
    transform:translate(-50%,-50%);
    box-sizing:border-box;
    width:510px;
    max-width:calc(100% - 50px);
    max-height:calc(100% - 50px);
    overflow:auto;
    max-height:calc(100vh - 125px);
}

.colormodal .content {
    position:relative;
    padding:30px;
}

.colormodal .colorbox {
    height:180px;
}

.colormodal .colorname {
    font-size: 1.5em;
    font-weight: bold;
}

.colormodalclosebutton {
    position:absolute;
    right:5px;
    top:5px;
    color:#fff;
}

.colormodal-backdrop {
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    background-color: rgba(0,0,0,0.7);
    z-index: 10000;
}