::-webkit-scrollbar {width: 10px;}
::-webkit-scrollbar:horizontal {height: 10px;}
::-webkit-scrollbar-track {background: #d8d8d8;}
::-webkit-scrollbar-thumb {}
::selection {
 color: #fff;
}

@font-face {
 font-family: 'CuprumBold';
 src: url('/fonts/CuprumBold.eot');
 src: url('/fonts/CuprumBold.eot?#iefix') format('embedded-opentype'),
 url('/fonts/CuprumBold.woff2') format('woff2'),
 url('/fonts/CuprumBold.woff') format('woff'),
 url('/fonts/CuprumBold.ttf') format('truetype');
 font-weight: normal;
 font-style: normal;
 font-display: swap;
}
* {outline: none;}
html, body {
 margin: 0;
 padding: 0;
 height: 100%;
}
textarea, input {
 outline: none;
 resize: none;
 box-sizing: border-box;
}
img, a img {
 border: none;
 outline: none;
}
a {
 text-decoration: none;
 color: #7a7a7a;
 transition: all .2s ease;
}
a:hover {
 color: #121212;
}
b {
 font-weight: 600;
 color: #121212;
}
#a2 {
 text-decoration: none;
 color: #009688;
 transition: all .2s ease;
 font-size: 26px;
}
#a2:hover {
 color: #121212;
}
body {
 font-size: 13px;
 line-height: 20px;
 color: #7a7a7a;
 font-weight: 400;
 font-family: 'Open Sans';
}
h1, h2, h3, h4, h5, h6 {
 margin: 22px 0 22px;
 padding: 0;
 color: #121212;
 font-family: 'CuprumBold';
 text-transform: uppercase;
 font-weight: 400;
}

#h7 {
 padding: 0;
 color: #121212;
 font-family: 'CuprumBold';
 text-transform: uppercase;
 font-weight: 400;
}

h1 {font-size: 44px;line-height: 44px;}
h2 {font-size: 20px;line-height: 20px;}
h3 {font-size: 18px;line-height: 18px;}
h4 {font-size: 16px;line-height: 16px;}
h5 {font-size: 15px;line-height: 15px;}
h6 {font-size: 19px;line-height: 16px;color: #00877a;}
h7 {font-size: 15px;line-height: 15px;}

aside ul, aside ol, aside li {
 margin: 0;
 padding: 0;
 list-style: none;
 list-style-type: none;
}

textarea {
 overflow: auto;
 border: 1px solid #e8e8e8;
 background: #fafafa;
 color: #121212;
 line-height: 22px;
 min-height: 36px;
 padding: 6px 15px;
 font-size: 13px;
 font-family: 'Open Sans';
 box-sizing: border-box;
 transition: all .3s ease;
 border-radius: 5px;
}
textarea:focus {
 border: 1px solid #121212;
}

input[type="text"],
input[type="password"],
input[type="email"],
input[type="tel"],
input[type="url"] {
 font-size: 13px;
 border: 1px solid #e8e8e8;
 background: #fafafa;
 color: #121212;
 line-height: 26px;
 height: 36px;
 padding: 6px 15px;
 font-family: 'Open Sans';
 box-sizing: border-box;
 transition: all .2s ease;
 border-radius: 5px;
}
input[type="text"]:focus,
input[type="password"]:focus,
input[type="email"]:focus,
input[type="tel"]:focus,
input[type="url"]:focus,
textarea:focus {
 border: 1px solid #121212;
}

input[type="button"],
input[type="submit"],
input[type="reset"],
button {
 background: #009688;
 background: -webkit-gradient(linear,left top,right top,from(#009688),to(#009688));
 background: linear-gradient(to right,#009688 0%,#00bcab 100%);
 filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#264894', endColorstr='#0778bf',GradientType=1 );
 -webkit-box-shadow: 0 8px 18px 0 rgba(55,129,208,.53) !important;
 box-shadow: 0 8px 18px 0 rgba(55,129,208,.53) !important;
 -webkit-border-radius: 6px;
 border-radius: 6px;
 border-top: 0;
 border-right: 0;
 border-left: 0;
 border-bottom: 4px solid #009688;
 text-shadow: 0 1px 0 rgba(27,174,91,.004);
 background-position: 0 100%;
 background-size: 100%;
 color: #fff;
 -webkit-transition: .5s;
 transition: .5s;
 padding: 14px 30px;
 font-size: 12px;
 font-weight: 600;
 cursor: pointer;
 position: relative;
 display: inline-block;
}

input[type="button"]:hover,
input[type="submit"]:hover,
input[type="reset"]:hover,

button {
 background-size: 150%;
 border-color: #00b2a1;
 color: #fff;
font-size: 10pt;
}


}
input[type="button"]:after,
input[type="submit"]:after,
input[type="reset"]:after,

 content: "";
 position: absolute;
 top: -50%;
 right: -50%;
 bottom: -50%;
 left: -50%;
 background: -webkit-gradient(linear,left top,left bottom,from(rgba(229,172,142,0)),color-stop(50%,rgba(255,255,255,.7)),color-stop(50%,rgba(229,172,142,0)));
 background: linear-gradient(to bottom,rgba(229,172,142,0),rgba(255,255,255,.7) 50%,rgba(229,172,142,0));
 -webkit-transform: rotateZ(60deg) translate(-5em,7.5em);
 -ms-transform: rotate(60deg) translate(-5em,7.5em);
 transform: rotateZ(60deg) translate(-5em,7.5em);
 opacity: 0;
 filter: alpha(opacity=0);
 -webkit-animation: sheens 3s infinite;
 animation: sheens 3s infinite;
 z-index: 1;
}




select {
 color: #7a7a7a;
 border: 1px solid #d8d8d8;
 background: #fff;
 cursor: pointer;
 font-size: 13px;
 font-family: 'Open Sans';
 line-height: 22px;
 height: 34px;
 padding: 5px 34px 5px 10px;
 background-image: url('/img/select.png');
 background-position: right center;
 background-repeat: no-repeat;
 border-radius: 5px;
 line-height: 1em;
 text-indent: 1px;
 text-overflow: '';
 -ms-appearance: none;
 -webkit-appearance: none;
 -moz-appearance: none;
 appearance: none;
}
select::-ms-expand {
 display: none;
}
select:focus {
 outline: none;
}

p {

 padding: 0;
}

.oh {
 overflow: hidden;
}
.cnt {
 width: 1170px;
 margin: 0 auto;
}
.cnt2 {
 width: 1170px;
 margin: 0 auto;
}
.clr:after {
 content: '';
 display: block;
 clear: both;
}

.col2 {width: 48.7179487179487%;}
.col22 {width: 48.7179487179487%;}
.col3 {width: 31.6239316239316%;}
.col4 {width: 23.0769230769230%;}
.col6 {width: 14.5299145299145%;}

#content .col2 {width: 48.2758620689655%;}
#content .col22 {width: 48.2758620689655%;}
#content .col3 {width: 31.0344827586206%;}
#content .col4 {width: 22.4137931034482%;}
#content .col6 {width: 13.7931034482758%;}

.col2, .col22, .col3, .col4, .col6 {
 margin-bottom: 30px;
 margin-right: 2.56410256410256%;
 float: left;
}

#content .col2,
#content .col3,
#content .col4,
#content .col6 {
 margin-right: 3.44827586206896%;
}



.col2:nth-child(2n), .col22:nth-child(2n), .col3:nth-child(3n), .col4:nth-child(4n), .col6:nth-child(6n) {
 margin-right: 0;
}

.col2:nth-child(2n+1), .col22:nth-child(2n+1), .col3:nth-child(3n+1), .col4:nth-child(4n+1), .col6:nth-child(6n+1) {
 clear: left;
}
.col2 *, .col22 *, .col3 *, .col4 *, .col6 {
 max-width: 100%;
}

#wrapper {
 background: #fff;
 overflow: hidden;
 box-shadow: 0 0 70px rgba(0, 0, 0, 0.3);
}


.button {
 display: inline-block;
 transition: all .3s ease;
 border-radius: 100px;
 text-transform: uppercase;
 font-family: 'CuprumBold';
 letter-spacing: 0.05em;
}
.button.big {
 line-height: 42px;
 height: 40px;
 padding: 0 30px;
 text-transform: uppercase;
 font-weight: bold;
}
.button.big2 {
 line-height: 42px;
 height: 40px;
 padding: 0 30px;
 text-transform: uppercase;
 font-weight: bold;
 font-size:20px;
}
.button.normal {
 line-height: 38px;
 height: 36px;
 padding: 0 20px;
}
.button.small {
 line-height: 32px;
 height: 30px;
 padding: 0 15px;
 font-size: 13px;
}
.button.dark {
 background-color: #121212;
 color: #fff;
}
.button.light {
 background-color: #f0f0f0;
 color: #121212;
}
.button.color {
 color: #fff;
}
.button.dark:hover {
 background-color: #f0f0f0;
 color: #121212;
}
.button.light:hover {
 background-color: #121212;
 color: #fff;
}
.button.color:hover {
 background-color: #121212;
}



















#top-line {
 min-height: 50px;
 border-bottom: 1px solid #eee;
 line-height: 20px;
}
#top-line ul, #top-line ul li {
 list-style: none;
 margin: 0;
 padding: 0;
}
#top-line ul li {
 padding-top: 19px;
 padding-bottom: 19px;
 float: left;
 margin-left: 20px;
 padding-left: 20px;
 border-left: 1px solid #eee;
}
#top-line ul li:first-child {
 margin-left: 0;
 padding-left: 0;
 border-left: none;
}
#top-line ul li .fa {
 margin-right: 5px;
}
.top-left {
 float: left;
padding-top:6px;
 font-size: 14px;
}
.top-right {
 float: right;
}



#header {
 height: 100px;
}
#header > .cnt {
 position: relative;
 min-height: 100px;
 z-index: 100;
}
#logo {
 float: left;
 margin-top: 25px;
 line-height: 50px;
}
#logo a {
 font-size: 30px;
 color: #121212;
 text-transform: uppercase;
 font-family: 'CuprumBold';
}
#search {
 float: right;
 margin-top: 32px;
}
.secrh-icon {
 display: block;
 width: 36px;
 height: 36px;
 line-height: 36px;
 border-radius: 36px;
 text-align: center;
 cursor: pointer;
 transition: all .3s ease;
}
.secrh-icon .fa {
 line-height: 36px;
 color: #fff;
 font-size: 15px;
}
.secrh-icon:hover {
 background-color: #121212;
}
#search-form {
 display: none;
 position: absolute;
 z-index: 101;
 width: 100%;
 height: 100%;
 top: 0;
 left: 0;
 background: #fff;
}
.search-input {
 
}
#search-btn {
 position: absolute;
 top: 50%;
 margin-top: -18px;
 right: 41px;
 width: 36px;
 height: 36px;
 padding: 0;
 border-radius: 36px;
 font-family: 'FontAwesome';
 font-weight: 400;
 font-size: 15px;
}
#search-close {
 position: absolute;
 top: 50%;
 margin-top: -18px;
 right: 0;
}
#search-input {
 position: absolute;
 top: 50%;
 margin-top: -18px;
 height: 36px;
 border-radius: 36px;
 background: #fafafa;
 padding-left: 20px;
 padding-right: 20px;
}



#search2 {
 float: right;
 margin-top: 32px;
 margin-right:5px;
 border-radius: 50px;
 background: #009688;
}
.secrh2-icon {
 display: block;
 width: 36px;
 height: 36px;
 line-height: 36px;
 border-radius: 36px;
 text-align: center;
 cursor: pointer;
 transition: all .3s ease;
}
.secrh2-icon .fa {
 line-height: 36px;
 color: #fff;
 font-size: 15px;
}
.secrh2-icon:hover {
 background-color: #121212;
}
#search2-form {
 display: none;
 position: absolute;
 z-index: 101;
 width: 100%;
 height: 100%;
 top: 0;
 left: 0;
 background: #fff;
}
.search2-input {
 
}
#search2-btn {
 position: absolute;
 top: 50%;
 margin-top: -18px;
 right: 41px;
 width: 36px;
 height: 36px;
 padding: 0;
 border-radius: 36px;
 font-family: 'FontAwesome';
 font-weight: 400;
 font-size: 15px;
}
#search2-close {
 position: absolute;
 top: 50%;
 margin-top: -18px;
 right: 0;
}
#search2-input {
 position: absolute;
 top: 50%;
 margin-top: -18px;
 height: 36px;
 border-radius: 36px;
 background: #fafafa;
 padding-left: 20px;
 padding-right: 20px;
}



#slider-body {
 width: 100%;
 height: 600px;
 background-color: #f0f0f0;
 position: relative;
}

#slider, .slide {
 position: absolute;
 top: 0;
 left: 0;
 width: 100%;
 height: 100%;
}
.slide {
 background-position: center;
 background-repeat: no-repeat;
 background-size: cover;
}
.slide-content {
 height: 600px;
 display: table;
}
.slide-content-body {
 display: table-cell;
 vertical-align: middle;
}

.slide-text-1 {
 font-size: 40px;
 line-height: 40px;
 color: #121212;
 text-transform: uppercase;
 font-family: 'CuprumBold';
 margin-bottom: 40px;
 max-width: 720px;
}

.slide-text-1 span{
 padding: 0 10px;
 border-radius: 5px;
 font-size: 40px;
 line-height: 40px;
 color: #fff;
 font-weight: 600;
 background: rgb(0, 150, 136, 0.7);
}


.slide-text-11 {
 font-size: 58px;
 line-height: 40px;
 color: #121212;
 text-transform: uppercase;
 font-family: 'CuprumBold';
 margin-bottom: 40px;
 max-width: 720px;
}


.slide-text-111 {
 font-size: 37px;
 line-height: 40px;
 color: #121212;
 text-transform: uppercase;
 font-family: 'CuprumBold';
 margin-bottom: 40px;
 max-width: 720px;
}


.slide-text-2 {
 line-height: 24px;
 margin-bottom: 60px;
 max-width: 570px;
 font-size: 17px;
}

.slide-arrow {
 position: absolute;
 z-index: 2;
 top: 50%;
 margin-top: -25px;
 width: 50px;
 height: 50px;
 line-height: 50px !important;
 background: #121212;
 color: #fff;
 text-align: center;
 cursor: pointer;
 transition: all .3s ease, opacity .5s .1s ease;
 font-size: 22px !important;
 opacity: 0;
 border-radius: 50px;
}
.slide-arrow:hover {
 background: #121212;
}
.slide-arrow.fa-angle-left {
 left: -50px;
}
#slider-body:hover .slide-arrow.fa-angle-left {
 left: 30px;
 opacity: 1;
}
.slide-arrow.fa-angle-right {
 right: -50px;
}
#slider-body:hover .slide-arrow.fa-angle-right {
 right: 30px;
 opacity: 1;
}


.section {
 padding: 90px 0;
 position: relative;
 overflow: hidden;
}
.section.gray {
 background: #f8f8f8;
}
.section .cnt {
 position: relative;
 z-index: 2;
}
span.section-bg-icon {
 display: block;
 position: absolute;
 top: 50px;
 left: 50px;
 font-size: 750px;
 color: #f1f1f1;
}

.section3 {
 padding: 0px 0;
 position: relative;
 overflow: hidden;
}
.section3.gray {
 background: #f8f8f8;
}
.section3 .cnt {
 position: relative;
 z-index: 2;
}
span.section3-bg-icon {
 display: block;
 position: absolute;
 top: 50px;
 left: 50px;
 font-size: 750px;
 color: #f1f1f1;
}

.section2 {
 padding: 10px 0;
 position: relative;
 overflow: hidden;
}
.section2.gray {
 background: #f8f8f8;
}
.section2 .cnt2 {
 position: relative;
 z-index: 2;
}
span.section2-bg-icon {
 display: block;
 position: absolute;
 top: 50px;
 left: 50px;
 font-size: 750px;
 color: #f1f1f1;
}

.section5 {
 padding: 40px 0;
 position: relative;
 overflow: hidden;
}
.section5.gray {
 background: #f8f8f8;
}
.section5 .cnt5 {
 position: relative;
 z-index: 2;
}
span.section5-bg-icon {
 display: block;
 position: absolute;
 top: 50px;
 left: 50px;
 font-size: 750px;
 color: #f1f1f1;
}

.service2 {
 padding-bottom: 30px;
}

.service {
 padding-bottom: 60px;
}
.title2 {
 margin: 50px;
}
.title3 {
 margin: 10px;
}
.title {
 margin-bottom: 50px;
}
.title.center {
 text-align: center;
}
.title3.center {
 text-align: center;
}
.title h3 {
 font-size: 30px;
 line-height: 30px;
 padding: 0;
 margin: 0 0 20px;
}
.title-icon {
 display: inline-block;
 width: 110px;
 text-align: center;
 line-height: 18px;
 height: 18px;
 position: relative;
 margin-bottom: 20px;
}
.title-icon .fa {
 font-size: 18px;
 line-height: 18px;
}
.title-icon:before, .title-icon:after {
 content: '';
 display: block;
 position: absolute;
 width: 38px;
 height: 1px;
 top: 50%;
}
.title-icon:before {
 left: 0;
}
.title-icon:after {
 right: 0;
}
.title p {
 max-width: 570px;
 margin: 0;
 padding: 0;
}
.title.center p {
 margin: 0 auto;
}



.icon-block {
 text-align: center;
}
.icon-block > .fa {
 margin: 0 auto 15px;
 width: 90px;
 height: 90px;
 border-radius: 50%;
 text-align: center;
 color: #fff;
 position: relative;
 overflow: hidden;
 transition: all .3s ease;
 line-height: 90px;
 font-size: 30px;
 padding: 0;
}
.icon-block:hover > .fa {
 background: #eee;
 color: #121212;
}
.icon-block > h4 {
 font-size: 19px;
 line-height: 21px;
 padding: 0;
 margin: 0 0 15px;
}




.portfolio span.section-bg-icon {
 top: 0;
}

.photo-list {
 margin: 0;
 padding: 0;
 list-style: none;
}
.photo-wrap {
 position: relative;
 overflow: hidden;
 border-radius: 5px;
}
.photo-wrap:after {
 content: '';
 display: block;
 padding-top: 70%;
}
.photo-wrap > div {
 position: absolute;
 width: 100%;
 height: 100%;
 top: 0;
 left: 0;
 border-radius: 2px;
}
.photo {
 position: absolute;
 top: 0;
 left: 0;
 width: 100%;
 height: 100%;
 background-size: cover;
 background-position: center;
 border-radius: 2px;
}
.photo-more {
 display: block;
 position: absolute;
 top: 0;
 left: 0;
 width: 100%;
 height: 100%;
 background: rgba(0, 0, 0, 0.6);
 box-sizing: border-box;
 padding: 20px;
 text-align: center;
 color: #fff !important;
 font-family: 'CuprumBold';
 text-transform: uppercase;
 letter-spacing: 0.05em;
 opacity: 1;
 border-radius: 5px;
}
.photo-more span {
 display: block;
 margin-top: 24%;
}
.photo-more .fa {
 font-size: 18px;
 margin-bottom: 5px;
}
.photo-more:hover {
 opacity: 0;
}




.client {
 float: left;
 width: 25%;
 box-sizing: border-box;
 line-height: 0;
}
.client img {
 width: 100%;
}
.client1, .client2, .client3 {
 border-right: 1px solid #eee;
 border-bottom: 1px solid #eee;
}
.client4 {
 border-bottom: 1px solid #eee;
}
.client5, .client6, .client7 {
 border-right: 1px solid #eee;
}


.reviews .section-bg-icon {
 top: 50px;
}




.reviews-tabs {
 position: relative;
 padding-bottom: 50px;
 max-width: 770px;
 margin: 0 auto;
 text-align: center;
}
.reviews-tabs ul, .reviews-tabs li {
 padding: 0;
 margin: 0;
 list-style: none;
}
.reviews-tabs img {
 border-radius: 100px;
 width: 70px;
}
.reviews-tabs p {
 font-size: 16px;
 line-height: 26px;
 color: #121212;
 margin: 15px 0 20px;
}
.reviews-tabs > div {
 position: absolute;
 bottom: 0;
 width: 100%;
 line-height: 16px;
 height: 16px;
}
.reviews-tabs > div > span {
 display: inline-block;
 margin: 0 3px;
 width: 16px;
 height: 16px;
 border-radius: 10px;
 box-sizing: border-box;
 transition: all .3s ease;
 border: 2px solid #eee;
 cursor: pointer;
}
.reviews-tabs > div > span.aTabsHeadSpanActive {
 cursor: default; 
}
.reviews-tabs > div > span:hover {
 border-color: #121212;
}



.company-news {
 padding-bottom: 60px;
}
.informer-news-image {
 position: relative;
 min-height: 36px;
 line-height: 0;
 margin-bottom: 15px;
}
.informer-news-image img {
 border-radius: 5px;
}
.informer-news-image span {
 display: block;
 position: absolute;
 top: 10px;
 left: 10px;
 padding: 0 10px;
 border-radius: 5px;
 line-height: 26px;
 color: #fff;
 font-size: 10px;
 font-weight: 600;
 background: rgba(0, 0, 0, 0.7);
}
.informer-news h4 {
 font-size: 15px;
 line-height: 18px;
 margin: 0 0 10px;
}
.informer-news h4 a {
 color: #121212;
}
.informer-news .button {
 margin-top: 15px;
}




.do-it {
 background: #f8f8f8;
 padding: 40px 0;
}
.do-it .button {
 float: right;
}
.do-it-text {
 margin-right: 220px;
}
.do-it-text-big {
 font-size: 19px;
 color: #121212;
 display: block;
 margin-bottom: 3px;
 font-family: 'CuprumBold';
 text-transform: uppercase;
}


.do-it2 {
 background: #f8f8f8;
 padding: 60px 0;
}
.do-it2 .button {
 float: right;
}
.do-it2-text {

}
.do-it2-text-big {
 font-size: 26px;
 color: #121212;
 display: block;
 margin-bottom: 25px;
 font-family: 'CuprumBold';
 text-transform: uppercase;
}

.do-it2-text-big span{
 font-size: 22px;
 color: #fff;
}



.do-it3 {
 background: #d2e7e569;
 padding: 40px 0;
}
.do-it3 .button {
 float: right;
}
.do-it3-text {
 margin-right: 220px;
}
.do-it3-text-big {
 font-size: 19px;
 color: #121212;
 display: block;
 margin-bottom: 3px;
 font-family: 'CuprumBold';
 text-transform: uppercase;
}


#footer {
 background: #1f1f1f;
 padding: 90px 0 60px;
 color: #a7a7a7;
}
.footer-logo {
 color: #fff;
 font-size: 30px;
 line-height: 30px;
 font-family: 'CuprumBold';
}
.footer-info {
 padding-bottom: 30px;
}
.footer-phone {
 padding: 20px 0 20px;
}
.footer-phone .fa-phone {
 float: left;
 font-size: 56px;
 line-height: 60px;
}
.footer-phone-text {
 margin-left: 60px;
}
.footer-phone-numbers {
 font-size: 26px;
 color: #fff;
 display: inline-block;
 margin-top: 5px;
 line-height: 26px;
}


.footer-location b {
 text-transform: uppercase;
 font-size: 13px;
 color: #fff;
 font-family: 'CuprumBold';
 letter-spacing: 0.05em;
}
.footer-soc {
 margin-top: 30px;
}


a.soc {
 display: inline-block;
 height: 50px;
 width: 50px;
 line-height: 50px;
 border-radius: 50px;
 background: #a7a7a7;
 color: #121212;
 text-align: center;
}
a.soc .fa {
 line-height: 50px;
 font-size: 18px;
}
.footer-soc a.soc {
 float: left;
 margin-right: 10px;
}


.footer-block {
 float: left;
 width: 48.2758620689655%;
 margin-right: 2.56410256410256%;
}
.footer-block:nth-child(2n) {
 margin-right: 0;
}
.footer-block:nth-child(2n+1) {
 clear: left;
}
.footer-block-title {
 font-size: 18px;
 font-weight: 700;
 color: #fff;
 text-transform: uppercase;
 margin-bottom: 15px;
 font-family: 'CuprumBold';
}
.footer-block ul {
 margin: 0;
 padding: 0;
 list-style: none;
}
.footer-block ul li {
 margin: 0;
 padding: 9px 0 9px 2px;
}
.footer-block ul li .fa {
 padding-right: 10px;
}
.footer-block ul a {
 color: #a7a7a7;
 display: inline-block;
}
.footer-block ul a:hover {
 margin-left: 7px;
}
.footer-block ul a .fa {
 font-size: px;
}



.copyrights {
 background: #1a1a1a;
 color: #a7a7a7;
 padding: 30px 0;
}
.copyrights a {
 color: #a7a7a7;
}
.copyrights a:hover {
 color: #fff;
}


.path {
 min-height: 70px;
 background: url(/img/path.jpg) center no-repeat;
 line-height: 16px;
}
.path-page-name {
 float: left;
 font-size: 16px; 
 font-family: 'CuprumBold';
 color: #121212;
 text-transform: uppercase;
 margin-top: 27px;
}
.path-links {
 float: right;
 margin-top: 27px;
 color: #121212;
}
.path-links a,
a.path-home-page-link:hover {
 color: #121212;
}
a.path-home-page-link {
 font-size: 15px;
}
.path-links span {
 display: inline-block;
 font-family: 'Arial';
 margin: 0 10px;
}

.section3.about {
 padding-bottom: 0px;
}

.section.about {
 padding-bottom: 60px;
}
.section.about5 {
 padding-bottom: 20px;
}
.section.about55 {
 padding-bottom: 40px;
}
.section.about7 {
 padding-bottom: 30px;
 padding-top: 20px;
}
.section.about8 {
 padding-bottom: 40px;
 padding-top: 0px;
}
.section.about9 {
 padding-bottom: 10px;
 padding-top: 20px;
}
.about-block-title {
 font-size: 18px;
 margin: 10px 0 20px;
}

ul.about-list {
 margin: 0;
 padding: 0;
 list-style: none;
}
ul.about-list li {
 margin: 10px 0;
 padding: 0;
 overflow: hidden;
}
ul.about-list li .fa {
 margin-right: 7px;
 margin-left: 2px;
 font-size: 10px;
}


.count {
 float: left;
 display: table;
 height: 350px;
 width: 25%;
 text-align: center;
 color: #fff;
 position: relative;
 font-size: 15px;
}
.count:before {
 content: '';
 display: block;
 position: absolute;
 top: 0;
 left: 0;
 width: 100%;
 height: 100%;
}
.count:first-child:before {background: rgba(255, 255, 255, 0.1);}
.count:nth-child(3):before {background: rgba(0, 0, 0, 0.05);}
.count:nth-child(4):before {background: rgba(0, 0, 0, 0.1);}

.count-body {
 display: table-cell;
 vertical-align: middle;
 position: relative;
 z-index: 2;
}
.count-body .fa {
 font-size: 60px;
 line-height: 60px;
}
.count-body .count-val {
 display: inline-block;
 font-family: 'CuprumBold';
 font-size: 36px;
 line-height: 36px;
 height: 36px;
 margin-top: 20px;
}
.count-body u {
 display: block;
 height: 2px;
 width: 30px;
 background: #fff;
 margin: 10px auto;
}

.section.service {
 padding-bottom: 45px;
}
.service-block {
 padding-bottom: 15px;
}
.service-block h4 {
 font-size: 16px;
 margin-bottom: 15px;
}
.service-block h4 .fa {
 font-size: 30px;
 vertical-align: middle;
 margin-right: 7px;
 margin-bottom: 2px;
}



.section.contacts {
 padding-bottom: 60px;
}

.mail-form {
 float: left;
 width: 65.8119658119658%;
 position: relative;
}
.mail-form-col2 {
 float: left;
 width: 48.0519480519480%;
 margin-right: 3.89610389610389%;
 margin-bottom: 30px;
}
.mail-form-col2:nth-child(2n) {
 margin-right: 0;
}
input.mail-form-field {
 min-height: 50px;
 padding: 11px 20px;
 width: 100%;
}
textarea.mail-form-field {
 width: 100%;
 height: 170px;
 padding: 11px 20px;
 margin-bottom: 10px;
}
button.mail-form-button {
 border-radius: 36px;
 margin-top: 15px;
}
button.mail-form-button .fa {
 font-size: 13px;
 margin-right: 5px;
}


.contact-us-info {
 float: right;
 width: 29.9145299145299%;
}
.contact-block {
 margin-bottom: 30px;
}
.contact-block .fa {
 width: 70px;
 height: 70px;
 line-height: 70px;
 text-align: center;
 color: #fff;
 font-size: 24px;
 border-radius: 50%;
 float: left;
 transition: all .3s ease;
}
.contact-block-text {
 margin-left: 90px;
}
.contact-block-text h4 {
 margin: 3px 0 10px;
 font-size: 16px;
 line-height: 16px;
}
.contact-block:hover .fa {
 background: #eee;
 color: #121212;
}

#google-map {
 line-height: 0;
}
#google-map iframe {
 width: 100%;
 height: 400px;
}

#middle {
 padding: 90px 0;
}

.ph_cats {
 text-align: center;
 margin-bottom: 30px;
}
.ph_cats .catsTable {
 display: inline-block !important;
}
.ph_cats .catsTable * {
 display: block;
}
.ph_cats .catsTable tr {
 display: inline-block;
}
.ph_cats .catNumData {
 display: none !important;
}
.ph_cats a {
 display: block;
 color: #121212;
 text-transform: uppercase;
 font-size: 13px;
 margin: 0 1px 2px;
 padding: 0 20px;
 font-weight: 500;
 line-height: 36px;
 font-family: 'CuprumBold';
 border-radius: 36px;
}
.ph_cats a.catNameActive {
 color: #fff;
}
.ph_cats a:hover {
 background: #eee;
}

.ph_cats2 {
 text-align: center;
 margin-bottom: 30px;
}
.ph_cats2 .catsTable2 {
 display: inline-block !important;
}
.ph_cats2 .catsTable2 * {
 display: block;
}
.ph_cats2 .catsTable2 tr {
 display: inline-block;
}
.ph_cats2 .catNumData2 {
 display: none !important;
}
.ph_cats2 a {
 display: block;
 color: #121212;
 text-transform: uppercase;
 font-size: 13px;
 margin: 0 1px 2px;
 padding: 0 20px;
 font-weight: 500;
 line-height: 36px;
 font-family: 'CuprumBold';
 border-radius: 36px;
}
.ph_cats2 a.catNameActive2 {
 color: #fff;
}
.ph_cats2 a:hover {
 background: #eee;
}

.pp-image {
 float: left;
 width: 48.717948716%;
 line-height: 0;
 position: relative;
 background: #000;
 border-radius: 7px;
}
.pp-image img {
 width: 100%;
 border-radius: 5px;
 transition: all .3s ease;
}
a.pp-full {
 display: block;
 position: absolute;
 z-index: 2;
 top: 50%;
 left: 50%;
 font-size: 36px;
 width: 36px;
 height: 36px;
 line-height: 36px;
 opacity: 0;
 margin-top: -18px;
 margin-left: -18px;
 border-radius: 5px;
}
.pp-image:hover img {
 opacity: 0.5;
}
.pp-image:hover a.pp-full {
 opacity: 1;
}
.pp-info {
 width: 48.717948716%;
 float: right;
}
.pp-name {
 font-size: 18px;
 line-height: 18px;
 padding-bottom: 10px;
 margin-bottom: 10px;
 font-weight: 700;
 letter-spacing: 1px;
}
.pp-name:after {
 left: 0;
 bottom: 0;
}
.pp-descr {
 padding-bottom: 15px;
}
ul.pp-more {
 margin: 0;
 padding: 0;
 list-style: none;
}
ul.pp-more > li {
 padding: 14px 0;
 margin: 0;
 border-bottom: 1px dashed #eee;
}
ul.pp-more > li:last-child {
 border: none;
}
ul.pp-more > li b {
 display: inline-block;
 min-width: 100px;
 font-weight: 500;
}



.pp-image2 {
 float: left;
 width: 48.717948716%;
 line-height: 0;
 position: relative;
 background: #000;
 border-radius: 7px;
}
.pp-image2 img {
 width: 100%;
 border-radius: 5px;
 transition: all .3s ease;
}
a.pp-full2 {
 display: block;
 position: absolute;
 z-index: 2;
 top: 50%;
 left: 50%;
 font-size: 36px;
 width: 36px;
 height: 36px;
 line-height: 36px;
 opacity: 0;
 margin-top: -18px;
 margin-left: -18px;
 border-radius: 5px;
}
.pp-image2:hover img {
 opacity: 0.5;
}
.pp-image2:hover a.pp-full {
 opacity: 1;
}
.pp-info2 {
 width: 48.717948716%;
 float: right;
}
.pp-name2 {
 font-size: 18px;
 line-height: 18px;
 padding-bottom: 10px;
 margin-bottom: 10px;
 font-weight: 700;
 letter-spacing: 1px;
}
.pp-name2:after {
 left: 0;
 bottom: 0;
}
.pp-descr2 {
 padding-bottom: 15px;
}
ul.pp-more2 {
 margin: 0;
 padding: 0;
 list-style: none;
}
ul.pp-more2 > li {
 padding: 14px 0;
 margin: 0;
 border-bottom: 1px dashed #eee;
}
ul.pp-more2 > li:last-child {
 border: none;
}
ul.pp-more2 > li b {
 display: inline-block;
 min-width: 100px;
 font-weight: 500;
}


.swchItem, .swchItemA, .pgSwch, .pgSwchA, .swchItem1, .swchItemA1 {
 display: inline-block;
 line-height: 36px;
 padding-left: 10px;
 padding-right: 10px;
 text-align: center;
 min-width: 36px;
 box-sizing: border-box;
 color: #212121;
 font-weight: 500;
 text-transform: uppercase;
 font-size: 12px;
 background: #eee;
 float: left;
 margin-right: 5px;
 font-family: 'CuprumBold';
 border-radius: 36px;
 letter-spacing: 0.05em;
}
.swchItemA, .pgSwchA, .swchItemA1 {
 font-weight: 400;
 color: #fff;
}
.swchItemA b, .pgSwchA b, .swchItemA1 b {
 color: #fff;
}
.swchItem:hover, .pgSwch:hover, .swchItem1:hover {
 background: #212121;
 color: #fff;
}


#content {
 float: left;
 width: 74.358974357%;
}
#content * {
 max-width: 100%;
}
.post {
 padding-bottom: 20px;
 margin-bottom: 30px;
 border-bottom: 1px solid #eee;
}
.post-image {
 border-radius: 5px;
 margin-bottom: 20px;
}
.post-title a {
 color: #121212;
}
.post-title {
 font-size: 18px;
 line-height: 20px;
 margin-bottom: 15px;
 letter-spacing: 0.05em;
}
.post-title2 a {
 color: #121212;
}
.post-title2 {
 font-size: 24px;
 line-height: 24px;
 margin-bottom: 25px;
 letter-spacing: 0.05em;
}
.post-message {
 margin-bottom: 15px;
 line-height: 25px;
 font-size: 15px;
}
.post-more {
 float: left;
 font-size: 13px;
 text-transform: uppercase;
 font-family: 'CuprumBold';
 letter-spacing: 0.05em;
}
.post-more span {
 font-family: 'arial';
 font-size: 15px;
 padding-left: 2px;
 transition: padding .3s ease;
 display: inline-block;
}
.post-more:hover span {
 padding-left: 7px;
}
.post-info {
 float: right;
}
.post-info > span {
 margin-left: 20px;
}
.post-info > span:first-child {
 margin-left: 0;
}
.post-info .fa {
 margin-right: 3px;
}

#sidebar {
 float: right;
 width: 23.076923075%;
}
#sidebar * {
 max-width: 100%;
}
.block {
 background: #f8f8f8;
 box-sizing: border-box;
 padding: 20px;
 margin-bottom: 30px;
 border-radius: 5px;
}
.block > h5 {
 font-size: 16px;
 line-height: 16px;
 margin-bottom: 20px;
}
.block .catsTd {
 padding: 9px 0;
 border-bottom: 1px solid #eee;
 overflow: hidden;
 line-height: 22px;
}
.block .catsTd .catNumData {
 float: right;
 padding: 0 7px;
 color: #000;
 font-weight: 600;
 font-size: 11px;
 text-align: center;
 min-width: 20px;
 background: #eee;
 border-radius: 30px;
}
.block .catsTable tr:last-child .catsTd {
 border: none;
}
.block .catsTable {
 margin: -9px 0;
}
.eTag {
 display: inline-block;
 line-height: 36px;
 padding: 0 20px;
 text-transform: lowercase;
 background: #f7f7f7;
 margin-bottom: 6px;
 border-radius: 5px;
 color: #1a1a1a;
}
.block .eTag {
 background: #eee;
 float: left;
 margin-right: 6px;
}
.eTag:hover {
 color: #fff;
}
.bbQuoteBlock {
 margin: 22px 0;
}
.bbQuoteName {
 font-weight: 400;
 font-size: 11px;
 color: #212121;
 margin: 0 0 2px;
}
.quoteMessage {
 border-left: 3px solid #eee;
 padding: 17px 20px;
 background: #f7f7f7;
 color: #a7a7a7;
 font-style: italic;
 border-radius: 5px;
}
.post-tags {
 border-top: 1px solid #eee;
 padding-top: 15px;
 margin-top: 15px;
}
.post-tags > b {
 font-weight: 600;
 display: block;
 margin-bottom: 7px;
}
.post-tags .eTag {
 float: left;
 margin-right: 6px;
}
.post-page {
 margin-bottom: 20px;
}



.err404 {
 position: absolute;
 top: 50%;
 margin-top: -190px;
 left: 50%;
 margin-left: -325px;
 width: 650px;
 text-align: center;
}
.err404-num {
 font-size: 360px;
 line-height: 280px;
 font-family: 'CuprumBold';
 color: #f8f8f8;
 position: relative;
}
.err404-body {
 position: absolute;
 width: 100%;
 top: 90px;
}
.err404-body h1 {
 margin-bottom: 15px;
}
#err404-search-form {
 width: 300px;
 margin: 140px auto 0;
 position: relative;
}
input#err404-search-input {
 margin: 0;
 height: 40px;
 border-radius: 40px;
 width: 300px;
 padding-left: 20px;
 padding-right: 50px;
}
input#err404-search-btn {
 position: absolute;
 top: 0;
 right: 0;
 height: 40px;
 width: 40px;
 padding: 0;
 border-radius: 40px;
 font-family: 'FontAwesome';
 font-size: 15px;
}
.err404-go-home {
 display: inline-block;
 margin-top: 20px;
 font-family: 'CuprumBold';
 line-height: 15px;
 text-transform: uppercase;
 letter-spacing: 0.05em;
}
.err404-go-home span {
 font-family: 'arial';
 font-size: 15px;
}


.uc-body {
 position: absolute;
 top: 50%;
 margin-top: -235px;
 width: 770px;
 left: 50%;
 margin-left: -385px;
}
.uc-body .title {
 margin-bottom: 40px;
}
.uc-timer {
 overflow: hidden;
 margin-bottom: 40px;
}
.countdown-row {
 overflow: hidden;
}
.countdown-section {
 float: left;
 width: 22.07792207792207%;
 margin-left: 3.896103896103895%;
 text-align: center; 
}
.countdown-section:first-child {
 margin-left: 0;
}
.countdown-amount {
 display: block;
 line-height: 1.5em;
 border-radius: 5px;
 color: #fff;
 font-size: 72px;
 font-family: 'CuprumBold';
 margin-bottom: 10px;
}
.countdown-period {
 color: #121212;
 font-family: 'CuprumBold';
 font-size: 16px;
 line-height: 16px;
 text-transform: uppercase;
}
.opening {
 width: 560px;
 margin: 0 auto;
 position: relative;
}
input.opening-email {
 height: 40px;
 width: 99%;
 padding-left: 20px;
 border-radius: 40px;
}
input.opening-button {
 position: absolute;
 top: 0;
 right: 0;
 height: 40px;
 border-radius: 40px;
 padding-left: 20px;
 padding-right: 20px;
}
.uc-soc {
 text-align: center;
 margin-top: 40px;
}
.uc-soc .soc {
 background: #eee;
 margin: 0 3px;
}
#uc-login-link {
 display: block;
 position: absolute;
 top: 20px;
 right: 30px;
}
#uc-login-link .fa {
 margin-right: 5px;
}


.gTable {
 background: none;
 border-spacing: 0;
 border-radius: 5px;
 overflow: hidden;
}
.gTable td {
 padding: 5px 20px;
}
.gTableTop {
 line-height: 40px;
 padding: 0 20px !important;
 color: #fff;
 text-decoration: none;
 font-size: 12px !important;
 text-transform: uppercase;
 font-weight: 700;
 letter-spacing: 1px;
 font-family: 'CuprumBold';
 letter-spacing: 1px;
 background: #212121;
}
.gTableTop a {
 color: #fff !important;
 text-decoration: none;
 font-size: 12px;
 letter-spacing: 1px;
}
.gTableSubTop {
 padding: 5px 10px;
 font-weight: 600;
 font-size: 13px;
}
.catLink {
 color: #fff !important;
 font-size: 12px !important;
 text-transform: uppercase;
 font-weight: 700;
 letter-spacing: 1px;
 font-family: 'CuprumBold';
 letter-spacing: 1px;
}
.catLink:hover, .gTableTop a:hover {
 color: #fff !important;
}
.funcBlock {
 padding-right: 10px;
}
.forumIcoTd {
 text-align: center;
}
.forumIcoTd,
.forumNameTd,
.forumThreadTd,
.forumPostTd,
.forumLastPostTd {
 padding: 5px 10px; 
}
.forumThreadTd,
.forumPostTd,
.threadPostTd,
.threadViewTd,
.threadAuthTd,
.threadIcoTd,
.threadNametd,
.threadAuthTd,
.threadLastPostTd
{
 vertical-align: middle;
 padding-left: 20px;
}
.forumNameTd {
 line-height: 24px;
}
.forumNameTd a {
 font-size: 12px;
 text-transform: uppercase;
 font-family: 'CuprumBold';
 letter-spacing: 1px;
 font-weight: 700;
}
.forumNamesBar {
 padding-left: 10px !important;
}
.frmBtns {
 text-align: right;
 padding-right: 10px;
}
.legendTd {
 padding: 0 10px;
}
.threadIcoTd,
.threadIcoTd {
 text-align: center;
 vertical-align: middle;
}
.threadsDetails {
 padding: 5px;
}
.postTdTop {
 text-align: center;
 padding: 5px; 
}
.postTdInfo {
 text-align: center;
}
.posttdMessage {
 vertical-align: top;
 padding: 5px;
}

.threadsDetails,
.postTdTop {
 background: none;
}
.gTable tr {
 background: none;
}
.gDivBottomRight {
 height: 50px;
}
.pagesInfo { 
 padding: 0 10px;
 line-height: 24px;
}
.switchActive {
 padding: 0 10px;
 color: #fff;
}
.postBottom {
 padding: 0 20px !important;
}
#thread_search_form {
 position: relative;
 padding-bottom: 10px;
 overflow: hidden;
}
#thread_search_button {
 position: absolute;
 top: 0;
 right: 0;
}
.fNavLink {
 display: inline-block;
 margin-bottom: 30px;
}
#forum_filter {
 text-align: right;
 padding-bottom: 10px;
 margin-top: -32px;
}
#forum_filter form {
 display: inline-block;
}
#filter_by {
 display: inline-block;
 line-height: 34px;
}
.postPreview, #iplus, .ucoz-editor-panel input, .allUsersBtn, .uSearchFlSbm {
 width: auto !important;
}
#selectPhotosBtn, #order-button {
 width: auto !important;
 height: auto !important;
}
#thread_search_field {
 float: left !important;
 width: 165px !important;
}
.forumIcoTd,
.forumNameTd,
.forumThreadTd,
.forumPostTd,
.forumLastPostTd,
.forumThreadTd,
.forumPostTd,
.threadPostTd,
.threadViewTd,
.threadAuthTd,
.threadIcoTd,
.threadNametd,
.threadAuthTd,
.threadLastPostTd,
.postTdTop,
.postBottom
{
 border-bottom: 1px solid #d8d8d8;
}

.postTdTop,
.postBottom
{
 border-top: 1px solid #d8d8d8;
}

.gTableSubTop,
.pagesInfo
{
 background: #f2f2f2;
}

.gTableSubTop,
.gTableSubTop a
{
 color: #0a0a0a !important;
}

.postTdInfo {border-right: 1px solid #d8d8d8;}
.forumNameTd {color: #666;}
a.forum {color: #0a0a0a;}
.forumContent a:hover
{
 color: #0a0a0a;
}

.eTitle {
 font-size: 18px;
 font-family: 'CuprumBold';
 text-transform: uppercase;
 letter-spacing: 1px;
 font-weight: 700;
 color: #0a0a0a;
 margin-bottom: 15px;
}
.eTitle a {color: #0a0a0a;}
.eDetails, .eDetails1, .eDetails2 {
 padding: 8px 0;
 border-top: 1px dotted #d8d8d8;
 border-bottom: 1px dotted #d8d8d8;
 margin-top: 15px;
}
.eBlock {
 margin-bottom: 30px;
}



@media (min-width: 1280px) {
 #menu {
 float: right;
 margin-top: 32px;
 margin-right: 10px;
 position: relative;
 z-index: 99;
 }
 #menu ul.uMenuRoot {
 margin: 0;
 padding: 0;
 list-style: none;
 }
 #menu ul.uMenuRoot > li {
 float: left;
 margin: 0 1px;
 padding: 0;
 }
 #menu ul.uMenuRoot > li > a {
 display: block;
 line-height: 38px;
 height: 36px;
 font-family: 'CuprumBold';
 text-transform: uppercase;
 color: #121212;
 font-size: 16px;
 padding: 0 20px;
 border-radius: 36px;
 letter-spacing: 0.05em;
 }
 #menu ul.uMenuRoot > li > a:hover {
 background: #eee;
 }
 #menu ul.uMenuRoot > li > a.uMenuItemA {
 color: #fff;
 }
 #menu ul.uMenuRoot > li > a > .fa {
 margin-left: 5px;
 font-weight: 700;
 font-size: 12px;
 }
 #menu ul.uMenuRoot li {
 position: relative;
 }
 #menu ul.uMenuRoot li ul {
 position: absolute;
 top: 36px;
 left: -9999px;
 width: 220px;
 background: #eee;
 margin: 0;
 padding: 0;
 list-style: none;
 border-radius: 0 18px 18px 18px;
 padding: 20px 0;
 transition: opacity .3s ease;
 opacity: 0;
 }
 #menu ul.uMenuRoot li ul li a {
 display: block;
 padding: 5px 20px;
 }
 #menu ul.uMenuRoot li ul li a:hover, #menu ul.uMenuRoot li ul li.uWithSubmenu:hover > a {
 padding-left: 25px;
 color: #121212;
 }
 #menu ul.uMenuRoot > li.uWithSubmenu > a {
 border-radius: 18px 18px 0 0;
 }
 #menu ul.uMenuRoot > li.uWithSubmenu:hover > a {
 background: #eee;
 }
 #menu ul.uMenuRoot ul ul {display: none;}
 #menu ul.uMenuRoot li ul a > .fa {
 float: right;
 line-height: 20px;
 }
 #menu ul.uMenuRoot li ul li ul {
 display: block;
 position: absolute;
 top: -20px;
 border-radius: 18px;
 }
 #menu ul.uMenuRoot > li.uWithSubmenu:hover > ul {
 opacity: 1;
 left: 0;
 }
 #menu ul.uMenuRoot > li.uWithSubmenu > ul li:hover > ul {
 left: 220px;
 opacity: 1;
 }
 span.menu-icon {
 display: none;
 }
}

@media (max-width: 1279px) {
 #wrapper {
 margin: 0 !important;
 width: 100% !important;
 }
 .cnt {
 width: auto;
 margin-left: 50px;
 margin-right: 50px;
 } 
 span.menu-icon {
 display: block;
 float: right;
 margin-top: 32px;
 line-height: 36px;
 height: 36px;
 width: 36px;
 font-size: 14px;
 border-radius: 50%;
 cursor: pointer;
 text-align: center;
 color: #fff;
 margin-right: 5px;
 }
 #menu {
 display: none;
 position: absolute;
 right: 41px;
 top: 74px;
 background: #eee;
 border-radius: 18px;
 width: 250px;
 box-sizing: border-box;
 }
 #menu .uMenuRoot {
 margin: 0;
 padding: 15px 20px;
 list-style: none;
 }
 #menu ul li {
 padding: 0;
 margin: 0;
 }
 #menu a {
 background: none !important;
 }
 #menu .uMenuRoot > li > a {
 display: inline-block;
 padding: 5px 0;
 text-transform: uppercase;
 font-family: 'CuprumBold';
 color: #121212;
 }
 #menu .fa {
 display: none;
 }
 #menu ul li ul {
 list-style: none;
 margin: 0 0 0 15px;
 padding: 0 0 0 15px;
 border-left: 2px solid #ccc;
 }
 #menu ul li ul li {
 margin: 0;
 padding: 5px 0;
 }
 #menu ul li ul li ul {
 margin-top: 5px;
 }
 .slide-arrow {
 top: auto;
 bottom: 10px;
 opacity: 1;
 width: 36px;
 line-height: 36px !important;
 height: 36px;
 font-size: 15px !important;
 }
 .slide-arrow.fa-angle-right {
 right: 50px !important;
 }
 .slide-arrow.fa-angle-left {
 left: auto !important;
 right: 91px;
 }
}



@media (max-width: 991px) {
 #slider-body, .slide-content {
 height: 500px;
 }
 .col4 {
 width: 48.7179487179487%;
 }
 .col4:nth-child(2n) {
 margin-right: 0;
 }
 .client {
 width: 50%;
 border: 1px solid #d8d8d8;
 margin-right: -1px;
 margin-bottom: -1px;
 }
 #content, #sidebar {
 float: none;
 width: 100%;
 }
 #sidebar {
 overflow: hidden;
 }
 #content {
 margin-bottom: 50px;
 }
 .block {
 width: 47%;
 margin-right: 5%;
 float: left;
 }
 .block:nth-child(2n) {
 margin-right: 0;
 }
 .block:nth-child(2n+1) {
 clear: left;
 }
 #footer > .cnt > .col2 {float:none;width:100%;margin-right:0}
 .count {
 width: 50%;
 }
 .col2 .col2 {
 width: 100%;
 float: none;
 margin-right: 0;
 }
 #content, #sidebar {
 float: none;
 width: 100%;
 }
 #sidebar {
 overflow: hidden;
 }
 #content {
 margin-bottom: 50px;
 }
 .block {
 width: 47%;
 margin-right: 5%;
 float: left;
 }
 .block:nth-child(2n) {
 margin-right: 0;
 }
 .block:nth-child(2n+1) {
 clear: left;
 }
}


@media (max-width: 767px) {
 #top-line {
 min-height: auto;
 padding: 7px 0;
 }
 .top-right {
 float: none;
 }
 .top-left {
 float: none;
 }
 #top-line ul li {
 padding: 3px 0;
 margin: 0 25px 0 0;
 border: none;
 }
 #top-line .top-right ul li:last-child {
 margin-right: 0;
 }
 #top-line ul li .fa {
 margin-right: 2px;
 }
 #slider-body, .slide-content {
 height: 400px;
 }
 .slide-text-1 {
 font-size: 22px;
 line-height: 22px;
 margin-bottom: 20px;
 }
 .slide-text-2 {
 line-height: 20px;
 margin-bottom: 30px;
 }
 .gTableSubTop,
 .forumIcoTd,
 .forumThreadTd,
 .forumPostTd,
 .forumLastPostTd,
 .threadIcoTd,
 .threadAuthTd,
 .threadLastPostTd,
 .threadPostTd,
 .threadViewTd,
 .threadsDetails,
 .forumOnlineBar,
 .legendBlock,
 .userRights,
 .fFastNavTd,
 .fFastSearchTd,
 .forumNamesBar,
 #forum_filter,
 .postTdInfo,
 .postBottom,
 #thread_search_form {
 display: none;
 }
 .gDivLeft {
 padding-top: 10px;
 }
 .postTdTop, .postTable, .posttdMessage {
 display: block !important;
 text-align: left;
 width: auto !important; 
 }
 .postUser {
 font-size: 16px;
 font-weight: #7a7a7a;
 }
 .col3 {
 width: 100%;
 float: none;
 margin-right: 0;
 }
 .count {
 float: none;
 width: 100%;
 }
 .path-page-name, .path-links {
 float: none;
 }
 .path-page-name {
 margin-top: 20px;
 }
 .path-links {
 margin-top: 5px;
 }
 .mail-form, .contact-us-info {
 float: none;
 width: 100%;
 }
 .mail-form {
 margin-bottom: 20px;
 }
 .pp-image,.pp-info{float:none;width:100%}
 .pp-image{margin-bottom:30px}
 .err404 {
 position: static;
 margin: 50px auto;
 width: auto;
 }
 .err404-body {
 position: relative;
 top: auto;
 margin-top: -150px;
 padding: 0 50px;
 width: auto;
 }
 .err404-num {
 font-size: 200px;
 line-height: 200px;
 }
 #err404-search-form {
 margin-top: 50px;
 }
 .uc-body {
 position: static;
 margin: 90px 0;
 overflow: hidden;
 width: auto;
 padding: 0 30px;
 }
 .opening {
 width: auto;
 }
}

@media (max-width: 567px) {
 .cnt{margin-right:15px;margin-left:15px}
 
 .slide-arrow.fa-angle-right {
 right: 15px !important;
 }
 .slide-arrow.fa-angle-left {
 left: auto !important;
 right: 56px;
 }
 .col2, .col3, .col4, .block, .footer-block {
 width: 100%;
 float: none;
 margin-right: 0;
 }
 .footer-block{margin-bottom:50px}
 .footer-block:last-child{margin-bottom:0}
 .do-it{text-align:center}
 .do-it-text{margin-right:0}
 .do-it .button{float:none;margin-bottom:20px}
 #footer .soc {margin-bottom: 10px;}
 .mail-form-col2 {
 float: none;
 width: 100%;
 margin-right: 0;
 }
 .err404-body {
 margin-top: -100px;
 padding: 0 20px;
 }
 .err404-body h1 {
 font-size: 18px;
 }
 .err404-num {
 font-size: 100px;
 line-height: 100px;
 }
 #err404-search-form {
 margin-top: 50px;
 width: 100%;
 }
 input#err404-search-input {
 width: 100%;
 }
 .countdown-amount {
 font-size: 36px;
 margin-bottom: 5px;
 }
 .countdown-period {
 font-size: 12px;
 }
 .uc-body .title h3 {
 font-size: 18px;
 line-height: 18px;
 }
 .opening {
 text-align: center;
 }
 input.opening-email {
 width: 100%;
 }
 input.opening-button {
 position: static;
 margin-top: 5px;
 }
}




#go-top {
 position: fixed;
 bottom: 100px;
 right: 20px;
 display: block;
 height: 40px;
 line-height: 40px;
 width: 40px;
 text-align: center;
 border-radius: 50%;
 cursor: pointer;
 color: #fff;
 font-size: 18px;
 transition: all .3s ease;
 z-index:99999;
}
#go-top:hover {
 background: #121212;
}





/* others */
@media screen and (max-width: 767px) {
 li.uEntryWrap {width: 50% !important;}
}
@media screen and (max-width: 567px) {
 li.uEntryWrap {width: 100% !important;}
}
#cat-add {height: auto; max-height: 100px;}
.u-mpanel, .u-mpanel * {max-width: none !important;}
li[class^='u-star'] a {transition: none !important;}
.uComment {padding: 10px 10px 0 10px; border: 1px solid #d8d8d8 !important;}
.shop-imgs img {max-width: 47%;}
#cont-shop-invoices input, #cont-shop-invoices button {margin-top: 5px; margin-bottom: 5px;}
#invoice_cont, #order-table {overflow-x: auto;}
select#cat-add {width: 270px; min-height: 150px;}
.commFl, .fw {width: 99% !important;}
.flist {display: inline-block; padding-bottom: 10px;}
.manTable input[type="text"], .ucoz-forum-post-image-interface input[type="text"] {min-width: 50px;}
#uf-register * {max-width: none !important;}
.pop-up {padding: 20px;}
.pop-up-title {padding-bottom: 20px; border-bottom: 1px solid #eee; margin-bottom: 20px;}
.pop-up-body {overflow: hidden;}
hr {border: none; height: 1px; background: #eee;}
#pagesBlock1 {text-align: left; overflow: hidden;}
.post-tags .oh {color: #fff;}
.block {overflow: hidden;}
@media screen and (max-width: 567px) {input.queryField {width: 130px !important;display: block;margin-bottom: 5px;margin-left: 2px;}input.searchSbmFl {width: 130px;margin: 0;}}
#sFltLst {background: #fff; border: 1px solid #f8f8f8;}
#sFltLst div {overflow: hidden;}
#sFltLst input[type="checkbox"], #sFltLst label {float: left;}

#b_zvk_a{color: #fff}
#b_tarify{
 border: 3px solid #40C58B;
 border-radius: 25px;
 padding: 5px 25px;
 color: #fff;
 text-transform: uppercase;
 display: inline-block;
 cursor: pointer;
}
#b_tarify:hover, #b_zvk:hover{background: #909090;}

#b_zvk{
 background: #000000;
 border-radius: 35px;
 padding: 6px 30px;
 color: #fff;
 text-transform: uppercase;
 display: inline-block;
 cursor: pointer;
 font-size: 13px;
 font-family: 'CuprumBold';
}

#b_zvk2_a{color: #fff}
#b_tarify2{
 border: 3px solid #40C58B;
 border-radius: 25px;
 padding: 5px 25px;
 color: #fff;
 text-transform: uppercase;
 display: inline-block;
 cursor: pointer;
}
#b_tarify2:hover, #b_zvk2:hover{background: #909090;}

#b_zvk2{
 background: #000000;
 border-radius: 35px;
 padding: 12px 50px;
 color: #fff;
 text-transform: uppercase;
 display: inline-block;
 cursor: pointer;
 font-size: 15px;
 font-family: 'CuprumBold';
}

blockquote2 {
margin: 0;
color: #58554B;

font-family: 'Lato', sans-serif;
}
blockquote2 p {
margin-top: 0;
font-size: 19px;
}
blockquote2 footer {
position: relative;
padding-left: 80px;
line-height: 80px;
}
blockquote2 footer:before {
content: "\f10d\00A0\00A0\f10e";
font-family: FontAwesome;
color: white;
width: 60px;
height: 60px;
text-align: center;
border-radius: 50%;
position: absolute;
left: 5px;
background: #F29987;
box-shadow: inset 0 1px 0 #D4E8EF, 0 0 0 5px rgba(0,0,0,.1);
text-shadow: 1px 1px 2px rgba(0,0,0,.2)
}
blockquote2 cite {
font-style: normal;
text-transform: uppercase;
}



#mapexMap{
 position: absolute;
 top: 0;
 right: 0;
 width: 50%;
 height: 100%;
}
.contacts-template #mapexMap{
 position: static;
 width: 100%;
 height: 500px;
}
.contacts-section .inner{
 padding-right: 30px;
}
.contacts-section .inner .element{
 padding-left: 30px;
 color: #000;
 margin-bottom: 10px;
 min-height: 20px;
}
.contacts-section .inner .element i{
 position: absolute;
 left: 0;
 top: 3px;
 color: #014e27;
 font-size: 18px;
}
.contacts-section .inner .element.el2 i{
 top: 8px;
}
@media only screen and (max-width: 991px) {
 #mapexMap,
 .contacts-template #mapexMap{
 position: static;
 width: 100%;
 height: 400px;
 }
 .contacts-section:before,
 .contacts-template .contacts-section:after{
 display: none;
 }
 .contacts-section .inner{
 padding-right: 0;
 }
 .contacts-template .contacts-section .box1{
 padding: 0;
 }
 .contacts-template .contacts-section .box2{
 margin: 50px -15px 0;
 padding: 40px 15px;
 background: #F9F9F9;
 }
}
#otstup {
 padding: 60px;
}

#fancybox-overlay {background: #000 !important; opacity:0.6;}

blockquote {
 background: none repeat scroll 0 0 #fafafa;
 border-bottom: 3px dashed #bababa;
 border-top: 3px dashed #bababa;
 color: #878787;
 font-family: Georgia,serif;
 font-size: 16px;
 font-style: italic;
 line-height: 1.45;
 padding: 5px 10px;
 position: relative;
 text-align: center;

}

.youtimg{ 
width: 320px; 
height: 200px; 
background-size: cover; 
}


#fancybox-overlay {background: #009688 !important;opacity: 0.1;}

#fancybox-outer {
 position: relative;
 padding: 0;
 margin: 0;
 background: #f9f9f9;
 color: #444;
 text-shadow: none;
 border-radius: 40px;
}


.resp-tab {
 border-radius: 5px;
 font-weight: normal;
 border: none;
 border-collapse: collapse;
 width: 100%;
 max-width: 100%;
 white-space: nowrap;
 background-color: white;
 box-shadow: 0px 15px 20px rgba(0, 0, 0, 0.2 ); 
}
.resp-tab td, .resp-tab th {
 text-align: center;
 padding: 8px;
 font-size: 15px;
 border: none;
 font-family: 'CuprumBold';
}
.resp-tab td {
 font-size: 13px;
 border-right: 1px solid #E6E4E4;
}
.resp-tab th {
 color: #ffffff;
 background: #03c2b0;
}
.resp-tab th:nth-child(odd) {
 background: #009688;
}
.resp-tab tr:nth-child(even) {
 background: #F8F8F8;
}
@media (max-width: 767px) {
 .resp-tab {
 display: block;
 width: 100%;
 }
 .resp-tab thead, 
 .resp-tab tbody, 
 .resp-tab thead th {
 display: block;
 }
 .resp-tab thead {
 float: left;
 }
 .resp-tab tbody {
 width: auto;
 position: relative;
 overflow-x: auto;
 }
 .resp-tab td, .resp-tab th {
 padding: 10px 2px;
 box-sizing: border-box;
 overflow-x: hidden;
 overflow-y: auto;
 width: 160px;
 font-size: 13px;
 text-overflow: ellipsis;
 }
 .resp-tab thead th {
 text-align: center;
 }
 .resp-tab tbody tr {
 display: table-cell;
 }
 .resp-tab tbody tr:nth-child(odd) {
 background: none;
 }
 .resp-tab tr:nth-child(even) {
 background: transparent;
 }
 .resp-tab tr td:nth-child(odd) {
 background: #F8F8F8;
 border-right: 1px solid #E6E4E4;
 }
 .resp-tab tr td:nth-child(even) {
 border-right: 1px solid #E6E4E4;
 }
 .resp-tab td {
 display: block;
 text-align: center;
 }
}



















.table-wrap{
 overflow-x:auto;
 background-color: white;
 box-shadow: 0px 15px 20px rgba(0, 0, 0, 0.2 ); 
 padding: 8px;
} 
table.table-1 {
 border-collapse: collapse;
 border-spacing: 0;
 width: 100%;
}
table.table-1 tr {
 background-color: #f8f8f8;
 font-family: 'Open Sans';
}
table.table-1 th, table.table-1 td {
 text-align: left;
 padding: 8px;
 border: 1px solid #ddd;
 font-size: 12px;
}

table.table-1 th{
 font-weight: bold;
 background: #009688;
 font-family: 'Open Sans';
 color:#fff;
 text-align: center;
 font-size: 15px;
}





.text p {
 margin-bottom: 30px;
}



/* Базовый контейнер табов */
.tabs {
 min-width: 320px;
 max-width: 800px;
 padding: 0px;
 margin: 0 auto;
}
/* Стили секций с содержанием */
.tabs>section {
 display: none;
 padding: 15px;
 background: #fff;
 border: 1px solid #ddd;
}
.tabs>section>p {
 margin: 0 0 5px;
 line-height: 1.5;
 color: #383838;
 /* прикрутим анимацию */
 -webkit-animation-duration: 1s;
 animation-duration: 1s;
 -webkit-animation-fill-mode: both;
 animation-fill-mode: both;
 -webkit-animation-name: fadeIn;
 animation-name: fadeIn;
}
/* Описываем анимацию свойства opacity */
 
@-webkit-keyframes fadeIn {
 from {
 opacity: 0;
 }
 to {
 opacity: 1;
 }
}
@keyframes fadeIn {
 from {
 opacity: 0;
 }
 to {
 opacity: 1;
 }
}
/* Прячем чекбоксы */
.tabs>input {
 display: none;
 position: absolute;
}
/* Стили переключателей вкладок (табов) */
.tabs>label {
 display: inline-block;
 margin: 0 0 -1px;
 padding: 15px 25px;
 font-weight: 600;
 text-align: center;
 color: #aaa;
 border: 0px solid #ddd;
 border-width: 1px 1px 1px 1px;
 background: #f1f1f1;
 border-radius: 3px 3px 0 0;
}
/* Шрифт-иконки от Font Awesome в формате Unicode */
.tabs>label:before {
 font-family: fontawesome;
 font-weight: normal;
 margin-right: 10px;
}
.tabs>label[for*="1"]:before {
 content: "\f19a";
}
.tabs>label[for*="2"]:before {
 content: "\f17a";
}
.tabs>label[for*="3"]:before {
 content: "\f13b";
}
.tabs>label[for*="4"]:before {
 content: "\f13c";
}
/* Изменения стиля переключателей вкладок при наведении */
 
.tabs>label:hover {
 color: #888;
 cursor: pointer;
}
/* Стили для активной вкладки */
.tabs>input:checked+label {
 color: #555;
 border-top: 1px solid #009933;
 border-bottom: 1px solid #fff;
 background: #fff;
}
/* Активация секций с помощью псевдокласса :checked */
#tab1:checked~#content-tab1, #tab2:checked~#content-tab2, #tab3:checked~#content-tab3, #tab4:checked~#content-tab4 {
 display: block;
}
/* Убираем текст с переключателей 
* и оставляем иконки на малых экранах
*/
 
@media screen and (max-width: 680px) {
 .tabs>label {
 font-size: 0;
 }
 .tabs>label:before {
 margin: 0;
 font-size: 18px;
 }
}
/* Изменяем внутренние отступы 
* переключателей для малых экранов
*/
@media screen and (max-width: 400px) {
 .tabs>label {
 padding: 15px;
 }
}













/* стили блока аккордеон */
.accordion {
 width:100%;
 max-width: 800px; 
 margin: 0 auto
}
/* секции аккордеона */
.accordion .accordion_item {
 margin-bottom:1px;
 position:relative
}
/* заголовки панелей аккордеона */
.accordion .title_block {
 font-weight: 400;
 font-size: 18px;
 color: #eee;
 cursor:pointer;
 background: #539992;
 padding:10px 55px 10px 15px;
 -webkit-transition:all .2s linear 0;
 -webkit-transition-delay:.2s 0;
 transition:all .2s linear 0
}
/* переключатель панелей, положение вниз */
.accordion .title_block:before {
 content:'';
 height:8px;
 width:8px;
 display:block;
 border:2px solid #fefefe;
 border-right-width:0;
 border-top-width:0;
 -ms-transform:rotate(-45deg);
 -webkit-transform:rotate(-45deg);
 transform:rotate(-45deg);
 position:absolute;
 right:20px;

}
/* активный переключатель, положение вверх */
.accordion .active_block .title_block:before {
 border:2px solid #fefefe;
 border-left-width:0;
 border-bottom-width:0;
 top:18px
}
.accordion .title_block:hover {
 background: #26A69A 
}
 
/* заголовок активного блока */
.accordion .active_block .title_block {
 background: #26A69A;
 color:#fefefe
 top:18px
}
/* блоки с содержанием */
.accordion .info {
 display:none;
 padding:10px 15px;
 overflow: hidden;
 background:#f7f7f7
}
/* параграф внутри блоков с содержанием */
.accordion .info_item {
 margin-bottom:10px
}
/* картинки внутри аккордеона */
.accordion .info img {
 height: auto;
 box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12);
}
/* полноразмерная картинка */
.large-img {
 width: 100%;
 margin-bottom: 10px;
}
/* миниатюра слева */
.img-left {
 width: 25%;
 float:left;
 margin:5px 15px 5px 0;
}
/* миниатюра справа */
.img-right {
 width: 25%;
 float:right;
 margin:5px 0 5px 15px;
}

div#jivo-label {
left: 57px !important;
}

.preim-block {
 line-height:22px;
 margin-bottom: 25px;
}

.preim-block ul {
 margin: 0;
 padding: 0;
 list-style: none;
}

.preim-block li {
 padding-left: 0px;
}





.iconblock-8 {
 margin: 10px 0;
 padding-right:10px;
}
.iconblock-8 .icon {
 float: right;
 text-align: center;
 position: relative;
 top: 5px;
 left: 5px;
 width: 64px;
 height: 80px;
 background: #00b2a1;
 color: #fff; 
 transition: all .3s;
 transform: skew(-20deg);
 margin-left:30px;
}
.iconblock-8 .icon i,
.iconblock-8 .icon img {
 font-size: 24px;
 height:32px;
 width:32px;
 color: #fff; 
 padding-top:24px;
 z-index:1;
 position: relative;
 box-sizing: content-box;
 transform: skew(20deg);
}
.iconblock-8:hover .icon {
 top: 0;
 left: 0;
}
.iconblock-8:hover .icon {
 box-shadow: 8px 8px #f2f2f2;
}
.iconblock-8 .block {
 overflow: hidden;
 text-align: left;
}
.iconblock-8 h3 {
 transition: all 0.7s ease 0s;
 color: #00b2a1;
 font-size:20px;
 margin:10px 0;
} 
.iconblock-8:hover h3 {
 color: #000;
}




.blocktok { 
background: #f2f2f2;
padding: 25px;
border-radius: 10px;
cursor: pointer;
}
.blocktok:hover { 
background: #f8f8f8;
border: 0px solid #e8e8e8;
}


.blocktok2 {
/* background: #ffc10712; */
padding: 10px;
border-radius: 10px;
cursor: pointer;
border-color: #f2f2f2;
border-style: solid;
}
.blocktok2:hover { 
padding: 10px;
background: #f8f8f8;

border-color: #f2f2f2;
border-style: solid;
}


/*кнопка звонка*/

.callback-bt {
 background:#38a3fd;
 border:2px solid #38a3fd;
 border-radius:50%;
 box-shadow:0 8px 10px rgba(56,163,253,0.3);
 cursor:pointer;
 height:68px;
 text-align:center;
 width:68px;
 position: fixed;
 right: 8%;
 bottom: 25%;
 z-index:999;
 transition:.3s;
 -webkit-animation:hoverWave linear 1s infinite;
 animation:hoverWave linear 1s infinite;
}

.callback-bt .text-call{
 height:68px;
 width:68px; 
 border-radius:50%;
 position:relative;
 overflow:hidden;
}

.callback-bt .text-call span {
 text-align: center;
 color:#38a3fd;
 opacity: 0;
 font-size: 0;
 position:absolute;
 right: 8px;
 top: 22px;
 line-height: 13px;
 font-weight: 600;
 text-transform: uppercase;
 transition: opacity .3s linear;
 font-family: 'montserrat', Arial, Helvetica, sans-serif;
 z-index:999999;
}

.callback-bt .text-call:hover span {
 opacity: 1;
 font-size: 9px;
 z-index:999999;
}
.callback-bt:hover i {
 display:none;
 z-index:999999;
}

.callback-bt:hover {
 z-index:999999;
 background:#fff;
 color:transparent;
 transition:.3s;
}
.callback-bt:hover i {
 color:#38a3fd;
 font-size:40px;
 transition:.3s;
}
.callback-bt i {
 color:#fff;
 font-size:34px;
 transition:.3s;
 line-height: 66px;transition: .5s ease-in-out;
}

.callback-bt i {
 animation: 1200ms ease 0s normal none 1 running shake;
 animation-iteration-count: infinite;
 -webkit-animation: 1200ms ease 0s normal none 1 running shake;
 -webkit-animation-iteration-count: infinite;
}

@-webkit-keyframes hoverWave {
 0% {
 box-shadow:0 8px 10px rgba(56,163,253,0.3),0 0 0 0 rgba(56,163,253,0.2),0 0 0 0 rgba(56,163,253,0.2)
}
40% {
 box-shadow:0 8px 10px rgba(56,163,253,0.3),0 0 0 15px rgba(56,163,253,0.2),0 0 0 0 rgba(56,163,253,0.2)
}
80% {
 box-shadow:0 8px 10px rgba(56,163,253,0.3),0 0 0 30px rgba(56,163,253,0),0 0 0 26.7px rgba(56,163,253,0.067)
}
100% {
 box-shadow:0 8px 10px rgba(56,163,253,0.3),0 0 0 30px rgba(56,163,253,0),0 0 0 40px rgba(56,163,253,0.0)
}
}@keyframes hoverWave {
 0% {
 box-shadow:0 8px 10px rgba(56,163,253,0.3),0 0 0 0 rgba(56,163,253,0.2),0 0 0 0 rgba(56,163,253,0.2)
}
40% {
 box-shadow:0 8px 10px rgba(56,163,253,0.3),0 0 0 15px rgba(56,163,253,0.2),0 0 0 0 rgba(56,163,253,0.2)
}
80% {
 box-shadow:0 8px 10px rgba(56,163,253,0.3),0 0 0 30px rgba(56,163,253,0),0 0 0 26.7px rgba(56,163,253,0.067)
}
100% {
 box-shadow:0 8px 10px rgba(56,163,253,0.3),0 0 0 30px rgba(56,163,253,0),0 0 0 40px rgba(56,163,253,0.0)
}
}

/* animations icon */

@keyframes shake {
0% {
 transform: rotateZ(0deg);
 -ms-transform: rotateZ(0deg);
 -webkit-transform: rotateZ(0deg);
}
10% {
 transform: rotateZ(-30deg);
 -ms-transform: rotateZ(-30deg);
 -webkit-transform: rotateZ(-30deg);
}
20% {
 transform: rotateZ(15deg);
 -ms-transform: rotateZ(15deg);
 -webkit-transform: rotateZ(15deg);
}
30% {
 transform: rotateZ(-10deg);
 -ms-transform: rotateZ(-10deg);
 -webkit-transform: rotateZ(-10deg);
}
40% {
 transform: rotateZ(7.5deg);
 -ms-transform: rotateZ(7.5deg);
 -webkit-transform: rotateZ(7.5deg);
}
50% {
 transform: rotateZ(-6deg);
 -ms-transform: rotateZ(-6deg);
 -webkit-transform: rotateZ(-6deg);
}
60% {
 transform: rotateZ(5deg);
 -ms-transform: rotateZ(5deg);
 -webkit-transform: rotateZ(5deg);
}
70% {
 transform: rotateZ(-4.28571deg);
 -ms-transform: rotateZ(-4.28571deg);
 -webkit-transform: rotateZ(-4.28571deg);
}
80% {
 transform: rotateZ(3.75deg);
 -ms-transform: rotateZ(3.75deg);
 -webkit-transform: rotateZ(3.75deg);
}
90% {
 transform: rotateZ(-3.33333deg);
 -ms-transform: rotateZ(-3.33333deg);
 -webkit-transform: rotateZ(-3.33333deg);
}
100% {
 transform: rotateZ(0deg);
 -ms-transform: rotateZ(0deg);
 -webkit-transform: rotateZ(0deg);
}
}

@-webkit-keyframes shake {
0% {
 transform: rotateZ(0deg);
 -ms-transform: rotateZ(0deg);
 -webkit-transform: rotateZ(0deg);
}
10% {
 transform: rotateZ(-30deg);
 -ms-transform: rotateZ(-30deg);
 -webkit-transform: rotateZ(-30deg);
}
20% {
 transform: rotateZ(15deg);
 -ms-transform: rotateZ(15deg);
 -webkit-transform: rotateZ(15deg);
}
30% {
 transform: rotateZ(-10deg);
 -ms-transform: rotateZ(-10deg);
 -webkit-transform: rotateZ(-10deg);
}
40% {
 transform: rotateZ(7.5deg);
 -ms-transform: rotateZ(7.5deg);
 -webkit-transform: rotateZ(7.5deg);
}
50% {
 transform: rotateZ(-6deg);
 -ms-transform: rotateZ(-6deg);
 -webkit-transform: rotateZ(-6deg);
}
60% {
 transform: rotateZ(5deg);
 -ms-transform: rotateZ(5deg);
 -webkit-transform: rotateZ(5deg);
}
70% {
 transform: rotateZ(-4.28571deg);
 -ms-transform: rotateZ(-4.28571deg);
 -webkit-transform: rotateZ(-4.28571deg);
}
80% {
 transform: rotateZ(3.75deg);
 -ms-transform: rotateZ(3.75deg);
 -webkit-transform: rotateZ(3.75deg);
}
90% {
 transform: rotateZ(-3.33333deg);
 -ms-transform: rotateZ(-3.33333deg);
 -webkit-transform: rotateZ(-3.33333deg);
}
100% {
 transform: rotateZ(0deg);
 -ms-transform: rotateZ(0deg);
 -webkit-transform: rotateZ(0deg);
}
}
/* конец кнопки звонка */




 .exam_01 {
 background: linear-gradient(135deg, #007e72 50%, #009688 50%);
 padding: 30px 50px;
 font-size: 16px;
 color: #ffffff;
}


 .exam_02 {
 background: linear-gradient(135deg, #f2f2f2 50%, #f3f3f3 50%);
 padding: 30px 50px;
 font-size: 16px;

}








a.button1 {
 position: relative;
 color: white;
 font-weight: bold;
 text-decoration: none;
 text-shadow: -1px -1px #000;
 user-select: none;
 padding: .8em 2em;
 outline: none;
 background-color: #000;
 background-image: linear-gradient(45deg, rgba(255,255,255,.0) 30%, rgba(255,255,255,.8), rgba(255,255,255,.0) 70%), radial-gradient(190% 100% at 50% 0%, rgba(255,255,255,.7) 0%, rgba(255,255,255,.5) 50%, rgba(0,0,0,0) 50%);
 background-repeat: no-repeat;
 background-size: 200% 100%, auto;
 background-position: 200% 0, 0 0;
 box-shadow: rgba(0,0,0,.3) 0 2px 5px;
 border-radius:20px;
} 
a.button1:active {
 top: 1px;
 box-shadow: none;
}
a.button1:hover {
 transition: .5s linear;
 background-position: -200% 0, 0 0;
}



.preview-block__btn {
 max-width: 350px;
 margin-top: 35px;
}
 
.custom-btn {
 display: -webkit-box;
 display: -ms-flexbox;
 display: flex;
 -webkit-box-orient: horizontal;
 -webkit-box-direction: normal;
 -ms-flex-flow: row nowrap;
 flex-flow: row nowrap;
 -webkit-box-pack: center;
 -ms-flex-pack: center;
 justify-content: center;
 -webkit-box-align: center;
 -ms-flex-align: center;
 align-items: center;
 width: 100%;
 height: 58px;
 padding-top: 2px;
 border: none;
 border-bottom: 2px solid #beb038;
 position: relative;
 font-size: 15px;
 font-weight: bold;
 color: #000;
 text-align: center;
 text-transform: uppercase;
 cursor: pointer;
 overflow: hidden;
 background: #f3d429;
 -webkit-transition: ease 0.3s;
 transition: ease 0.3s;
}
.custom-btn:after {
 content: "";
 display: block;
 width: 30px;
 height: 300px;
 margin-left: 60px;
 background: #fff;
 background: -moz-linear-gradient(top, rgba(255,255,255,0.7) 0%, rgba(255,255,255,1) 50%, rgba(255,255,255,0.7) 100%);
 background: -webkit-linear-gradient(top, rgba(255,255,255,0.7) 0%,rgba(255,255,255,1) 50%,rgba(255,255,255,0.7) 100%);
 background: linear-gradient(to bottom, rgba(255,255,255,0.7) 0%,rgba(255,255,255,1) 50%,rgba(255,255,255,0.7) 100%);
 filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#b3ffffff', endColorstr='#b3ffffff',GradientType=0 );
 position: absolute;
 left: -40px;
 top: -150px;
 z-index: 1;
 -webkit-transform: rotate(45deg);
 transform: rotate(45deg);
 -webkit-transition: all 0.1s;
 transition: all 0.1s;
 -webkit-animation-name: slideme;
 animation-name: slideme;
 -webkit-animation-duration: 2s;
 animation-duration: 2s;
 -webkit-animation-delay: 0.05s;
 animation-delay: 0.05s;
 -webkit-animation-timing-function: ease-in-out;
 animation-timing-function: ease-in-out;
 -webkit-animation-iteration-count: infinite;
 animation-iteration-count: infinite;
}
 
@-webkit-keyframes slideme {
 0% { left: -30px; margin-left: 0px; }
 30% { left: 110%; margin-left: 80px; }
 100% { left: 110%; margin-left: 80px; } 
}










@-webkit-keyframes sheens {
 0%,
 79% {
 opacity: 0;
 filter: alpha(opacity=0);
 -webkit-transform: rotateZ(60deg) translate(-5em, 7.5em);
 transform: rotateZ(60deg) translate(-5em, 7.5em)
 }
 80% {
 opacity: 1;
 filter: alpha(opacity=100);
 -webkit-transform: rotateZ(60deg) translate(-5em, 7.5em);
 transform: rotateZ(60deg) translate(-5em, 7.5em)
 }
 95% {
 opacity: 1;
 filter: alpha(opacity=100);
 -webkit-transform: rotateZ(60deg) translate(1em, -11em);
 transform: rotateZ(60deg) translate(1em, -11em)
 }
 to {
 opacity: 0;
 filter: alpha(opacity=0);
 -webkit-transform: rotateZ(60deg) translate(1em, -9em);
 transform: rotateZ(60deg) translate(1em, -9em)
 }
}

@keyframes sheens {
 0%,
 79% {
 opacity: 0;
 filter: alpha(opacity=0);
 -webkit-transform: rotateZ(60deg) translate(-5em, 7.5em);
 transform: rotateZ(60deg) translate(-5em, 7.5em)
 }
 80% {
 opacity: 1;
 filter: alpha(opacity=100);
 -webkit-transform: rotateZ(60deg) translate(-5em, 7.5em);
 transform: rotateZ(60deg) translate(-5em, 7.5em)
 }
 95% {
 opacity: 1;
 filter: alpha(opacity=100);
 -webkit-transform: rotateZ(60deg) translate(1em, -11em);
 transform: rotateZ(60deg) translate(1em, -11em)
 }
 to {
 opacity: 0;
 filter: alpha(opacity=0);
 -webkit-transform: rotateZ(60deg) translate(1em, -9em);
 transform: rotateZ(60deg) translate(1em, -9em)
 }
}

.btn_box {
 background: #009688;
 background: -webkit-gradient(linear,left top,right top,from(#009688),to(#009688));
 background: linear-gradient(to right,#009688 0%,#00bcab 100%);
 filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#264894', endColorstr='#0778bf',GradientType=1 );
 -webkit-box-shadow: 0 8px 18px 0 rgba(55,129,208,.53) !important;
 box-shadow: 0 8px 18px 0 rgba(55,129,208,.53) !important;
 -webkit-border-radius: 6px;
 border-radius: 6px;
 border-top: 0;
 border-right: 0;
 border-left: 0;
 border-bottom: 4px solid #009688;
 text-shadow: 0 1px 0 rgba(27,174,91,.004);
 background-position: 0 100%;
 background-size: 100%;
 color: #fff;
 -webkit-transition: .5s;
 transition: .5s;
 padding: 20px 30px;
 font-size: 15px;
 font-weight: 600;
 cursor: pointer;
 position: relative;
 display: inline-block;
}

.btn_flare {
 position: absolute;
 top: 0;
 left: 0;
 width: 100%;
 height: 100%;
 -webkit-border-radius: 6px;
 border-radius: 6px;
 overflow: hidden;
}

.btn_flare:after {
 content: "";
 position: absolute;
 top: -50%;
 right: -50%;
 bottom: -50%;
 left: -50%;
 background: -webkit-gradient(linear,left top,left bottom,from(rgba(229,172,142,0)),color-stop(50%,rgba(255,255,255,.7)),color-stop(50%,rgba(229,172,142,0)));
 background: linear-gradient(to bottom,rgba(229,172,142,0),rgba(255,255,255,.7) 50%,rgba(229,172,142,0));
 -webkit-transform: rotateZ(60deg) translate(-5em,7.5em);
 -ms-transform: rotate(60deg) translate(-5em,7.5em);
 transform: rotateZ(60deg) translate(-5em,7.5em);
 opacity: 0;
 filter: alpha(opacity=0);
 -webkit-animation: sheens 3s infinite;
 animation: sheens 3s infinite;
 z-index: 1;
}

.btn_box:hover {
 background-size: 150%;
 border-color: #00b2a1;
 color: #fff;
}





.btn_box4 {
 background: #03a9f4;
 background: -webkit-gradient(linear,left top,right top,from(#03A9F4),to(#03A9F4));
 background: linear-gradient(to right,#2196F3 0%,#03A9F4 100%);
 filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#264894', endColorstr='#0778bf',GradientType=1 );
 -webkit-box-shadow: 0 8px 18px 0 rgba(55,129,208,.53) !important;
 box-shadow: 0 8px 18px 0 rgba(55,129,208,.53) !important;
 -webkit-border-radius: 6px;
 border-radius: 6px;
 border-top: 0;
 border-right: 0;
 border-left: 0;
 border-bottom: 4px solid #0e81dd;
 text-shadow: 0 1px 0 rgba(27,174,91,.004);
 background-position: 0 100%;
 background-size: 100%;
 color: #fff;
 -webkit-transition: .5s;
 transition: .5s;
 padding: 10px 20px;
 font-size: 13px;
 font-weight: 600;
 cursor: pointer;
 position: relative;
 display: inline-block;
}

.btn_flare4 {
 position: absolute;
 top: 0;
 left: 0;
 width: 100%;
 height: 100%;
 -webkit-border-radius: 6px;
 border-radius: 6px;
 overflow: hidden;
}

.btn_flare4:after {
 content: "";
 position: absolute;
 top: -50%;
 right: -50%;
 bottom: -50%;
 left: -50%;
 background: -webkit-gradient(linear,left top,left bottom,from(rgba(229,172,142,0)),color-stop(50%,rgba(255,255,255,.7)),color-stop(50%,rgba(229,172,142,0)));
 background: linear-gradient(to bottom,rgba(229,172,142,0),rgba(255,255,255,.7) 50%,rgba(229,172,142,0));
 -webkit-transform: rotateZ(60deg) translate(-5em,7.5em);
 -ms-transform: rotate(60deg) translate(-5em,7.5em);
 transform: rotateZ(60deg) translate(-5em,7.5em);
 opacity: 0;
 filter: alpha(opacity=0);
 -webkit-animation: sheens 3s infinite;
 animation: sheens 3s infinite;
 z-index: 1;
}

.btn_box4:hover {
 background-size: 150%;
 border-color: #4fb1ff;
 color: #fff;
}










.btn_box2 {
 background: #009688;
 background: -webkit-gradient(linear,left top,right top,from(#009688),to(#009688));
 background: linear-gradient(to right,#009688 0%,#00bcab 100%);
 filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#264894', endColorstr='#0778bf',GradientType=1 );
 -webkit-box-shadow: 0 8px 18px 0 rgba(55,129,208,.53) !important;
 box-shadow: 0 8px 18px 0 rgba(55,129,208,.53) !important;
 -webkit-border-radius: 6px;
 border-radius: 6px;
 border-top: 0;
 border-right: 0;
 border-left: 0;
 border-bottom: 4px solid #009688;
 text-shadow: 0 1px 0 rgba(27,174,91,.004);
 background-position: 0 100%;
 background-size: 100%;
 color: #fff;
 -webkit-transition: .5s;
 transition: .5s;
 padding: 14px 30px;
 font-size: 12px;
 font-weight: 600;
 cursor: pointer;
 position: relative;
 display: inline-block;
}

.btn_flare2 {
 position: absolute;
 top: 0;
 left: 0;
 width: 100%;
 height: 100%;
 -webkit-border-radius: 6px;
 border-radius: 6px;
 overflow: hidden;
}

.btn_flare2:after {
 content: "";
 position: absolute;
 top: -50%;
 right: -50%;
 bottom: -50%;
 left: -50%;
 background: -webkit-gradient(linear,left top,left bottom,from(rgba(229,172,142,0)),color-stop(50%,rgba(255,255,255,.7)),color-stop(50%,rgba(229,172,142,0)));
 background: linear-gradient(to bottom,rgba(229,172,142,0),rgba(255,255,255,.7) 50%,rgba(229,172,142,0));
 -webkit-transform: rotateZ(60deg) translate(-5em,7.5em);
 -ms-transform: rotate(60deg) translate(-5em,7.5em);
 transform: rotateZ(60deg) translate(-5em,7.5em);
 opacity: 0;
 filter: alpha(opacity=0);
 -webkit-animation: sheens 3s infinite;
 animation: sheens 3s infinite;
 z-index: 1;
}

.btn_box2:hover {
 background-size: 150%;
 border-color: #00b2a1;
 color: #fff;
}













.btn_box3 {
 background: #009688;
 background: -webkit-gradient(linear,left top,right top,from(#009688),to(#009688));
 background: linear-gradient(to right,#009688 0%,#00bcab 100%);
 filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#264894', endColorstr='#0778bf',GradientType=1 );
 -webkit-box-shadow: 0 8px 18px 0 rgba(55,129,208,.53) !important;
 box-shadow: 0 8px 18px 0 rgba(55,129,208,.53) !important;
 -webkit-border-radius: 6px;
 border-radius: 6px;
 border-top: 0;
 border-right: 0;
 border-left: 0;
 border-bottom: 4px solid #009688;
 text-shadow: 0 1px 0 rgba(27,174,91,.004);
 background-position: 0 100%;
 background-size: 100%;
 color: #fff;
 -webkit-transition: .5s;
 transition: .5s;
 padding: 14px 30px;
 font-size: 12px;
 font-weight: 600;
 cursor: pointer;
 position: relative;
 display: inline-block;
}

.btn_flare3 {
 position: absolute;
 top: 0;
 left: 0;
 width: 100%;
 height: 100%;
 -webkit-border-radius: 6px;
 border-radius: 6px;
 overflow: hidden;
}

.btn_flare3:after {
 content: "";
 position: absolute;
 top: -50%;
 right: -50%;
 bottom: -50%;
 left: -50%;
 background: -webkit-gradient(linear,left top,left bottom,from(rgba(229,172,142,0)),color-stop(50%,rgba(255,255,255,.7)),color-stop(50%,rgba(229,172,142,0)));
 background: linear-gradient(to bottom,rgba(229,172,142,0),rgba(255,255,255,.7) 50%,rgba(229,172,142,0));
 -webkit-transform: rotateZ(60deg) translate(-5em,7.5em);
 -ms-transform: rotate(60deg) translate(-5em,7.5em);
 transform: rotateZ(60deg) translate(-5em,7.5em);
 opacity: 0;
 filter: alpha(opacity=0);
 -webkit-animation: sheens 3s infinite;
 animation: sheens 3s infinite;
 z-index: 1;
}

.btn_box3:hover {
 background-size: 150%;
 border-color: #00b2a1;
 color: #fff;
}


.block111, {
 background: #def9e5;
 background: -webkit-gradient(linear,left top,right top,from(#def9e5),to(#effbce));
 background: -webkit-linear-gradient(left,#def9e5 0,#effbce 100%);
 background: -o-linear-gradient(left,#def9e5 0,#effbce 100%);
 background: linear-gradient(to right,#def9e5 0,#effbce 100%);
}



 .block1 {
 background-color: #feeff4;
 border-left: 6px solid #e04386;
 color: #49152c;
 padding: 30px 50px;
 padding-bottom:50px;
 margin-top: 30px;
 margin-bottom: 30px;

 font-size: 15px;
}


.block2 {
background-color: rgba(229,172,142,0);
 border-left: 6px solid #e04386;
 color: #49152c;
 padding: 30px 50px;
 padding-bottom: 50px;
 margin-top: 30px;
 margin-bottom: 30px;
 font-size: 15px;
}

.block3 {
background-color: #add;
 border-left: 6px solid #009688;
 color: #000000;
 padding: 30px 50px;
 padding-bottom: 50px;
 margin-top: 30px;
 margin-bottom: 30px;
 font-size: 15px;
}


.block4 {
 background-color: #fff;
 border-left: 6px solid #009688;
 color: #000000;
 padding: 30px 50px;
 padding-bottom: 50px;
 margin-top: 30px;
 margin-bottom: 30px;
 font-size: 15px;
}





.block5 {
border-radius: 5px;
 color: #fff;
 padding: 30px 24px 30px 44px;
 position: relative;
 /* box-shadow: 0px 1px 5px #999; */
 background-color: #009688;
 margin: 10px;
 margin-top: 40px;
 margin-bottom: 40px;
 font-size: 15px;
 /* margin: 22px 0 22px; */
 font-family: 'CuprumBold';
 /* text-transform: uppercase; */
 font-weight: 400;
}

 .block5:before {
 content: "\f129"; /* код иконки info */
 margin-left: 4px;
 font-family:FontAwesome;
 font-size: 24px;
 left: 20px; /* позиция иконки */
 position: absolute;
}



 .block12345 {
 background-color: #009688;
 border-left: 0px solid #e04386;
 color: #ffffff;
 padding: 30px 50px;

 text-align: center;
 font-size: 20px;

 margin: 22px 0 22px;
 font-family: 'CuprumBold';
 text-transform: uppercase;
 font-weight: 400;
}



.staffright {
 border-radius: 12px;
 background: #a1f4c2;
 padding: 8px;
 margin-left: -28px;
}


.blockquote-4 {
 position: relative;
 font-size: 18px;
 margin: 16px 16px 46px 16px;
 border: 5px solid #019789;
 border-radius: 10px;
 padding: 5px;
}
.blockquote-4::after {
 content:"";
 position: absolute;
 border: 2px solid #337AB7;
 border-radius: 0 50px 0 0;
 width: 40px;
 height: 40px;
 bottom: -40px;
 left: 50px;
 border-bottom: none;
 border-left: none;
 z-index: 2; 
 box-sizing: border-box;
} 
.blockquote-4::before {
 content:"";
 position: absolute;
 width: 80px;
 border: 6px solid #FFF;
 bottom: -3px;
 left: 50px;
 z-index: 1;
}
.blockquote-4 cite {
 position: absolute;
 bottom: -30px;
 left: 110px;
 font-size: 13px;
 font-weight: bold;
 color: #337AB7;
}


.square {
 margin: 0;
 counter-reset: li;
 list-style: none;

 padding: 30px;
}
.square li {
 position: relative;
 margin: 0 0 10px 2em;
 padding: 10px 14px;
 border-top: 2px solid #009688;
 transition: .3s linear;
 font-size: 15px;
}
.square li:last-child {margin-bottom: 0;}
.square li:before {
 content: counter(li);
 counter-increment: li;
 position: absolute;
 top: -2px;
 left: -2em;
 width: 2em;
 box-sizing: border-box;
 margin-right: 8px;
 padding: 4px;
 border-top: 2px solid #009688;
 border-left: 2px solid transparent;
 border-right: 2px solid transparent;
 border-bottom: 2px solid transparent;
 background: #009688;
 color: white;
 font-weight: bold;
 text-align: center;
 transition: .3s linear;
}
.square li:hover {border-top: 2px solid #389F70;}
.square li:hover:before {
 border: 2px solid #00a596;
 background: #00a596;
 border-top: 2px solid #00a596;
}


.push {
 list-style: none;
 padding-bottom: 30px;
}
.push li {
 position: relative;
 padding: 20px 0 7px 40px;
 color: #7a7a7a;
 font-size: 15px;
 cursor: pointer;
}
.push li:before {
 position: absolute;
 width: 7px;
 height: 7px;
 border-radius: 50%;
 background: #4F5151;
 content: "";
 left: 0;
 transition: .3s ease-in-out;
 top: 27px;
}
.push li:after {
 position: absolute;
 border-left: 1px dotted #4F5151;
 width: 1px;
 bottom: -12px;
 content: "";
 left: 3px;
 top: 48px;
}
.push li:hover:before{box-shadow: 0 0 0 10px #ebebeb;}
.push li:last-child:after {content: none;}

.tops {
padding-top: 60px;
}

.tops2 {
padding-top: 40px;
}

.buts {
padding-bottom: 60px;
}


.slidetext {
 color: #ffffff;
}


.read-m {white-space: nowrap;overflow: hidden; text-overflow: ellipsis;width:350px;}

#toc_container {
 background: #f9f9f9;
 border: 1px solid #aaa;
 padding: 20px;
 margin-bottom: 1em;
 width: auto;
 display: table;
 font-size: 95%;
}

#toc_container ul li {
 list-style-type: square;
 color: #009688;
 margin: 0;
 padding: 0;
}

.list6b {
 padding:0;
 list-style: none;
}
.list6b li{
 padding:16px;
 font-size:14px;
}
.list6b li:before {
 padding-right:10px;
 font-weight: bold;
 color: #009688;
 content: "\203A";
 transition-duration: 0.5s;

.list6b li:hover:before {
 color: #C0C0C0;
 content: "\203A";
}