@font-face {
    font-family: "RobotoRegular";
    src: url("fonts/RobotoRegular.eot");
    src: url("fonts/RobotoRegular.eot?#iefix")format("embedded-opentype"),
    url("fonts/RobotoRegular.woff") format("woff"),
    url("fonts/RobotoRegular.ttf") format("truetype");
    font-style: normal;
    font-weight: normal;
}
@font-face {
    font-family: "RobotoMedium";
    src: url("fonts/RobotoMedium.eot");
    src: url("fonts/RobotoMedium.eot?#iefix")format("embedded-opentype"),
    url("fonts/RobotoMedium.woff") format("woff"),
    url("fonts/RobotoMedium.ttf") format("truetype");
    font-style: normal;
    font-weight: normal;
}
@font-face {
    font-family: "RobotoBold";
    src: url("fonts/RobotoBold.eot");
    src: url("fonts/RobotoBold.eot?#iefix")format("embedded-opentype"),
    url("fonts/RobotoBold.woff") format("woff"),
    url("fonts/RobotoBold.ttf") format("truetype");
    font-style: normal;
    font-weight: normal;
}
@font-face {
    font-family:'Lato-Regular';
    src: url("fonts/latoregular.eot");
    src: url("fonts/latoregular.eot?#iefix")format("embedded-opentype"),
    url("fonts/latoregular.woff") format("woff"),
    url("fonts/latoregular.ttf") format("truetype");
    font-weight: 400;
    font-style: normal;
    font-stretch: normal;
    unicode-range: U+000D-25CA;
}

@font-face {
    font-family:'Lato-Bold';
    src: url("fonts/latobold.eot");
    src: url("fonts/latobold.eot?#iefix")format("embedded-opentype"),
    url("fonts/latobold.woff") format("woff"),
    url("fonts/latobold.ttf") format("truetype");
    font-weight: 400;
    font-style: normal;
    font-stretch: normal;
    unicode-range: U+000D-25CA;
}
@font-face {
    font-family:'PTSans-Bold';
    src: url('fonts/PTSans-Bold_gdi.eot');
    src: url('fonts/PTSans-Bold_gdi.eot?#iefix') format('embedded-opentype'),
        url('fonts/PTSans-Bold_gdi.woff') format('woff'),
        url('fonts/PTSans-Bold_gdi.ttf') format('truetype'),
        url('fonts/PTSans-Bold_gdi.svg#PTSans-Bold') format('svg');
    font-weight: 700;
    font-style: normal;
    font-stretch: normal;
    unicode-range: U+0020-F6D4;
}
@font-face {
    font-family:'PTSans-Regular';
    src: url('fonts/PTSans-Regular_gdi.eot');
    src: url('fonts/PTSans-Regular_gdi.eot?#iefix') format('embedded-opentype'),
        url('fonts/PTSans-Regular_gdi.woff') format('woff'),
        url('fonts/PTSans-Regular_gdi.ttf') format('truetype'),
        url('fonts/PTSans-Regular_gdi.svg#PTSans-Regular') format('svg');
    font-weight: 400;
    font-style: normal;
    font-stretch: normal;
    unicode-range: U+0020-F6D4;
}

/* http://meyerweb.com/eric/tools/css/reset/
   v2.0 | 20110126
   License: none (public domain)
*/
html, body, div, span, applet, object, iframe,h1, h2, h3, h4, h5, h6, p, blockquote, pre,a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,small, strike, strong, sub, sup, tt, var,b, u, i, center,
dl, dt, dd, ol, ul, li,fieldset, form, label, legend,table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed,figure, figcaption, footer, header, hgroup,
menu, nav, output, ruby, section, summary,time, mark, audio, video {
    margin: 0;
    padding: 0;
    border: 0;
    font-size: 100%;
   /* font: inherit;*/
    vertical-align: baseline;
}
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure,footer, header, hgroup, menu, nav, section {
    display: block;
}
body {
    line-height: 1;
}
ol, ul {
    list-style: none;
}
blockquote, q {
    quotes: none;
}
blockquote:before, blockquote:after,q:before, q:after {
    content: '';
    content: none;
}
table {
    border-collapse: collapse;
    border-spacing: 0;
}
/**************************/


/*
    Colorbox Core Style:
    The following CSS is consistent between example themes and should not be altered.
*/
#colorbox, #cboxOverlay, #cboxWrapper{position:absolute; top:0; left:0; z-index:9999; overflow:hidden;}
#cboxWrapper {max-width:none;}
#cboxOverlay{position:fixed; width:100%; height:100%;}
#cboxMiddleLeft, #cboxBottomLeft{clear:left;}
#cboxContent{position:relative;}
#cboxLoadedContent{overflow:auto; -webkit-overflow-scrolling: touch;}
#cboxTitle{margin:0;}
#cboxLoadingOverlay, #cboxLoadingGraphic{position:absolute; top:0; left:0; width:100%; height:100%;}
#cboxPrevious, #cboxNext, #cboxClose, #cboxSlideshow{cursor:pointer;}
.cboxPhoto{float:left; margin:auto; border:0; display:block; max-width:none; -ms-interpolation-mode:bicubic;}
.cboxIframe{width:100%; height:100%; display:block; border:0; padding:0; margin:0;}
#colorbox, #cboxContent, #cboxLoadedContent{box-sizing:content-box; -moz-box-sizing:content-box; -webkit-box-sizing:content-box;}
#cboxOverlay{background:url(images/overlay.png) repeat 0 0; opacity: 0.9; filter: alpha(opacity = 90);}
#colorbox{outline:0;}
#cboxTopLeft{width:21px; height:21px; background:url(images/controls.png) no-repeat -101px 0;}
#cboxTopRight{width:21px; height:21px; background:url(images/controls.png) no-repeat -130px 0;}
#cboxBottomLeft{width:21px; height:21px; background:url(images/controls.png) no-repeat -101px -29px;}
#cboxBottomRight{width:21px; height:21px; background:url(images/controls.png) no-repeat -130px -29px;}
#cboxMiddleLeft{width:21px; background:url(images/controls.png) left top repeat-y;}
#cboxMiddleRight{width:21px; background:url(images/controls.png) right top repeat-y;}
#cboxTopCenter{height:21px; background:url(images/border.png) 0 0 repeat-x;}
#cboxBottomCenter{height:21px; background:url(images/border.png) 0 -29px repeat-x;}
#cboxContent{background:#fff; overflow:hidden;}
.cboxIframe{background:#fff;}
#cboxError{padding:50px; border:1px solid #ccc;}
#cboxLoadedContent{margin-bottom:28px;}
#cboxTitle{position:absolute; bottom:4px; left:0; text-align:center; width:100%; color:#949494;}
#cboxCurrent{position:absolute; bottom:4px; left:58px; color:#949494;}
#cboxLoadingOverlay{background:url(images/loading_background.png) no-repeat center center;}
#cboxLoadingGraphic{background:url(images/loading.gif) no-repeat center center;}
#cboxPrevious, #cboxNext, #cboxSlideshow, #cboxClose {border:0; padding:0; margin:0; overflow:visible; width:auto; background:none; }
#cboxPrevious:active, #cboxNext:active, #cboxSlideshow:active, #cboxClose:active {outline:0;}
#cboxSlideshow{position:absolute; bottom:4px; right:30px; color:#0092ef;}
#cboxPrevious{position:absolute; bottom:0; left:0; background:url(images/controls.png) no-repeat -75px 0; width:25px; height:25px; text-indent:-9999px;}
#cboxPrevious:hover{background-position:-75px -25px;}
#cboxNext{position:absolute; bottom:0; left:27px; background:url(images/controls.png) no-repeat -50px 0; width:25px; height:25px; text-indent:-9999px;}
#cboxNext:hover{background-position:-50px -25px;}
#cboxClose{position:absolute; bottom:0; right:0; background:url(images/controls.png) no-repeat -25px 0; width:25px; height:25px; text-indent:-9999px;}
#cboxClose:hover{background-position:-25px -25px;}
.cboxIE #cboxTopLeft,
.cboxIE #cboxTopCenter,
.cboxIE #cboxTopRight,
.cboxIE #cboxBottomLeft,
.cboxIE #cboxBottomCenter,
.cboxIE #cboxBottomRight,
.cboxIE #cboxMiddleLeft,
.cboxIE #cboxMiddleRight {
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#00FFFFFF,endColorstr=#00FFFFFF);
}











body{
    min-width: 1150px;
}
*, a, span, div{
    font-family: "RobotoRegular";
    font-size: 14px;
}
a{
    color:#1bb6f0;
    text-decoration: underline;
}
a:hover{
    text-decoration: none;
}
.clear{
    clear: both;
}
.container{
    margin: auto;
    width: 1140px;

}
.header{
    background: url('images/header_bg.jpg') center bottom no-repeat;
    border-bottom: 2px solid #00a4c6;
    height: 118px;
}

.header .logo{
    float: left;
    padding-top: 8px;
}
.header .contacts{
    float: right;
    width: 567px;
    margin-top: 13px;
}
.header .contacts div{
    float: left;
    background: url('images/header_tel.png') left center no-repeat;
    padding-left: 60px;
    font-size: 22px;
    padding-top: 20px;
    padding-bottom: 20px;
    margin-left: 40px;
    color:#4a4a4a;
}
.header .contacts div span{
    color:#ff9c00;
    font-size: 22px;
}
.header .desc{
    font-size: 14px;
    color:#4a4a4a;
    margin-left: 58px;
    padding-top: 27px;
    display: inline-block;
    line-height: 18px;
}
.header .nav{
    position: relative;
    top: 14px;
    z-index:9;
    width: 100%;
}
.header .nav ul{
    display:table; 
   width:100%; 
   border-collapse:collapse;
   background: #007cbe;
}
.header .nav ul li{
    display:table-cell; 
    background: #00a4c6;
    border-right: 1px solid #007cbe;
    border-bottom: 2px solid #007cbe;
    text-align: center;

    
}
.header .nav ul li:last-of-type{
    border-right: none;
}

.header .nav ul li a{
    text-decoration: none;
    font-size: 18px;
    color:#fff;
    padding: 20px 10px;
    display: block;
    transition:.2s;
}

.header .nav ul li:hover, .header .nav ul li.active{
    background: #00b7dd;
}
.header .nav ul li:hover{
    position: relative;
}

.header .nav > ul > li:hover, x:-moz-any-link {
   border-right: 2px solid #007cbe;
}

.header .nav ul li ul{
    position: absolute;
    top:100%;
    display: none;
    left:0;
    min-width: 100%;
}
.header .nav ul li:hover ul{
    display: block;
}
.header .nav ul li ul li{
    width: 100%;
    float: none;
    display: block;
    border-bottom: none;
    text-align: left;
    border-right: none;
}
.header .nav ul li ul li a, .header .nav ul li ul li:last-of-type a{
    padding: 12px 21px;
    font-size: 16px;
}
.header .nav ul li ul li:hover, .header .nav ul li ul li.active{
    background: #0098b8;
}



/********   slider  **********/

.slider{
    background: #fff;
    box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.15);
}
#showcase{
    position: relative;
}
.showcase-content
{
    position: relative;
    height: 375px;
}
.showcase-content img{
    position: absolute;
    bottom: 0;
    left: 83px;
	max-height: 376px;
}
.showcase-content .slide_head{
    position: absolute;
    top: 72px;
    right: 0;
    color:#494949;
    font-size: 34px;
    font-family: "RobotoMedium";
	width: 458px;
}
.showcase-content .slide_head a{
    color:#494949;
    font-family: "RobotoMedium";
    text-decoration: none;
}
.showcase-content .slide_head a:hover{
    text-decoration: underline;
}
.showcase-content .slide_desc{
    position: absolute;
    top: 160px;
    height: 72px;
    overflow: hidden;
    width: 457px;
    right: 0;
    color:#4a4a4a;
    font-size: 14px;
    line-height: 18px;
}
.showcase-button-wrapper
{
    text-align: center;
    width: 460px;
    position: absolute;
    top: 250px;
    right:0;
}
.showcase-button-wrapper span
{
    background: url('images/dot.png') no-repeat;
    width: 12px;
    height: 12px;
    display: inline-block;
    margin: 0 5px;
    font-size: 0;
    cursor: pointer;
}
.showcase-button-wrapper span.active
{
    background: url('images/dot-active.png') no-repeat;
}
.showcase-thumbnail-wrapper{
    overflow: hidden;
    float: right;
}
.showcase-thumbnail-restriction{
    position: absolute!important;
    margin-left: 0!important;
    width: 100%!important;
    bottom: 18px;
}
.showcase-thumbnail{
    width: 91px;
    height: 54px;
    cursor: pointer;
    border: solid 2px #fff;
    position: relative;
    float: right;
    margin-left: 8px;
}
.showcase-thumbnail.active{
    border: solid 2px #007cbe;
}

/*******************/

.about_comp{
    padding-top: 40px;
}
.container > .head{
    display: inline-block;
    color:#4a4a4a;
    font-size: 22px;
    margin-bottom: 20px;
    text-transform: uppercase;
    font-family: "RobotoMedium";
}
.container p{
    color:#4a4a4a;
    font-size: 14px;
    margin-bottom: 15px;
    line-height: 18px;
}
.about_comp .download{
    background: url('images/block_download.png');
    width: 262px;
    height: 159px;
    float: right;
    margin-left: 20px;
    margin-bottom: 20px;
}
.about_comp .download .head{
    color:#fff;
    font-size: 17px;
    text-align: center;
    padding-top: 3px;
    margin-bottom: 37px;
}
.about_comp .download span{
    margin-left: 18px;
    display: inline-block;
    font-size: 14px;
    color:#4a4a4a;
}
.about_comp .download a{
    margin-left: 18px;
    display: inline-block;
    font-size: 14px;
    color: #1bb6f0;
    padding-top: 10px;
    text-decoration: underline;
}
.about_comp .download a:hover{
    text-decoration: none;
}

.reasons{
    margin-top: 50px;
    margin-bottom: 50px;
}
.reasons .reason{
    width: 16.5%;
    float: left;
    box-sizing: border-box;
    padding-left: 75px;
    color:#4a4a4a;
    font-size: 14px;
    padding-top: 20px;
    padding-bottom: 20px;
}
.reasons .reason1{
    background: url('images/reason1.png') left center no-repeat;
}
.reasons .reason2{
    background: url('images/skidki.png') left center no-repeat;
	background-size: contain;
	/*width: 18.5%*/
}
.reasons .reason3{
    background: url('images/reason3.png') left center no-repeat;
	/*width: 14.5%*/
}
.reasons .reason4{
    background: url('images/reason6.png') left center no-repeat;
}
.reasons .reason5{
    background: url('images/reason7.png') left center no-repeat;
}
.reasons .reason6{
    background: url('images/reason5.png') left center no-repeat;
}

/*****************/
.wrap_news{
    background: #f5f8ff;
    padding: 33px 0;
}
a.all_news{
    float: right;
    color:#1bb6f0;
    text-decoration: underline;
    font-size: 14px;
    position: relative;
    top: 2px;
}
a.all_news:hover{
    text-decoration: none;
}
.news_list{
    margin-left: -12px;
    margin-right: -12px;
    overflow: hidden;
}
.news_list .news_item{
    margin: 0 12px 15px;
    width: 557px;
    background: #fff;
    float: left;
    box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.15);
    height: 103px;
    padding: 12px;
    box-sizing: border-box;
}
.news_list .news_item:nth-child(2n+2){
    float: right;
}
span.date{
    background: url('images/date_bg.png') no-repeat;
    color:#fff;
    font-size: 14px;
    width: 75px;
    height: 24px;
    display: inline-block;
    box-sizing: border-box;
    padding-left: 6px;
    padding-top: 5px;
}
a.more{
    float: right;
    color:#1bb6f0;
    text-decoration: underline;
    font-size: 14px;
    position: relative;
    top: 2px;
}
a.more:hover{
    text-decoration: none;
}
.news_item a.title{
    color:#4a4a4a;
    font-size: 14px;
    text-decoration: none;
    display: block;
    margin-top: 8px;
}

/*********   footer   **********/
.footer{
    border-top: 2px solid #00a4c6;
    padding-top: 15px;
    padding-bottom: 30px;
}
.footer .container{
    overflow: hidden;
}
.footer .logo{
    float: left;
}
.footer .develop{
    float: right;
    font-size: 14px;
    color:#6d6d6d;
    margin-top: 31px;
}
.footer .develop a{
    text-decoration: underline;
    color:#1bb6f0;
}
.footer .develop a:hover{
    text-decoration: none;
}
.footer .contacts{
    margin-top: 7px;
    margin-left: 335px;
	overflow:hidden;
}
.footer .contacts div{
    float: left;
    background: url('images/header_tel.png') left center no-repeat;
    padding-left: 60px;
    font-size: 22px;
    padding-top: 20px;
    padding-bottom: 20px;
    margin-left: 35px;
    color:#4a4a4a;
}
.footer .contacts div span{
    color:#ff9c00;
    font-size: 22px;
}

/*******    breadcrumbs    ********/
.breadcrumbs{
    border-bottom: 1px solid #f2f2f2;
    padding-bottom: 15px;
    margin-bottom: 25px;
    margin-top: 43px;
    overflow: hidden;
}
.breadcrumbs li{
    float: left;
    margin-right: 24px;
    color:#4a4a4a;
}
.breadcrumbs a{
    font-size: 14px;
    color:#00a4c6;
    text-decoration: underline;
    position: relative;
}
.breadcrumbs a:hover{
    text-decoration: none;
}
.breadcrumbs li a::after {
    background: url("images/bread.png") no-repeat;
    content: "";
    display: block;
    height: 11px;
    position: absolute;
    right: -16px;
    top: 5px;
    width:7px;
}

/*******    content    *********/
h1{
    display: inline-block;
    color:#4a4a4a;
    font-size: 22px;
    margin-bottom: 43px;
    text-transform: uppercase;
    font-family: "RobotoMedium";
    width: 450px;
}
.content{
    margin-bottom: 40px;
}
.action_item{
    border: 1px solid #e6e6e6;
    padding: 6px;
    padding-right: 11px;
    margin-bottom: 20px;
    overflow: hidden;
}
.action_item .wrap_img{
    width: 358px;
    margin-right: 20px;
    float: left;
}
.action_item .wrap_img img{
    max-width: 100%;
    width:auto;
    display: block;
    margin: auto;
}
.action_item span.date,.action_item a.more{
    margin-top: 15px;
}
.action_item .text{
    margin-top: 15px;
    color:#4a4a4a;
}

.pagination{
    overflow: hidden;
    margin-top: 30px;
    margin-bottom: 30px;
    text-align: center;
}
.pagination li{
    display: inline-block;
    padding-top: 5px;
    padding-bottom: 5px;
}
.pagination li a{
    color:#00a4c6;    
    font-size: 22px;
    border: 2px solid #00a4c6;
    padding: 4px 10px 6px;
    margin-left: 5px;
    margin-right: 5px;
    -moz-border-radius: 50%; 
    -webkit-border-radius: 50%;
    -khtml-border-radius: 50%; 
    border-radius:50%;
    behavior: url(border-radius.htc);
    display: inline-block;
    text-decoration: none;
}
.pagination li span, .pagination li a:hover{
    color:#fff;    
    font-size: 22px;
    border: 2px solid #ff9c00;
    background: #ff9c00;
    padding: 5px 10px;
    margin-left: 5px;
    margin-right: 5px;
    -moz-border-radius: 50%; 
    -webkit-border-radius: 50%;
    -khtml-border-radius: 50%; 
    border-radius:50%;
     display: inline-block;
}


/*******    catalog    **********/
.down_cat{
    float: right;
    padding-right: 48px;
    padding-top: 20px;
    padding-bottom: 20px;
    background: url('images/ico_pdf.jpg') right center no-repeat;
    position: relative;
    top:-19px;
}
.down_cat:nth-of-type(2){
margin-right: 20px;}
.down_cat a{
    color:#1bb6f0;
    font-size: 14px;
    text-decoration: underline;
}
.down_cat a:hover{
    text-decoration: none;
}
.catalog_list{
    margin-left: -16px;
    margin-right: -16px;
    overflow: hidden;
    width: auto;
}
.catalog_item{
    width: 260px;
    height: 295px;
    float: left;
    margin-left: 16px;
    margin-right: 16px;
    margin-bottom: 42px;
    text-align: center;
}
.catalog_item .wrap_img{
    width: 100%;
    height: 260px;
    position: relative;
}
.catalog_item .wrap_img img{
    width:auto;
    height:auto;
    max-width: 100%;
    max-height: 100%;
    position: absolute;
    top:0;
    right:0;
    bottom:0;
    left:0;
    margin: auto;
    border: 2px solid #e6e6e6;
}
.catalog_item a{
    color:#4a4a4a;
    text-decoration: none;
}
.catalog_item:hover a{
    text-decoration: underline;
}
.catalog_item .title{
    padding-top: 18px;
}

.gallery{
    width: 560px;
    float: right;
    margin-left: 20px;
}
.gallery > img{
    width: 122px;
    height: 122px;
    float: right;
    border: 2px solid #e7e7e7;
    margin-left: 14px;
    margin-bottom: 14px;
    cursor:pointer;
}
.gallery .big_img{
    width: 546px;
    float: right;
    height: 300px;
    border: 2px solid #e9e9e9;
}
.gallery .big_img img{
    width: 100%;
    height: 100%;
}

.features .head, .install .head, .palette .head{
    color:#4a4a4a;
    font-size: 18px;
    font-family: "RobotoMedium";
    margin-bottom: 20px;
    text-transform: uppercase;
}
.features .text, .install .text p{
    color:#4a4a4a;
    margin-bottom: 20px;
}

.palette{
    overflow: hidden;
    border-bottom: 1px solid #e5e5e5;
    padding-bottom: 15px;
    margin-bottom: 34px;
    margin-left: -9px;
    margin-right: -9px;
}
.palette h2{
    padding-left: 9px;
    font-weight: bold;
    padding-bottom: 12px;
}
.palette .color{
    margin: 0 9px 20px;
    width: 126px;
    height: 145px;
    overflow: hidden;
    float: left;
    text-align: center;
    color:#4a4a4a;
	    font-size: 14px;
}
nav ul li.last a
{
	    background: #ff9c00;
    font-size: 14px;
    padding: 24px 10px;
}
nav ul li.last:hover a {
    background: #ffca00;
    font-size: 14px;
    padding: 24px 10px;
}
.reasons
{
	    margin: 20px auto;
}
.eFiltr .fltr_name {
    font-size: 15px !important;
}
.fltr_block_checkbox label {
    color: #4b4b4b;
    width: 100%;
    display: block;
    padding: 0;
    line-height: 19px;
    font-size: 14px !important;
}
.palette .color img{
    border: 2px solid #e9e9e9;
    margin-bottom: 12px;
}

/*******    Клиенты      *****/

.client_list{
    margin-left: -12px;
    margin-right: -12px;
    overflow: hidden;
}
.client{
    width: 206px;
    height: 185px;
    margin: 0 12px 22px;
    border: 1px solid #ebebeb;
    float: left;
    text-align: center;
    background: #fcfcfc;
}
.client .logo{
    position: relative;
    height: 75px;
    background: #fff;
    margin-bottom: 20px;
}
.client .logo img{
     width:auto;
    height:auto;
    max-width: 90%;
    max-height: 90%;
    position: absolute;
    top:0;
    right:0;
    bottom:0;
    left:0;
    margin: auto;
}
.client .title{
    color:#393939;
    font-family:'Lato-Bold';
    margin-bottom: 10px;
}
.client .site{
    margin-bottom: 10px;
    font-family:'Lato-Regular';
}
.client .site a{
    color:#4f4f4f;
    text-decoration: none;
    font-family:'Lato-Regular';
}
.client .site a:hover{
    text-decoration: underline;
}
.client .tel{
    color:#e62600;
    font-family:'Lato-Bold';
}


/********   контакты    ******/
.addr_content{
    float: left;
    width: 323px;
}
.addr_content .head{
    color:#00a4c6;
    font-family: "RobotoBold";
    padding-bottom: 13px;
    margin-bottom: 13px;
    border-bottom: 1px solid #ededed;
}
.addr_content .text{
    color:#010101;
    padding-bottom: 12px;
    margin-bottom: 12px;
    line-height: 18px;
}
.addr_content .text a{
    color:#010101;
    text-decoration: none;
}
.addr_content .text a:hover{
    text-decoration: underline;
}
.map{
    float: right;
    width: 780px;
    height: 400px;
}
a.order_call{
    font-size: 16px;
    font-family:'PTSans-Bold';
    padding: 10px 20px;
    background: #00a4c6;
    border-bottom: 2px solid #007cbe;
    text-decoration: none;
    color:#fff;
    transition: .2s;
    position: relative;
    display: inline-block;
    position: relative;
    top:6px;
}
a.order_call:hover{
    background: #007cbe;
    border-bottom: 2px solid #007cbe;
    top: 8px;
}

#inline_content{
    text-align: center;
}
#inline_content .head{
    font-size: 20px;
    text-align: center;
    font-family: "RobotoBold";
    margin-top: 10px;
    margin-bottom: 20px;
}
#inline_content input[type=text], #inline_content textarea{
    width: 300px;
    height: 30px;
    border: 1px solid #ccc;
    background: #fff;
    padding: 0 10px;
    font-size: 16px;
    margin: 0 auto 30px;
    display: block;
	    float: none;
}
.other table td {
    padding: 5px 10px !important;
	
}
.other table tr {
 height: 20px;
}

#inline_content textarea{
    height: 100px;
    resize:none;
}
#inline_content input[type=submit]{
    font-size: 16px;
    font-family: "RobotoBold";
    padding: 10px 20px;
    background: #00a4c6;
    border-bottom: 2px solid #007cbe;
    text-decoration: none;
    color:#fff;
    border: none;
    transition: .2s;
    cursor:pointer;
    position: relative;
}
#inline_content input[type=submit]:hover{
    background: #007cbe;
}

/******     Новость  **********/
.news_content{
    padding: 18px;
    padding-bottom: 5px;
    border: 1px solid #e6e6e6;
    overflow: hidden;
    margin-bottom: 60px;        
}
.images{
    float: left;
    width: 388px;
    margin-right: 20px;
    margin-bottom: 20px;
}
.images img{
    max-width: 100%;
    width: 100%;
    display: block;
    margin: 0 auto 20px;
}
.images img:last-of-type{
	margin-bottom: 0;
}
.news_content .text{
    margin-top: 20px;
}

.content .wrap_news{
    background: none;
    padding-bottom: 0;
    padding-top: 0;
}
.content .wrap_news .news_item{
    border: 1px solid #e6e6e6;
    box-shadow: none;
}
/******   О компании  ********/
.about_content{
   padding: 15px 18px;
   padding-bottom: 5px;
   border: 1px solid #e6e6e6;
   overflow: hidden; 
}
.about_content .images{
    float: right;
    margin-left: 20px;
    margin-right: 0;
}
.about_content .head{
    font-size: 18px;
    font-family: "RobotoMedium";
    text-transform: uppercase;
    margin-bottom: 20px;
    color:#4a4a4a;
    margin-top: 8px;
}
.about_content .text{
    margin-bottom: 20px;
    color:#4a4a4a;
    line-height: 18px;
}

/******************/

.wrap_sertif{
    margin-left: -12px;
    margin-right: -12px;
    overflow: hidden;
}
.sert_item{
    float: left;
    margin: 0 12px 50px;
    text-align: center;
    height: 330px;
    width: 208px;
}
.sert_item img{
    width: 100%;
    height: 300px;
    margin-bottom: 12px;
}
.sert_item .title{
    color:#4a4a4a;
}

a.return{
    font-size: 18px;
    color:#fff;
    text-decoration: none;
    display: inline-block;
    background: #00a4c6 url('images/return_bg.png') 13px center no-repeat;
    padding-left: 41px;
    padding-right: 15px;
    padding-top: 13px;
    padding-bottom: 13px;
    border-bottom: 2px solid #007cbe;
    position: relative;
    transition:.2s;
}
a.return:hover{
    background: #007cbe url('images/return_bg.png') 13px center no-repeat;
}

.content table,.content table tr, .content table td{
	vertical-align: top;
}
.content table td{
	padding: 20px 10px;
}

.counter input
{
	width: 50px;
    float: left;
    height: 26px;
    text-align: center;
}
.wshop_js_minus,.wshop_js_plus
{
	float:left;
}
.button_field
{
	position:relative;
}
.wshop_comlate_block_2
{
	width: 185px !important;
    position: absolute !important;
    top: 28px !important;
    right: 238px !important;
}
#popup
{

    background: #FFF;
	display:none;
	    position: fixed !important;
    left: 50% !important;
        margin-left: -527px !important;
    top: 50% !important;
    margin-top: -232px !important;
    z-index: 10000000000000000000 !important;
}
#popup tr td:first-child a {
    font-family: "ROBOTO";
    color: #3f3f3f;
    text-decoration: underline;
    font-weight: bold;
}
#popup tr {
    height: 27px;
    width: 100%;
    background-color: #ffffff;
}
.vcor {
    background-color: #5ca2c3;
    width: 130px;
    text-align: center;
    color: #fff;
  height: auto !important;
    padding: 15px 0px;
    border: none;
    float: right;
    margin: 30px 35px 28px 0;
}
#popup tr td {
    padding-left: 0px;
	padding-right:0px;
}
.korzina span {
    color: #e89b24;
 width: auto !important;
    float: left;
    margin-right: 5px;
}
#popup table
{
	    display: block;
    max-height: 250px;
    overflow: auto;
}
.imagetip span{
    border-radius: 5px 5px 5px 5px;
    visibility: hidden;
    position: absolute;
left: 145px;
    margin-top: -45px;
    background: #fff;
    box-shadow: -2px 2px 10px -1px #333;
    border-radius: 5px;
    z-index: 9999;
    width: auto;
    height: auto !important;
    margin-bottom: 0px;
    padding-bottom: 0px;
}
table a.imagetip
{
	
}
.imagetip:hover span{
visibility: visible;
}
#white-table tr, tr:nth-child(even) {
    height: 27px;
    width: 100%;
    background-color: #fff;
}
#white-table  td p
{
	padding:0px;
}
.palette .head
{
	padding-left:10px;
}
.info .other .price
{

    color: #e4b361;
    font-size: 31px;
}
.content-popup span
{
	display: inline-block;
    line-height: 21px;
}
.content-popup  .counter img
{
width:20px;
}
.content-popup .counter input {
    width: 50px;
    float: left;
    height: 16px;
    text-align: center;
}

.content-popup .price
{
    color: #e4b361;
    font-size: 21px;
}
#popup tr td a
{
	cursor:pointer;
}
#popup tr td a:hover
{
	text-decoration:none;
}
#popup2 {
    height: 16px;
    padding: 20px;
    text-align: center;
    width: 200px;
    color: #00a4c6;
    box-shadow: 0px 0px 15px 0px;
    border: 2px solid #00a4c6;
    background: #FFF;
    display: none;
    position: fixed !important;
    left: 50% !important;
    margin-left: -100px !important;
    top: 50% !important;
    margin-top: -40px !important;
    z-index: 10000000000000000000 !important;
}
#popup2 span
{
	color:inherit;
}
#popup2 b
{
	    color: #00a4c6;
    font-family: ROBOTO;
    position: absolute;
    right: -21px;
    top: -20px;
    cursor: pointer;
    font-size: 27px;
}
#container_one
{
	    margin-bottom: 30px;
}
.minus img, .plus img{
	width: 26px;
}
.button_field .minus, .button_field .plus {
    width: 26px !important;
    height: 26px !important;

}
.counter input {
    width: 50px;
    float: left;
    height: 24px;
    text-align: center;
}
.other .counter input {
    width: 50px;
    float: left;
    height: 22px !important;
    text-align: center;
}
.content-popup .minus, .content-popup .plus {
    width: 19px !impotant;
    height: 30px;
    float: left;
    border: none;
}
.price small
{
	    font-size: 15px;
		    color: gray;
}
.close 
{
	cursor:pointer;
}
.formLine select
{
	width: 403px;
    height: 43px;
    border: 1px solid #cdcdcd;
    background-color: #e8e8e8;
    margin-bottom: 19px;
    padding-left: 8px;
}
.logo_a
{
	    display: block;
    width: 300px;
    float: left;
}
.time_work_block
{
    width: 20px;
    height: 10px;
    background: #09a3c4;
    border: 1px solid #878787;
    margin: 0 auto;
    display: block;
}
.dsaasd
{
	display: block;
    font-size: 16px;
    margin-bottom: 6px;
}
.time_work
{
	    display: block;
    overflow: hidden;
}
.day_tt
{
	    display: block;
    margin-top: 5px;
}
.day_tt span
{
	display:block;
	margin-bottom:3px;
}
.new_block
{
	    float: left;
}
#footer_nav
{
    display: block;
    margin-bottom: 24px;
    overflow: hidden;
    margin-top: 20px;
}
.ooo
{
    font-size: 12px;
    text-align: center;
    display: block;
    margin-bottom: 4px;
}
#eFiltr_results ul {
    width: 280px;
    height: auto !important;
}
.tow--block
{
	    display: block;
    margin-bottom: 10px;
    overflow: hidden;
}
#footer_nav li
{
	        float: left;
    margin-right: 15px;
}
.tww
{
	    width: 200px;
    float: left;
}
.day_name
{
	    display: block;
    float: left;
    width: 25px;
    text-align: center;
}
.twbt
{    background: #09a3c4;
	
}
.twbf
{  background: #ef9a18;
}