*, :focus {
    outline: -webkit-focus-ring-color none 0;
}
strong, b {
    font-weight: 700;
}
body {
    font-family: 'Open Sans',sans-serif;
    font-size: 18px;
    line-height: 30px;
    color: #2e2e2e;
    font-weight: 300;
    position: relative;
    overflow-x: hidden!important;
    -webkit-font-smoothing: antialiased;
}
body.header-tr {
}
body.tmpl-component {
    background: rgba(0, 0, 0, 0) none repeat scroll 0 0;
    text-align: center;
    padding: 0;
    min-width: 0;
}
body.scroll-no {
    overflow: hidden;
}
#overlay-layer.active {
    z-index: 10002;
    position: fixed;
    top: 0;
    bottom: 0;
    right: 0;
    left: 0;
    background: rgba(0, 0, 0, 0.6);
}
.alert-danger, .alert-error {
  background-color: #fff;
  border-color: #fff;
  color: #b94a48;
}
div#system-message-container {
    padding: 25px;
}
#system-message-container .alert .close {
  display: none;
}
#system-message-container h4.alert-heading {
    font-size: 20px;
    font-family: Roboto;
    font-weight: 400;
    text-transform: uppercase;
    color: #000000;
    text-align: center;
    margin: 0 auto 20px;
}
#system-message-container .alert-message {
    color:  #000000;
    font-family: Roboto;
    font-size: 16px;
    text-align: center;
}
#system {
	display: none;
}
.alert-message a.btn {
    width: 200px;
    margin: 15px auto 0;
    padding: 0;
}
/*----error-----*/
#errorboxbody {
  height: calc(100vh - 352px);
  min-height: 495px;
}
.err_header {
  font-family: Roboto;
  font-size: 26px;
  margin: 25px 0 40px;
  text-align: center;
}
#errorboxbody > img {
  display: block;
  margin: 0 auto 10px;
  width: 360px;
}
.err_code {
  color: #ffffff;
  display: block;
  font-family: Roboto;
  font-size: 200px;
  font-weight: bold;
  line-height: 200px;
  margin: 0 auto 15px;
  text-align: center;
}

h1,h2, .h1, .h2 {
font-weight:300;
letter-spacing:1px;
text-transform:uppercase;
}

h1, .h1 {
font-size:39px;
line-height:45px;
}

h2, .h2 {
font-size:28px;
line-height:32px;
}

h3,h4,h5,h6, .h3, .h4, .h5, .h6 {
font-weight:400;
}

h3, .h3 {
font-size:21px;
line-height:25px;
text-transform:uppercase;
letter-spacing:1px;
}

h4, .h4 {
font-size:17px;
line-height: 21px;
text-transform:uppercase;
letter-spacing:1px;
}

h5, .h5 {
font-size:14px;
line-height: 18px;
text-transform:uppercase;
}

h6, .h6 {
font-size:15px;
line-height:1.7333333333333em;
font-family:Georgia,serif;
font-style:italic;
}

h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6 {
    color: #141318;
}
p {
    margin:0 0 25px;
    padding: 0;
    border: 0;
    font-size: inherit;
    font-family: inherit;
    vertical-align: top;
}

h1 a,h2 a,h3 a,h4 a,h5 a,h6 a {
color:inherit;
font-family:inherit;
font-size:inherit;
font-weight:inherit;
font-style:inherit;
line-height:inherit;
letter-spacing:inherit;
text-transform:inherit;
}

a,p a {
text-decoration:none;
cursor:pointer;
-webkit-transition:color .15s ease-out;
-moz-transition:color .15s ease-out;
-o-transition:color .15s ease-out;
-ms-transition:color .15s ease-out;
transition:color .15s ease-out;
}

a,h1 a:hover,h2 a:hover,h3 a:hover,h4 a:hover,h5 a:hover,h6 a:hover,p a {
color:#d6ab60;
}

a {
  font: inherit;
  color: inherit;
  text-decoration: none;
  -moz-transition: 0.3s;
  -o-transition: 0.3s;
  -webkit-transition: 0.3s;
  transition: 0.3s;
}
a:focus {
  outline: none;
}
a:active {
  background-color: transparent;
}

a[href^="tel:"],
a[href^="callto:"] {
  color: inherit;
  text-decoration: none;
}

a[href^="callto:"]:hover {
  text-decoration: underline;
}

img {
    height: auto;
    max-width: 100%;
    vertical-align: top;
}

a.switcher {
	display: none;
}
.popover {
    background: #f6f6f6;
    color: #000;
    font-size: 13px;
    line-height: 15px;
    width: 20%;
    padding: 15px;
}
h3.popover-title {
    color: #000;
    font-size: 16px;
    text-align: left;
    margin: 0 0 10px;
    font-weight: 400;
}
.popover .arrow {
    position: absolute;
    left: -20px;
    top: calc(50% - 10px);
    background: transparent;
    width: 0;
    height: 0;
    border-width: 10px;
    border-color: transparent #f6f6f6 transparent transparent;
    border-style: solid;
}
a#back-top {
    width: 58px;
    height: 58px;
	border-radius: 50%;
    font-size: 25px;
    line-height: 58px;
    color: #fff;
    background: #cdab70;
    position: fixed;
    right: 10px;
    bottom: 10px;
    display: none;
    overflow: hidden;
    text-align: center;
    text-decoration: none;
    z-index: 9998;
    -webkit-transition: background-color .8s;
    -moz-transition: background-color .8s;
    transition: background-color .8s;
}
a#back-top:hover {
	color: #fff;
	background: #141318;
	text-decoration: none;
}

a.sidebar-close {
    display: none;
    background: #fff;
    padding: 6px 0 6px 15px;
    border-bottom: 1px solid #5f2a7c;
}
a.sidebar-close > i {
    border-radius: 50%;
    background: #d0d0d0;
    width: 36px;
    height: 36px;
    font-size: 24px;
    line-height: 34px;
    display: inline-block;
    text-align: center;
}
.filter-wrap {
    margin-bottom: 40px;
}
.control-group {
    margin-bottom: 15px;
}
.control-label {
    margin-bottom: 10px;
}
input[disabled], select[disabled], textarea[disabled], input[readonly], select[readonly], textarea[readonly] {
    cursor: not-allowed;
    background-color: #f3f3f3 !important;
}
input:-webkit-autofill, textarea:-webkit-autofill, select:-webkit-autofill {
	background-color: #fff;
}
sub {
    bottom: 0.25em;
}
.btn {
    display: inline-block;
    position: relative;
    outline: 0;
    font-style: normal;
    font-weight: 700;
    font-family: 'Open Sans',sans-serif;
    border-radius: 0;
    box-sizing: border-box;
    text-decoration: none;
    line-height: 1;
    max-width: 100%;
    padding: 18px 34px;
    cursor: pointer;
    text-align: center;
    overflow: hidden;
    vertical-align: top;
    white-space: nowrap;
    text-overflow: ellipsis;
    border: 1px solid;
    box-shadow: none;
    transition: .3s;
    text-transform: capitalize;
    font-size: 18px;
    font-weight: 400;
    letter-spacing: 0;
	-webkit-transition: color .15s ease-out,background-color .15s ease-out,border-color .15s ease-out;
    -moz-transition: color .15s ease-out,background-color .15s ease-out,border-color .15s ease-out;
    transition: color .15s ease-out,background-color .15s ease-out,border-color .15s ease-out;
}
.btn span {
	position: relative;
	z-index: 1;
	color: inherit;
}

.btn-primary, .read-more {
  color: #fff;
  background-color: #cdab70;
  border-color: #cdab70;
}
.btn-primary:focus, .read-more:focus {
  color: #fff;
  background-color: #141318;
  border-color: #141318;
}
.btn-primary:hover, .read-more:hover {
  color: #fff;
  background-color: #141318;
  border-color: #141318;
}
.btn-primary.inverse, .read-more.inverse {
  color: #fff;
  background-color: #141318;
  border-color: #fff;
}
.btn-primary.inverse:focus, .read-more.inverse:focus {
  color: #fff;
  background-color: #141318;
  border-color: #fff;
}
.btn-primary.inverse:hover, .read-more.inverse:hover {
  color: #fff;
  background-color: #cdab70;
  border-color: #cdab70;
}

textarea, input[type="text"], input[type="password"], input[type="email"], input[type="tel"] {
    text-align: left;
    display: block;
    width: 100%;
    margin: 0;
    -webkit-appearance: none;
    line-height: 20px;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0;
    padding: 16px 15px;
    border: 1px solid #d7d7d7;
    outline: 0;
    font-family: Open Sans;
    font-size: 14px;
    background-color: #fff;
    color: #757575;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    vertical-align: middle;
}

textarea:focus, input[type="text"]:focus, input[type="password"]:focus, input[type="email"]:focus {
	border-color: #d0e9dc;
}
textarea.required.invalid, input.required.invalid, input.fielderror[type="text"], input.fielderror[type="password"], input.fielderror[type="email"], textarea.fielderror {
  border-color: #f00;
}
.text-center {
	text-align: center;
}
.text-left {
	text-align: left;
}
.text-right {
	text-align: right;
}
/*breadcrumb*/
.navigation {
    margin: 0 0 30px;
    padding: 0 0 10px;
}
.breadcrumb {
  list-style: outside none none;
  margin: 0;
  padding: 0;
}
.breadcrumb > li {
    display: inline-block;
    float: left;
    position: relative;
    max-width: 100%;
    overflow: hidden;
}
.breadcrumb > li > a, .breadcrumb > li > span {
    box-sizing: border-box;
    display: inline-block;
    font-size: 15px;
    padding: 0 5px 0 0;
    vertical-align: middle;
    white-space: nowrap;
}
.breadcrumb > li > a:hover {
	text-decoration: underline;
}
span.divider:after {
    content: "\e87a";
    font-family: 'Linearicons-Free';
    font-size: 12px;
}
.breadcrumb > li:first-child {
	display: none;
}

/*пагинация*/
.pagination {
    padding: 50px 0;
    text-align: center;
}
.pagination > ul , .pagination_top > ul{
    list-style: outside none none;
    margin: 0;
    padding: 0;
    text-align: center;
    display: inline-block;
    vertical-align: middle;
}
.pagination > ul:after, .pagination_top > ul:after {
	clear: both;
    content: ".";
    display: block;
    height: 0;
    line-height: 0;
    visibility: hidden;
}
.pagination > ul > li, .pagination_top > ul > li {
    display: inline-block;
    float: left;
    margin: 0 1px;
}
.pagination > ul > li > span, .pagination > ul > li > a, .pagination > ul > li > span, .pagination > ul > li > a, .pagination_top > ul > li > span, .pagination_top > ul > li > a {
    box-sizing: border-box;
    color: #141318;
    display: inline-block;
    font-size: 20px;
    margin: 0;
    padding: 0;
    text-align: center;
    vertical-align: top;
    line-height: 44px;
    font-weight: 300;
    width: 46px;
    height: 46px;
    background: #fff;
    border: 1px solid #cdab70;
}
.pagination .pagination-next > a, .pagination .pagination-prev > a, .pagination_top .pagination-next > a, .pagination_top .pagination-prev > a {
    font-family: 'Linearicons-Free';
    font-size: 15px;
    line-height: 44px;
    display: inline-block;
    vertical-align: top;
    width: 46px;
    height: 46px;
    font-weight: bold;
    background: #fff;
}
.pagination-next > a:after, .pagination-next > a:after {
    content: "\e876";
}
.pagination-prev > a:after, .pagination-prev > a:after {
    content: "\e875";
}
.pagination > ul > li > a:hover, .pagination > ul > li > span, .pagination_top > ul > li > a:hover, .pagination_top > ul > li > span {
    color: #fff;
    background: #cdab70;
}
.pagination > ul > li.pagination-start, .pagination > ul > li.pagination-end,
.pagination_top > ul > li.pagination-start, .pagination_top > ul > li.pagination-end {
  display: none;
}
.pagination > ul > li.pagination-prev > span, .pagination > ul > li.pagination-next > span,
.pagination_top > ul > li.pagination-prev > span, .pagination_top > ul > li.pagination-next > span {
  display: none;
}

/*header*/
#header {
    background: #141318;
    position: relative;
    z-index: 9999;
    height: 163px;
}
#header .header-menu-panel {
    background: #141318;
    -webkit-transition: top .5s ease-out;
    -moz-transition: top .5s ease-out;
    transition: top .5s ease-out;
    padding: 26px 0;
}
#header.scrolling .header-menu-panel {
	position: fixed;
	top: -62px;
	left: 0;
	right: 0;
	padding: 6px;
}
#header.scrolled .header-menu-panel {
    position: fixed;
    top: 0px;
    left: 0;
    right: 0;
    padding: 6px;
}
.header-top-panel {
    border-bottom: 1px solid #ebeaea;
}
#header .header-phone {
    text-align: left;
    margin: 0;
}
#header .header-phone a, #header .header-phone p {
    font-size: 16px;
    line-height: 26px;
    margin: 18px 10px;
    color: #ebeaea;
    display: inline-block;
    vertical-align: middle;
}
#header .header-phone a > i, #header .header-phone p > i {
    font-size: 18px;
    margin: 0 10px 0 0;
    vertical-align: top;
    color: #cdab70;
}

#header .header-logo {
    display: inline-block;
    float: left;
}
#header .header-logo .logo-img {
    max-width: 144px;
}
.header-tr #header .header-logo .logo-img {

}
.header-tr #header.scrolled .header-logo .logo-img {

}

/*catalog-menu*/
.catalog-menu {
    float: left;
    display: block;
    margin: 0 0 0 80px;
    width: calc(100% - 224px);
}
.catalog-menu .menu {
    display: inline-block;
    margin: 0;
    padding: 0;
    list-style: none;
}
.catalog-menu .menu > li {
    padding: 16px 0 10px;
    display: inline-block;
    vertical-align: middle;
    position: relative;
}
.catalog-menu .menu > li > a, .catalog-menu .menu > li > span {
    font-size: 16px;
    line-height: 22px;
    color: #ebeaea;
    letter-spacing: 1px;
    font-weight: 500;
    padding: 0 15px;
    display: block;
    cursor: pointer;
}
.catalog-menu .menu > li.parent > a, .catalog-menu .menu > li.parent > span {
    padding-right: 30px;
}
.catalog-menu .menu > li.parent > a:after, .catalog-menu .menu > li.parent > span:after {
    display: block;
    position: absolute;
    top: 18px;
    right: 6px;
    border-right: none !important;
    font-size: 14px;
    content: "\e874";
    font-family: 'Linearicons-Free';
}
.catalog-menu .menu > li.parent > a.switcher:after {
	display: none;
}
.catalog-menu .menu > li.active > a, .catalog-menu .menu > li > a:hover, .catalog-menu .menu > li.active > span, .catalog-menu .menu > li > span:hover {
    color: #cdab70;
}

.catalog-menu .menu > li > div.level-2 {
    list-style: none;
    height: 0;
    overflow: hidden;
    position: absolute;
    top: 48px;
    left: 0;
    background: #cdab70;
    margin: 0;
    padding: 0;
    display: block;
    width: 260px;
}
.catalog-menu .menu > li:hover  > div.level-2 {
	height: auto;
}
.catalog-menu .menu > li > div.level-2 > ul {
	opacity: 0;
    list-style: none;
    padding: 15px 0;
	-webkit-transition: opacity .3s ease-out;
    -moz-transition: opacity .3s ease-out;
    transition: opacity .3s ease-out;
}
.catalog-menu .menu > li:hover > div.level-2 > ul {
	opacity: 1;
}
.catalog-menu .menu > li > div.level-2 > ul > li {
    padding: 10px 0;
    border-bottom: 1px solid #fff;
}
.catalog-menu .menu > li > div.level-2 > ul > li:last-child {
    border-bottom: 1px solid transparent;
}
.catalog-menu .menu > li > div.level-2 > ul >li > a {
    display: block;
    color: #fff;
    height: auto;
    font-size: 14px;
    line-height: 16px;
    font-weight: 400;
    margin: 0 15px;
    padding: 0;
    border-bottom: 1px solid transparent;
    float: none;
    -webkit-transition: color .15s ease-out;
    -moz-transition: color .15s ease-out;
    transition: color .15s ease-out;
    position: relative;
	-webkit-transition: color .3s ease-out;
    -moz-transition: color .3s ease-out;
    transition: color .3s ease-out;
}
.catalog-menu .menu > li > div.level-2 > ul >li > a:hover {
	color: #141318;
}
.catalog-menu .menu > li > div.level-2 > ul > li > a:after {
    content: '';
    position: absolute;
    bottom: -4px;
    width: 0;
    height: 0;
    border-bottom: 1px solid #d6ab60;
    left: 0;
    -webkit-transition: width .2s ease-out;
    -moz-transition: width .2s ease-out;
    transition: width .2s ease-out;
}
.catalog-menu .menu > li > div.level-2 > ul >li:hover > a:after {
    width: 100%;
}

.header-lang {
    float: right;
    padding: 11px 0 0;
}
.header-lang .mod-languages a {
    text-decoration: none;
    color: #ebeaea;
}
.header-lang .mod-languages .lang-active a {
    color: #cdab70;
}


/*center*/
.center-1, .center-3 {
    padding: 100px 0;
}
.center-1 .mod-wrap, .center-2 .mod-wrap, .center-3 .mod-wrap, .center-4 .mod-wrap, .center-5 .mod-wrap, .center-6 .mod-wrap {
    padding: 150px 60px 0 60px;
    position: relative;
}
.center-1 .mod-header, .center-2 .mod-header, .center-3 .mod-header, .center-4 .mod-header, .center-5 .mod-header, .center-6 .mod-header {
    margin: 0 0 30px;
}
.center-1 .mod-header:before, .center-2 .mod-header:before, .center-3 .mod-header:before, .center-4 .mod-header:before, .center-5 .mod-header:before, .center-6 .mod-header:before {
    content: "01";
    position: absolute;
    display: inline-block;
    font-size: 200px;
    color: rgba(174,174,174,0.1);
    font-weight: 600;
    top: 0;
    left: 0;
    line-height: 200px;
    vertical-align: bottom;
}
.center-1 .mod-header p.h2, .center-2 .mod-header p.h2, .center-3 .mod-header p.h2, .center-4 .mod-header p.h2, .center-5 .mod-header p.h2, .center-6 .mod-header p.h2 {
    position: relative;
    padding: 0;
    display: inline-block;
    margin: 0;
    text-transform: none;
    font-size: 46px;
    line-height: 46px;
}
.center-1 .mod-text, .center-3 .mod-text, .center-4 .mod-text {
    padding: 0 0 30px;
}
.center-2 {
    padding: 80px 0;
    background: url(../../../images/modules/bg-1.jpg) 50% 50% no-repeat;
    background-size: cover;
}
.center-2 .mod-wrap {
    padding: 92px 50px 0 60px;
    margin: 0 0 30px;
}
.center-2 .mod-header:before {
    content: "02";
	color: rgba(251,251,251,0.1);
}
.center-2 .mod-header p.h2 {
    color: #fff;
}
.center-2 .mod-counter {
    padding: 0 0 0 50px;
}
.center-2 .mod-counter > p {
    color: #fff;
    font-size: 20px;
    margin: 0 0 50px;
    padding: 0;
    text-align: center;
}
.center-2 .mod-counter span.counter {
    color: #cdab70;
    font-size: 86px;
    font-weight: 700;
    display: block;
    line-height: 90px;
    margin: 0 0 20px;
}
.center-2 p.counter-desc {
    color: #fff;
    line-height: 24px;
    font-size: 22px;
}
.center-3 .mod-wrap {
    padding-right: 0;
}
.center-3 .mod-header:before {
    content: "03";
}
.center-3 .service span.i-wrap {
    display: inline-block;
    padding: 20px;
    border: 1px solid #d8d8d8;
    font-size: 32px;
    color: #cdab70;
    line-height: 1px;
    vertical-align: middle;
    margin: 0 20px 0 0;
	-webkit-transition:color .15s ease-out;
	-moz-transition:color .15s ease-out;
	-o-transition:color .15s ease-out;
	-ms-transition:color .15s ease-out;
	transition:color .15s ease-out;
}
.center-3 .service span.i-wrap:hover {
	color: #141318;
}
.center-3 .service {
    margin: 0 0 30px 0;
    float: left;
    width: 50%;
    padding: 0 15px;
}
.center-3 .service a {
    text-transform: uppercase;
    font-size: 18px;
    line-height: 18px;
    display: inline-block;
}
.center-3 .service a:hover {
	color: #cdab70;
}
.center-4 .f-col-right {
    float: right;
    width: 50%;
}
.center-4 .f-col-left {
    float: left;
    width: 50%;
    text-align: right;
}
.center-4 .f-col-left, .center-4 .f-col-right {
    max-height: 547px;
    overflow: hidden;
}
.center-4 .mod-wrap {
    padding: 150px 60px 0 120px;
}
.center-4 .mod-header:before {
    content: "04";
    color: rgba(251,251,251,0.1);
    left: 60px;
}
.center-4 .f-inverse {
    background: #141318;
}
.center-4 .f-padding {
    padding: 50px 0 70px;
}
.center-4 .f-inverse .mod-header .h2 {
    color: #fff;
}
.center-4 .f-inverse .mod-text p {
    color: #fff;
}
.center-4 .droppicsgallerymasonry {
    text-align: right;
}
.center-4 .droppicsgallerymasonry .droppicspictures {
    margin: 0;
    display: inline-block;
    width: 100%;
}

.center-4 .droppicsgallery img{
    -webkit-filter: grayscale(1);
    filter: grayscale(1);
    transition: all 500ms cubic-bezier(0.725, 0.24, 0.75, 0.75);
}
.center-4 .droppicsgallery img:hover{
    -webkit-filter: grayscale(0);
    filter: grayscale(0);
}
.center-5 {
	padding: 100px 0 50px;
}
.center-5 .mod-header:before {
    content: "05";
}
.center-6 .mod-header:before {
    content: "06";
}
.center-5 .mod_joomowl_carousel.owl-carousel, .center-6 .mod_joomowl_carousel.owl-carousel {
    padding: 0;
}
.center-5 .owl-item .item .item_wrap, .center-6 .owl-item .item .item_wrap {
    border: 1px solid #ccc;
    margin: 1px;
}
.center-5 .owl-nav, .center-6 .owl-nav {
    text-align: center;
    padding: 20px;
}
.center-5 .mod_joomowl_carousel.owl-carousel .owl-nav .owl-next, .center-5 .mod_joomowl_carousel.owl-carousel .owl-nav .owl-prev, .center-6 .mod_joomowl_carousel.owl-carousel .owl-nav .owl-next, .center-6 .mod_joomowl_carousel.owl-carousel .owl-nav .owl-prev {
    position: relative;
    cursor: pointer;
    top: auto;
    left: auto;
    right: auto;
    font-size: 32px;
    display: inline-block;
    padding: 0 10px;
    line-height: 1px;
}
.center-5 .mod_joomowl_carousel.owl-carousel .owl-nav .owl-prev:before,
.center-6 .mod_joomowl_carousel.owl-carousel .owl-nav .owl-prev:before {
    content: "\e875";
    font-family: 'Linearicons-Free';
}
.center-5 .mod_joomowl_carousel.owl-carousel .owl-nav .owl-next:before,
.center-6 .mod_joomowl_carousel.owl-carousel .owl-nav .owl-next:before {
    content: "\e876";
    font-family: 'Linearicons-Free';
}
.center-6 .box-container {
	padding: 50px 0 100px;
	border-top: 1px solid #ccc;
}





/*blog*/

/*uslugi*/
.tmp_blog_uslugi .item-introtext .page-header {
    position: relative;
    padding-bottom: 1px;
    margin: 0 0 20px;
}
.tmp_blog_uslugi .item-introtext .page-header:after {
    content: "";
    display: block;
    position: absolute;
    background: #e7bd74;
    width: 50px;
    height: 1px;
    bottom: 0;
    left: 0;
}
.tmp_blog_uslugi .pull-wrap {
    background: #f6f6f6;
}
.tmp_blog_uslugi .pull-right.item-image, .tmp_blog_uslugi .pull-right.item-introtext {
    float: left;
    width: 50%;
}
.tmp_blog_uslugi .pull-left.item-image, .tmp_blog_uslugi .pull-left.item-introtext {
    float: right;
    width: 50%;
}
.tmp_blog_uslugi .item-introtext {
    padding: 40px 90px;
}
.tmp_blog_uslugi .item-image {
    position: relative;
    overflow: hidden;
    text-align: center;
}
.tmp_blog_uslugi .item-image:after {
    content: '';
    position: absolute;
    z-index: 1;
    top: 11px;
    bottom: 11px;
    left: 11px;
    right: 11px;
    display: block;
    border-color: inherit;
    border-style: solid;
    border-width: 1px;
}
.tmp_blog_uslugi .item-image  img {
	-webkit-transition: all 2.5s ease;
    -moz-transition: all 2.5s ease;
    transition: all 2.5s ease;
}
.tmp_blog_uslugi .item-image:hover  img {
    -webkit-transform: scale(1.1);
    -moz-transform: scale(1.1);
    transform: scale(1.1);
}
/*portfolio*/
.tmp_blog_portfolio .items-row-fluid {
    margin: 0 -20px;
}
.tmp_blog_portfolio .item-fluid {
    float: left;
    width: 50%;
    padding: 0 20px;
    overflow: hidden;
    margin: 0 0 40px;
}
.tmp_blog_portfolio .item-fluid-wrap {
    position: relative;
    height: 100%;
}
.tmp_blog_portfolio .item-fluid-wrap > a {
    display: block;
    width: 100%;
    height: 100%;
}
.tmp_blog_portfolio .item-fluid-introtext {
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    background: rgba(0, 0, 0, 0.4);
    padding: 15px 20px;
}
.tmp_blog_portfolio .itf-header h2 {
    color: #fff;
    font-size: 20px;
    font-weight: 500;
    margin: 0;
    line-height: 22px;
}

/*page*/
.item-page {
    padding: 0 0 100px;
}
.item-page h2, .item-page h3 {
    font-size: 22px;
}
/*contact-page*/
.contact-page {
    margin: 70px 0 0;
}
.contact-page .wrap {
    background: #141318;
    padding: 50px 150px;
}
.contact-page .wrap p.h3 {
    color: #fff;
}
.contact-page form.pwebcontact-form .pweb-field-container.pweb-field-name,
.contact-page form.pwebcontact-form .pweb-field-container.pweb-field-email,
.contact-page form.pwebcontact-form .pweb-field-container.pweb-field-phone {

}
.contact-page form.pwebcontact-form .pweb-field-container.pweb-field-name {

}
.contact-page .btn-default {
    color: #fff;
    background-color: #141318;
    border-color: #fff;
}
.contact-page .btn-default:hover {
	   color: #fff;
    background-color: #cdab70;
    border-color: #cdab70;
}
.contact-page .pweb-chars-counter span {
    color: #fff;
    font-size: 14px;
}

.content .slick-prev, .content .slick-next {
    font-family: 'ElegantIcons';
    font-size: 30px;
    line-height: 30px;
    position: absolute;
    top: 50%;
    display: block;
    width: 30px;
    height: 30px;
    padding: 0;
    margin-top: -10px\9;
    -webkit-transform: translate(0, -50%);
    -ms-transform: translate(0, -50%);
    transform: translate(0, -50%);
    cursor: pointer;
    color: #313131;
    border: none;
    outline: none;
    background: #fff;
}
.content .slick-prev i, .content .slick-next i {
	display: none;
}
.video-wrap, .video-wrap > iframe {
	max-width: 100%;
}

/*footer*/

.footer-wrap {
    padding: 75px 0 90px;
    background-color: #141318;
    background-position: center center;
    background-size: cover;
    color: #ebeaea;
	text-align: center;
}
#footer p.header {
    color: #fff;
    text-transform: uppercase;
    margin: 0 0 27px;
    line-height: 18px;
}
.footer-logo {
    margin: 0 0 45px;
}
.footer-1 p, .footer-1 a {
    color: #ccc;
    margin: 0 0 15px;
    display: block;
    font-size: 18px;
    line-height: 30px;
}
.footer-1 p > i, .footer-1 a > i {
    font-size: 18px;
    margin: 0 10px 0 0;
    vertical-align: middle;
    color: #cdab70;
}


.footer-bottom {
    padding: 18px 0;
}
.developer, .copyright {
    font-size: 14px;
}
.copyright {
}
.developer {
}


/*----------------------------------------------------------------------------------------*/
/*-----------------------------------------media------------------------------------------*/
/*----------------------------------------------------------------------------------------*/
@media (min-width: 1600px) {
	
}

@media (min-width: 1360px) {
 
}

@media (min-width: 1280px) {
 
}

@media (min-width: 1024px) {
 
}

@media (max-width: 1680px) {

}

@media (max-width: 1599px) {
	.tmp_blog_uslugi .item-introtext {
		padding: 40px 50px;
	}
	
	.center-3 .service {
		text-align: left;
	}
	.center-3 .service span.i-wrap {
		margin: 0;
	}
	.center-3 .service a {
		display: block;
		margin: 15px auto 0;
	}
}

@media (max-width: 1359px) {

}

@media (max-width: 1279px) {
	.tmp_blog_uslugi .pull-wrap {
		background: #f6f6f6;
		margin: 0 0 30px;
	}
	.tmp_blog_uslugi .pull-wrap {
		background: #f6f6f6;
		margin: 0 0 30px;
	}
	.tmp_blog_uslugi .item-introtext {
		padding: 0 30px;
	}
	.contact-page form.pwebcontact-form .pweb-field-container.pweb-field-name, .contact-page form.pwebcontact-form .pweb-field-container.pweb-field-email, .contact-page form.pwebcontact-form .pweb-field-container.pweb-field-phone {
		display: inline-block;
		width: 100%;
		margin-left: 0;
	}
}

@media (max-width: 1024px) {
	
	
}


@media (max-width: 989px) {
	#header {
		height: 57px;
		border-bottom: 1px solid #fff;
	}
	#header .header-menu-panel {
		padding: 12px 0;
		border-bottom: 1px solid #fff;
	}
	#header.scrolled .header-menu-panel {
		padding: 12px 0;
	}
	a.mobile-sidebar-close {
		float: right;
		display: inline-block;
		color: #fff;
		font-size: 32px;
	}
	#header .header-logo .logo-img {
		max-width: 96px;
	}
	.catalog-menu {
		float: right;
		margin: 0;
	}
	.catalog-menu .menu > li.parent > a:after {
		display: none;
	}
	.catalog-menu .menu > li.parent > a.switcher {
		display: inline-block;
		position: absolute;
		top: 0px;
		right: 0px;
		height: 52px;
		padding: 0;
		text-align: center;
		width: 52px;
	}
	.catalog-menu .menu > li.parent > a.switcher:after {
		display: block;
		content: "\e874";
		font-family: 'Linearicons-Free';
		font-size: 22px;
		line-height: 52px;
		position: relative;
		top: 0;
		right: auto;
		color: #fff;
	}
	.catalog-menu .menu > li.parent > a.switcher.collapsed:after {
		content: "\e873";
	}
	.catalog-menu-container {
		position: fixed;
		top: 59px;
		left: 0;
		background: #141318;
		width: 0;
		overflow: hidden;
		z-index: 10000;
		height: calc(100vh - 62px);
		-webkit-transition: width .35s ease;
		-moz-transition: width .35s ease;
		-o-transition: width .35s ease;
		transition: width .35s ease;
	}
	.catalog-menu-container.open {
		width: 100%;
		overflow-y: auto;
	}
	.catalog-menu .menu {
		display: block;
		margin: 0;
		padding: 30px 50px;
		list-style: none;
	}
	.catalog-menu .menu > li {
		padding: 0;
		display: block;
		vertical-align: middle;
		position: relative;
	}
	.catalog-menu .menu > li > a, .catalog-menu .menu > li > span {
		font-size: 18px;
		line-height: 33px;
		border-right: none;
		padding: 9px 0;
		display: block;
		color: #fff;
	}
	.catalog-menu .menu > li > div.level-2 {
		height: 0;
		overflow: hidden;
		position: relative;
		top: auto;
		left: auto;
		background: #141318;
		margin: 0;
		padding: 0;
		display: block;
		width: 100%;
		visibility: visible;
	}
	.catalog-menu .menu > li:hover > div.level-2 {
		height: 0;
	}
	.catalog-menu .menu > li > div.level-2 > ul {
		list-style: none;
		padding: 0 5px 0 30px;
		opacity: 1;
	}
	.catalog-menu .menu > li > div.level-2 > ul > li {
		padding: 0;
		border-bottom: 1px solid #cdab70;
	}
	.catalog-menu .menu > li > div.level-2 > ul >li > a {
		display: block;
		height: auto;
		margin: 0;
		padding: 9px 0;
		float: none;
		position: relative;
		color: #fff;
		font-size: 15px;
		line-height: 33px;
	}
	.catalog-menu .menu > li > div.level-2 > ul > li > a:after {
		display: none;
		-webkit-transition: width .2s ease-out;
		-moz-transition: width .2s ease-out;
		transition: width .2s ease-out;
	}
	.catalog-menu .menu > li > div.level-2 > ul >li > a:hover {
		color: #fff;
	}
	#header .header-phone a, #header .header-phone p {
		margin: 18px 0;
		color: #ebeaea;
		display: block;
		padding: 0 50px;
	}
	.center-1, .center-3 {
		padding: 50px 0;
	}
	.center-1 .mod-wrap, .center-2 .mod-wrap, .center-3 .mod-wrap, .center-4 .mod-wrap, .center-5 .mod-wrap, .center-6 .mod-wrap {
		padding: 50px 0 0 0;
		margin: 0 0 50px;
	}
	.center-1 .mod-header:before, .center-2 .mod-header:before, .center-3 .mod-header:before, .center-4 .mod-header:before, .center-5 .mod-header:before, .center-6 .mod-header:before {
		font-size: 90px;
		top: 0;
		left: 0;
		line-height: 90px;
	}
	.center-2 .mod-counter {
		padding: 0;
	}
	.center-2 .mod-counter > p {
		padding: 0 0 0 60px;
	}
	.center-4 .f-col-left, .center-4 .f-col-right {
		max-height: 100%;
		overflow: visible;
		float: none;
		width: 100%;
	}
	.center-4 .f-padding {
		padding: 50px 30px 70px;
		margin: 0 0 30px;
	}
	.center-4 .droppicsgallerymasonry {
		text-align: center;
	}
	.center-4 .droppicsgallerymasonry .droppicspictures {
		margin: auto;
	}
	.center-5 {
		padding: 50px 0 50px;
	}
	.center-6 .box-container {
		padding: 50px 30px 100px;
		border-top: none;
	}
	.header-lang {
		float: none;
		padding: 0px 10px;
	}
}

@media (max-width: 767px) {
	.tmp_blog_uslugi .pull-left.item-image, .tmp_blog_uslugi .pull-left.item-introtext,
	.tmp_blog_uslugi .pull-right.item-image, .tmp_blog_uslugi .pull-right.item-introtext	{
		float: none;
		width: 100%;
	}
	.tmp_blog_portfolio .items-row-fluid {
		margin: 0;
		text-align: center;
	}
	.tmp_blog_portfolio .item-fluid {
		float: none;
		width: 100%;
		max-height: 100%;
		margin: 0 auto 40px;
	}
	.tmp_blog_portfolio .itf-header {
		text-align: left;
	}
	.contact-page .wrap {
		padding: 50px 50px;
	}
	.footer-4 {
		float: right;
		width: 50%;
	}
	
}
@media (max-width: 649px) {
	
@media (max-width: 517px) {
	.footer-1, .footer-4 {
		float: none;
		width: 100%;
	}
	
}

@media (max-width: 480px) {
	.catalog-menu .menu {
		padding: 0 15px;
	}
	#header .header-phone a, #header .header-phone p {
		padding: 0 15px;
	}
	.catalog-menu .menu > li > div.level-2 > ul {
		padding: 0 5px 0 15px;
	}
	.contact-page .wrap {
		padding: 50px 20px;
	}

}

@media (max-width: 376px) {

}

@media (max-width: 320px) {

}	
 


 
 
 
 
  