@import url('https://fonts.googleapis.com/css?family=Oswald:200,300,400,500,700&subset=cyrillic');

body {font-family: 'Oswald', sans-serif; font-size: 16px; font-weight: 300; padding-top: 100px; -webkit-animation:fadeinout .3s ease-in 1 forwards;animation:fadeinout .3s ease-in 1 forwards;}
@-webkit-keyframes fadeinout{0%{opacity:0} 100%{opacity:1}} @keyframes fadeinout{0%{opacity:0} 100%{opacity:1};}
* {font-family: 'Oswald', sans-serif;}
.wraper {margin-left:auto; margin-right: auto;}
.green {background-color: #00a651;}
.dark-green {background-color: #007a48;} 
.white {background-color: #fff;}
.black {background-color: #000;}
.silver {background-color: #F3F3F3}
 
.light-blue{background-color: #54a8e4}
.blue {background-color: #2f76b7}
.dark-blue{background-color: #112b50}
.orange{background-color: #e7c798}
.dark-red{background-color: #8b0000}

.green-text {color: #00a651;}
.dark-green-text {color: #007a48;}
.white-text {color: #fff;} 
.black-text {color: #000;}

.light-blue-text {color: #54a8e4;}
.blue-text {color: #2f76b7  ;}
.dark-blue-text {color: #112b50;}
.orange-text{color: #e7c798}


a {color: inherit;}
.cmspage {line-height: 1.4em;}
.cmspage p , .cmspage ul {margin-bottom: 10px;}
.cmspage h2 {font-size: 1.4em; color: #00a651; margin-bottom: 10px; font-weight: 300;}

.button {background-color: #5a81ba; border:solid 1px #5a81ba; text-decoration: none; font-size: 14px; font-weight: 500;-o-transition:all .2s ease;-moz-transition:all .2s ease;-webkit-transition:all .2s ease; width: 100%}
.button-orange {background-color: #e7c798; border:solid 1px #e7c798; text-decoration: none; font-size: 14px; font-weight: 500;-o-transition:all .2s ease;-moz-transition:all .2s ease;-webkit-transition:all .2s ease; width: 100%}
.button-light-blue {background-color: #54a8e4!important; border:solid 1px #54a8e4; text-decoration: none; font-size: 14px; font-weight: 500;-o-transition:all .2s ease;-moz-transition:all .2s ease;-webkit-transition:all .2s ease; width: 100%}
.button-dark-blue {background-color: #112b50; border:solid 1px #112b50; text-decoration: none; font-size: 14px; font-weight: 500;-o-transition:all .2s ease;-moz-transition:all .2s ease;-webkit-transition:all .2s ease; width: 100%}
.button-blue {background-color: #5a81ba; border:solid 1px #5a81ba; text-decoration: none; font-size: 14px; font-weight: 500;-o-transition:all .2s ease;-moz-transition:all .2s ease;-webkit-transition:all .2s ease; width: 100%}
.button:hover {background-color: #54a8e4; border:solid 1px #54a8e4; text-decoration: none; font-size: 14px; font-weight: 500; color:#fff;-o-transition:all .2s ease;-moz-transition:all .2s ease;-webkit-transition:all .2s ease;}

.button-25{padding:25px; font-weight: 200; font-size:20px}
.button-25:hover{padding:25px; font-weight: 200; font-size:20px}
.button-10-0{padding:10px 0; font-weight: 200; font-size:20px}
.button-10-0:hover{padding:10px 0; font-weight: 200; font-size:20px}

header .logo {width: 200px;}
header{border-bottom: 1px #2f76b7 solid; position: fixed; background-color: #fff; width: 100%; z-index: 40;-o-transition: all  .2s linear;-moz-transition: all  .2s linear;-webkit-transition: all  .2s linear;transition: all  .2s linear;top:0;}
header.scroll {box-shadow: 0 0 10px  0 rgba(00,00,00,0.1);-o-transition: all  .2s linear;-moz-transition: all  .2s linear;-webkit-transition: all  .2s linear;transition: all  .2s linear;}

ul.tabs li{float:left;width: 50%;}


.menu {position:absolute; top:10px; left:-20px; width:calc(100% + 60px); background-color:#fff; z-index:50;    transform: perspective(50em) rotateX(-90deg);
  transform-origin: 50% 0%; -o-transition: all  .5s ease;-moz-transition: all  .5s ease;-webkit-transition: all  .5s ease;transition: all  .5s ease;}
.menu * {opacity:0;-o-transition: all  .5s ease;-moz-transition: all  .5s ease;-webkit-transition: all  .5s ease;transition: all  .5s ease;}
.menu.open {transform: perspective(50em) rotateX(0deg);-o-transition: all  .5s ease;-moz-transition: all  .5s ease;-webkit-transition: all  .5s ease;transition: all  .5s ease; box-shadow: 0 0 10px  0 rgba(00,00,00,0.1);}
.menu.open * {opacity:100;-o-transition: all  .5s ease;-moz-transition: all  .5s ease;-webkit-transition: all  .5s ease;transition: all  .5s ease;}
.menu ul {list-style:none;padding-top:20px; padding-bottom:20px;}
.menu ul a {font-size:15px; line-height:28px; position:relative; display:block; color:#00a651; font-weight:500; text-decoration: none; padding-left: 10px;}
.menu ul a:after {content:''; height:1px; width:0%; background-color:#676767; bottom:0px; left:0; position:absolute;-o-transition: all  .2s linear;-moz-transition: all  .2s linear;-webkit-transition: all  .2s linear;transition: all  .2s linear;}
.menu ul a:hover {background-color:#00a651; -o-transition: all  .2s linear;-moz-transition: all  .2s linear;-webkit-transition: all  .2s linear;transition: all  .2s linear; color:#fff;}
.menu-toggle {display:none}

.menu-button{position:absolute;top:32px;right:0px}
.menu-call span{background-color:#fff; top:0; right:0;}
.menu-call span:before{background-color:#fff;}
.menu-call span:after{background-color:#fff;}
.menu-call.open span:before{background-color:#fff;}
.menu-call.open span:after{background-color:#fff;} 


.lngbar {position:absolute; top:25px; right:30px; z-index: 30;}
.lngbar .lng {width:30px; height:30px; text-align:center; line-height:30px;color:#fff; font-weight:600;background-color:#00a651; }
.lngbar ul {list-style:none; position:absolute; top:30px;left:0;background-color:#E8E8E8; width:30px; text-align:center;opacity:0; height:0px; overflow:hidden;  -o-transition:all .2s ease;-moz-transition:all .2s ease;-webkit-transition:all .2s ease;}
.lngbar ul.open {opacity:100;-o-transition:all .2s ease;-moz-transition:all .2s ease;-webkit-transition:all .2s ease;height:auto;}
.lngbar ul li {color:#000;cursor:pointer; height:30px; line-height:30px;-o-transition:all .2s ease;-moz-transition:all .2s ease;-webkit-transition:all .2s ease;}
.lngbar ul li:hover {color:#fff;background-color:#00a651; -o-transition:all .2s ease;-moz-transition:all .2s ease;-webkit-transition:all .2s ease;}
.lngbar ul li:hover a {color:#fff;}
.lngbar ul li a{text-decoration:none;color:#000;}
.lngbar .select {border-color:  #00a651 transparent; border-style: solid solid none ; border-width: 7px 7px medium; height: 7px;right: -20px;position: absolute;top: 10px; width: 0; text-decoration:none; color:#fff;}

.slider-info {bottom:-15px; max-width: 850px;left:0;}

.gallery-slider {position:relative; width:100%; overflow:hidden;}
.gallery-slider .film {position:relative; top:0; left:0; width:200%;}
.gallery-slider .img {width:5%; display:block; float:left; opacity: .5;-o-transition:all .2s ease;-moz-transition:all .2s ease;-webkit-transition:all .2s ease;}
.gallery-slider .img:hover {opacity: 1;-o-transition:all .2s ease;-moz-transition:all .2s ease;-webkit-transition:all .2s ease;}
 
.heart-block:before {position: absolute; top:0; left:0; width: 100%; height: 100%; content: '';background-color: hsla(149,100%,33%,0.7);}
.heart-block {background-image:url(/public/images/heart.jpg); background-repeat: no-repeat;background-position: center center; position: relative;}
.heart-block p {position: relative;z-index: 5;}

.wood-texture {background-image: url(/public/images/wood-texture.jpg); background-size: cover; background-repeat: no-repeat;}

.breadcrumbs {color:#000;}
.product-cat {padding-top:100px; position: relative;} 
.product-cat span {position:relative; z-index: 5;}
.product-cat:before {position:absolute; top:0px; bottom:0px; left:0px; right:0px; border:solid 1px #fff; content:''; background-color: hsla(0,0%,0%,0.3);}
.product-cat:after {position:absolute; top:10px; bottom:10px; left:10px; right:10px; border:solid 1px #fff; content:'';-o-transition:all .2s ease;-moz-transition:all .2s ease;-webkit-transition:all .2s ease; background-color: hsla(0,0%,0%,0.65);}
.product-cat:hover:after {top:0px; bottom:0px; left:0px; right:0px; border:solid 10px #fff; content:'';-o-transition:all .2s ease;-moz-transition:all .2s ease;-webkit-transition:all .2s ease;}


.front-menu{position: fixed; width: 100%; z-index:1;}
.front-menu nav{float: right}
.front-menu nav ul li {display: inline-block; margin-left: 50px}
.front-menu nav ul li a {text-decoration:  none; color: white}
.front-menu nav ul li a:hover{color: #e7c798}

.page-menu{position: relative; width: 100%}
.page-menu nav{float: right}
.page-menu nav ul li {display: inline-block; margin-left: 50px}
.page-menu nav ul li a {text-decoration:  none; color: #112b50}
.page-menu nav ul li a:hover{color: #e7c798}

/*.cmspage{position: relative; width: 100%}*/
.cmspage ul {width: 80%; float: right}
.cmspage ul li {display: inline-block; margin-left: 50px}
.cmspage ul li a {text-decoration:  none; color: #112b50}
.cmspage ul li a:hover{color: #e7c798}

footer {font-size:13px; color: #929292; }
footer ul {list-style: none;}
footer ul a {text-decoration: none;}

.vertical-center{position: relative; top:50%; transform: translateY(50%);}
.vertical-center-minus{position: relative; top:50%; transform: translateY(-50%);}
.horizontal-center{position: relative; left:50%; transform: translateX(50%);}
.horizontal-center-minus{position: relative; left:50%; transform: translateX(-50%);}

.center-h-v{  position: absolute;  top: 50%;  left: 50%;  transform: translate(-50%, -50%);}

#home {background-image: url('../../../resources/assets/img/home-slide.png'); margin-top: -25px;}

.article-label{position: absolute; top: 10px; left:-10px; padding: 5px 35px; text-transform: uppercase;}
.detail-box-label{position: absolute; top: 10px; left:-5px; padding: 5px 20px; text-transform: uppercase;}
.text-bottom {bottom:0;}
.text-top {top:0;}

.inline-block{display: inline-block;}

.control input[type=color], input[type=date], input[type=datetime-local], input[type=datetime], 
input[type=email], input[type=month], input[type=number], input[type=password], input[type=search], 
input[type=tel], input[type=text], input[type=time], input[type=url], input[type=week], textarea, .control.select select{ border: 1px solid #112b50; width: calc(99%)}
.control.select select{ -webkit-appearance: none; -moz-appearance: none; text-indent: 1px; text-overflow: '';}
label.checkbox .marker{display:none}
label.checkbox.checked:after{ left: 8px; top: 7px;}
.control.select:before {
    content: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0nMS4wJyBlbmNvZGluZz0ndXRmLTgnPz4KPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgdmlld0JveD0iMCAwIDEyOSAxMjkiIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiBlbmFibGUtYmFja2dyb3VuZD0ibmV3IDAgMCAxMjkgMTI5Ij4KICA8Zz4KICAgIDxwYXRoIGQ9Im0xMjEuMywzNC42Yy0xLjYtMS42LTQuMi0xLjYtNS44LDBsLTUxLDUxLjEtNTEuMS01MS4xYy0xLjYtMS42LTQuMi0xLjYtNS44LDAtMS42LDEuNi0xLjYsNC4yIDAsNS44bDUzLjksNTMuOWMwLjgsMC44IDEuOCwxLjIgMi45LDEuMiAxLDAgMi4xLTAuNCAyLjktMS4ybDUzLjktNTMuOWMxLjctMS42IDEuNy00LjIgMC4xLTUuOHoiLz4KICA8L2c+Cjwvc3ZnPgo=');
    position: absolute;
    right: 10px;
    top: 10px;
    width: 20px;
    z-index: 5;
    cursor: pointer;
}

.labeled-img{position: relative;}
.labeled-img p{position: absolute; bottom: 0; left:-5px; padding: 5px 20px; text-transform: uppercase; z-index: 1; color: white; background-color:#54a8e4}

.neighborhood-select-container{max-height: 250px; overflow-y: auto; overflow-x: hidden;}

.no-decoration{ text-decoration: none;}
.uppercase{ text-transform: uppercase;}
.regular{font-weight:400}
.font-weight-bold {font-weight: bold;}
/*label.checkbox{padding:0}*/

.c_next, .c_prev{ background-color: #112b50; width: 30px!important; height: 30px!important; font-size: 25px}
.contactfield {width: 100%!important; border: none!important;  height: auto;}
#rc-anchor-alert, .rc-anchor-alert{display:none!important}


.logo-img{-o-transition: width  .5s ease;-moz-transition: width .5s ease;-webkit-transition: width .5s ease;transition: width .5s ease;width: 100%;}
.logo-scrolled{width: 70%;}
header p{-o-transition: all  .5s ease;-moz-transition: all .5s ease;-webkit-transition: all .5s ease;transition: all .5s ease;}
.page-menu{-o-transition: background-color  .5s ease;-moz-transition: background-color .5s ease;-webkit-transition: background-color .5s ease;transition: background-color .5s ease;}
.page-menu-scrolled {background-color: #112b50;}
.page-menu-scrolled .row {margin-bottom: 0; padding: 10px 0;}
.page-menu-scrolled nav ul li a {color:white;}
.header-scrolled{border:none;}

.ui-menu {
    list-style: none;
    padding: 2px;
    margin: 0;
    display: block;
    float: left;
}
.ui-menu .ui-menu {
    margin-top: -3px;
}
.ui-menu .ui-menu-item {
    margin: 0;
    padding: 0;
    zoom: 1;
    float: left;
    clear: left;
    width: 100%}
.ui-menu .ui-menu-item a {
    text-decoration: none;
    display: block;
    padding: .2em .4em;
    line-height: 1.5;
    zoom: 1;
}
.ui-menu .ui-menu-item a.ui-state-hover, .ui-menu .ui-menu-item a.ui-state-active {
    font-weight: 400;
    margin: -1px;
}
.menu-call {
    display: none;
}
.menu {
    display: none;
}

.menu-call * {
    background-color: #fff;
}.menu {
    display: block;
    position: fixed;
    width: 100%;
    top: 50px;
    z-index: 30;
    height: 100%;
    -o-transition: all .8s ease;
    -moz-transition: all .8s ease;
    -webkit-transition: all .8s ease;
    transition: all .8s ease;
    text-align: center;
}
.menu * {
    opacity: 0;
    -o-transition: all .8s ease;
    -moz-transition: all .8s ease;
    -webkit-transition: all .8s ease;
    transition: all .8s ease;
}
.menu.open {
    left: 0;
    right: 0;
    transform: perspective(50em) rotatey(0deg);
    -o-transition: all .8s ease;
    -moz-transition: all .8s ease;
    -webkit-transition: all .8s ease;
    transition: all .8s ease;
}
.menu.open ul {
    background-color: #112b50;
}
.menu.open * {
    opacity: 100;
    -o-transition: all .8s ease;
    -moz-transition: all .8s ease;
    -webkit-transition: all .8s ease;
    transition: all .8s ease;
}
.menu ul {
    list-style: none;
}
.menu ul a {
    color: #fff;
    text-decoration: none;
    display: block;
    line-height: 30px;
}
.menu {
    top: 100px;
    left: 0;
    background-color: #fff;
    z-index: 50;
    transform: perspective(50em) rotateX(-90deg);
    transform-origin: 50% 0;
    -o-transition: all .5s ease;
    -moz-transition: all .5s ease;
    -webkit-transition: all .5s ease;
    transition: all .5s ease;
}
.menu * {
    opacity: 0;
    -o-transition: all .5s ease;
    -moz-transition: all .5s ease;
    -webkit-transition: all .5s ease;
    transition: all .5s ease;
}
.menu.open {
    transform: perspective(50em) rotateX(0deg);
    -o-transition: all .5s ease;
    -moz-transition: all .5s ease;
    -webkit-transition: all .5s ease;
    transition: all .5s ease;
}
.menu.open * {
    opacity: 100;
    -o-transition: all .5s ease;
    -moz-transition: all .5s ease;
    -webkit-transition: all .5s ease;
    transition: all .5s ease;
}
.menu ul {
    list-style: none;
    padding-top: 20px;
    padding-bottom: 20px;
}
.menu ul a {
    font-size: 1.4em;
    line-height: 30px;
    position: relative;
    display: block;
    color: #1a1a1a;
    font-weight: 500;
    text-decoration: none;
    text-align: center;
    margin-bottom: 10px;
}
.menu ul a:after {
    content: '';
    height: 1px;
    width: 0;
    background-color: #676767;
    bottom: 0;
    left: 0;
    position: absolute;
    -o-transition: all .2s linear;
    -moz-transition: all .2s linear;
    -webkit-transition: all .2s linear;
    transition: all .2s linear;
}
.menu ul a:hover {
    background-color: #1a1a1a;
    -o-transition: all .2s linear;
    -moz-transition: all .2s linear;
    -webkit-transition: all .2s linear;
    transition: all .2s linear;
    color: #fff;
}

@media (max-width: 991px) {
    .wraper{
        width: 768px!important; 
        min-width: 768px!important; 
    }
    header {border-bottom: none;}
    header .wraper{width: 100%; min-width: 100%;}
    .menu-call {
        top: 15px;
        right: 15px;
        display: block;
    }
    .row [class*=col-] {
        float: none!important;
        width: 100%!important;
        margin: 0!important;
        margin-bottom: 10px!important;
    }
    /*.searchrow{ padding-top: 60px;}*/
    header .row .col-40{
        float: left!important;
        width: 40%!important;
        margin: 0!important;
        margin-bottom: 10px!important;
    }      
    header .font18{
        font-size: 1.4em!important
    }   
    header .row .col-20{
        float: left!important;
        width: 20%!important;
        margin: 0!important;
        margin-bottom: 10px!important;
    }   
    .searchrow .col-25, .details-main-section .col-25{
        float: left!important;
        width: 50%!important;
        margin: 0!important;
        margin-bottom: 10px!important;
    }
    .details-main-section .col-75{
        float: left!important;
        width: 100%!important;
        margin: 0!important;
        margin-bottom: 10px!important;
    }
    .details-main-section .vertical-gal{ width: 100%!important; }
    .details-main-section .pad-right-20{ padding:0!important }
    .details-main-section .pad-right-5{ padding:0!important }
    .details-main-section .pad-left-5{ padding:0!important }
    .searchrow .col-15{ float: left!important; width: 28.5%!important; margin: 0 1.5% 0 0!important; margin-bottom: 10px!important; } 
    .searchrow .col-15 .row { margin-bottom: 5px; }
    .searchrow .col-35{ float: left!important; width: 68.5%!important; margin: 0 0 0 1.5%!important; margin-bottom: 10px!important; } 
    .specials-section .col-25{ float: left!important; width: 47.5%!important; margin: 1.25%!important; margin-bottom: 10px!important; } 
    .municipalities-section .font24{ font-size: 1.4em } 
    .specials-section .font24{ font-size: 1.4em } 
    .benefits-section .font20{ font-size: 1.4em } 
    .searchrow .col-50{ float: left!important;  width: 50%!important; margin: 0!important; margin-bottom: 10px!important; } 
    .h720 {  height: auto!important; }
    .h720 .center-h-v {
        padding-top: 100px;
        position: relative;
        top: auto;
        left: auto;
        transform: none;
    }
    /*.logo-img{width: 100%}*/
    
    .municipalities-section .col-20, footer .row .col-20{
        float: left!important;
        width: 20%!important;
        margin: 0!important;
        margin-bottom: 10px!important;
    } 
    .municipalities-section .button-25 {padding: 10px;}
    .page-menu nav ul li a { color: white;}
    .page-menu { background-color: #112b50; padding: 10px 0; }
    .page-menu .row { padding: 10px 0 15px 0;}   
    .menu-toggle {display: inline-block;float: right;}
    
    .page-menu nav {height: auto; max-height:110px; -o-transition: max-height  .5s ease-in-out;-moz-transition: max-height  .5s ease-in-out;-webkit-transition: max-height  .5s ease-in-out;transition: max-height  .5s ease-in-out;}
    .page-menu nav ul li {display:block; opacity: 1; -o-transition: opacity  .5s ease;-moz-transition: opacity  .5s ease;-webkit-transition: opacity  .5s ease;transition: opacity  .5s ease;}
    .page-menu nav ul {display:block}
    .page-menu .toggled ul {display:none}
    .page-menu .toggled ul li {display:block;opacity: 0; z-index:-1 }
    .page-menu .toggled {max-height:0; z-index:1}
    .page-menu nav ul li{margin-left: 0;}
    
    .offer-info .text-right{
        text-align: left;
    }
    .benefits-section .pad-right-15, .benefits-section .pad-left-15 {padding:0!important}
    .benefits-section .h45,.benefits-section .h370 {height: auto}
    .benefits-section svg{display: none}
    .benefits-section .vertical-center-minus{ top: auto; transform: none;}
    .benefits-section .font14{ font-size: 1.0em;}
    .benefits-section .lh45{ line-height: normal;}
    .benefits-section .vertical-center-minus .row article:first-of-type{ margin-top: 75px!important; }
}
@media (max-width: 779px) {
    .wraper{
        width: 588px!important; 
        min-width: 588px!important; 
    }
    .h720 .center-h-v {
        padding-top: 100px;
    }
    header .row .find{display:none}
    header .row .logo-img{width: 50%!important}
    header .row .vertical-center {position: absolute;    font-size: 16px;
    top: auto;
    transform: none;
    padding-top: 10px;
    z-index: 1;
    left: 15px;
    color: white;}
    header .row [class*=col-]{
        float: none!important;
        width: 100%!important;
        margin: 0!important;
        margin-bottom: 10px!important;}
    .municipalities-section .button-25 {font-size: 14px;}
    
    footer .row .col-20{
        float: left!important;
        width: 25%!important;
        margin: 0!important;
        margin-bottom: 10px!important;
    }    
    footer .row .col-20:last-of-type{
        float: none!important;
        width: 100%!important;
        margin: 0!important;
        margin-bottom: 10px!important;
    }
}
@media (max-width: 599px) {
    .wraper{
        width: 468px!important; 
        min-width: 468px!important; 
    }
    .municipalities-section  .cols-split { width: 49%; display: inline-block }
    .municipalities-section   .cols-split .col-20  {  width: 100%!important; display: block!important}
    .municipalities-section   .cols-split .pad-right-10 {  padding-right: 0!important;}
    .municipalities-section   .cols-split .pad-left-10 {  padding-left: 0!important;}

}
@media (max-width: 479px) {
    .wraper{
        width: 360px!important; 
        min-width: 360px!important; 
    }
    
    .specials-section .col-25{ float: left!important; width: 100%!important; margin: 0%!important; margin-bottom: 10px!important; } 
    .searchrow .col-15{
        float: none!important;
        width: 100%!important;
        margin: 0!important;
        margin-bottom: 10px!important;
    } 
    .searchrow .col-35{
        float: none!important;
        width: 100%!important;
        margin: 0!important;
        margin-bottom: 10px!important;
    } 
    footer .row .col-20{
        float: none!important;
        width: 100%!important;
        margin: 0!important;
        margin-bottom: 10px!important;
    }
}
@media (max-width: 359px) {
    .wraper{
        width: 100%!important; 
        min-width: 100%!important; 
    }
}