@font-face{
font-family: 'Noto Sans SC';
src: url('/assets/template/fonts/fonts/notosanssc-light.woff2') format('woff2'),url('/assets/template/fonts/fonts/notosanssc-light.woff') format('woff');
font-weight: 300;
font-style: normal;
}
@font-face{
font-family: 'Noto Sans SC';
src: url('/assets/template/fonts/fonts/notosanssc-regular.woff2') format('woff2'),
url('/assets/template/fonts/fonts/notosanssc-regular.woff') format('woff');
font-weight: 400;
font-style: normal;
}
@font-face{
font-family: 'Noto Sans SC';
src: url('/assets/template/fonts/fonts/notosanssc-medium.woff2') format('woff2'),
url('/assets/template/fonts/fonts/notosanssc-medium.woff') format('woff');
font-weight: 500;
font-style: normal;
}

@font-face{
font-family: 'Arimo';
src: url('/assets/template/fonts/arimo-regular.woff') format('woff'),
url('/assets/template/fonts/arimo-regular.woff2') format('woff2');
font-weight: 400;
font-style: normal;
}

.push1{
    height: 1px;
}
.push2{
    height: 2px;
}
.push3{
    height: 3px;
}
.push4{
    height: 4px;
}
.push5{
    height: 5px;
}
.push6{
    height: 6px;
}
.push7{
    height: 7px;
}
.push8{
    height: 8px;
}
.push9{
    height: 9px;
}
.push10{
    height: 10px;
}
.push15{
    height: 15px;
}
.push20{
    height: 20px;
}
.push25{
    height: 25px;
}
.push30{
    height: 30px;
}
.push35{
    height: 35px;
}
.push40{
    height: 40px;
}
.push45{
    height: 45px;
}
.push50{
    height: 50px;
}
.push55{
    height: 55px;
}
.push60{
    height: 60px;
}
.push70{
    height: 70px;
}
.push80{
    height: 80px;
}
.push90{
    height: 90px;
}
.push100{
    height: 100px;
}
.f8{
    font-size: 8px;
}
.f9{
    font-size: 9px;
}
.f10{
    font-size: 10px;
}
.f11{
    font-size: 11px;
}
.f12{
    font-size: 12px;
}
.f13{
    font-size: 13px;
}
.f14{
    font-size: 14px;
}
.f15{
    font-size: 15px;
}
.f16{
    font-size: 16px;
}
.f18{
    font-size: 18px;
}
.f20{
    font-size: 20px;
}
.f22{
    font-size: 22px;
}
.f24{
    font-size: 24px;
}
.f26{
    font-size: 26px;
}
.f28{
    font-size: 28px;
}
.f30{
    font-size: 30px;
}
.f34{
    font-size: 34px;
}
.f36{
    font-size: 36px;
}

.mb_orange-decor {
	margin-bottom: 136px;
}

.pp_orange-decor {
	padding-top: 136px;
	padding-bottom: 136px;
}

.pb_orange-decor {
	padding-bottom: 136px;
}

.standart_offset-pp {
	padding-top: 40px;
	padding-bottom: 90px;
}

@media only screen and (max-width: 991px) {
    .mb_orange-decor {
        margin-bottom: 116px;
    }
    .pp_orange-decor {
        padding-top: 116px;
        padding-bottom: 116px;
    }
    .pb_orange-decor {
    	padding-bottom: 116px;
    }
    .standart_offset-pp {
        padding-top: 35px;
        padding-bottom: 70px;
    }
}

@media only screen and (max-width: 767px) {
    .mb_orange-decor {
        margin-bottom: 90px;
    }
    .pp_orange-decor {
        padding-top: 90px;
		padding-bottom: 90px;
    }
    .pb_orange-decor {
    	padding-bottom: 90px;
    }
    .standart_offset-pp {
        padding-top: 30px;
		padding-bottom: 60px;
    }
}

html, body {
    height: 100% !important;
    margin: 0;
    padding: 0;
}
body {
    font-family: "Noto Sans SC", sans-serif;
    font-size: 16px;
    line-height: 30px;
    font-weight: 300;
    color: #0d1311;
    overflow-x: hidden;
    background: #f6f6f6;
}
body.contacts-template {
    background: #ffffff;
}

body.contacts-template .standart_offset-pp{
    padding-top: 0;
}

.main-wrapper{
    min-height: 100%;
    margin-bottom: -60px;
}
.footer-push{
    height: 60px;
}
.footer-wrapper{
    min-height: 92px;
    background-color: #0d1311;
}
h1,
.title-h1{
    font-family: 'Arimo', sans-serif;
    font-size: 45px;
    font-weight: 500;
    line-height: 50px;
    margin-bottom: 80px;
    position: relative;
    width: 100%;
    padding-bottom: 50px;
    color: #0d1311;
}
h1::after,
.title-h1::after{
    content: "";
    position: absolute;
    bottom: 0;
    left: 0;
    background-color: #0d1311;
    width: 54px;
    height: 5px;
}
h2,
.title-h2{
    font-family: 'Arimo', sans-serif;
    letter-spacing: 0;
    font-size: 40px;
    color: #0d1311;
    line-height: 45px;
    margin-bottom: 80px;
    position: relative;
    padding-bottom: 40px;
}
h2::after,
.title-h2::after{
    content: "";
    position: absolute;
    bottom: 0;
    left: 0;
    background-color: #0d1311;
    width: 54px;
    height: 5px;
}
h3,
.title-h3{
    font-family: 'Arimo', sans-serif;
    line-height: 35px;
    font-size:  30px;
    color: #0d1311;
    margin: 50px 0;
}

h4,
.title-h4{
    font-family: 'Arimo', sans-serif;
    font-size: 22px;
    line-height: 30px;
    margin-bottom: 20px;
    position: relative;
}
h5,
.title-h5{
    font-family: 'Arimo', sans-serif;
    font-size: 20px;
    line-height: 30px;
    margin-bottom: 10px;
    position: relative;
}
@media only screen and (max-width: 768px){
    h1,
    .title-h1{
        font-size: 35px;
        line-height: 40px;
        padding-bottom: 20px;
        margin-bottom: 40px;
    }
    h1::after,
    .title-h1::after{
        height: 3px;
        width: 35px;
    }
    h2,
    .title-h2{
        font-size: 30px;
        line-height: 35px;
        padding-bottom: 40px;
        margin-bottom: 40px;
    }
    h2::after,
    .title-h2::after{
        width: 35px;
        height: 3px;
    }
    h3,
    .title-h3{
       font-size: 24px;
       line-height: 28px;
       position: relative;
       margin-bottom: 20px;
    }
    h4,
    .title-h4{
        font-size: 20px;
        margin-bottom: 15px;
        line-height: 25px;
    }
    h5,
    .title-h5{
        font-size: 18px;
        line-height: 25px;
    }
}
blockquote{
    position: relative;
    margin: 30px 0;
    padding: 32px 36px;
    border-left: 2px solid #a2c70e;
    background-color: #ffffff;
    text-align: left;
    color: #0d1311;
}
blockquote p{
    margin-bottom: 0;
}
p{
    margin-bottom: 20px;
}
a{
    -webkit-transition: color 200ms ease-out;
    -moz-transition: color 200ms ease-out;
    -o-transition: color 200ms ease-out;
    transition: color 200ms ease-out;
    color: #a2c70e;
    text-decoration: none;
}
a:hover{
    -webkit-transition: color 200ms ease-out;
    -moz-transition: color 200ms ease-out;
    -o-transition: color 200ms ease-out;
    transition: color 200ms ease-out;
    color: rgba(13, 19, 17, .5);
    text-decoration: none;
}
a:focus{
    outline: none;
    text-decoration: none;
}
a.decoration-none{
    text-decoration: none;
}
strong,
b,
.bold{
    font-weight: bold;
}
input:focus::-moz-placeholder{
    opacity: 0;
}
input:focus:-ms-input-placeholder{
    opacity: 0;
}
input:focus::-webkit-input-placeholder{
    opacity: 0;
}
textarea:focus::-moz-placeholder{
    opacity: 0;
}
textarea:focus:-ms-input-placeholder{
    opacity: 0;
}
textarea:focus::-webkit-input-placeholder{
    opacity: 0;
}
.red{
    color: red;
}
.hide {
  display: none;
}
.show {
  display: block;
}
.text-left{
    text-align: left;
}
.text-center{
    text-align: center;
}
.text-right{
    text-align: right;
}
a.absolute{
    display: block;
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 10;
}
:invalid {
  box-shadow: none;
}
:-moz-submit-invalid {
  box-shadow: none;
}
:-moz-ui-invalid {
  box-shadow:none;
}
.relative{
    position: relative;
}
.absolute{
    position: absolute;
}
em, i{
    font-style: italic;
}
.cleaner,
.clear{
    clear: both;
    height: 0;
    line-height: 0;
}
.left{
    float: left;
}
.right{
    float: right;
}
.upper{
    text-transform: uppercase;
}
.error{
    color: #FF0000;
}
img{
    max-width: 100%;
}
img.left{
    float: left;
    margin-right: 15px;
    margin-bottom: 5px;
}
img.right{
    float: right;
    margin-left: 15px;
    margin-bottom: 5px;
}
.white{
    color: #fff;
}
.black{
    color: #000;
}
.strike{
    text-decoration: line-through;
}
.main-column-left .date {
    font-weight: 500;
    font-size: 14px;
    color: rgb(13, 19, 17, .5);
}
ul.list,
ol.list,
.product-text ul,
.content ul,
.product-text ol,
.content ol{
    margin-bottom:30px;
}
ul.list > li,
ol.list > li,
.product-text ul > li,
.product-text ol > li,
.content ul > li,
.content ol > li{
    margin-bottom: 11px;
    position: relative;
    line-height: 24px;
}
ul.list > li,
.product-text ul > li,
.content ul > li{
    padding-left: 22px;
}
ul.list > li::before,
.product-text ul > li::before,
.content ul > li::before{
    content: "";
    display: block;
    position: absolute;
    top: 6px;
    left: 0;
    width: 11px;
    height: 14px;
    background-image: url(/assets/template/images/marker.png);
    background-position: center;
    background-size: cover;
}
ul.list ul,
ol.list ul,
ol.list ol,
ul.list ol,
.product-text ul ul,
.content ul ul,
.product-text ol ul,
.content ol ul,
.product-text ol ol,
.content ol ol,
.product-text ul ol,
.content ul ol{
    padding-top: 10px;
    padding-left: 10px;
}
ul.list ul li,
ol.list ul li,
.product-text ul ul li,
.product-text ol ul li,
.content ol ul li,
.content ul ul li{
    padding-left: 15px;
    position: relative;
    margin-bottom: 10px;
}
ul.list ul li::after,
ol.list ul li::after,
.product-text ul ul li::after,
.content ul ul li::after,
.product-text ol ul li::after,
.content ol ul li::after{
    content: "";
    display: block;
    position: absolute;
    width: 4px;
    height: 4px;
    top: 9px;
    left: 0;
    border: 1px solid #999999;
    border-radius: 50%;
}
ul.list ol li,
ol.list ol li,
.product-text ul ol li,
.content ul ol li,
.product-text ol ol li,
.content ol ol li{
    list-style: decimal;
    padding-left: 3px;
    margin-left: 12px;
    margin-bottom: 10px;
}
ol.list,
.product-text ol,
.content ol{
    counter-reset: item;
}
ol.list li,
.product-text ol,
.content ol{
    display: block;
}
ol.list li::before,
.product-text ol::before,
.content ol::before{
    content: counters(item, ".") ". ";
    counter-increment: item;
    padding: 0 5px 0 10px;
    color: #999999;
}
ul.list ul ol li::after,
ol.list ul ol li::after,
.product-text ul ul ol li::after,
.content ul ul ol li::after,
.product-text ol ul ol li::after,
.content ol ul ol li::after{
    display: none;
}





/***********************slick carousel*******************************/
.slick-slider{
    position: relative;
    display: block;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    -webkit-touch-callout: none;
    -khtml-user-select: none;
    -ms-touch-action: pan-y;
    touch-action: pan-y;
    -webkit-tap-highlight-color: transparent;
}
.slick-list{
    position: relative;
    display: block;
    overflow: hidden;
    margin: 0;
    padding: 0;
}
.slick-list:focus{
    outline: none;
}
.slick-list.dragging{
    cursor: pointer;
    cursor: hand;
}
.slick-slider .slick-track,
.slick-slider .slick-list{
    -webkit-transform: translate3d(0, 0, 0);
    -moz-transform: translate3d(0, 0, 0);
    -ms-transform: translate3d(0, 0, 0);
    -o-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
}
.slick-track{
    position: relative;
    top: 0;
    left: 0;
    display: block;
}
.slick-track::before,
.slick-track::after{
    display: table;
    content: '';
}
.slick-track::after{
    clear: both;
}
.slick-loading .slick-track{
    visibility: hidden;
}
.slick-slide{
    display: none;
    float: left;
    height: 100%;
    min-height: 1px;
}
[dir='rtl'] .slick-slide{
    float: right;
}
.slick-slide.slick-loading img{
    display: none;
}
.slick-slide.dragging img{
    pointer-events: none;
}
.slick-initialized .slick-slide{
    display: block;
}
.slick-loading .slick-slide{
    visibility: hidden;
}
.slick-vertical .slick-slide{
    display: block;
    height: auto;
    border: 1px solid transparent;
}
.slider-wrapper .item img{
    min-height: 300px;
}
.slick-dots {
    width: 100%;
    padding: 0;
    list-style: none;
    text-align: center;
    display: block;
    margin-bottom: 30px;
}
.slick-dots li button{
    position: absolute;
    top: -5px;
    left: -5px;
    border: none;
    display: block;
    opacity: 0;
}
.slick-dots li {
    cursor: pointer;
    background: transparent;
    display: inline-block;
    cursor: pointer;
    position: relative;
    margin-right: 28px;
}
.slick-dots li:last-child {
    margin-right: 0;
}
.slick-dots li a {
    color: #ffffff;
    text-decoration: none;
    font-weight: 500;
}

.slick-dots li span {
    color: #ffffff;
    text-decoration: none;
    font-weight: 500;
}

.slick-dots li.slick-active a{
    color: #a2c70e;
}

.slick-dots li.slick-active span{
    color: #a2c70e;
}

/****************end slick carousel****************/
.modal{
    display: none;
    width: 500px;
    max-width: 100%;
    background: #ffffff;
    padding: 40px 30px;
    color: #0d1311;
}
.modal .title{
    font-family: 'Arimo', sans-serif;
    font-size: 30px;
    margin-bottom: 30px;
    color: #0d1311;
    line-height: 35px;
    letter-spacing: 1px;
}
.modal p{
    margin-bottom: 0;
}
.label{
    display: block;
    margin-bottom: 4px;
}
.dashed{
    text-decoration: none;
    border-bottom: 1px dashed;
}
.dashed:hover{
    border-bottom-color: transparent;
}
.static{
    position: static;
}
.hidden {
    display: none;
    visibility: hidden;
    opacity: 0;
}
.visible{
    opacity:1;
}
.button,
.btn{
    font-family: 'Noto Sans SC', sans-serif;
    display: inline-block;
    text-decoration: none !important;
    color: #ffffff;
    background: #a2c70e;
    font-size: 16px;
    letter-spacing: 1px;
    padding: 12px 35px;
    margin-bottom: 10px;
    position: relative;
    border: 1px solid #a2c70e;
    text-align: center;
    cursor: pointer;
    letter-spacing: 0.8px;
    -webkit-transition: color 200ms ease-out;
    -moz-transition: color 200ms ease-out;
    -o-transition: color 200ms ease-out;
    transition: color 200ms ease-out;
    font-weight: 400;
    text-transform: uppercase;
}
.button.button-icon,
.btn.button-icon {
    padding-left: 66px;
}
.btn .icon svg, .btn:hover .icon svg,
.button .icon svg, .button:hover .icon svg {
    -webkit-transition: all 200ms ease-out;
    -moz-transition: all 200ms ease-out;
    -o-transition: all 200ms ease-out;
    transition: all 200ms ease-out;
}


.button:hover,
.btn:hover{
    color: #0d1311;
}
.button.block,
.btn.block{
    display: block;
    width: 100%;
    padding-left: 15px;
    padding-right: 15px;
}
.button.invert,
.btn.invert{
    background: #141414;
    border-color: #141414;
    color: #fff;
}
.button.invert:hover,
.btn.invert:hover{
    color: #000;
    background: #a2c70e;
    border-color: #a2c70e;
}
.button.mid,
.btn.mid{
    font-size: 13px;
    padding-top: 11px;
    padding-bottom: 11px;
}
.dotted{
    text-decoration: none !important;
    border-bottom: 1px dotted;
}
.dotted:hover{
    border: none;
}
.button.mini,
.button.min{
    font-size: 12px;
    padding: 7px 15px 9px;
}
.button .material-icons{
    vertical-align: middle;
    margin-top: -3px;
}
/*****************************************************************************/

.header{
    font-family: 'Noto Sans SC', sans-serif;
}
.header-top{
    background: url(/assets/template/images/bg3.png);
    padding: 9px 0;
    font-size: 13px;
}
.header-bottom{
    padding: 14px 0;
    position: relative;
    min-height: 88px;
    background-color: #f6f6f6;
}

@media only screen and (max-width: 1170px) {
    body.base-template:not(.contacts-template) .header,
    body.base-template:not(.contacts-template) .header-bottom {
        background-color: #ffffff;
    }
}

.logo{
    text-align: left;
    margin-bottom: 15px;
    padding: 5px 0px;
}
.logo svg {
    width: 100%;
    max-width: 192px;
    max-height: 65px;
    display: block;
}
@media only screen and (max-width: 1170px) {
    .header-bottom {
        padding: 20px 0;
    }
}
@media only screen and (max-width: 767px) {

    .header-bottom {
        padding-top: 25px;
        padding-bottom: 25px;
    }
    .header-bottom .header-tel {
        padding-left: 30px
    }
    .header-bottom .inner {
        padding-left: 21px;
    }

}
.header-tel div{
    color: #000;
    font-size: 16px;
    text-decoration: none !important;
    letter-spacing: 0.8px;
}
.header-tel a {
    text-decoration: none;
    color: #0d1311;
    letter-spacing: 0.6px;
    position: relative;
}
.header-tel a:hover{
    color: #a2c70e;
}

.header-tel a .icon svg {
    -webkit-transition: all 200ms ease-out;
    -moz-transition: all 200ms ease-out;
    -o-transition: all 200ms ease-out;
    transition: all 200ms ease-out;
}

.header-tel a:hover .icon svg {
    fill: #a2c70e;
    -webkit-transition: all 200ms ease-out;
    -moz-transition: all 200ms ease-out;
    -o-transition: all 200ms ease-out;
    transition: all 200ms ease-out;
}

.header-tel .tel-block, .header-tel .address-block {
    padding-left: 40px;
    position: relative;
}
.header-tel .tel-block {
    margin-bottom: 12px;
}
.header-tel .tel-block .icon {
    width: 20px;
    height: 20px;
    display: inline-block;
    position: absolute;
    top: 12px;
    left: -40px;
    transform: translateY(-50%);
}
.header-tel .address-block .icon {
    width: 17px;
    height: 22px;
    display: inline-block;
    position: absolute;
    top: 12px;
    left: -39px;
    transform: translateY(-50%);
}
.header-tel .tel-block .icon svg, .header-tel .address-block .icon svg {
    width: 100%;
    height: 100%;
}

.callback-link{
    margin-bottom: 10px;
}

.gray{
    color: #8A8A8A;
}



.top-slider .slick-prev,
.top-slider .slick-next{
    position: absolute;
    display: block;
    width: 38px;
    height: 60px;
    background: url(/assets/template/images/slider-prev-btn.png) 0 0 no-repeat;
    top: 50%;
    margin-top: -30px;
    z-index: 20;
}
.top-slider .slick-prev{
    left: 25px;
}
.top-slider .slick-next{
    right: 25px;
    -moz-transform: rotate(180deg);
    -webkit-transform: rotate(180deg);
    -o-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    transform: rotate(180deg);
}
.top-slider .slick-prev:hover,
.top-slider .slick-next:hover{
    background-position: 0 -60px;
}
.top-slider .item{
    position: relative;
    min-height: 580px;
    color: #fff;
}
.top-slider-wrapper .top-slider{
    height: 580px;
    overflow: hidden;
}
.top-slider{
    overflow: hidden;
}
.top-slider img{
    width: 100%;
    min-height: 200px;
}

.top-slider .element-content-inner{
    padding: 125px 0;
}
.top-slider .title-h1 {
    font-family: 'Arimo', sans-serif;
    font-size: 45px;
    line-height: 58px;
    margin-bottom: 0;
    letter-spacing: 0px;
    color: #ffffff;
}
.top-slider .title-h1::after {
    background-color: #ffffff;
}
.top-slider .title{
    margin-bottom: 20px;
}
.top-slider .subtitle{
    font-weight: 300;
    line-height: 24px;
    font-size: 18px;
    position: relative;
    color: #f6f6f6;
    min-height: 90px;
}

.top-slider-wrapper {
    position: relative;
    overflow: hidden;
}


.top-slider-wrapper .slide-control {
    position: absolute;
    bottom: 60px;
    width: 100%;
}

.top-slider-wrapper .slide-control .container {
    position: relative;
}

.top-slider-wrapper .slider-numbers {
    margin-right: 60px;
}
.top-slider-wrapper .slider-numbers .slick-dots {
    display: inline-block !important;
    width: auto;
    margin-bottom: 0;
}
.top-slider-wrapper .slider-numbers,
.top-slider-wrapper .slider-next-arrow {
    display: inline-block !important;
}
.top-slider-wrapper .slider-next-arrow button {
    font-weight: 400;
    text-transform: uppercase;
    background: none;
    border: none;
    padding: 0;
    color: #ffffff;
    letter-spacing: 0.8px;
}

@media (max-width: 767px) {
    .top-slider-wrapper .slider-next-arrow button {
        width: 48px;
        height: 48px;
    }
}
.top-slider-wrapper .slider-next-arrow button:hover {
    color: #a2c70e;
}
.top-slider-wrapper .slider-next-arrow .icon {
    width: 41px;
    height: 15px;
    display: inline-block;
    margin-left: 14px;
    transition: .5s;
}
.top-slider-wrapper .slider-next-arrow .icon svg {
    width: 100%;
    display: block;
    fill:#a2c70e;
}
@media only screen and (min-width: 768px) {
    .top-slider-wrapper .slider-next-arrow button:hover .icon{
        margin-left: 25px;
        transition: .5s;
    }
}

@media only screen and (max-width: 767px) {
    .top-slider .title-h1 {
        font-size: 35px;
        line-height: 40px;
    }
    .top-slider-wrapper .slider-next-arrow button span:first-child {
        display: none;
    }
    .top-slider-wrapper .slider-next-arrow .icon svg {
        fill: #ffffff;
    }
    .top-slider-wrapper .slider-numbers {
        margin-right: 20px;
    }
    .top-slider .element-content-inner{
        padding: 110px 0px 100px;
    }
    .top-slider .item {
        min-height: 500px;
    }
    .top-slider-wrapper .top-slider{
        height: 500px;
    }
}
@media only screen and (max-width: 500px) {
    .top-slider .item {
        min-height: 600px;
    }
    .top-slider-wrapper .top-slider{
        height: 600px;
    }
}

.customcheck{
    position: relative;
    margin-bottom: 20px;
}
.customcheck input[type=checkbox]{
    position: fixed;
    top: -100000px;
}
.customcheck input[type=checkbox] + label{
    position: relative;
    padding-left: 20px;
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    cursor: pointer;
    display: inline-block;
    font-size: 14px;
    color: #7A7A7A;
}
.customcheck input[type=checkbox] + label::before{
    background: url(/assets/template/images/customcheck.png) 0 0 no-repeat;
    content: "";
    display: block;
    position: absolute;
    width: 14px;
    height: 14px;
    top: 3px;
    left: 0px;
}
.customcheck input[type=checkbox]:checked + label::before{
	background-position: 0 -14px;
}
input[type=checkbox].error + label {
    color: #FF0000;
}
hr{
    border-top: 1px solid #484848;
}
.cleaner-hr{
    height: 0;
    opacity: 0;
    margin: 0;
    padding: 0;
    border: none !important;
}
.modal .title + p{
    font-size: 14px;
    margin: -10px 0 30px;
}
.footer-wrapper{
    position: relative;
    z-index: 301;
    font-size: 13px;
}
.footer-wrapper,
.footer-wrapper a{
    font-family: 'Arimo', sans-serif;
    font-size: 16px;
    color: rgba(255, 255, 255, .5);
}
.footer-top{
    padding-bottom: 40px;
}
.footer-bottom{
    padding: 24px 0;
    position: relative;
}
.top-bar{
    width: 100%;
    background: #fff;
    z-index: 300;
    font-family: 'Noto Sans SC', sans-serif;
}
.top-bar .inner {
    min-height: 50px;
}
.top-bar.fixed {
    box-shadow: rgba(0, 0, 0, 0.02) 0px 0px 4px 2px;
}

.top-bar .button {
    text-transform: none;
    font-weight: normal;
    position: absolute;
    top: 0;
    right: 0;
    z-index: 10;
    margin-bottom: 0;
    padding-right: 126px;
    text-transform: uppercase;
    line-height: 34px;
    font-size: 16px;
}
.top-bar .button .icon{
    width: 20px;
    height: 20px;
    display: inline-block;
    top: 50%;
    left: 25px;
    transform: translateY(-50%);
    position: absolute;
}
.top-bar .button .icon svg{
    fill: #ffffff;
    display: block;
}
.top-bar .button:focus,
.top-bar .button:hover{
    color: #0d1311;
}
.top-bar .button:focus .icon svg,
.top-bar .button:hover .icon svg{
    fill: #0d1311;
}

@media only screen and (max-width: 1170px) {
    .top-bar .button{
        line-height: 24px;
    }
}
@media only screen and (max-width: 991px) {
    .top-bar .button{
        padding-right: 142px;
    }
}
@media only screen and (max-width: 767px){
    .top-bar .button{
        width: 100%;
        left: 50px;
        padding-right: 55px;
        line-height: 24px;
    }
}


/* ======= HEADER CART ======= */
.header-cart{
    position: absolute;
    right: 0;
    top: 0;
    width: 60px;
    height: 55px;
    text-align: center;
}
.header-cart i{
    line-height: 55px;
    color: #fff;
}
.header-cart span{
    top: 10px;
    right: 10px;
    background: red;
    color: #fff;
    position: absolute;
    font-size: 10px;
    line-height: 13px;
    text-align: center;
    padding: 1px 4px 0;
    border-radius: 10px;
    min-width: 14px;
}
@media only screen and (min-width: 992px){
    .header-cart{
        width: 45px;
    }
    .header-cart span{
        right: 0;
        top: 8px;
    }
}
/* ======= /. HEADER CART ======= */

@media only screen and (max-width: 1170px) {
    .top-bar{
        position: fixed;
        top: 0;
        left: 0;
        background-color: #ffffff;
    }
    .top-bar.fixed .inner{
        height: 50px;
    }
    .top-bar-push{
        height: 50px;
    }
    .header-top{
        display: none;
    }
}
@media only screen and (max-width: 991px) {
    .top-bar-push{
        background-color: #f6f6f6;
    }
}
@media only screen and (min-width: 1170px){
    .mob-menu-btn{
        display: none;
    }
}


.top-menu{
    display: none;
}
.mobile-menu{
    position: absolute;
    top: 50px;
    left: 0;
    width: 100%;
    z-index: 300;
    display: none;
    overflow: auto;
}
.mobile-menu > ul > li{
    position: relative;
    z-index: 300;
    background: #fff;
}

.mobile-menu > ul > li:nth-last-child(2) {
    z-index: 20;
}
.mobile-menu > ul > li.last {
    box-shadow: rgba(0, 0, 0, 0.02) 0px 0px 4px 2px;
    z-index: 10;
}

.mobile-menu > ul{
    box-shadow: 0 3px 5px rgba(0,0,0,0.15);
}
.mobile-menu > ul > li a{
    background: #ffffff;
    display: block;
    color: #0d1311;
    padding: 15px;
    font-weight: 300;
    text-decoration: none;
    -webkit-transition: all 200ms ease-out;
    -moz-transition: all 200ms ease-out;
    -o-transition: all 200ms ease-out;
    transition: all 200ms ease-out;
    font-size: 16px;
    position: relative;
}
.mobile-menu > ul > li.down > a{
    padding: 15px 75px 15px 15px;
}
.mobile-menu > ul > li > a::before{
    content: "";
    display: block;
    position: absolute;
    width: 100%;
    height: 1px;
    top: 0;
    left: 0;
    background: #fff;
    opacity: 0.1;
}
.mobile-menu > ul > li > a::after{
    content: "";
    display: block;
    position: absolute;
    width: 100%;
    top: 1px;
    bottom: 0;
    left: 0;
    background: #fff;
    opacity: 0;
}
.mobile-menu > ul > li.active > a {
    background-color: #a2c70e;
    color: #ffffff;
}
/* .mobile-menu > ul > li.active > a::after{
    opacity: 0.1;
} */
.mobile-menu > ul > li > ul{
    padding: 18px 15px 13px 15px;
    display: none;
    position: relative;
}
.mobile-menu > ul > li > ul::before{
    content:"";
    display: block;
    position: absolute;
    width: 100%;
    height: 1px;
    top: 0;
    left: 0;
    background: #fff;
    opacity: 0.1;
}
.mobile-menu > ul > li > ul > li{
    margin-bottom: 10px;
    position: relative;
}
.mobile-menu > ul > li > ul > li > a{
    display: block;
    padding: 5px 0 5px 22px;
}
.mobile-menu > ul > li > ul > li ul{
    display: block;
    padding-left: 20px;
}

.mobile-menu > ul > li > ul > li.active a{
    color: #a2c70e;
}
.mobile-menu > ul > li > ul a::before{
    content: "";
    display: block;
    position: absolute;
    top: 14px;
    left: 0;
    width: 11px;
    height: 14px;
    background-image: url(/assets/template/images/marker.png);
    background-position: center;
    background-size: cover;
}
.mobile-menu > ul > li > ul a span{
    position: relative;
    z-index: 5;
}
.mobile-menu .dropdown-button {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 60px;
    height: 60px;
    position: absolute;
    right: 0;
    top: 0;
    z-index: 20;
}

.mobile-menu .dropdown-button svg{
    width: 11px;
    height: 11px;
    margin-top: 5px;
    display: block;
    -webkit-transition: all 200ms ease-out;
    -moz-transition: all 200ms ease-out;
    -o-transition: all 200ms ease-out;
    transition: all 200ms ease-out;
}

.mobile-menu > ul > li.active > .dropdown-button svg{
    fill: #ffffff !important;
}
.mobile-menu .dropdown-button.active svg {
    transform: rotate(-180deg);
    -webkit-transition: all 200ms ease-out;
    -moz-transition: all 200ms ease-out;
    -o-transition: all 200ms ease-out;
    transition: all 200ms ease-out;
}

.mobile-menu ul ul .dropdown-button{
    height: 40px;
    right: -15px;
}
.mobile-menu .dropdown-button + ul {
    display: none;
}
.mobile-menu ul ul ul{
    padding-top: 6px;
}
.mobile-menu ul ul ul a {
    padding: 6px 0 6px 30px;
}
.shedule{
    padding: 10px 0 10px 25px;
    position: relative;
}
.shedule .fa{
    font-size: 22px;
    position: absolute;
    left: 0;
    top: 10px;
}
.shedule img{
    vertical-align: middle;
    margin-right: 5px;
    margin-top: -3px;
    display: inline-block;
}

/* mob-menu-btn begin */
.mob-menu-btn{
    position: absolute;
    height: 50px;
    width: 50px;
    top: 0;
    left: 0;
    background: #ffff;
    cursor: pointer;
}
.icon-menu-burger {
    height: 2px;
    width: 28px;
    position: absolute;
    top: 50%;
    left: 50%;
    margin: -1px 0 0 -14px;
    -webkit-transition: transform 0.1s ease 0s;
    -moz-transition: transform 0.1s ease 0s;
    -o-transition: transform 0.1s ease 0s;
    -ms-transition: transform 0.1s ease 0s;
    transition: transform 0.1s ease 0s;
    -webkit-transition: -webkit-transform 0.1s ease 0s;
}
.icon-menu-burger__line {
    background: #a2c70e;
    height: 100%;
    width: 100%;
    position: absolute;
    top: 0;
    left: 0;
    -webkit-transition: transform 0.1s linear 0.1s;
    -moz-transition: transform 0.1s linear 0.1s;
    -o-transition: transform 0.1s linear 0.1s;
    -ms-transition: transform 0.1s linear 0.1s;
    transition: transform 0.1s linear 0.1s;
    -webkit-transition: -webkit-transform 0.1s linear 0.1s;
}
.icon-menu-burger::before, .icon-menu-burger::after {
    background: #a2c70e;
    content: '';
    height: 100%;
    width: 100%;
    position: absolute;
    left: 0;
}
.icon-menu-burger::before {
    top: -7px;
    -webkit-transition: top 0.1s linear 0.2s;
    -moz-transition: top 0.1s linear 0.2s;
    -o-transition: top 0.1s linear 0.2s;
    -ms-transition: top 0.1s linear 0.2s;
    transition: top 0.1s linear 0.2s;
}
.icon-menu-burger::after {
    bottom: -7px;
    -webkit-transition: bottom 0.1s linear 0.2s;
    -moz-transition: bottom 0.1s linear 0.2s;
    -o-transition: bottom 0.1s linear 0.2s;
    -ms-transition: bottom 0.1s linear 0.2s;
    transition: bottom 0.1s linear 0.2s;
}
.mob-menu-btn.active .icon-menu-burger{
    -webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    -o-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
    -webkit-transition: transform 0.1s linear 0.2s;
    -moz-transition: transform 0.1s linear 0.2s;
    -o-transition: transform 0.1s linear 0.2s;
    -ms-transition: transform 0.1s linear 0.2s;
    transition: transform 0.1s linear 0.2s;
    -webkit-transition: -webkit-transform 0.1s linear 0.2s;
}
.mob-menu-btn.active .icon-menu-burger__line{
    -webkit-transform: rotate(90deg);
    -moz-transform: rotate(90deg);
    -o-transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    transform: rotate(90deg);
}
.mob-menu-btn.active .icon-menu-burger::before {
    -webkit-transition: top 0.1s linear;
    -moz-transition: top 0.1s linear;
    -o-transition: top 0.1s linear;
    -ms-transition: top 0.1s linear;
    transition: top 0.1s linear;
    top: 0;
}
.mob-menu-btn.active .icon-menu-burger::after {
    -webkit-transition: bottom 0.1s linear;
    -moz-transition: bottom 0.1s linear;
    -o-transition: bottom 0.1s linear;
    -ms-transition: bottom 0.1s linear;
    transition: bottom 0.1s linear;
    bottom: 0;
}
/* mob-menu-btn end */

/************************** custom chrome scroll *****************************/
::-webkit-resizer {
    background-image: url('');
    background-repeat: no-repeat;
    width: 9px;
    height: 1px;
}
::-webkit-scrollbar {
    width: 9px;
}
::-webkit-scrollbar-button {
    background-image: url('');
    background-repeat: no-repeat;
    width: 6px;
    height: 0px;
}
::-webkit-scrollbar-thumb {
    -webkit-border-radius: 0px;
    border-radius: 0px;
    background-color: #a2c70e;
}
::-webkit-scrollbar-track {
    background-color: #ffffff;
}
/************************ end custom chrome scroll ***************************/


/********************************* preloader *********************************/
#preloader {
    background: #fff;
    top: 0;
    right: 0;
    bottom: 0;
    width: 100%;
    height: 100%;
    left: 0;
    position: fixed;
    z-index: 9999;
    display: block;
    -webkit-transition: all 600ms ease-out;
    -moz-transition: all 600ms ease-out;
    -o-transition: all 600ms ease-out;
    transition: all 600ms ease-out;
    opacity: 1;
}
#preloader.hid {
    opacity: 0;
    visibility: hidden;
}
#preloader table{
    width: 100%;
    height: 100%;
}
#preloader table td{
    width: 100%;
    height: 100%;
    vertical-align: middle;
}

.load8 .loader {
  margin: 60px auto;
  font-size: 6px;
  position: relative;
  text-indent: -9999em;
  border-top: 1.1em solid rgba(0,72,127, 0.2);
  border-right: 1.1em solid rgba(0,72,127, 0.2);
  border-bottom: 1.1em solid rgba(0,72,127, 0.2);
  border-left: 1.1em solid #a2c70e;
  -webkit-transform: translateZ(0);
  -ms-transform: translateZ(0);
  transform: translateZ(0);
  -webkit-animation: load8 1.1s infinite linear;
  animation: load8 1.1s infinite linear;
}
.load8 .loader,
.load8 .loader::after {
  border-radius: 50%;
  width: 10em;
  height: 10em;
}
@-webkit-keyframes load8 {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}
@keyframes load8 {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}

/********************************** end loader **************************************/
#up{
    position: fixed;
    z-index: 302;
    bottom: 9px;
    right: 9px;
    display: none;
    color: #FFFFFF;
    width: 50px;
    text-align: center;
    height: 50px;
    cursor: pointer;
    border-radius: 100%;
    -webkit-transition: background-color 200ms ease-out;
    -moz-transition: background-color 200ms ease-out;
    -o-transition: background-color 200ms ease-out;
    transition: background-color 200ms ease-out;
    background: #a2c70e;
    font-size: 36px;
    box-shadow: rgba(0, 0, 0, 0.02) 0px 0px 4px 2px;
}
#up:hover{
    background-color: #0d1311;
    box-shadow: rgba(0, 0, 0, 0.1) 0px 0px 10px 2px;
}
#up-wrapper {
    position: relative;
    width: 100%;
    height: 100%;
    display: block;
}
#up svg{
    display: block;
    fill: #ffffff;
    position: absolute;
    width: 20px;
    top: 15px;
    left: 15px;
    transform: rotate(180deg);
    display: block;
}

.row.min{
    margin-left: -5px;
    margin-right: -5px;
}
.row.min > div[class^="col-"]{
    padding-left: 5px;
    padding-right: 5px;
}
.row.no-padding{
    margin-left: 0;
    margin-right: 0;
}
.row.no-padding > div[class^="col-"]{
    padding-left: 0;
    padding-right: 0;
}
.table{
    display: table;
    width: 100%;
    height: 100%;
}
.table-cell{
    display: table-cell;
    width: 100%;
    height: 100%;
    vertical-align: middle;
}

/* fancybox */
.fancybox-inner{
    overflow: visible !important;
}
.fancybox-wrap{
    padding: 35px 0 0;
}
.fancybox-skin{
    margin-bottom: 35px;
}
.fancybox-overlay{
    background: rgba(13, 19, 17, .5);
}
.fancybox-close {
    background: transparent !important;
    top: -35px !important;
    right: -3px !important;
    width: 30px !important;
    height: 30px !important;
    cursor: pointer;
    z-index: 8040;
    -webkit-transition: all 200ms ease-out;
    -moz-transition: all 200ms ease-out;
    -o-transition: all 200ms ease-out;
    transition: all 200ms ease-out;
}

/* В файле jquery.fancybox.js
Внести изменения шаблона крестика
closeBtn : '<a title="Закрыть" class="fancybox-item fancybox-close" href="javascript:;"><span></span><span></span></a>', */

.fancybox-close span{
    display: block;
    width: 30px;
    height: 2px;
    background-color: #ffffff;
    position: absolute;
    top: 2.5px;
    -webkit-transition: all 200ms ease-out;
    -moz-transition: all 200ms ease-out;
    -o-transition: all 200ms ease-out;
    transition: all 200ms ease-out;
}
.fancybox-close span:first-child{
    transform-origin: 0 2px;
    transform: rotate(45deg);
    left:3px;
}
.fancybox-close span:last-child{
    transform-origin: 30px 2px;
    transform: rotate(-45deg);
    left: -3px;
}

@media only screen and (min-width: 992px) {
    .fancybox-close {
        background: transparent !important;
        top: -40px !important;
        width: 40px !important;
        height: 40px !important;
        right: -40px !important;
    }
    .fancybox-close span:first-child{
        transform-origin: 0 2px;
        transform: rotate(45deg);
        left:10px;
    }
    .fancybox-close span:last-child{
        transform-origin: 30px 2px;
        transform: rotate(-45deg);
        left: 2.5px;
    }
}
.fancybox-close::after {
    font-size: 25px;
    width: 20px;
    height: 20px;
    top: 50%;
    left: 50%;
    color: #ffffff;
    display: block;
    position: absolute;
    margin-top: -10px;
    margin-left: -10px;
    -webkit-transition: all 200ms ease-out;
    -moz-transition: all 200ms ease-out;
    -o-transition: all 200ms ease-out;
    transition: all 200ms ease-out;
}
.fancybox-close:hover{
    background: #FF4632;
}
.fancybox-close:hover span {
    background-color: #a2c70e;
    -webkit-transition: all 200ms ease-out;
    -moz-transition: all 200ms ease-out;
    -o-transition: all 200ms ease-out;
    transition: all 200ms ease-out;
}
.fancybox-skin{
    background: #fff;
    box-shadow: 0px 0px 14px 3px rgba(0,0,0,0.3)  !important;
    border-radius: 0;
}
.fancybox-nav span{
    visibility: visible;
    -webkit-transition: all 200ms ease-out;
	-moz-transition: all 200ms ease-out;
	-o-transition: all 200ms ease-out;
	transition: all 200ms ease-out;
}
.fancybox-next span {
    width: 30px;
    height: 30px;
    margin-top: -15px;
    -moz-transform: rotate(180deg);
    -webkit-transform: rotate(180deg);
    -o-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    transform: rotate(180deg);
    right: -50px;
}
.fancybox-prev span {
    width: 30px;
    height: 30px;
    margin-top: -15px;
    left: -50px;
}
.fancybox-prev span::after,
.fancybox-next span::after{
    content: "";
    display: block;
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    border-top: 2px solid #fff;
    border-left: 2px solid #fff;
    -moz-transform: rotate(-45deg);
    -webkit-transform: rotate(-45deg);
    -o-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    transform: rotate(-45deg);
    -webkit-transition: all 200ms ease-out;
	-moz-transition: all 200ms ease-out;
	-o-transition: all 200ms ease-out;
	transition: all 200ms ease-out;
}
.fancybox-prev:hover span::after,
.fancybox-next:hover span::after{
    border-color: #a2c70e;
}
.fancybox-title-float-wrap{
    left: 0;
    margin-bottom: -28px;
    width: 100%;
    text-align: left;
    overflow: hidden;
}
.fancybox-title-float-wrap .child{
    background: rgb(19, 19, 19);
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0;
    text-shadow: none;
    color: #fff;
    display: block;
    font-size: 14px;
    padding: 12px 20px;
    font-weight: normal;
}
.fancybox-title-float-wrap .child{
    white-space: normal;
    width: 100%;
}
/* end fancybox */

/* SERVICES */

.services-section .element {
    position: relative;
    width: 100%;
    height: 277.5px;
    max-width: 300px;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    margin-bottom: 20px;
}

@media only screen and (max-width: 1230px) {
    .services-section .element {
        height: 262.5px;
    }
}
@media only screen and (max-width: 1170px) {
    .services-section .element {
        height: 220px;
    }
}
@media only screen and (max-width: 993px) {
    .services-section .element {
        height: 300px;
        margin: 0 0 20px;
    }
}

@media only screen and (min-width: 768px) and (max-width: 993px) {
    .services-section .row > div:nth-child(2n-1) .element {
        margin-left: auto;
    }
}

@media only screen and (max-width: 767px) {
    .services-section .element {
        margin: 0 auto 20px;
    }
}

.services-section .element .title{
    font-size: 20px;
    font-weight: 500;
    text-transform: uppercase;
    color: #ffffff;
    overflow: hidden;
    padding: 30px;
    position: relative;
    z-index: 1;
    letter-spacing: 0.9px;
}
.services-section .element::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    opacity: .3;
    z-index: 0;
    background-color: #0d1311;
    -webkit-transition: all 500ms ease-out;
    -moz-transition: all 500ms ease-out;
    -o-transition: all 500ms ease-out;
    transition: all 500ms ease-out;
}
.services-section .element:hover::before {
    opacity: .8;
    background-color: #a2c70e;
    -webkit-transition: all 500ms ease-out;
    -moz-transition: all 500ms ease-out;
    -o-transition: all 500ms ease-out;
    transition: all 500ms ease-out;
}

@media only screen and (max-width: 1230px){
    .services-section .element .img-wrapper{
        height: 227px;
        width: 227px;
    }
}
@media only screen and (max-width: 991px){
    .services-section .element .title{
    }
}
@media only screen and (max-width: 767px){

}
/* END SERVICES */

/* GUARANTEES */

.guarantees-section {
    background-image: url('/assets/template/images/guarantees.jpg');
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
    color: #ffffff;
}
.guarantees-section .title-h2 {
    color: #ffffff;
}
.guarantees-section .title-h2::after {
    background-color: #ffffff;
}

.guarantees-section .guarantees-list {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}
.guarantees-section .guarantees-list li {
    flex-basis: 100%;
    margin-bottom: 50px;
}
.guarantees-section .guarantees-list li:last-child {
    margin-bottom: 0;
}
.guarantees-section .guarantees-list_title {
    color: #a2c70e;
    font-size: 30px;
    font-weight: 500;
    text-transform: uppercase;
    margin-bottom: 23px;
    line-height: 35px;
}
.guarantees-section .guarantees-list_subtitle {
    font-weight: 300;
    font-size: 20px;
}

@media only screen and (min-width: 768px) {
    .guarantees-section .title-h2 {
        max-width: 800px;
    }
    .guarantees-section .guarantees-wrapper {
        margin: 0 8.333%;
    }
    .guarantees-section .guarantees-list li {
        flex-basis: 50%;
        margin-bottom: 94px;
        padding-right: 8.33%;
    }
    .guarantees-section .guarantees-list li:nth-last-child(1),
    .guarantees-section .guarantees-list li:nth-last-child(2) {
        margin-bottom: 0;
    }

}
@media only screen and (min-width: 1170px) {
    .guarantees-section .guarantees-list_title {
        font-size: 45px;
        line-height: 50px;
    }
}

/* END GUARANTEES */

/* vantages */
.vantages-section{
    color: #fff;
    position: relative;
    background: url(/assets/template/images/bg-pic1.jpg) 50% 50% no-repeat;
    background-size: cover;
    background-attachment: fixed;
}
.ie .vantages-section{
    background-attachment: scroll;
}
.vantages .element{
    margin-bottom: 40px;
    padding: 0 15px;
}
.vantages > .row > hr:nth-of-type(3n){
    clear: both;
}
.vantages .element .title{
    font-family: 'Noto Sans SC', sans-serif;
    font-size: 20px;
    margin-bottom: 10px;
}
.vantages .element .text{
    color: #a2c70e;
    font-size: 14px;
}
/* END vantages */


/*=============================== MAP SECTION BEGIN =======================*/
.map-section{
    overflow: hidden;
    background: #ffffff;
    color: #0d1311;
}
.contacts-template .map-wrapper{
    height: 360px;
}
.contacts {
    padding: 80px 0;
}

.contacts .element {
    padding-bottom: 60px;
}
.contacts .element:last-child {
    padding-bottom: 0px;
}
.contacts .element-wrapper {
    margin-left: 97.484px;
}
.contacts .element_title {
    margin: 0;
    padding: 0;
    font-weight: 500;
    font-size: 14px;
    text-transform: uppercase;
    letter-spacing: 0.4px;
    color: rgba(13, 19, 17, .5);
}

.contacts .element_title:after {
    display: none;
}
.contacts .element_subtitle a{
    font-family: 'Arimo', sans-serif;
    font-size: 20px;
    letter-spacing: 0px;
    font-weight: 400;
}

@media only screen and (max-width: 1230px) {
    .contacts .title-h2::after {
        left: 50%;
        transform: translateX(-50%);
        background-color: #0d1311;
    }
    .contacts .element-wrapper {
        margin-left: 0;
    }
}

.contacts > hr:last-of-type{
    display: none;
}
@media only screen and (max-width: 991px) {
    .map-wrapper{
        height: 350px !important;
    }
}
/*============================== MAP SECTION END ==========================*/

@-webkit-keyframes fadeInDownSmall {
    0% {
        opacity: 0;
        -webkit-transform: translateY(-5px);
        transform: translateY(-5px);
    }

    100% {
        opacity: 1;
        -webkit-transform: translateY(0);
        transform: translateY(0);
    }
}

@keyframes fadeInDownSmall {
    0% {
        opacity: 0;
        -webkit-transform: translateY(-5px);
        -ms-transform: translateY(-5px);
        transform: translateY(-5px);
    }

    100% {
        opacity: 1;
        -webkit-transform: translateY(0);
        -ms-transform: translateY(0);
        transform: translateY(0);
    }
}

.fadeInDownSmall {
    -webkit-animation-name: fadeInDownSmall;
    animation-name: fadeInDownSmall;
}
@-webkit-keyframes fadeOutUpSmall {
    0% {
        opacity: 1;
        -webkit-transform: translateY(0);
        transform: translateY(0);
    }

    100% {
        opacity: 0;
        -webkit-transform: translateY(-5px);
        transform: translateY(-5px);
    }
}

@keyframes fadeOutUpSmall {
    0% {
        opacity: 1;
        -webkit-transform: translateY(0);
        -ms-transform: translateY(0);
        transform: translateY(0);
    }

    100% {
        opacity: 0;
        -webkit-transform: translateY(-5px);
        -ms-transform: translateY(-5px);
        transform: translateY(-5px);
    }
}
.fadeOutUpSmall {
    -webkit-animation-name: fadeOutUpSmall;
    animation-name: fadeOutUpSmall;
}
.breadcrumbs-wrapper{
    margin: -20px 0 35px;
    font-size: 14px;
}
.breadcrumbs-wrapper li {
    display: inline-block;
    margin-right: 25px;
}
.breadcrumbs-wrapper a{
    text-decoration: none;
    position: relative;
    -webkit-transition: all 200ms ease-out;
	-moz-transition: all 200ms ease-out;
	-o-transition: all 200ms ease-out;
	transition: all 200ms ease-out;
}
.breadcrumbs-wrapper a:hover{
    color: rgba(13, 19, 17, .5);
}
.breadcrumbs-wrapper a::after{
    content:"";
    display: block;
    position: absolute;
    width: 11px;
    height: 22px;
    top: 4px;
    right: -16px;

    background-image: url('/assets/template/images/arrow_menu.svg');
    background-repeat: no-repeat;
    background-size: contain;
    transform-origin: 5px 6px;
    transform: rotate(-90deg);
    background-position: center;

}

@media only screen and (min-width: 768px) {
    .lightgallery img{
        display: block;
        width: 100%;
    }
    .lightgallery a::after{
        content:"";
        display: block;
        position: absolute;
        width: 100%;
        height: 100%;
        top: 0;
        left: 0;
        background: url(/assets/template/images/zoom.png) 50% 50% no-repeat rgb(162, 199, 14, .5);
        background-size: 0 0;
        z-index: 2;
        -webkit-transition: all 200ms ease-out;
    	-moz-transition: all 200ms ease-out;
    	-o-transition: all 200ms ease-out;
    	transition: all 200ms ease-out;
    	opacity: 0;
    }
    .lightgallery .img-wrapper:hover a::after{
        opacity: 1;
        background-size: 48px 48px;
    }
}


.contacts-template .google-map{
    height: 250px;
}
.reviews-section{
    color: #fff;
    position: relative;
}
.ie .reviews-section{
    background-attachment: scroll;
}
.reviews-section .section-before {
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
}
.reviews-carousel{
    position: relative;
    z-index: 10;
    margin: 0 -10px;
}
.reviews-carousel .slick-track {
    display: flex;
    align-items: stretch;
}
.reviews-carousel .item{
    margin: 10px;
    border: 1px solid rgba(255,255,255,0.6);
    height: auto;
    position: relative;
    background-color: #ffffff;
    -webkit-transition: all 200ms ease-out;
    -moz-transition: all 200ms ease-out;
    -o-transition: all 200ms ease-out;
    transition: all 200ms ease-out;
    box-shadow: rgba(0, 0, 0, 0.02) 0px 0px 4px 2px;
}
.reviews-carousel .item:hover{
    -webkit-transition: all 200ms ease-out;
    -moz-transition: all 200ms ease-out;
    -o-transition: all 200ms ease-out;
    transition: all 200ms ease-out;
    box-shadow: rgba(0, 0, 0, 0.1) 0px 0px 10px 2px;
}
.reviews-carousel .element{
    padding: 30px 35px;
}
.reviews-carousel .element .title{
    font-weight: 400;
    color: #a2c70e;
}
.reviews-carousel .element .date{
    font-weight: 500;
    font-size: 14px;
    color: rgb(13, 19, 17, .5);

}
.reviews-carousel .element .text{
    color: #0d1311;
    padding-top: 15px;
    line-height: 30px;
}


/* REVIEWS MASONRY BEGIN */
.reviews{
    margin: 0 -10px;
}
.rev-header{
    font-family: 'Noto Sans SC', sans-serif;
    letter-spacing: 1px;
}
.rev-header .title {
    font-size: 16px;
    color: #a2c70e;
}
.rev-header .rev-date{
    font-size: 14px;
    font-weight: 500;
    margin-bottom: 2px;
    color: rgba(13, 19, 17, .5);
}

.reviews > .rev-item,
.rev-grid-sizer{
    width: 100%;
}
.reviews > .rev-item .inner{
    padding: 26px 30px 38px;
    margin: 10px;
    background-color: #fff;
    border: 1px solid #0000;

}
.reviews > .rev-item > .inner{
    -webkit-transition: box-shadow 200ms ease-out;
    -moz-transition: box-shadow 200ms ease-out;
    -o-transition: box-shadow 200ms ease-out;
    transition: box-shadow 200ms ease-out;
    box-shadow: rgba(0, 0, 0, 0.02) 0px 0px 4px 2px;
}
.reviews > .rev-item > .inner:hover {
    -webkit-transition: box-shadow 200ms ease-out;
    -moz-transition: box-shadow 200ms ease-out;
    -o-transition: box-shadow 200ms ease-out;
    transition: box-shadow 200ms ease-out;
    box-shadow: rgba(0, 0, 0, 0.1) 0px 0px 10px 2px;
}
.rev-answer{
    margin-top: 30px;
}
@media only screen and (min-width: 768px) {
    .reviews > .rev-item,
    .reviews > .rev-grid-sizer{
        width: 50%;
    }
    .rev-answer{
        padding: 0 0 0 70px;
        background: url(/assets/template/images/brown-arrow.png) 10px 0 no-repeat;
    }
}



.ticket-comment{
    margin: 0 !important;
}
.comment-reply{
    padding: 10px 0;
}

.reviews > .rev-item .rev-item .inner{
    padding: 0 0 0 50px;
    background: url(/assets/template/images/arrow_reviews.svg) 10px 0;
    background-size: 32px 28px;
    background-repeat: no-repeat;
    background-position: left top;
    border: none;
}
.reviews > .rev-item .rev-item .rev-date{
    display: none;
}
.reviews > .rev-item .rev-item .inner .title{
    text-transform: none;
    margin-bottom: 0;
}

.reviews > .rev-item .rev-item .comment-reply{
    display: none;
}

.comment-list > .rev-item > .inner > .rev-header {
    padding-bottom: 15px;
}

/* REVIEWS MASONRY END */


.comment-form-wrapper{
    color: #fff;
    position: relative;
    padding: 50px 0;
}
.comment-form-wrapper .inner{
    position: relative;
    z-index: 10;
    width: 575px;
    max-width: 100%;
    margin: 0;
}
#comment-editor {
    width: 100% !important;
    display: block;
}
#ticketForm .form-actions,
#comment-form .form-actions {
    padding-top: 0 !important;
    border-top: none !important;
}

#ticketForm .form-actions input,
#comment-form .form-actions input{
    font-weight: 400;
}
#comment-form textarea.form-control{
    margin-top: 32px;
}

.form-control{
    background: transparent;
    border: none;
    padding: 0;
    border-bottom: 1px solid #c7c9c8;
    font-size: 16px;
    color: #0d1311;
    height: 40px;
    margin-bottom: 3px;
}
.form-group{
    margin-bottom: 15px;
}
label {
    color: #c7c9c8;
    font-size: 14px;
    font-weight: 500;
    text-transform: uppercase;
}
textarea.form-control{
    border: 1px solid #c7c9c8;
    height: 165px;
    padding: 10px;
    margin-top: 38px;
}

@media only screen and (max-width: 767px) {
    textarea.form-control{
        margin-top: 32px;
    }
}

.form-control.error{
    border-color: #FF3324;
}
.form-control::-moz-placeholder {
  color: #c7c9c8;
}
.form-control:-ms-input-placeholder {
  color: #c7c9c8;
}
.form-control::-webkit-input-placeholder {
  color: #c7c9c8;
}
.form-control.error::-moz-placeholder{
    color: #EA1527;
}
.form-control.error:-ms-input-placeholder{
    color: #EA1527;
}
.form-control.error::-webkit-input-placeholder{
    color: #EA1527;
}


table{
    width: 100%;
    border-collapse: collapse;
    border: 0px solid rgba(255,255,255,0.1);
}
table tr {
    background: #ffffff;
}
table tr:first-child {
    text-transform: uppercase;
}
table tr:nth-child(even) {
    background: #f6f6f6;
}
table td,
table th {
    padding: 10px 32px;
    font-size: 16px;
    font-weight: 300;
    vertical-align: middle;
}
table th{
    color: #fff;
    background: #a2c70e;
    font-weight: bold;
    font-family: 'Noto Sans SC', sans-serif;
    letter-spacing: 1px;
}
table td:first-child, table th:first-child {
    border-left: none;
}
table .separate td{
    color: #fff;
    background: #222222;
    font-weight: bold;
    font-family: 'Noto Sans SC', sans-serif;
    letter-spacing: 1px;
}
@media only screen and (max-width: 767px) {
    table td,
    table th {
        padding: 8px 10px;
        font-size: 12px;
    }
}

.catalog .element{
    margin-bottom: 10px;
}
.catalog .element .img-wrapper {
    overflow: hidden;
    position: relative;
    height: 235px;
    text-align: center;
    background: #fff;
}

.catalog .element .img-wrapper.crop {
    padding: 10px 10px 30px;
}

.catalog .element .element-article{
    position: absolute;
    z-index: 4;
    bottom: 0;
    left: 0;
    right: 0;
    padding: 3px 10px;
    color: #fff;
    background: url(/assets/template/images/bg3.png);
}
@media only screen and (max-width: 991px) {
    .catalog .element .img-wrapper {
        height: 35vw;
    }
}
@media only screen and (max-width: 767px) {
    .catalog .element .img-wrapper {
        height: 65vw;
    }
}
.catalog .element .element-content {
    padding: 20px;
    background: url(/assets/template/images/bg2.png);
    -webkit-transition: all 200ms ease-out;
    -moz-transition: all 200ms ease-out;
    -o-transition: all 200ms ease-out;
    transition: all 200ms ease-out;
}
.catalog .title-h5 {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    position: relative;
    padding-right: 40px;
    color: #a2c70e;
    margin-bottom: 0;
}
.catalog .title-h5::after {
    content: "";
    display: block;
    position: absolute;
    width: 16px;
    height: 16px;
    top: 3px;
    right: 3px;
    border-top: 2px solid #a2c70e;
    border-right: 2px solid #a2c70e;
    -webkit-transition: all 200ms ease-out;
    -moz-transition: all 200ms ease-out;
    -o-transition: all 200ms ease-out;
    transition: all 200ms ease-out;
}
.catalog .element .img-wrapper img {
    -webkit-transition: all 200ms ease-out;
    -moz-transition: all 200ms ease-out;
    -o-transition: all 200ms ease-out;
    transition: all 200ms ease-out;
    width: 100%;
}
.catalog .element .img-wrapper.crop img{
    max-width: 100%;
    max-height: 100%;
    width: auto;
}
.catalog .element:hover .img-wrapper img {
    -webkit-transform: scale(1.2);
    -moz-transform: scale(1.2);
    -o-transform: scale(1.2);
}
.catalog .element .img-wrapper .hiddentitle{
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    -webkit-transition: all 200ms ease-out;
	-moz-transition: all 200ms ease-out;
	-o-transition: all 200ms ease-out;
	transition: all 200ms ease-out;
    z-index: 2;
    opacity: 0;
    text-align: center;
}
.catalog .element .img-wrapper .hiddentitle span{
    text-transform: uppercase;
    border: 2px solid #fff;
    padding: 8px 30px;
    color: #fff;
    display: inline-block;
}
.catalog .element:hover .img-wrapper .hiddentitle{
    opacity: 1;
}
.catalog .element .img-wrapper::after {
    content: "";
    display: block;
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    background: rgba(0,0,0,0.6);
    opacity: 0;
    -webkit-transition: all 200ms ease-out;
    -moz-transition: all 200ms ease-out;
    -o-transition: all 200ms ease-out;
    transition: all 200ms ease-out;
}
.catalog .element:hover .img-wrapper::after {
    opacity: 1;
}
.catalog .element:hover .title-h5::after {
    -moz-transform: rotate(45deg);
    -webkit-transform: rotate(45deg);
    -o-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
}
.catalog .element .button{
    background: #a2c70e;
    border-color: #a2c70e;
    position: relative;
    z-index: 20;
    margin-bottom: 0;
}
.catalog .element .button:hover{
    background: #682708;
    border-color: #682708;
}
.catalog .element .title-h6{
    font-family: 'Noto Sans SC', sans-serif;
    height: 48px;
    overflow: hidden;
    margin-bottom: 20px;
}
.catalog .element .text{
    height: 48px;
    overflow: hidden;
    margin-bottom: 10px;
}
.goodprice{
    color: #fff;
    font-family: 'Noto Sans SC', sans-serif;
    letter-spacing: 1px;
}
.catalog > .row > hr:nth-of-type(2n){
    clear: both;
}
@media only screen and (min-width: 1230px) {
    .catalog > .row > hr:nth-of-type(2n){
        clear: none;
    }
    .catalog > .row > hr:nth-of-type(3n){
        clear: both;
    }
}



/***************************** pagination **************************/
.pagination{
    display: inline-block;
    text-align: center;
    width: 100%;
    margin: 30px 0 0;
}

.pagination ul{
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
}
.pagination li > span{
    cursor: default;
}
.pagination li > a,
.pagination li > span{
    position: relative;
    padding: 6px 12px;
    font-size: 16px;
    line-height: 30px;
    color: #0d1311;
    text-decoration: none;
    font-weight: 500;
    margin-bottom: 5px;

}
.pagination li:first-child > a,
.pagination li:first-child > span{
    margin-left: 0;
}
.pagination li.prev a {
    transform: rotate(180deg);
}
.pagination li.prev, .pagination li.next{
    position: relative;
}
.pagination li.prev a {
    display: block;
    padding: 0;
    width: 41px;
    height: 30px;
    position: absolute;
    top: -15px;
    left: -84px;
}
.pagination li.next a {
    display: block;
    padding: 0;
    width: 41px;
    height: 30px;
    position: absolute;
    top: -15px;
    right: -84px;
}


.pagination li > a:hover{
    color: #a2c70e;
}
.pagination .active > a, .pagination .active > a:hover{
    color: #a2c70e;
    cursor: default;
}
/*************************** end pagination ***********************/


.latest .elements > div:last-of-type hr{
    display: none;
}
.latest hr{
    margin: 15px 0 10px 0;
}
.main-column h1{
    margin-top: -7px;
}

.main-column h2,
.basic-template h2{
    padding-bottom: 0px;
    margin-bottom: 20px;
    margin-top: 80px;
    font-size: 40px;
}

.basic-template h3{
    margin-bottom: 20px;
}

.main-column h2:after,
.basic-template h2:after{
    display: none;
}

@media only screen and (max-width: 991px) {
    .main-column h2,
    .basic-template h2{
        margin-top: 70px;
    }
}
@media only screen and (max-width: 768px) {
    .main-column h2,
    .basic-template h2{
        margin-top: 60px;
        font-size: 30px;
    }
}

/* ======= AGREEMENT ======= */

.agreement{
    position: relative;
    margin-bottom: 20px;
    font-size: 15px;
    line-height: 22px;
}
.agreement.black{
    color: #000;
}
.agreement input{
    position: absolute;
    top: 0;
    left: 0;
    opacity: 0;
    visibility: hidden;
}
.agreement i{
    position: absolute;
    left: 2px;
    top: 3px;
    font-size: 18px;
    line-height: 18px;
    color: #7b7b7b;
    cursor: pointer;
}
.agreement label{
    padding-left: 31px;
    position: relative;
    display: inline-block;
    font-weight: 300;
    text-transform: none;
}
.agreement input + label .checked{
    display: none;
}

.agreement label::before{
    content: "";
    top: 6px;
    left: 5px;
    height: 11px;
    width: 11px;
    background-color: #a2c70e;
    position: absolute;
    z-index: 0;
    display: none;
}

.agreement input:checked + label .checked{
    display: inline-block;
    color: #000000;
}
.agreement input:checked + label::before {
    display: block;
}
.agreement input:checked + label .no-checked{
    display: none;
}
.agreement input.error + label,
.agreement input.error + label i{
    color: red;
}
/* ======= /. AGREEMENT ======= */


/* ======= ASIDE MENU ======= */

.aside-menu{
    margin-bottom: 30px;
    -webkit-transition: all 200ms ease;
    -moz-transition: all 200ms ease;
    -o-transition: all 200ms ease;
    background-color: #ffffff;
    box-shadow: rgba(0, 0, 0, 0.02) 0px 0px 4px 2px;
}
.aside-menu a {
    display: block;
    text-decoration: none !important;
    color: #0d1311;
    padding: 15px;
    font-size: 16px;
    line-height: 30px;
}

.aside-menu .active > a{
    color: #a2c70e;
}
.aside-menu > ul ul{
    display: none;
}
.aside-menu .active > ul{
    display: block;
}
.aside-menu > ul li{
    position: relative;
}
.aside-menu > ul > li.down > a {
    padding-right: 60px;
    position: relative;
}
/* .aside-menu > ul > li.down > a::after{
    content: "";
    display: block;
    position: absolute;
    width: 12px;
    height: 10px;
    right: 16px;
    top: 50%;
    margin-top: -3px;
    transform: rotate(0deg);
    transform-origin: 6px 4px;
    transition: transform .2s;
    background-image: url(/assets/template/images/arrow_menu_white.svg);
} */
.aside-menu > ul > li.down.active > a::after {
    -moz-transform: rotate(-180deg);
    -webkit-transform: rotate(-180deg);
    -o-transform: rotate(-180deg);
    -ms-transform: rotate(-180deg);
    transform: rotate(-180deg);
}

.aside-menu > ul ul .dropdown-button{
    height: 37px;
}

.aside-menu .dropdown-button {
    display: flex;
    justify-content: flex-end;
    align-items: center;
    width: 14%;
    height: 60px;
    padding-right: 24px;
    position: absolute;
    right: 0;
    top: 0;
    z-index: 20;
    cursor: pointer;
}
.aside-menu .dropdown-button svg{
    width: 11px;
    height: 14px;
    display: block;
    -webkit-transition: all 200ms ease-out;
    -moz-transition: all 200ms ease-out;
    -o-transition: all 200ms ease-out;
    transition: all 200ms ease-out;
}

.aside-menu > ul > li:hover > .dropdown-button svg,
.aside-menu > ul > li.active > .dropdown-button svg{
    fill: #ffffff !important;
}


@media only screen and (max-width: 768px) {
    .aside-menu > ul > li:hover > .dropdown-button svg,
    .aside-menu > ul > li.active > .dropdown-button svg{
        fill: #a2c70e !important;
    }
}


.aside-menu .dropdown-button.active svg {
    transform: rotate(-180deg);
    -webkit-transition: all 200ms ease-out;
    -moz-transition: all 200ms ease-out;
    -o-transition: all 200ms ease-out;
    transition: all 200ms ease-out;
}

.aside-menu ul ul {
    padding-left: 20px;
}
.aside-menu ul ul a{
    padding: 12px 36px 12px 22px;
    font-size: 16px;
    position: relative;
}
.aside-menu ul ul a:hover {
    color: #a2c70e;
}
.aside-menu ul ul a::before{
    content: "";
    display: block;
    position: absolute;
    top: 20px;
    left: 0;
    width: 11px;
    height: 14px;
    background-image: url(/assets/template/images/marker.png);
    background-position: center;
    background-size: cover;
}


.aside-menu ul ul ul a{
    padding: 8px 36px 8px 30px;
}

.aside-menu ul ul ul ul a{
    padding: 8px 36px 8px 40px;
}
.aside-menu ul ul ul ul ul a{
    padding: 8px 36px 8px 50px;
}
.aside-menu-title {
    padding: 15px 42px 15px 20px;
    background: #a2c70e;
    position: relative;
    color: #fff;
}
.aside-menu-title::after {
    content: "";
    display: block;
    position: absolute;
    width: 12px;
    height: 10px;
    right: 16px;
    top: 50%;
    margin-top: -6px;
    transform: rotate(0deg);
    transform-origin: 6px 4px;
    transition: transform .2s;
    background-image: url(/assets/template/images/arrow_menu_white.svg);
}
.active .aside-menu-title::after {
    -moz-transform: rotate(-180deg);
    -webkit-transform: rotate(-180deg);
    -o-transform: rotate(-180deg);
    -ms-transform: rotate(-180deg);
    transform: rotate(-180deg);
}
@media only screen and (max-width: 991px) {
    .aside-menu > ul{
        display: none;
    }
    .aside-menu.active > ul{
        display: block;
    }
    .aside{
        border-right: none;
    }
}
@media only screen and (min-width: 992px) {
    .aside-menu > ul > li.active > a{
        color: #ffffff !important;
        background: #a2c70e !important;
        border-color: #a2c70e !important;
    }

    .aside-menu > ul > li.active > .dropdown-button::after{
        border-color: #000;
    }
    .aside-menu > ul > li:hover > a,
    .aside-menu > ul > li:nth-of-type(even):hover > a{
        background: #a2c70e;
        color: #ffffff;
    }
}
/* ======= /. ASIDE MENU ======= */

.contacts-template .contacts-block > hr:last-of-type{
    display: none;
}
.aside-gallery img{
    width: 100%;
    margin-bottom: 10px;
}























/**************************************************   MEDIA QUERIS   *****************************************************/

@media only screen and (min-width: 768px) {
    .contacts-template .google-map{
        height: 370px;
    }
    .logo {
        margin-bottom: 0;
    }
    .shedule {
        position: fixed;
        left: 100px;
        z-index: 1000;
        top: 8px;
    }
    .shedule .fa{
        top: 8px;
    }
    .top-slider .img-wrapper{
        margin-bottom: 0;
    }
    .top-slider .item .element-content{
        z-index: 20;
    }
    .header-tel{
        position: absolute;
        right: 0;
        top: 0;
        height: 100%;
    }
    .callback-link{
        position: absolute;
        right: 0;
        top: 50px;
    }

    .top-slider .element-content{
        width: 100%;
    }
    .top-slider .title{
        font-size: 42px;
        line-height: 1.1;
        margin-bottom: 16px;
        max-width: 620px;
    }
    .top-slider .subtitle{
        font-size: 20px;
        line-height: 30px;
        max-width: 620px;
    }


    h2,
    .title-h2{
        font-size: 42px;
    }
    .title-h2 span{
        display: inline;
        margin: 0 0 0 30px;
    }
    h3,
    .title-h3{
        font-size: 36px;
    }
    .top-slider .slick-dots {
        position: absolute;
        bottom: 20px;
        margin-bottom: 0;
    }
    .services-elements .text{
        height: 72px;
        overflow: hidden;
    }
    .accordeon .element-content{
        font-size: 18px;
    }
    .accordeon .element .title{
        font-size: 22px;
    }
    .top-slider .element-content-inner > div{
        display: inline-block;
    }
}



@media only screen and (min-width: 992px){
    .main-column{
        padding-left: 15px;
    }
    .main-column-left{
        padding-right: 15px;
    }
    .header-address{
        float: right;
    }
    .logo{
        margin: 0;
    }
    .callback-link{
        top: 54px;
    }
    .top-slider .item{
        min-height: 650px;
    }
    .top-slider-wrapper .top-slider{
        height: 650px;
    }

    .top-slider .title {
        font-size: 45px;
    }
    h2,
    .title-h2{
        font-size: 45px;
    }
    .modal{
        padding: 40px;
    }
    .top-bar-container{
        width: 940px;
        margin: 0 auto;
    }
}

@media only screen and (min-width: 1170px) {
    .top-bar-container{
        width: 1110px;
        margin: 0 auto;
    }
    .mobile-menu{
        display: none !important;
    }
    .top-menu{
        display: block !important;
        position: static;
    }
    .top-menu > ul > li > a{
        text-decoration: none;
        color: #0d1311;
        min-height: 60px;
        display: block;
        line-height: 55px;
        padding: 0 16px;
        font-family: "Noto Sans SC", sans-serif;
        -webkit-transition: color 200ms ease-out;
    	-moz-transition: color 200ms ease-out;
    	-o-transition: color 200ms ease-out;
    	transition: color 200ms ease-out;
    	position: relative;
    	font-size: 16px;
    	font-weight: 400;
    	letter-spacing: 0.8px;
    }

    .top-menu > ul > li:hover > a{
        color: #a2c70e;
    }
    .top-menu > ul > li.active > a{
        color: #a2c70e !important;
    }
    .top-menu > ul > li > a::before {
        content: "";
        width: 0%;
        height: 3px;
        background-color: #a2c70e;
        position: absolute;
        bottom: 0;
        left: 50%;
        transform: translateX(-50%);
        transition: width .5s;
    }

    .top-menu > ul > li:hover > a::before,
    .top-menu > ul > li.active > a::before {
        width: 80%;
        transition: width .5s;
    }

    .top-menu > ul > li{
        float: left;
        position: relative;
        z-index: 10;
    }
    .top-menu > ul > li:last-child{
        margin-right: 0;
    }
    .top-menu > ul > li.down > a{
        padding-right: 30px;
    }

    .top-menu > ul > li.down > a::after {
        content: "";
        display: block;
        position: absolute;
        width: 12px;
        height: 10px;
        right: 12px;
        top: 50%;
        margin-top: -6px;
        transform: rotate(0deg);
        transform-origin: 6px 4px;
        transition: transform .5s;
        background-image: url('/assets/template/images/arrow_menu.svg')
    }
    .top-menu > ul > li.down:hover > a::after {
        transform: rotate(-180deg);
        transition: transform .5s;
    }

    .top-menu > ul > li > ul {
        position: absolute;
        width: 392px;
        top: 64px;
        padding-top: 16px;
        left: 0;
        text-align: left;
        z-index: 300;
        visibility: hidden;
        opacity: 0;
        transition: all 200ms ease-out;
    }
    .top-menu > ul > li:hover > ul {
        visibility: visible;
        top: 60px;
        opacity: 1;
    }

    .top-menu > ul ul li{
        position: relative;
    }
    .top-menu > ul > li > ul > li:first-of-type::before,
    .top-menu > ul > li > ul > li:first-of-type::after{
        content: "";
        display: block;
        width: 23px;
        height: 23px;
        background: #ffffff;
        -moz-transform: rotate(180deg);
        -webkit-transform: rotate(180deg);
        -o-transform: rotate(180deg);
        -ms-transform: rotate(180deg);
        transform: rotate(45deg);
        position: absolute;
        left: 10px;
        top: -10px;
        z-index: 10;
    }
    .top-menu > ul > li > ul > li:first-of-type:hover::after,
    .top-menu > ul > li > ul > li:first-of-type.active::after {
        background: rgba(255,255,255,0.1);
    }

    .top-menu ul ul li > a{
        position: relative;
    }
    .top-menu ul ul li.down > a span::after {
        content: "";
        display: block;
        position: absolute;
        width: 6px;
        height: 6px;
        top: 50%;
        right: 15px;
        transform: rotate(45deg);
        margin-top: -3px;
        border-top: 1px solid rgb(255, 255, 255);
        border-right: 1px solid rgb(255, 255, 255);
    }

    .top-menu > ul ul li > a {
        background: #ffffff;
        padding: 18px 40px 12px 20px;
        display: block;
        font-size: 16px;
        font-weight: 300;
        line-height: 18px;
        color: #0d1311;
        text-decoration: none;
        position: relative;
    }
    .top-menu > ul ul li > a::before{
        content:"";
        display: block;
        position: absolute;
        width: 100%;
        height: 1px;
        top: 0;
        left: 0;
        background: #fff;
        opacity: 0.1;
        z-index: 5;
    }

    .top-menu > ul ul li:hover > a {
        color: #a2c70e;
    }
    .top-menu > ul ul li:last-child > a{
        padding-bottom: 23px
    }
    .top-menu > ul ul li:first-of-type > a::before{
        display: none;
    }
    .top-menu > ul ul li.down > a::after{
        content:"";
        display: block;
        position: absolute;
        width: 12px;
        height: 11px;
        top: 50%;
        bottom: 0;
        right: 19px;
        left: unset;
        opacity: 1;
        transform: rotate(0deg);
        transform-origin: 6px 4px;
        transition: transform .5s;
        background-image: url('/assets/template/images/arrow_menu.png')
    }
    .top-menu > ul ul li.down:hover > a::after{
        opacity: 1;
        transition: transform .5s;
        transform: rotate(-90deg);
    }
    .top-menu > ul ul li > a::after{
        content:"";
        display: block;
        position: absolute;
        width: 100%;
        top: 0;
        bottom: 0;
        left: 0;
        background: #fff;
        opacity: 0;
    }
    .top-menu > ul ul li:hover > a::after,
    .top-menu > ul ul li.active > a::after{
        opacity: 0.1;
    }

    .top-menu ul ul ul {
        position: absolute;
        top: 10px;
        left: 392px;
        width: 250px;
        visibility: hidden;
        opacity: 0;
        transition: all 200ms ease-out;
    }
    .top-menu ul ul li:hover ul {
        visibility: visible;
        opacity: 1;
        top: 0px;
    }


    .shedule {
        position: absolute;
        right: inherit;
        z-index: 10;
        top: 50%;
        margin-top: -18px;
        left: 320px;
        font-size: 12px;
    }

    .top-bar{
        position: relative;
    }
    .top-bar.fix-true.fixed{
        position: fixed;
        top: 0;
        left: 0;
        border-top-color: #fff;
    }
    .body-fixed-true .top-bar.fix-true.fixed{
        background: transparent;
    }
    .body-fixed-true .top-bar.fix-true.fixed .top-bar-container {
        width: 1290px;
        max-width: 100%;
        box-shadow: 0 0 0 1px  #D5D5D5;
        background: #fff;
        padding-right: 15px;
    }
    .body-fixed-true .top-bar.fixed .top-menu > ul > li:first-of-type > a{
        border-left: none;
    }
    .top-bar.fix-true.fixed + .top-bar-push-md{
        height: 56px;
    }
    .base-template .top-bar.fix-true.fixed + .top-bar-push-md{
        height: 96px;
    }
    .top-slider .slick-dots {
        bottom: 30px;
    }



}

@media only screen and (min-width: 1230px) {
    .top-bar-container{
        width: 1170px;
    }
    .services-elements .text {
        height: 58px;
    }
    .shedule{
        left: 360px;
    }
    .contacts-template .contacts-block{
        padding-right: 60px;
    }
    .contacts-wrapper{
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
    }
    .contacts{
        width: 330px;
    }
}


.news .element{
    background-color: #ffffff;
    margin-bottom: 20px;
    position: relative;
    min-height: 220px;
    box-shadow: rgba(0, 0, 0, 0.02) 0px 0px 4px 2px;
    -webkit-transition: all 200ms ease-out;
    -moz-transition: all 200ms ease-out;
    -o-transition: all 200ms ease-out;
    transition: all 200ms ease-out;
}
.news .element > .row > .col-xs-3{
    max-width: 120px;
}
.news .element .title h2 {
    margin: 0;
    padding: 0;
    font-size: 16px;
    line-height: 20px;
    margin-bottom: 20px;
    color: #a2c70e;
    font-family: "Noto Sans SC", sans-serif;
    font-weight: 400;
}
.news .element .title h2::after{
    display: none;
}

@media only screen and (max-width: 767px) {
    .news .element .title-h5{
        max-height: inherit;
    }
}

.news .element .img-wrapper{
    height: 100%;
    width: 100%;
    max-width: 166px;
    position: absolute;
    top: 0;
    left: 0;
    overflow: hidden;
    /* background-repeat: no-repeat;
    background-size: cover;
    background-position: right center; */
}

.news .element .info {
    margin-left: 166px;
    padding: 32px;
}
.news .element .date{
    font-size: 14px;
    font-weight: 500;
    margin-bottom: 2px;
    color: rgba(13, 19, 17, .5);
}
.news .element .text{
    overflow: hidden;
    font-size: 16px;
    line-height: 20px;
    font-weight: 300;
    color: #0d1311;
}
.news .element .title{
    min-height: 40px;
}
.news .element:hover {
    background-color: #a2c70e;
    -webkit-transition: all 200ms ease-out;
    -moz-transition: all 200ms ease-out;
    -o-transition: all 200ms ease-out;
    transition: all 200ms ease-out;
    box-shadow: rgba(0, 0, 0, 0.1) 0px 0px 10px 2px;
}
.news .element:hover .date{
    color: rgb(255, 255, 255, .5);

}
.news .element:hover .title h2,
.news .element:hover .text{
    color: #ffffff;

}

.news .element .more{
    font-weight: bold;
}
.news .element .more i{
    vertical-align: middle;
    -moz-transform: rotate(180deg);
    -o-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    -webkit-transform: rotate(180deg);
    transform: rotate(180deg);
}
.news .element .more,
.news .element .title-h5 a{
    color: #fff;
}
.news .element .more:hover,
.news .element .title-h5 a:hover{
    color: #a2c70e;
}
.news .element > .row > .col-xs-4{
    max-width: 190px;
}
.fotorama__thumb-border{
    border-color: #a2c70e !important;
}

/* @media only screen and (max-width: 767px) {
    .news .element {
        padding-top: 250px;
    }
    .news .element .img-wrapper{
        top: 0;
        left: 50%;
        transform: translateX(-50%);
        max-height: 250px;
        max-width: 260px;
    }

    .news .element .info {
        margin-left: 0;
    }
} */

@media only screen and (max-width: 500px) {
    .news .element .img-wrapper {
        max-width: 20%;

        display: none;
    }
    .news .element .info {
        margin-left: 20%;
        margin-left: 0;
    }
}


/* PRODUCT COUNT */
.product-count-element .element-counter input{
    display: inline-block;
    width: 40px;
    height: 42px;
    float: left;
    border-radius: 0;
    margin: 0;
    background: rgba(255,255,255,0.2);
    border: 1px solid rgba(255,255,255,0.1);
    border-left: none;
    border-right: none;
    text-align: center;
    padding-left: 5px;
    padding-right: 5px;
}
.product-count-element .element-counter button{
    display: inline-block;
    width: 40px;
    height: 42px;
    float: left;
    margin: 0;
    background: #1f1f1f;
    border: 1px solid #4d4d4d;
    font-size: 20px;
    font-family: arial;
    line-height: 34px;
    -webkit-transition: all 200ms ease-out;
	-moz-transition: all 200ms ease-out;
	-o-transition: all 200ms ease-out;
	transition: all 200ms ease-out;
}
.product-count-element .element-counter button.btn-minus{
    line-height: 28px;
}
.product-count-element .element-counter button:hover{
    background: #C1C1C1;
    border-color: #C1C1C1;
}
/* PRODUCT COUNT */

.product-price{
    font-size: 36px;
    color: #a2c70e;
}



/************ tabs begin ************/
.box{
    display: none;
}
.box.visible{
    display: block;
}
ul.tabs {
    width: 100%;
    border-bottom: 1px solid #4d4d4d;
}

ul.tabs li{
    display: table-cell;
    height: 50px;
    vertical-align: middle;
    cursor: pointer;
    text-align: center;
    border: 1px solid #4d4d4d;
    border-bottom: none;
    font-size: 14px;
    line-height: 1.2;
    color: #ffffff;
    background: #1f1f1f;
    -webkit-transition: all 200ms ease-out;
    -moz-transition: all 200ms ease-out;
    -o-transition: all 200ms ease-out;
    transition: all 200ms ease-out;
    position: relative;
    padding: 10px 35px;
    border-right: 1px solid transparent;
    font-family: 'Noto Sans SC', sans-serif;
    letter-spacing: 1px;
}
ul.tabs li:last-of-type{
    border-right: 1px solid #4d4d4d;
}
ul.tabs li.current,
ul.tabs li.current:hover{
    background: #2d2d2d;
}
ul.tabs li:hover{
    background: #2d2d2d;
}

.mobile-tab-header{
    display: none;
}
@media only screen and (max-width: 767px){
    .mobile-tab-header{
        padding: 14px 40px 14px 14px;
        color: #ffffff;
        background: #a2c70e;
        width: 100%;
        position: relative;
        display: block;
        font-weight: 600;
    }
    ul.tabs {
        position: relative;
        display: none;
        border: none;
    }
    .mobile-tab-header::after{
        content: "";
        display: block;
        position: absolute;
        top: 50%;
        margin-top: -10px;
        right: 24px;
        width: 12px;
        height: 12px;
        border-bottom: 2px solid #fff;
        border-right: 2px solid #fff;
        -moz-transform: rotate(45deg);
        -webkit-transform: rotate(45deg);
        -o-transform: rotate(45deg);
        -ms-transform: rotate(45deg);
        transform: rotate(45deg);
        -webkit-transition: all 200ms ease-out;
        -moz-transition: all 200ms ease-out;
        -o-transition: all 200ms ease-out;
        transition: all 200ms ease-out;
    }
    .mobile-tab-header.active::after {
        -moz-transform: rotate(225deg);
        -webkit-transform: rotate(225deg);
        -o-transform: rotate(225deg);
        -ms-transform: rotate(225deg);
        transform: rotate(225deg);
        margin-top: -4px;
    }
    ul.tabs li {
        padding: 17px 15px;
        width: 100%;
        border: 1px solid #E9E9E9;
        border-top: none;
        display: block;
        height: auto;
        text-align: left;
        text-transform: none;
        font-size: 15px;
    }
    ul.tabs li.current{
        display: none;
    }
    .mobile-tab-header.active + ul.tabs{
        display: block;
    }
}
@media only screen and (min-width: 768px){
    .tabs.mobile{
        display: block !important;
    }
}
/************ tabs end ************/




/*************************************** cart */
#msOrder {
    margin-top: 20px !important;
}
.cart-body{
    margin: 10px 0 0;
}
.cart-body .element{
    background: rgba(255,255,255,0.05);
    padding: 20px 20px 15px;
    margin-bottom: 10px;
    border: 1px solid #484848;
    position: relative;
}
.cart-body .element-counter{
    display: inline-block;
}
.cart-body .element-price{
    display: inline-block;
}
.cart-body .element-delete {
    position: absolute;
    right: 15px;
    top: 15px;
    cursor: pointer;
    color: red;
    padding: 0;
    border: 0;
    background: transparent;
    z-index: 20;
}
.cart-body .element-delete i{
    -webkit-transition: all 200ms ease-out;
    -moz-transition: all 200ms ease-out;
    -o-transition: all 200ms ease-out;
    transition: all 200ms ease-out;
}
.cart-body .element-delete:hover i{
    -moz-transform: rotate(180deg);
    -webkit-transform: rotate(180deg);
    -o-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    transform: rotate(180deg);
}
.cart-body .subelement2{
    padding-left: 120px;
    min-height: 100px;
}
.cart-body .subelement2 .text,
.cart-body .element .element-price,
.cart-body .element .element-counter{
    height: 100px;
}
.cart-body .element .element-img-wrapper{
    padding: 2px;
    border: 1px solid #696969;
    position: absolute;
    top: 0;
    left: 0;
}
.cart-body .element .element-img{
    width: 99px;
    height: 76px;
    -webkit-transition: all 200ms ease-out;
	-moz-transition: all 200ms ease-out;
	-o-transition: all 200ms ease-out;
	transition: all 200ms ease-out;
	opacity: 1;
}
.cart-body .element a:hover .element-img{
    opacity: 0.8;
}
.cart-body .element hr{
    margin: 10px 0;
}



@media only screen and (max-width: 767px) {
    .cart-body .element .element-img-wrapper{
        position:static;
        margin-bottom: 20px;
        display: inline-block;
    }
    .cart-body .subelement2 {
        padding-left: 0;
    }
    .cart-body .subelement2 .text,
    .cart-body .element .element-price,
    .cart-body .element .element-counter{
        height: auto;
    }
}


/*************************************** cart: end */
.order-wrapper{
    padding: 10px 0;
}
.order-wrapper .material-icons {
    vertical-align: middle;
    margin-top: -3px;
}
.order-wrapper #msOrder .error {
    border-color: #FF1A00 !important
}

/*************************************** customradio */
.customradio{
    position: relative;
    margin-bottom: 10px;
}
.customradio input[type=radio]{
    position: fixed;
    top: -100000px;
}
.customradio{
    min-height: 34px;
    margin-bottom: 10px;
}
.customradio input[type=radio] + label{
    position: relative;
    padding-left: 25px;
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    cursor: pointer;
    display: inline-block;
    margin-bottom: 4px;
    color: #EC9148;
}
.customradio input[type=radio] + label::before{
    background: url(/assets/template/images/customradio.png) 0 0 no-repeat;
    content: "";
    display: block;
    position: absolute;
    width: 16px;
    height: 16px;
    top: 2px;
    left: 0px;
}
.customradio input[type=radio]:checked + label::before{
	background-position: 0 -16px;
}
.customradio label{
    font-family: 'Noto Sans SC', sans-serif;
    font-size: 14px;
    font-weight: bold;
}
.customradio label strong{
    font-weight: 600;
    color: #000;
    font-size: 13px;
}

.customradio.disabled label,
.customradio.disabled label strong,
.customradio.disabled label::before{
    cursor: default !important;
    color: #848484;
}

.customradio label + p{
    padding-left: 25px;
    font-size: 13px;
}
/*************************************** customradio: end */
.element-counter .form-control{
    display: inline-block;
    height: 30px;
    width: 40px;
    padding: 0 2px;
    text-align: center;
    color: #000;
    background: rgba(255,255,255,0.1);
    border: 1px solid #696969;
    margin-bottom: 0;
}
.element-counter button {
    width: 30px;
    display: inline-block;
    padding: 0;
    vertical-align: top;
    border: none;
    background: transparent;
    font-size: 18px;
    height: 30px;
    line-height: 30px;
    border: 1px solid #696969;
    font-family: arial;
}
.element-counter button:hover{
    color: #FF2330;
}
.element-counter button[disabled]:hover{
    color: #1F1F1F;
}

.isa_success {
    border: 1px solid #696969;
    background-color: rgba(255,255,255,0.1);
    margin: 0 0 10px;
    padding: 15px;
}
.order-number{
    color: #a2c70e;
}
.jgrowlHide #jGrowl{
    display: none !important;
}


.product-tags{
    position: absolute;
    top: 0;
    left: 0;
    z-index: 5;
    color: #fff;
    padding: 7px 0 0 7px;
    text-align: left;
}
.product-tags span{
    margin: 0 5px 5px 0;
    display: inline-block;
    padding: 4px 8px;
    font-size: 10px;
    font-weight: bold;
    text-transform: uppercase;
    font-family: arial;
}
.product-tags span.product-tag-new{
    background: #76B500;
}
.product-tags span.product-tag-popular{
    background: #FFCA1E;
}
.product-tags span.product-tag-favorite{
    background: #FF1B2D;
}
.index-template .product-tags{
    display: none;
}
.products-carousel div[class^="col-"]{
    padding-left: 5px !important;
    padding-right: 5px !important;
}
.index-template .products-carousel{
    margin-bottom: 30px;
}

.aside-news .main-title {
    margin-top: 0px;
    margin-bottom: 42px;
    font-family: "Arimo", sans-serif;
    font-size: 30px;
    line-height: 35px;
}

.aside-news .element{
    padding-left: 92px;
    margin-bottom: 25px;
    min-height: 74px;
    overflow: hidden;
}
.aside-news .element .img-wrapper{
    position: absolute;
    top: 0;
    left: 0;
}
.aside-news .element .title{
    font-weight: 400;
    font-size: 16px;
    line-height: 20px;
    margin-bottom: 11px;
    color: #a2c70e;
}
.aside-news .inner{
    margin-top: -10px;
}

.aside-news .element .date{
    font-size: 14px;
    font-weight: 500;
    margin-bottom: 4px;
    color: rgba(13, 19, 17, .5);
}

.aside-news .read_next svg{
    display: block;
    width: 41px;
    height: 15px;
    -webkit-transition: all 200ms ease-out;
    -moz-transition: all 200ms ease-out;
    -o-transition: all 200ms ease-out;
    transition: all 200ms ease-out;
}

.aside-news .read_next:hover svg{
    margin-left: 15px;
    -webkit-transition: all 200ms ease-out;
    -moz-transition: all 200ms ease-out;
    -o-transition: all 200ms ease-out;
    transition: all 200ms ease-out;
}

.clear-hr,
.cleaner-hr{
    height: 0;
    opacity: 0;
    margin: 0;
    padding: 0;
    border: none;
}
.item-gallery .element {
    margin-bottom: 20px;
    overflow: hidden;
}
.item-gallery > .row > hr:nth-of-type(2n){
    clear: both;
}
@media only screen and (min-width: 992px) {
    .item-gallery > .row > hr:nth-of-type(2n){
        clear: none;
    }
    .item-gallery > .row > hr:nth-of-type(3n){
        clear: both;
    }
}
/* vk widget */
#vk_widget, #vk_groups {
    width: 100%;
}
#vk_groups, #vk_groups iframe {
    width: 100% !important;
}
/* vk widget end */

/* Video */
.video-list .element{
    margin-bottom: 30px;
    width: 900px;
    max-width: 100%;
}
.video-list .element .element-img{
    height: 420px;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: 50% 50%;
}
@media only screen and (max-width: 1289px) {
    .video-list .element .element-img{
        height: 34vw;
    }
}
@media only screen and (max-width: 991px) {
    .video-list .element .element-img{
        height: 46vw;
    }
}
@media only screen and (max-width: 767px) {
    .video-list .element .element-img{
        height: 60vw;
    }
}
.video-list .element .play-block{
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: rgba(0,0,0,0.8);
}
.video-list .element .play-block span {
    display: inline-block;
    padding: 8px;
    border-radius: 100%;
    background: rgba(255,255,255,0.1);
}
.video-list .element .play-block span i{
    display: inline-block;
    color: #fff;
    font-size: 40px;
    width: 64px;
    height: 64px;
    line-height: 61px;
    border: 2px solid #fff;
    border-radius: 100%;
    -webkit-transition: all 200ms ease-out;
	-moz-transition: all 200ms ease-out;
	-o-transition: all 200ms ease-out;
	transition: all 200ms ease-out;
}
.video-list .element .play-block:hover span i{
    color: #FF121A;
    border-color: #FF121A;
}
.video-list .element .element-content{
    padding: 25px 0;
}

.video-list .element .element-content .title{
    font-size: 18px;
    margin-bottom: 10px;
    font-family: 'Noto Sans SC', sans-serif;
    text-transform: uppercase;
    color: #fff;
}
.video-list .element .element-content .text{
    font-size: 15px;
    margin-bottom: 10px;
}
/* /. Video */




/* INDEX PORTFOLIO */
.hr-min {
    width: 100px;
    margin: 30px auto;
}

.portfolio > hr:nth-of-type(2n){
    clear:both;
}
.portfolio{
    overflow: hidden;
}

.portfolio .portfolio-row {
    overflow: hidden;
    margin: 0 -10px;
    padding-bottom: 11px;
}
.portfolio figure{
    width: 100%;
    float: left;
    position: relative;
    cursor: pointer;
    padding: 0 10px 60px;
}

.portfolio .portfolio-row figure:nth-last-of-type(1) {
    padding-bottom: 0;
}

.portfolio img{
    width: 100%;
}
.portfolio .img-wrapper{
    display: block;
    position: relative;
}
.portfolio figure > a{
    position: relative;
    display: block;
    box-shadow: rgba(0, 0, 0, 0.02) 0px 0px 4px 2px;
    overflow: hidden;
    color: #0d1311;
    -webkit-transition: box-shadow 200ms ease-out;
    -moz-transition: box-shadow 200ms ease-out;
    -o-transition: box-shadow 200ms ease-out;
    transition: box-shadow 200ms ease-out;
}
.portfolio figure > a:hover{
    -webkit-transition: box-shadow 200ms ease-out;
    -moz-transition: box-shadow 200ms ease-out;
    -o-transition: box-shadow 200ms ease-out;
    transition: box-shadow 200ms ease-out;
box-shadow: rgba(0, 0, 0, 0.1) 0px 0px 10px 2px;
}
.portfolio figure .img-wrapper::after{
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: url(/assets/template/images/zoom.png) 50% 50% no-repeat;
    background-size: 0 0;
    cursor: pointer;
    opacity: 0;
    -webkit-transition: all 500ms ease-out;
	-moz-transition: all 500ms ease-out;
	-o-transition: all 500ms ease-out;
	transition: all 500ms ease-out;
    content:"";
    z-index: 2;
}
.portfolio figure:hover .img-wrapper::after{
    opacity: 1;
    background-size: 48px 48px;
}
.portfolio figure .img-wrapper::before{
    content: '';
    display: block;
    position: absolute;
    top: 50%;
    left: 0;
    right: 0;
    padding-bottom: 100%;
    margin-top: -50%;
    opacity: 0;
    background: #a2c70e;
    -moz-border-radius: 50%;
    border-radius: 50%;
    -webkit-transform: scale(0);
    -moz-transform: scale(0);
    -ms-transform: scale(0);
    -o-transform: scale(0);
    transform: scale(0);
    -webkit-transition: -webkit-transform 0.5s cubic-bezier(0.4,0,0.2,1),opacity 0.4s;
    -moz-transition: -moz-transform 0.5s cubic-bezier(0.4,0,0.2,1),opacity 0.4s;
    -o-transition: -o-transform 0.5s cubic-bezier(0.4,0,0.2,1),opacity 0.4s;
    transition: transform 0.5s cubic-bezier(0.4,0,0.2,1),opacity 0.4s;
    z-index: 1;
}
.portfolio figure:hover .img-wrapper::before {
    opacity: 0.8;
    -webkit-transform: scale(1.8);
    -moz-transform: scale(1.8);
    -ms-transform: scale(1.8);
    -o-transform: scale(1.8);
    transform: scale(1.8);
}
.portfolio figure .title{
    font-weight: 400;
    padding-left: 54px;

    position: relative;
}
.portfolio figure .title::before{
    content: "";
    background-image: url('/assets/template/images/drop.svg');
    position: absolute;
    top: 50%;
    left: 0;
    transform: translateY(-50%);
    width: 23px;
    height: 33px;
}
.portfolio figure a{
    text-decoration: none;
}
.portfolio figure img{
    -webkit-transition: all 400ms ease-out;
	-moz-transition: all 400ms ease-out;
	-o-transition: all 400ms ease-out;
	transition: all 400ms ease-out;
}
.portfolio figure a > div{
    -webkit-transition: all 200ms ease-out;
	-moz-transition: all 200ms ease-out;
	-o-transition: all 200ms ease-out;
	transition: all 200ms ease-out;
    background: #ffffff;
    padding: 20px 25px 14px;
    position: relative;
    z-index: 2;
}
.lg-outer .lg-thumb {
    margin: auto;
}
.lg-outer .lg-thumb-item.active, .lg-outer .lg-thumb-item:hover {
    border-color: #a2c70e;
}
@media only screen and (min-width: 767px) {
    .portfolio figure{
        width: 50%;
    }
    .portfolio .portfolio-row figure:nth-last-of-type(1) {
        padding-bottom: 0;
    }
    .portfolio figure .title .table{
        min-height: 70px;
    }
}
@media only screen and (min-width: 1290px) {
    .portfolio > hr:nth-of-type(2n){
        clear:none;
    }
    .portfolio > hr:nth-of-type(3n){
        clear:both;
    }
    .portfolio figure{
        width: 33.333333%;
    }

    .portfolio .portfolio-row figure:nth-last-of-type(1),
    .portfolio .portfolio-row figure:nth-last-of-type(2) {
        padding-bottom: 0;
    }
}
/* /. INDEX PORTFOLIO */

.index-template .catalog{
    background-color: #353644;
    background-image: url(/assets/template/images/dark-brick-wall.png);
}
.index-template .catalog .element{
    border: none;
}
.index-template .catalog .element .element-content{
    background: #fff;
}
.parent-2 .ya-share2{
    display: none;
}
.about-section{
    color: #0d1311;
}


.txt_holder {
    position: relative;
    display: inline-block;
}
.orange{
    color: #a2c70e;
}

.hline1 {
    position: relative;
    width: 100%;
    height: 16px;
    background: url(/assets/template/images/decor-line1.png) 50% 0 repeat-x;
}
.hline2 {
    position: relative;
    width: 100%;
    height: 16px;
    margin-top: 25px;
    background: url(/assets/template/images/decor-line2.png) 50% 0 repeat-x;
}
@media only screen and (max-width: 768px){
    .txt_holder::before,
    .txt_holder::after {
        display: none;
    }
}
@media only screen and (min-width: 768px) {
    .about-section .txt_holder {
        max-width: 750px;
    }
    .about-section .main-text{
        margin-left: 8.333%;
        max-width: 770px;
    }
}

.about-slider .img-wrapper a{
    position: relative;
    display: block;
    overflow: hidden;
}
.about-slider .img-wrapper a::before {
    content: "";
    width: 48px;
    height: 48px;
    background: url(/assets/template/images/zoom.png) 0 0 no-repeat;
    background-size: contain;
    position: absolute;
    top: 50%;
    left: 50%;
    z-index: 2;
    margin-top: -22px;
    margin-left: -22px;
    -webkit-transform: scale(0);
    -moz-transform: scale(0);
    -o-transform: scale(0);
    -webkit-transition: all 300ms ease-out;
    -moz-transition: all 300ms ease-out;
    -o-transition: all 300ms ease-out;
    transition: all 300ms ease-out;
    opacity: 0;
}
.about-slider .img-wrapper a::after {
    content: "";
    display: block;
    position: absolute;
    top: 50%;
    left: 0;
    right: 0;
    padding-bottom: 100%;
    margin-top: -50%;
    border-radius: 100%;
    background: rgba(162, 199, 14, .5);
    -webkit-transform: scale(0);
    -moz-transform: scale(0);
    -o-transform: scale(0);
    -webkit-transition: all 300ms ease-out;
    -moz-transition: all 300ms ease-out;
    -o-transition: all 300ms ease-out;
    transition: all 300ms ease-out;
    opacity: 0;
}
.about-slider .img-wrapper:hover a::before{
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -o-transform: scale(1);
    opacity: 1;
}
.about-slider .img-wrapper:hover a::after {
    -webkit-transform: scale(2);
    -moz-transform: scale(2);
    -o-transform: scale(2);
    opacity: 1;
}

.iframesWrapper > div {
    margin-bottom: 20px;
    background-image: url('/assets/template/images/loading.gif');
    background-repeat: no-repeat;
    background-position: center;
}
.iframesWrapper iframe {
    display: block;
}
@media screen and (max-width: 767px) {
    .iframesWrapper iframe {
        max-width: 315px;
        margin: 0 auto;
    }
}

.main-text ul li{
    position: relative;
    padding-left: 22px;
}

.main-text ul li:before{
    content: "";
    display: block;
    position: absolute;
    top: 6px;
    left: 0;
    width: 11px;
    height: 14px;
    background-image: url(/assets/template/images/marker.png);
    background-position: center;
    background-size: cover;
}

.main-text ol{
    list-style: decimal inside;
}