* {
    outline: none;
    border: none;
    margin: 0;
    padding: 0;
}

body {
    font-family: 'Arial';
    color: #333;
    min-height: 100%;  
    position: relative;  
}

html {
    height: 100%;
}  

* html body {
    height: 100%;
} 


.clearfix:after {
    content: ".";
    display: block;
    clear: both;
    visibility: hidden;
    line-height: 0;
    height: 0;
}

.clearfix {
    display: block;
}

html[xmlns] .clearfix {
    display: block;
}

* html .clearfix {
    height: 1%;
}

.row {
    display: flex;
    justify-content:space-between;
    flex-flow:row wrap;
}  

.ra{
    position:relative;
}
.ra::before{
    content:'';
    display:block;
}
.ra-1_1::before{
    padding-top:100%;
}
.ra-1_2::before{
    padding-top:200%;
}
.ra-1_3::before{
    padding-top:300%;
}
.ra-2_3::before{
    padding-top:150%;
}
.ra-3_4::before{
    padding-top:133.33333333%;
}
.ra-2_1::before{
    padding-top:50%;
}
.ra-2_1_1::before{
    padding-top:46%;
}
.ra-2_1_2::before{
    padding-top:37%;
}
.ra-3_2::before{
    padding-top:66.6666666%
}
.ra-4_3::before{
    padding-top:75%;
}
.ra-5_4::before{
    padding-top:72%;
}
.ra-6_1::before{
    padding-top:17%;
}
.ra-16_9::before{
    padding-top:56.25%;
}
.ra-16_10::before{
    padding-top:62.5%;
}
.ra-16_14::before{
    padding-top:96.5%;
}
.ra-16_12::before{
    padding-top:84.5%;
}

.ra-container {
    position:absolute;
    top:0;
    right:0;
    bottom:0;
    left:0;
    overflow:hidden;
    width: 100%;
    height: 100%;
    margin: auto;
}

img {
    mix-blend-mode: multiply;
}

.ra-container img {
    position: absolute;
}

.ra-container img:not(.width100):not(.height100) {
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
    max-width: 100%;
    max-height: 100%;
}

.ra-container img.width100 {
    width: 100%;
    height:auto;
    max-height: inherit;
    top: 50%;
    transform: translateY(-50%);
}

.ra-container img.height100 {
    height: 100%;
    width: auto;
    max-width: inherit;
    left: 50%;
    transform: translateX(-50%);
}

.ra-container img.kvadrat {
    max-width: 100%;
    left: 50%;
    top:50%;
    transform: translate(-50%,-50%);
}

.ra-container img.no_transform {
    left: 0 !important;
    top:0 !important;
    transform: none !important;
}

#header {
    display: flex;
    position: relative;
    width: 780px;
    margin: 0 auto;
    font-family: 'Open Sans', sans-serif;
}

#header.row {
    align-items: center;
} 

#header a, #language {
    color: #0f75bc;
    text-decoration: none;
}

.ra-logo {
    width: 150px;
}

#logo img {
    width: 220px;
}

#language {
    width: 75px;
    font-size: 16px;
    position: relative;
}

#language .lang {
    width: calc(50% - 0.5rem);
}

#language .border {
    position: absolute;
    height: 100%;
    width: 1px;
    background-color: #0f75bc;
    left: 50%;
    transform: translateX(-50%);
}

#language a.selected{
    color: #5b5b5b;
}

#conttop{
    width: 217px;
    font-size: 16px;
    text-align: right;
}

#conttop a{
    border-bottom: 1px solid #0f75bc;
}

#conttop span{
    display: block;
    font-size: 18px;
}

.content_wrapper {
    width: 914px;
    margin: 0 auto;
    padding: 0 43px 250px;
}

#menu {
    font-size: 18px;
    margin-left: 52px;
    display: block;
    list-style: none;
    position: relative;
}

#menu>li{
    float: left;
}

#menu>li>a{
    float: left;
    color: #333333;
    margin-right: 22px;
    text-decoration: underline;
    padding: 5px 15px;
}

#menu>li:last-child>a{
    margin-right: 0 !important;
}

#menu>li:hover>a, #menu>li>a.selected, #menu>li>a.selectedp, #slider-button, #form input[type=submit] {
    -moz-box-shadow: 0px 1px 3px rgba(0,0,0,0.3);
    -webkit-box-shadow: 0px 1px 3px rgba(0,0,0,0.3);
    box-shadow: 0px 1px 3px rgba(0,0,0,0.3);
    background-image: -moz-linear-gradient( 90deg, rgb(242,230,97) 0%, rgb(235,214,69) 10%, rgb(245,234,110) 34%, rgb(254,253,151) 100%);
    background-image: -webkit-linear-gradient( 90deg, rgb(242,230,97) 0%, rgb(235,214,69) 10%, rgb(245,234,110) 34%, rgb(254,253,151) 100%);
    background-image: -ms-linear-gradient( 90deg, rgb(242,230,97) 0%, rgb(235,214,69) 10%, rgb(245,234,110) 34%, rgb(254,253,151) 100%);
    background-color:#fffea9;
    border-radius: 6px;
    text-indent:0;
    display:inline-block;
    text-decoration:none;
    text-align:center;
}

#menu>li>ul{
    position: absolute;
    list-style: none;
    display: none;
    z-index: 300;
    top:27px;
    background: rgba(253,245,136,1.0);
    border-top-right-radius: 5px;
    border-bottom-left-radius: 5px;
    border-bottom-right-radius: 5px;
    padding: 10px 15px;
    width: 280px;
}

#menu>li:hover>ul{
    display: block;
}

#menu>li>ul>li>a{
    font-size: 12px;
    line-height: 24px;
    color: #333;
    text-decoration: none;
}
#menu>li>ul>li>a:hover{
    text-decoration: underline;
}

#footer {
    left: 0;
    right: 0;
    position: absolute; 
    bottom: 0;
    font-size: 12px !important;
}

#footer-inner {
    position: relative;
    width: 885px;
    height: 170px;
    margin: 0 auto;
    background: url(images/footer-bg.png) center top no-repeat;
}

#slider {
    width: 914px;
    height: 380px;
    position: relative;
    margin: 0 auto 35px;
    overflow: hidden;
}

#slider-overlay {
    position: absolute;
    z-index: 100;
    top:0;
    right: 0;
    left: 0;
    bottom: 0;
    /* background: url(images/slider-overlay.png) -10px 0 no-repeat;*/
}

#slider img{
    width: 914px;
}

#slider-placeholder {
    background-image: linear-gradient(0deg, rgb(21,30,36) 0%, rgb(65,73,79) 100%);
    background-image: -moz-linear-gradient( 0deg, rgb(21,30,36) 0%, rgb(65,73,79) 100%);
    background-image: -webkit-linear-gradient( 0deg, rgb(21,30,36) 0%, rgb(65,73,79) 100%);
    background-image: -ms-linear-gradient( 0deg, rgb(21,30,36) 0%, rgb(65,73,79) 100%);
    background-image: -o-linear-gradient(0deg, rgb(21,30,36) 0%, rgb(65,73,79) 100%);
    opacity: 0.85;
    position: absolute;
    left: 0;
    top: 0px;
    width: 267px;
    height: 381px;
    z-index: 10;
}

#slider-button {
    z-index: 120;
    position: absolute;
    left: 45px;
    top:200px;
    z-index: 120;
}

#slider-button a{
    color: #26460f;
    font-size: 17px;
    text-decoration: none;
    padding: 10px 20px;
    display: block;
}

#slider-download {
    position: absolute;
    z-index: 120;
    bottom: 60px;
    left: 40px;
    width: 300px;
}

#slider-download img{
    width: 30px;
}

#slider-download span{
    position: absolute;
    line-height: 40px;
    bottom: 0;
    left: 45px;
    z-index: 100;
    display: block;
}

#slider-download span a{
    font-size: 17px;
    text-decoration: none !important;
    font-family: 'Open Sans', sans-serif;
    font-weight: 300;
    color: #faf475;
    border-bottom: 1px solid #faf475;
}

.bjqs-caption {
    display: block;
    font-size: 20px;
    font-family: 'Open Sans', sans-serif;
    font-weight: 300;
    color: #eceeec;
    line-height: 22px;
    text-align: left;
    position: absolute;
    left: 45px;
    top: 50px;
    width: 270px;
    z-index: 120;
}

ul.bjqs{position:relative; list-style:none;padding:0;margin:0;overflow:hidden; display:none;}
li.bjqs-slide{position:absolute; display:none;}
ul.bjqs-controls{list-style:none;margin:0;padding:0;z-index:9999;}
ul.bjqs-controls.v-centered li a{position:absolute;}
ul.bjqs-controls.v-centered li.bjqs-next a{right:0;}
ul.bjqs-controls.v-centered li.bjqs-prev a{left:0;}
ol.bjqs-markers{list-style: none; padding: 0; margin: 0;position: absolute;right: 80px;bottom: 60px;z-index: 200;}
ol.bjqs-markers.h-centered{text-align: center;}
ol.bjqs-markers li{display:inline;}
ol.bjqs-markers li a{display:block;background-color: #3d606c; color: #3d606c; width: 10px;height: 10px; float: left;line-height: 1; border: 3px solid #fff; border-radius: 8px;margin-right: 3px;}
ol.bjqs-markers li:last-child a{margin-right: 0 !important;}
ol.bjqs-markers li.active-marker a{background-color: #ece04d; color: #ece04d}



#content {
    width: 894px;
    margin: 0 auto;
    font-size: 14px;
    line-height: 18px;
    position: relative;
    -webkit-appearance: none;
    display: block;
    min-height: 500px;
}

#content p{
    margin-bottom: 15px;
    text-align: justify;
}

#content b{
    color: #0f75bc
}

#content img{
    max-width: 100%;
}

.gmnoprint img { max-width: none !important; }

#content-header {
    position: relative;
    margin-bottom: 20px;
    display: inline-block;
    padding: 5px 0;
    border-top: 1px #bcbcbc solid;
    border-bottom: 1px #bcbcbc solid;
}

#content-menu {
    font-size: 14px;
    list-style: none;
    display: block;
    margin-bottom: 0 !important;
}

#content-menu li {
    margin-left: 0 !important;  
}

#content-menu li a{
    color: #4993d8;
    padding: 10px 10px;
    display: block;
    margin-bottom: 5px;

}

#content-menu li:last-child a{
    margin-bottom: 0 !important;
}

#content-menu li a:hover,#content-menu li a.selected{
    -moz-box-shadow: 0px 1px 3px rgba(0,0,0,0.3);
    -webkit-box-shadow: 0px 1px 3px rgba(0,0,0,0.3);
    box-shadow: 0px 1px 3px rgba(0,0,0,0.3);
    background-image: -moz-linear-gradient( 90deg, rgb(64,110,178) 0%, rgb(73,111,180) 14%, rgb(76,130,205) 37%, rgb(78,149,229) 100%);
    background-image: -webkit-linear-gradient( 90deg, rgb(64,110,178) 0%, rgb(73,111,180) 14%, rgb(76,130,205) 37%, rgb(78,149,229) 100%);
    background-image: -ms-linear-gradient( 90deg, rgb(64,110,178) 0%, rgb(73,111,180) 14%, rgb(76,130,205) 37%, rgb(78,149,229) 100%);
    background-color:rgb(85,146,58);
    text-indent:0;
    text-decoration:none;
    color: #fff;  
}

#content-menu li:last-child {
    margin-right: 0 !important;
}

#content h1{
    font-size: 20px;
    margin-bottom: 15px;
    color: #0f75bc;
    font-family: 'Open Sans', sans-serif;
    font-weight: 300;
}

#content h2{
    font-size: 18px;
    margin-bottom: 15px;
    color: #0f75bc;
    font-family: 'Open Sans', sans-serif;
    font-weight: 300;
}

#content h3,
#content .title_h3{
    display: block;
    font-size: 16px;
    margin-bottom: 15px;
    color: #0f75bc;
    font-family: 'Open Sans', sans-serif;
    font-weight: 300;
}

#content h4,
#content .title_h4{
    display: block;
    font-size: 14px;
    margin: 20px 0 15px;
    color: #0f75bc;
    font-family: 'Open Sans', sans-serif;
    font-weight: 300;
}

#content a{
    font-family: Arial;
    color: #4993d8;
    text-decoration: underline;
}

#content ul,#content ol {
    margin-bottom: 15px;
}

#content ul ul {
    margin-top: 5px;
}

#content ul li,#content ol li{
    margin-left: 20px;
}

#content table,.fancybox-inner table {
    border-collapse: collapse;
    margin-bottom: 15px;
}

#content table td,#content table th,.fancybox-inner table td,.fancybox-inner table th {
    border: 1px solid #ccc;
    padding: 5px 10px;
}

.content-list {
    margin-bottom: 25px;
    list-style: none;
    display: inline;
    padding-left: 15px;
}

.content-list span{
    margin-left: 20px;
    display: block;
}

.content-list li{
    margin-bottom: 10px;
}

.content-list li:before{
    content: " ";
    display: block;
    background-color: #3d606c;
    color: #63a460;
    width: 10px;
    height: 10px;
    float: left;
    line-height: 1;
    border-radius: 3px;
    margin: 4px 5px 10px;
}

.content-list li ul li{
    list-style: none !important;
    margin-top: 10px;
}

#creator, #bgsp {
    position: absolute;
    width: 215px;
    text-align: center;
    bottom: 20px;
    height: 75px;
    line-height: 75px;
}

#creator {
    left: 0;
}

#bgsp {
    right: 0;
}

#creator img{
    display: block;
    margin: 30px auto
}

#bgsp img{
    width: 100px;
}

#contbottom {
    width: 483px;
    height: 75px;
    margin: 0 auto;
    position: relative;
}

#address, #copyright{
    position: absolute;
    top:33px;
    display: inline-block;
}

#address{
    color: #e2e8e8;
    left: 20px;
}

#copyright{
    text-align: right;
    color: #a1c5de;
    right: 20px;
}

#copyright a {
    color: #a1c5de;
}

.imp,.impy,.impb {
    display: block;
    font-size: 16px;
    font-weight: 300;
    font-family: 'Open Sans', sans-serif;
    margin-bottom: 15px;
    padding: 20px;
    line-height: 24px;
}

.imp a,.impy a,.impb a{
    font-weight: 300;
    font-family: 'Open Sans', sans-serif !important;
}

.imp {
    background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #f5f4f4), color-stop(1, #cdcdcd) );
    background:-moz-linear-gradient( center top, #f5f4f4 5%, #cdcdcd 100% );
    filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#f5f4f4', endColorstr='#cdcdcd');
    background-color:#f5f4f4;

}

.impy {
    background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #fffea9), color-stop(1, #f2e661) );
    background:-moz-linear-gradient( center top, #fffea9 5%, #f2e661 100% );
    filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#fffea9', endColorstr='#f2e661');
    background-color:#fffea9;
}

div.imp p:last-child,
div.impy p:last-child,
div.impb p:last-child {
    margin-bottom: 0 !important;
}


#map_canvas {
    margin-bottom: 30px;
}

#map_canvas, #map_canvas2{
    width: 450px;
    height: 200px;
    float: left;
    margin-right: 10px; 
}

.contacts-block {
    float: left;
    width: 450px;
    font-family: 'Open Sans', sans-serif;
    color: #666;
    font-weight: 300;
}

.contacts-block.r {
    width: 424px;
    margin-left: 20px;
}

.phrase {
    height: 90px;
    padding:30px 0 0 130px;
    background: url(images/s-m.png) 0 0 no-repeat;
    margin-bottom: 20px;
    font-weight: 300;
    font-family: 'Open Sans', sans-serif;
    font-size: 20px;
    margin-top: 20px;
}

#blocks a{
    display: block;
    float: left;
    width: 177px;
    width: 149px;
    font-size: 13px;
    font-family: 'Open Sans', sans-serif;
    line-height: 20px;
    text-transform: uppercase;
    text-align: center;
    text-decoration: none;
    color: #4993d8;
}



.block-outer {
    width: 102px;
    height: 102px;
    border-radius: 100px;
    border: 10px solid #e3ebf6;
    cursor: pointer;
    display: block;
    margin: 0 auto 15px;
}

.block-outer:hover {
    border-color: #fffca5;
}

.block-inner {
    width: 92px;
    height: 92px;
    border-radius: 80px;
    border: 5px solid #0b68aa;
    display: block;
    margin: 0 auto;
    background-position: center center;
    background-repeat: no-repeat;
    background-size: 85%;

}

#blocks {
    margin-bottom: 20px;
}

#blocks a:nth-child(1) .block-inner {
    background-image: url(images/s1-1.png);
}

#blocks a:nth-child(2) .block-inner  {
    background-image: url(images/s2.png);
}

#blocks a:nth-child(3) .block-inner  {
    background-image: url(images/s3-1.png);
}

#blocks a:nth-child(4) .block-inner  {
    background-image: url(images/s4-n.png);
    background-size: 75%;
}

#blocks a:nth-child(5) .block-inner  {
    background-image: url(images/s4-1.png);
}

#blocks.products .block-inner.d-flex  {
    background-image: none;
    display: flex;
}

#blocks.products .block-inner.d-flex svg {
    margin: auto;
}

#blocks a:nth-child(6) .block-inner  {
    background-image: url(images/s5.png);
}

.sp {
    width: 100%
}

.sp td, .sp th{
    padding: 4px !important;

}

.cl, .clg {
    list-style: none;
    margin: 15px 0;
}

.cl li {
    float: left;
    width: 25%;
    text-align: center;
    margin-bottom: 10px;
}

.cl img {
    height: 50px;
}


.clg li {
    float: left;
    width: 20%;
    text-align: center;
    margin-bottom: 10px;
}

.clg img {
    height: 100px;

}

.cln {
    list-style: none;
}

.cln li {
    float: left;
    margin-bottom: 10px;
    text-align: center;
    width: 25%;
    height: 200px;
    line-height: 200px;
    margin-left: 0 !important;
}

.cln img{
    max-height: 150px;
    max-width: 90% !important;
}

.m table {
    width: 100%;
    overflow-y: scroll;
}

.m table thead {
    font-weight: 600;
}

.content-images {
    list-style: none;
    display: block;
    margin: 0 auto !important;  
    text-align: center;
    display: flex;
}

.imp h4{
    margin-top: 0 !important;
}

.content-images div{
    font-weight: 300;
    font-family: 'Open Sans', sans-serif;
    font-size: 13px;
    margin: 10px 0;
}

.content-images li{
    float: left;
    position: relative;
    margin-bottom: 15px;
    /*margin-left: 0 !important;*/
}

.content-images.three img{
    /* height: 200px;  */
}

.content-images.two img{
    height: 190px;  
}

.content-images.four img, .content-images.five img{
    width: 90%; 
}

.content-images.three li{
    width: 33%; 
}

.content-images.four li{
    width: 25%;   
}

.content-images.five li{
    width: 20%; 
}

/*
.content-images.four.letters li{
min-height: 230px;
}
*/


.content-images.four.reviews li{
    height: 310px;
}

.content-images.four.reviews img{
    border: 1px solid #ccc;
}

.content-images.four.reviews div{
    height: 75px;
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
}

.content-images.two li{
    width: 50%; 
    margin-bottom: 15px;
}

#zmap {
    background: url(/images/zmap.jpg);
    width: 440px;
    height: 324px;
}

#omap {
    background: url(/images/sam.jpg);
    width: 440px;
    height: 243px;
}

#zmap ,#omap {
    display: block;
    background-size: contain;
    border: #ccc solid 5px;
    margin-bottom: 20px;
}

#zmap:hover,#omap:hover {
    border: #999999 solid 5px;
}

#scroller {
    position: relative;
    overflow: hidden; 
    height: 200px;
    margin: 0 30px;
}

#scroller-container {
    position: relative;
}

#scroller-left,#scroller-right {
    position: absolute;
    background: #e8e8e8;
    width: 25px;
    height: 200px;
    top:0;
    cursor: pointer;
    line-height: 200px;
    color: #fff;
    text-align: center;
    font-size: 25px;
}

#scroller-left:hover,#scroller-right:hover{
    background: #6b6a6a;
}

#scroller-left {
    left: 0;
}

#scroller-right {
    right: 0;
}

#scroller ul{
    position: absolute;
    left:0;
}

#scroller li{
    float: left;
    list-style: none !important;
    margin-right: 10px;
    margin-left: 0 !important;
}

#scroller img{
    height: 180px;
}

#scroller a{
    border: 10px solid #e8e8e8;
    display: block;
    line-height: 0;
}

#scroller a:hover{
    border: 10px solid #6b6a6a;
}

table tr.centered td {
    text-align: center;
}

table td.filled {
    background-color: #eee;
}

table.unbordered td {
    border: 0 !important
}

#b24-o {
    right: 20px;
    position: fixed;
    left: 50%;
    top: 0;
    margin-left: 480px; 
    bottom: 0;
}

#b24 {
    position: absolute;
    top: 50%;
    margin-top: -330px;
    width: 100%;
}

#opt {
    margin-top: 40px;
}

#opt .title {
    font-size: 18px;
    font-weight: 400;
    margin-bottom: 10px;
}

#opt .center {
    font-size: 14px;
    margin-bottom: 10px;
}

#opt .left {
    float: left;
    width: 35%;
    box-sizing: border-box;
    padding-right: 20px;
}

#opt .left input[type=text]{
    display: block;
    width: 100%;
    border: 1px solid #999;
    padding: 10px;
    margin-bottom: 5px;
    box-sizing: border-box;
}

#opt .right {
    float: left;
    width: 65%;
    box-sizing: border-box;
    text-align: right;
}

#opt textarea {
    display: block;
    width: 100%;
    border: 1px solid #999;
    padding: 10px;
    margin-bottom: 5px;
    box-sizing: border-box;
    resize: none;
    height: 197px;
}
.slick-item{
    display: flex;
    height: 380px;
}
.slick-slider{
    display: none;
}

#opt input[type=button] {
    font-size: 12px;
    background-image: -moz-linear-gradient( 90deg, rgb(242,230,97) 0%, rgb(235,214,69) 10%, rgb(245,234,110) 34%, rgb(254,253,151) 100%);
    background-image: -webkit-linear-gradient( 90deg, rgb(242,230,97) 0%, rgb(235,214,69) 10%, rgb(245,234,110) 34%, rgb(254,253,151) 100%);
    background-image: -ms-linear-gradient( 90deg, rgb(242,230,97) 0%, rgb(235,214,69) 10%, rgb(245,234,110) 34%, rgb(254,253,151) 100%);
    padding: 10px 20px;
    display: block;
    color: #26460f;
    display: inline-block;
    text-decoration: none;  
    cursor: pointer;
}

#header #conttop {
    display: flex;
    flex-direction: column;
}

#header #conttop .callibri_phone {
    display: inline-block;
    background: url(/images/phone.png) no-repeat left center;
    padding-left: 22px;
}

#header #conttop a.callibri_email {
    border-bottom: none;
    text-decoration: underline;
}

#header #conttop a.callibri_phone {
    border-bottom: none;
    text-decoration: none;
    color: #333;;
}

.sidebar-card{
    padding: 15px;
    width: 235px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    margin: 15px 0;
}
.bg-info{
    color: #fff;
    background: rgb(51,173,255);
    background: linear-gradient(175deg, rgba(51,173,255,1) 0%, rgba(0,104,174,1) 100%);
    border-radius: 3px;
}
.h3{
    display: block;
    margin-bottom: .5rem;
    font-weight: bold;
    font-size: 1.15rem;
}
.sld{
    position: relative;
}
.slick-slider .slick-slide{
    height: 380px;
    width: 914px;
    position: relative;
}
p.caption{
    display: block;
    font-size: 20px;
    font-family: 'Open Sans', sans-serif;
    font-weight: 300;
    color: #eceeec;
    line-height: 22px;
    text-align: left;
    position: absolute;
    left: 45px;
    top: 50px;
    width: 270px;
    z-index: 120;     
}

#content .sidebar-card a{
    color: #fff;
}
.product-listing{
    display: -webkit-flex;
    display: flex;
    -webkit-flex-wrap: wrap;
    flex-wrap: wrap;
    margin: 2rem 0;
}
.product-listing__item{
    width: 100%;
    max-width: 100%;
    margin: .75rem;
    display: -webkit-flex;
    display: flex;
    -webkit-flex-wrap: wrap;
    flex-wrap: wrap;
    padding: 1rem;
    border: solid 2px #0f75bc;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}
.product-listing__item__block{
    display: -webkit-flex;
    display: flex;
    -webkit-flex-direction: column;
    -moz-flex-direction: column;
    -ms-flex-direction: column;
    -o-flex-direction: column;
    flex-direction: column;
}
.product-listing__item__block--img{
    -webkit-flex: 1 1 300px;
    flex: 1 1 300px;
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flex;
    display: -o-flex;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 1rem;
}
.product-listing__item__img{
    max-width: 100%;
    width: 350px;
}
.product-listing__item__block--content{
    flex: 5 1 300px;
}
.product-listing__item__option{
    list-style-type: none;
    padding-left: 1rem;
    margin: 0;
    margin-bottom: .5rem;
}
.product-listing__item__option li{
    font-size: 14px;
    margin-bottom: .75rem;
}
.product-listing__item__option li b {
    color: #17384c
}
.product-listing__item__title{
    margin: 0;
    margin-bottom: 1rem;
    color: #17384c;
    text-decoration: none;
    font-size: 1.25rem;

}
#content .product-listing__item .buy-btn{
    text-align: center;
    padding: 10px 15px;
    color: #fff;
    text-transform: uppercase;
    border-radius: 5px;
    max-width: 100px;
    font-size: 14px;
    font-weight: bold;
    text-decoration: none;
    display: inline-block;
    background: linear-gradient( 
    180deg
    , #8bc34a 0%, #4caf50 100%);
    border: solid 1px #8bc34a;
    box-shadow: 0 15px 10px 0 rgb(0 0 0 / 20%);
}

.headerWrapper {
    background-color: #ffffff;
    padding: 0.8rem 0;
}

.headerWrapper .content_wrapper {
    padding-bottom: 0;
}

.headerWrapper.fixed .ra-logo {
    display: none;
}

.headerWrapper.fixed #header #conttop {
    display: flex;
    flex-direction: row;
    width: calc(100% - 90px);
    justify-content: flex-end;
    align-items: center;
}

.headerContact:nth-child(n+2) {
    margin-top: 0.2rem;
} 

.headerWrapper.fixed .headerContact:nth-child(n+2) {
    margin-top: 0;
} 

.headerWrapper.fixed .headerContact {
    text-align: right;
    margin-right: 1rem;
}

.fixed {
    position: fixed;
    top:0;
    z-index: 999;
    width: 100%;
    background-color: #fff;
    margin-top: 0 !important;
    margin-bottom: 0 !important;
}

.table_wrapper,
.table_wrapper table {
  min-width: 100%;
  width: auto;
}

.table_wrapper {
  overflow-x: auto;
}

.font-bold {font-weight: bold !important;}
.text-center {text-align: center !important;}

.content_sidebar {
    width: 235px;
}

.content_row.row .page_wrapper {
   width: calc(100% - 255px); 
}

.navbarSearch form input[type="submit"] {
    display: inline-block;
    background-repeat: no-repeat;
    background-image: url(/images/search.png);
    background-position: left center;
    width: 18px;
    height: 19px;
    background-color: transparent;
    border: none;
    cursor: pointer;
}

.navbarSearch form {
    border: 1px solid #d9e1e6;
    padding-right: 0.6rem;
}

.navbarSearch form.row {
    align-items: center;
}

.navbarSearch form input[type="text"],
.navbarSearch form input[type="search"] {
    height: 36px;
    padding-left: 0.7rem;
    width: calc(100% - 25px);
    border: none;
    font-size: 15px;
}

.mt0_5 {margin-top: 0.5rem !important;}


@media screen and (min-width: 1200px) {

.text-decoration-hover-none:hover {text-decoration: none !important;}

}


@media (max-width: 480px){
    .product-listing__item{
    border: solid 10px #00345c;
}
.product-listing__item__block--img{
    padding: 0;
}
.product-listing__item__option{
    padding-left: 0;
}
}

.category-list{
    display: flex;
    flex-direction: column;
    padding: 15px;
}
.category-name{
    font-size: 1.5rem;
    color: #0f75bc;
    margin: 0;
    margin-bottom: 1rem;
}
.category-items{
    display: flex;
    flex-wrap: wrap;
}
.category-item{
    border-radius: 5px;
    border: 1px solid #ccc;
    width: 250px;
    height: 80px;
    margin: 10px;
    cursor: pointer;
    background: rgb(194,194,194);
    background: linear-gradient(153deg, rgba(194,194,194,1) 11%, rgba(204,204,204,1) 51%, rgba(239,239,239,1) 100%);
    display: flex;
    align-items: center;
    transition: .2s ease;
}
.category-item:hover{
    background: rgb(15,117,188);
    background: linear-gradient(153deg, rgba(15,117,188,1) 11%, rgba(53,153,222,1) 51%, rgba(147,211,255,1) 100%);
}
#content a.category-link{
    white-space: pre-wrap;
    font-size: 1rem;
    text-decoration: none;
    color: #0f75bc;
    line-height: 1.5;
    display: block;
    padding: 10px 15px;
}
#content a.category-link:hover, #content a.category-link:active, #content a.category-link:focus{
    color: #fff;
    font-weight: bold;
}


.socseti{position:absolute; left:30px; bottom: 20px;}
.socseti a{position:relative; display:inline-block; /*height:35px; width:35px;*/ color:#0f58d0; font-size:24px; line-height:26px; margin-right:10px;}




@media all and (max-width: 767px) {
    .socseti{position:relative; left:auto; bottom: auto; padding:0 15px;}
.socseti a{color:#ffffff; margin:5px;}
} 
@media all and (max-width: 450px) {
    .socseti{display: flex;
    flex-direction: column;
    flex-wrap: nowrap;
    justify-content: flex-start;
    align-items: stretch;
    align-content: stretch;}
.socseti a{font-size:18px; line-height:20px;}
} 


.video-js .vjs-big-play-button{top:50% !important; left:50% !important; margin-left:-60px; margin-top:-25px;}


.b24-form{clear:both;}

.banner-left{width: 235px; margin:15px 0; text-align:center;}
.banner-left img{max-width:100%; max-height:100%; width:auto; height:auto; margin:0 auto;}
.banner-left a{display:block; text-decoration:none;    }
.banner-left-1{display:block; }
.banner-left-2{display:none;}
.banner-left-3{display:none;}
@media all and (max-width: 767px) {
    .banner-left{width: auto;}
.banner-left-1{display:none;}
.banner-left-2{display:block;}
.banner-left-3{display:none;}
} 
@media all and (max-width: 450px) {
    .banner-left{width: auto;}
.banner-left-1{display:none;}
.banner-left-2{display:none;}
.banner-left-3{display:block;}
} 


.poliakril-section-list{}
.poliakril-section-list ul{margin:0; padding:0; list-style:none; margin-bottom:25px; display: flex; flex-direction: row; flex-wrap: wrap; justify-content: space-between; align-items: stretch;     align-content: stretch;}
.poliakril-section-list ul li{width:48%;  margin-left:0 !important; margin-bottom:20px !important;}
.poliakril-section-list ul li .image{ margin-bottom:10px;}
.poliakril-section-list ul li .image a{display:block; overflow:hidden; border-radius:3px;}
.poliakril-section-list ul li .image img{display:block; max-width:100%; max-height:100%; width:auto; height:auto;margin-left: auto; margin-right: auto;}
.poliakril-section-list ul li .name{}
.poliakril-section-list ul li .name a{display:block; text-align:center; font-size:18px; line-height:22px; color:#000; text-decoration:none !important;}

.poliakril-list{}
.poliakril-list ul{margin:0; padding:0; list-style:none; margin-bottom:25px; display: flex; flex-direction: row; flex-wrap: wrap; justify-content: space-between; align-items: stretch;     align-content: stretch;}
.poliakril-list ul li{width:32%;  margin-left:0 !important; margin-bottom:20px !important;}
.poliakril-list ul li .image{ margin-bottom:10px;}
.poliakril-list ul li .image a{display:block; overflow:hidden; border-radius:3px;}
.poliakril-list ul li .image img{display:block; max-width:100%; max-height:100%; width:auto; height:auto;}
.poliakril-list ul li .name{}
.poliakril-list ul li .name a{display:block; text-align:center; font-size:16px; line-height:18px; color:#000; text-decoration:none !important;}

.poliakrilovaya-list{margin:0; padding:0; list-style:none;}
.poliakrilovaya-list.content-images{display: flex; flex-direction: row; flex-wrap: wrap; justify-content: space-between; align-items: stretch; align-content: stretch;}
.poliakrilovaya-item{margin-bottom:15px; width:48%; margin-left:0 !important;}
.poliakrilovaya-item .image{}
.poliakrilovaya-item .image a{display:block; text-decoration:none; line-height:1px; padding:40% 0; background-position:50% 50%; background-repeat:no-repeat; background-size:100%; transition: all 0.2s ease-out; position:relative;}
.poliakrilovaya-item .image a:before{content:''; display:block; position:absolute; top:50%; left:50%; right:50%; bottom:50%; background-color:rgba(0,0,0,0.4); opacity:0; transition: all 0.2s ease-out;}
.poliakrilovaya-item .image a span{opacity:0; transition: all 0.2s ease-out; position:absolute; top:0; left:0; right:0; bottom:0; display: flex!important; flex-direction: column;     flex-wrap: nowrap;     justify-content: center; align-items: stretch; align-content: stretch; color:#fff !important; padding:0 10px; font-size:12px !important; line-height:14px !important; text-align:left !important;}
.poliakrilovaya-item .image a span p{display:block!important; text-align:left !important;}
.poliakrilovaya-item .name{font-weight:500; font-size:16px; color:#000;}
.poliakrilovaya-item{}
.poliakrilovaya-item:hover .image a{background-size:115%;}
.poliakrilovaya-item:hover .image a:before{top:0; left:0; right:0; bottom:0; opacity:1;}
.poliakrilovaya-item:hover .image a span{opacity:1;}
@media all and (max-width: 650px) {
    .poliakrilovaya-item{width:100%;}
}