@import "images.css";
@import "../vendor/arrows/css/arrows-embedded.css";

body {
  color:rgba(0,0,0,1);
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  overflow-x:hidden;
background: url(../i/bg-main.jpg) no-repeat top center;
font-family: 'Montserrat', sans-serif;
}
a {color:rgba(102,153,204,1);   transition: all 0.3s;}
/*a:hover, a:focus {color:rgba(21,126,242,1); text-decoration:underline}*/
.bg-no {background-image:none;background-color:rgba(243, 243, 228, 1);}
html, body{
overflow-x: hidden !important;
}
.white {color:#fff !important;}
.m-form {display: table;
  width: 100%;
  min-height: 130px;
}
.form-bot {background:rgba(33, 31, 29, 1);-webkit-border-radius: 12px;
-moz-border-radius: 12px;
border-radius: 12px;
color:rgba(243, 243, 228, 1);
font-size: 18px;
font-weight: 700;
text-align: center;
	width:100%;
	border:0px; transition: all 0.3s;
	margin-top:40px;
	text-transform:uppercase;
	padding:10px 0px 10px 0px;

}
.text-why {
font-size: 15px;
font-weight: 500;
color:#000;
	margin-top:40px;
}
.text-why2 {
font-size: 15px;
font-weight: 500;
color:#000;
	margin-top:20px;
}
.text-why3 {
font-size: 15px;
font-weight: 500;
color:#000;
	margin-top:10px;
}
.form-bot:hover {background:rgba(153, 102, 51, 1);color:#fff;}
.form-title {
font-size: 24px;
font-weight: 700;
color:rgba(243, 243, 228, 1);
text-align: center;
	margin-bottom:10px;
}
.input-p:focus {outline:none;}
.input-p {background:rgba(0, 0, 0, 0.25);-webkit-border-radius: 6px;
-moz-border-radius: 6px;
border-radius: 6px;
width:100%;
	padding-left:20px;
	border:0px;
	height:45px;
	color:#fff;
}
.title-why {
font-size: 24px;
font-weight: 700;
text-transform:uppercase;
color:rgba(0, 0, 0, 1);
	margin-bottom:40px;
}
.section-form {margin-top:70px;margin-bottom:30px;}
.why-border {border:1px solid rgba(33, 31, 29, 1);-webkit-border-radius: 12px;
-moz-border-radius: 12px;min-height: 128px;margin-bottom:20px;
border-radius: 12px;display:table;width:100%;}
.form-title2 {
font-size: 16px;
	margin-bottom:40px;
font-weight: 500;
text-align: center;
	color:rgba(243, 243, 228, 1);
}
.form-main {background:url(../i/bg-form-m.png) no-repeat;background-size:cover;width:100%;padding:45px 40px;}
.line-serv {width:100px;height:4px;background:#000;margin-bottom:30px;}
.h15 {height:15px;}
.form-supject {
  opacity: 0;
  pointer-events: none;
  display: none;
}
.service-t {padding:30px;background-size:contain !important;margin-bottom:40px;}
.service-title {
font-size: 24px;
font-weight: 700;
text-transform:uppercase;
color:rgba(243, 243, 228, 1);
margin-bottom:30px;
}
.service-price {
font-size: 32px;
font-weight: 700;
color:rgba(243, 243, 228, 1);
text-align:right;
	line-height: 1em;
}
.service-desc {
font-size: 16px;
font-weight: 400;
color:rgba(243, 243, 228, 1);
	margin-bottom:10px;
}
.link-about {
font-size: 24px;
font-weight: 700;
color:rgba(243, 243, 228, 1);
	text-transform:uppercase;
}
.link-about:hover {color:rgba(153, 102, 51, 1);}
.service-line {width:100px;height:4px;background:rgba(243, 243, 228, 1);margin-bottom:30px;}
.mar-bo {margin-bottom:30px;}
.project-tpl {margin-bottom:30px;}
.bg-noo {background:none !important;}
.bg-black {background:rgba(0, 0, 0, 0.2);}
.pd20 {padding:20px 0px 20px 0px;}
.project-img {border:1px solid rgba(0, 0, 0, 0.2);-webkit-box-shadow: 0px 8px 12px -5px rgba(34, 60, 80, 0.2);
-moz-box-shadow: 0px 8px 12px -5px rgba(34, 60, 80, 0.2);
box-shadow: 0px 8px 12px -5px rgba(34, 60, 80, 0.2);}

.project-img2 {border:1px solid rgba(0, 0, 0, 0.2);}
.logo-clients {display:table;margin:0 auto;}
.thankyou {font-size:18px;font-weight:600;}
.white {color:#fff !important;}
.error input[placeholder]          {-o-text-overflow:ellipsis;text-overflow:ellipsis; font-style:italic; color:#ff0048 !important}
.error::-webkit-input-placeholder {text-overflow:ellipsis; font-style:italic; color:#ff0048 !important}
.error::-moz-placeholder     {text-overflow:ellipsis; font-style:italic; color:#ff0048 !important} 
.error:-moz-placeholder      {text-overflow:ellipsis; font-style:italic; color:#ff0048 !important} 
.error:-ms-input-placeholder {text-overflow:ellipsis; font-style:italic; color:#ff0048 !important}
.input-gr {-webkit-box-shadow: 0px 1px 7px 0px rgba(34, 60, 80, 0.2);
-moz-box-shadow: 0px 1px 7px 0px rgba(34, 60, 80, 0.2);
box-shadow: 0px 1px 7px 0px rgba(34, 60, 80, 0.2);height:50px;color:#000;border:0px;padding-left:22px;width:100%;-webkit-border-radius: 3px;
	-moz-border-radius: 3px;border-radius: 3px;margin-bottom:20px;}
.input-gr:focus {outline:none;}
.border-h2 {border-bottom:4px solid #ff0000;margin-bottom:50px !important;display:table;margin:0 auto;padding-bottom:3px;}
.buttom-form {background:#211F1D;font-size:14px;font-weight:600;color:#fff;border:0px;width:100%;-webkit-border-radius: 5px;
	height:50px;-moz-border-radius: 5px;border-radius: 5px;}
.buttom-form:hover {background:#F3F3E4;color:#000;} 

.note {
  font-size: 11px;
  color: #5e5e5e;
  font-weight: 300;
  margin-top: 20px;
}
.no-margin {margin:0 !important}
.no-padding {padding:0}
.no-bg {background:none !important; background-color:transparent !important}
.inline-block {display:inline-block !important}
.bg-gray {background-color:rgba(238,238,238,1)}
.bg-white {background-color:rgba(255,255,255,1)}
.color-white {color:#fff !important}
.color-black {color:#000 !important}
.color-red {color:rgba(217,48,44,1) !important}
.text-bold {font-weight:700}
hr.divider {display:table; clear:both; line-height:0; height:0; border:0; margin:0; padding:0; visibility:hidden; opacity:0; width:100%}
.valign-block {height:100%}
.valign-block::before {content:''; display:inline-block; vertical-align:middle; height:100%}

img{max-width:100%; height:auto}
video {width: 100% !important; height: auto !important}

figure {text-align:center; margin:0 auto}
button {outline:none !important}
button, input, optgroup, select, textarea {font-family:inherit; font-size:inherit; line-height:inherit}

body > section {position:relative}


/* Navigation */
.nav li {padding:0 !important}
.navbar-nav li a {text-decoration:none}
.site-nav > .navbar-nav, .site-nav > .navbar-nav li {position:relative}
.top-header .top-logo {text-align:center}
.top-logo img {max-width:none; max-height:100%; height:auto}
.top-logo-link {padding:15px 0; display:inline-block}
.navbar-brand .tbl-cell {white-space:nowrap; position:relative}
.navbar-brand .tbl-cell .brand-name, .navbar-brand .tbl-cell .brand-motto {color:rgba(51,51,51,1) !important; text-decoration:none !important; display:block; position:relative}
.navbar-brand .tbl-cell .brand-name {font-size:1.7rem; font-family:'days', sans-serif; line-height:normal; font-weight:normal; margin-bottom:3px; -webkit-transform:scaleY(1.4); -ms-transform:scaleY(1.4); transform:scaleY(1.4)}
.navbar-brand .tbl-cell .brand-name {margin-bottom:3px; -webkit-transform:scaleY(1.3); -ms-transform:scaleY(1.3); transform:scaleY(1.3)}
.navbar-brand .tbl-cell .brand-motto {font-size:1.5rem; text-align:justify; text-justify:inter-word; font-weight:normal; border-top:#000 solid 1px}
.navbar-brand .tbl-cell .brand-motto::after {content:''; display:inline-block; width:100%; line-height:0; height:0; margin:0; padding:0; visibility:hidden}

.side-nav-links {margin-top:30px}
.side-nav-links .brand-item {padding:0; float:none; width:100%}
.side-nav-links .item-title, .side-nav-links .item-title a {font-size:1.8rem !important; margin:0 !important}
.side-nav-links .item-title a {display:inline-block; padding:10px 0}
.side-nav-links .item-links {font-size:1.4rem; padding:15px 0}
.side-nav-links > li:not(:last-child) {border-bottom:rgba(4,4,4,.2) dotted 2px}


/* Top-header & Footer */
.top-header {padding:20px 0}
.top-header2 { background:url(../i/header.png) no-repeat center;background-size:cover;}
.footer-widget {margin-bottom:15px; margin-top:15px; float:left}
.bottom-nav, .bottom-nav li {list-style:none; padding:0; margin:0}
.bottom-nav li {margin-bottom:5px}
.bottom-nav li a {color:rgba(51,51,51,1); font-size:1.2rem; text-transform:uppercase; display:inline-block}

.phone, .email {display:inline-block; vertical-align:middle; padding-left:30px; position:relative; background-repeat:no-repeat; background-position:0 50%}
.footer-middle-row .email {background-position:0 3px}
.contact {position:relative}
.top-header .phone a, .top-header .email a {display:block; font-size:2rem; color:rgba(51,51,51,1)}
.top-header .email a {font-size:1.6rem; font-weight:700}
.footer-middle-row .email a {display:block}
.email a.trigg {display:inline-block; float:right; color:rgba(51,153,204,1); font-size:1.2rem; font-weight:normal; text-align:right; border-bottom:rgba(51,153,204,1) dotted 1px; text-decoration:none !important}
.top-header .phone, .top-header .email {margin-left:60px}
.top-header .phone::before, .top-header .email::before {content:''; position:absolute; top:0; left:0; margin-left:-20px; display:inline-block; vertical-align:middle; width:40px; height:40px; line-height:40px; border-radius:50%; background-color:rgba(50,55,74,1); background-repeat:no-repeat; background-position:50% 50%}
.buttom {background: rgb(17,79,142);text-align: center;position: relative;
  -webkit-border-radius: 5px;height:60px;
  -moz-border-radius: 5px;
  border-radius: 5px;
  font-size:15px;font-weight: 300;
background:#00c99d;display:table;
padding:20px 50px 20px 50px;color:#fff;}
.buttom:hover {background:#0b161e;color:#fff;}

/*Шапка сайта*/
.section-main {min-height:500px;}
.title-main-banner {font-size:45px;font-weight:700;color:#F3F3E4;line-height: 1.2em;margin-top:200px;}
.desc-main-banner {color:#F3F3E4;font-size:16px;font-weight: 400;}
.all-text-main {margin-bottom:300px;}
.phone-header a{font-size:16px;font-weight: 600;color:#F3F3E4;}
.phone-header {text-align: right;margin-top:10px;}
.line-banner{background: #F3F3E4;height:3px;width:150px;margin-top:40px;margin-bottom: 40px;}
.callback-buttom{

    float:right;
}


.button {
  display: inline-block;
  padding: 0.75rem 1.25rem;
  -webkit-border-radius: 60px;
  -moz-border-radius: 60px;
  border-radius: 60px;
color:#211F1D;
text-transform: uppercase;font-weight:600;
font-size:14px;

  transition: all 0.3s;
  position: relative;
  overflow: hidden;
  z-index: 1;
}
.button:after {
  content: "";
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 100%;
background:#F3F3E4;
  -webkit-border-radius: 60px;
  -moz-border-radius: 60px;
  border-radius: 60px;
  z-index: -2;
}
.button:before {
  content: "";
  position: absolute;
  bottom: 0;
  left: 0;
  width: 0%;
  height: 100%;
  background-color:rgba(153, 102, 51, 1);
  transition: all 0.3s;
  border-radius: 10rem;
  z-index: -1;
}
.button:hover {
  color: #fff;
	text-decoration:none;
}
.button:hover:before {
  width: 100%;
}
.logo {font-size:16px;font-weight:600;color:#F3F3E4;margin-top:10px;}
/*Преимущества работы с нами*/
.section-2 {background:#F3F3E4;padding:30px 0px 110px 0px;;}
.h2-title {font-size:32px;font-weight: bold;color:#1E1E1E; font-family: 'Montserrat', sans-serif;}
.h2-desc {font-size:16px;font-weight:400;margin-bottom:50px;    font-family: 'Montserrat', sans-serif;}
.block-position {position: absolute;bottom:0px;padding:0px 5px 20px 20px;}
.preim-main {position: relative;}
.number-pr {color:#F3F3E4;font-size:36px;font-weight:bold;}
.line-pr {width:60px;height:3px;background:#F3F3E4;margin-top:10px;margin-bottom:10px;}
.desc-pr {color:#F3F3E4;font-size:16px;}
.block-position2 {position: absolute;top:0px;padding:20px 27px 20px 10px;text-align:right;}
.line-pr2 {width:60px;height:3px;background:#F3F3E4;margin-top:10px;margin-bottom:10px;float:right;}
/*Вывод категорий*/
.section-3 {background: #211F1D;padding:100px 0px 100px 0px;}
.category {position: relative;margin-bottom:40px;}



.category{position:relative;overflow:hidden;}
.category:hover img.img-cat-t, .category:focus img.img-cat-t{-webkit-transform:scale(1.2);transform:scale(1.2);}
.category img.img-cat-t {-webkit-transition:all 0.3s ease-out 0s;transition:all 0.3s ease-out 0s;}


.title-sect3 {color:#F3F3E4;font-size:32px;font-weight: bold;position: absolute;left:20px;top:20px;padding-right:50px;line-height: 1.2em;z-index:100;}
.sect3-line {width:160px;background:#F3F3E4;height:2px;margin-top:15px;}
.arrow-absl {position:absolute;bottom:20px;right:20px;}
.img-cat-t{  object-fit: cover; width:100%;}
.preim-main img  {  object-fit: cover; width:100%;-webkit-box-shadow: 5px 5px 5px 2px rgba(124, 127, 129, 0.56);
-moz-box-shadow: 5px 5px 5px 2px rgba(124, 127, 129, 0.56);
box-shadow: 5px 5px 5px 2px rgba(124, 127, 129, 0.56);-webkit-border-radius: 12px;
-moz-border-radius: 12px;
border-radius: 12px;}
/*Вывод проектов*/
.title-project a {
font-size: 18px;
font-weight: 500;
color:rgba(0, 0, 0, 1);
}
.about-project img {margin-left:10px;}
.about-project {text-align:right;}
.about-project a {
font-size: 18px;
font-weight: 600;
color:rgba(0, 0, 0, 1);
}
.section-4 {background:#F3F3E4;padding:60px 0px 60px 0px;}
.project-slide {position:relative;}
.project-slide img{
  object-fit: cover;
-webkit-border-radius: 12px;
-moz-border-radius: 12px;
border-radius: 12px;}

.project-slide2 {position:relative;}
.project-slide2 img{
  object-fit: cover;}

.link-all {
display:block;
font-weight:600;
    font-size:18px;
	margin-top:10px;
    padding:15px 0px 15px 0px;
-webkit-border-radius: 109px;
-moz-border-radius: 109px;
border-radius: 109px;
color:#F3F3E4;
	 text-align: center;

  transition: all 0.3s;
  position: relative;
  overflow: hidden;
  z-index: 1;
}
.link-all:after {
  content: "";
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 100%;
background:rgba(33, 31, 29, 1);
-webkit-border-radius: 109px;
-moz-border-radius: 109px;
border-radius: 109px;
  z-index: -2;
}
.link-all:before {
  content: "";
  position: absolute;
  bottom: 0;
  left: 0;
  width: 0%;
  height: 100%;
  background:rgba(153, 102, 51, 1);
  transition: all 0.3s;
  border-radius: 10rem;
  z-index: -1;
}
.link-all:hover {
  color: #fff;
	text-decoration:none;
}
.link-all:hover:before {
  width: 100%;
}







.link-all img {margin-left:15px;}
.section-4 h2 {margin-bottom:0px;}
.text-back {width:100%;position:absolute;bottom:0px;background:#211F1D;
-webkit-border-bottom-right-radius: 12px;
-webkit-border-bottom-left-radius: 12px;
-moz-border-radius-bottomright: 12px;
-moz-border-radius-bottomleft: 12px;
border-bottom-right-radius: 12px;
border-bottom-left-radius: 12px;
    padding:20px;
}
.link-work {margin-top:30px;font-size:18px;color:#F3F3E4; font-weight:600;}
.link-work a {color:#F3F3E4;}
.link-work img {width:15px;height:15px;display:inline-block !important;}
.title-work {font-size:18px;color:#F3F3E4; font-weight:600;}
.text-back img {width:auto !important;}
/*Наши партнеры*/
.section-5 {padding:60px 0px 100px 0px;}
.section-5 h2 {margin-bottom:60px;}
.logo-clients img {width:auto !important;}
/*Новости*/
.section-6{background:#F3F3E4;padding:60px 0px 60px 0px;}
.section-6 h2 {margin-bottom:0px;}
.img-news img {-webkit-border-top-left-radius: 12px;
-webkit-border-top-right-radius: 12px;
-moz-border-radius-topleft: 12px;
-moz-border-radius-topright: 12px;
border-top-left-radius: 12px;}

.desc-news {
    border:1px solid rgba(0,0,0,.6);
    -webkit-border-bottom-right-radius: 12px;
-webkit-border-bottom-left-radius: 12px;
-moz-border-radius-bottomright: 12px;
-moz-border-radius-bottomleft: 12px;
border-bottom-right-radius: 12px;
border-bottom-left-radius: 12px;
    padding:25px;
}


.link-all2 {
-webkit-border-radius: 109px;
-moz-border-radius: 109px;
border-radius: 109px;
    display:block;
    background:#211F1D;
    color:#F3F3E4;
    text-align: center;
    font-weight:600;
    font-size:18px;
    padding:9px 0px 9px 0px;
    margin-top:10px;
}
.link-all2:hover {text-decoration:none;background:#000;color:#F3F3E4;}
.title-news {font-size:22px; font-weight:700;color:#000;line-height: 1.1em;margin-bottom:12px;}
.date-news {font-size:18px;color:#000;text-align:right;margin-top: 20px;
  font-weight: 700;}
.callback {background: rgb(17,79,142);text-align: center;position: relative;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
  padding:15px 0px 15px 0px;
  font-size:13px;font-weight: 500;
background:#00c99d;display:block;color:#fff;}
.callback:hover {background:#0b161e;color:#fff;}


.clear {clear:both;}


/*Подвал сайта*/
.mail-footer  {margin-bottom:30px;}


.link-a {
  display: inline-block;
padding:10px 30px 10px 30px;
  -webkit-border-radius: 60px;
  -moz-border-radius: 60px;
  border-radius: 60px;
color:#211F1D;
text-transform: uppercase;font-weight:600;
font-size:14px;

  transition: all 0.3s;
  position: relative;
  overflow: hidden;
  z-index: 1;
}
.link-a:after {
  content: "";
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 100%;
background:#F3F3E4;
  -webkit-border-radius: 60px;
  -moz-border-radius: 60px;
  border-radius: 60px;
  z-index: -2;
}
.link-a:before {
  content: "";
  position: absolute;
  bottom: 0;
  left: 0;
  width: 0%;
  height: 100%;
  background-color:rgba(153, 102, 51, 1);
  transition: all 0.3s;
  border-radius: 10rem;
  z-index: -1;
}
.link-a:hover {
  color: #fff;
	text-decoration:none;
}
.link-a:hover:before {
  width: 100%;
}


.link-footer {margin-top:30px;}
.mail-footer {position: relative;margin-left:30px;}
.mail-footer::before {content:''; position:absolute; top:5px; left:0; margin-left:-25px;
 display:inline-block; vertical-align:middle; width:25px; height:20px; line-height:20px;
 background-repeat:no-repeat;}
.mail-footer::before { background:url('../i/mail.svg');
background-repeat:no-repeat;}
.phone-footer {position:relative;margin-left:30px;}
.phone-footer::before {content:''; position:absolute; top:5px; left:0; margin-left:-25px;
 display:inline-block; vertical-align:middle; width:25px; height:20px; line-height:20px;
 background-repeat:no-repeat;}
.phone-footer::before { background:url('../i/phone.svg');
background-repeat:no-repeat;}




.mail-footer a {color:#F3F3E4;font-size:16px;}
.phone-footer a {color:#F3F3E4;font-size:16px;}
footer {background:#211F1D;padding:100px 0px 100px 0px;}
.address-footer {color:#F3F3E4;font-size:12px;font-weight:400;}
.menu-footer ul li a{color:#F3F3E4;}
.menu-footer ul li {list-style: none;font-size:15px;text-transform: uppercase;margin-bottom:7px;}
.menu-footer ul  {padding:0px;margin:0px;}
.dev {
    text-align: left;
padding-top:20px;
  margin:0 auto ;
margin-top:30px !important;
}
.dev a {
    display: block;

}

.dev a img {
    display: inline-block;
    vertical-align: middle;
}

.text-footer-l {font-size:42px;font-weight:700;color:#F3F3E4;}
.dev a span {
    display: inline-block;
    vertical-align: middle;
    margin-left: 10px;
    text-align: left;
	font-weight:400;
    font-size: 12px;
    line-height: 1;
    color: #d6d6d6;
    position: relative;
    transition: .3s color;
}
 .dev a:hover {text-decoration:none;}
 .dev a:hover span {
    color: #5f79a9;
}
.copyright {color:#ababb3;text-align:center;font-size:11px;margin:10px 0px 10px 0px;}
/* Owl styles */
.owl-carousel .owl-nav .owl-prev, .owl-carousel .owl-nav .owl-next {display:inline-block}
.owl-carousel .owl-nav {position:absolute; margin:0 auto; top:calc(50% - 15px); left:50%; -webkit-transform:translateX(-50%); -ms-transform:translateX(-50%); transform:translateX(-50%); width:100%; z-index:0; pointer-events:none}
.owl-carousel .owl-nav > .owl-prev, .owl-carousel .owl-nav > .owl-next {display:inline-block; position:relative; cursor:pointer; pointer-events:all}
.owl-carousel .owl-nav > .owl-next {float:right}
.owl-carousel .owl-nav [class*="owl-"] {text-indent:999em; width:30px; height:30px; border-radius:4px; display:inline-block; position:relative; cursor:pointer}
.owl-carousel .owl-nav [class*="owl-"].disabled {cursor:default}
.owl-carousel .owl-nav > .owl-prev::before,
.owl-carousel .owl-nav > .owl-next::before {position:absolute; content:''; left:0; top:0; display:block; width:30px; height:30px; line-height:1; text-indent:0; text-align:center; color:rgba(31,31,31,1); font-size:24px; font-family:'arrows'}
.owl-carousel .owl-nav > .owl-prev::before {content:'\e800'; margin-left:-5px}
.owl-carousel .owl-nav > .owl-next::before {content:'\e801'; margin-left:5px}

.owl-carousel .owl-dots {text-align:center; -webkit-tap-highlight-color:transparent; position:absolute; bottom:-40px; left:50%; width:100%; -webkit-transform:translateX(-50%); -ms-transform:translateX(-50%); transform:translateX(-50%); pointer-events:none}
.owl-carousel .owl-dots .owl-dot {display: inline-block; zoom: 1; *display: inline; pointer-events:all}
.owl-carousel .owl-dots .owl-dot span {position:relative; width:15px; height:15px; margin:5px; border:0; border-radius:50%; display: block;
   -webkit-backface-visibility: visible;
   -webkit-transition: opacity 200ms ease; -o-transition: opacity 200ms ease; transition: opacity 200ms ease}
.owl-carousel .owl-dots .owl-dot.active span::before, .owl-carousel .owl-dots .owl-dot:hover span::before {position:absolute; content:'';
left:4px; top:4px; display:block; width:15px; height:15px; border:0; border-radius:50%; background-color:#242766}

.owl-carousel .owl-dots .owl-dot span::before {position:absolute; content:'';
left:4px; top:4px; display:block; width:15px; height:15px; border:0; border-radius:50%; background-color:#d5d5dc}

#owl-top-slider .owl-dots {bottom:5px}
.top-slide {-webkit-box-shadow:0 3px 4px 0 rgba(0,0,0,.25) inset,0 -3px 4px 0 rgba(0,0,0,.25) inset;box-shadow:0 3px 4px 0 rgba(0,0,0,.25) inset,0 -3px 4px 0 rgba(0,0,0,.25) inset}
.top-slide {position:relative; height:100%; overflow:hidden}
.top-slide {color:rgba(255,255,255,1); background-repeat:no-repeat; background-position:100% 50%; background-size:cover}
.top-slide .slide-text { padding:50px 0; position:relative}
.top-slide .slide-text {max-width:700px;}
.top-slide .slide-text .slide-title {font-size:48px;color:#fff;font-weight:600;}
.top-slide .slide-text .slide-title-row {margin-bottom:20px}
.top-slide .slide-text .slide-title {font-size:5.8rem; color:rgba(255,255,255,1); text-shadow:0px 2px 3px rgba(0, 0, 0, 0.2); font-family:'days', sans-serif; -webkit-transform:scaleY(1.3); -ms-transform:scaleY(1.3); transform:scaleY(1.3)}
.top-slide .slide-text .slide-motto {font-size:2rem; color:rgba(0,0,0,1)}
.top-slide .slide-text .slide-text-row {font-weight:600; color:rgba(255,255,255,1); margin-bottom:40px;font-size:20px;line-height:1em;}
.top-slide .slide-text .brand-holder {position:absolute; top:0; left:0}
.top-slide .slide-text .btn {-webkit-box-shadow:0px 0px 7px 0px rgba(0,0,0,0.4);box-shadow:0px 0px 7px 0px rgba(0,0,0,0.4); font-size:1.8rem; padding:1.5rem 3rem}
.art-w a {color:#F3F3E4;}




.map-email {margin-bottom:10px;font-size:16px;font-weight:600;color:#F3F3E4;position:relative;}
.map-email::before {content:''; position:absolute; top:4px; left:0; margin-left: -19px;
 display:inline-block; vertical-align:middle; width:14px; height:14px; line-height:20px;
 background-repeat:no-repeat;}
.map-email::before { background:url('../i/email-f.svg');
background-repeat:no-repeat;}

.related-slider-area {padding:0 0 30px; position:relative}
.related-slider-area .slider-title {padding-left:25px}
.related-slider .small-slide, .related-slider .small-slide a {display:block; width:85px; height:85px; position:relative; overflow:hidden; margin:0 auto; background-color:rgba(242,242,242,1); border-radius:50%}
.related-slider .small-slide a {-webkit-filter: saturate(0); filter: saturate(0); opacity:.5; -webkit-box-shadow:2px 0px 5px 0px rgba(0,0,0,0.5); box-shadow:2px 0px 5px 0px rgba(0,0,0,0.5); -webkit-transition:opacity .1s ease-in, -webkit-filter .1s ease-in; transition:opacity .1s ease-in, -webkit-filter .1s ease-in; -o-transition:filter .1s ease-in, opacity .1s ease-in; transition:filter .1s ease-in, opacity .1s ease-in; transition:filter .1s ease-in, opacity .1s ease-in, -webkit-filter .1s ease-in}
.related-slider .small-slide a:hover, .related-slider .small-slide a:focus {-webkit-filter: saturate(100%); filter: saturate(100%); opacity:1}
.map-phone {margin-bottom:10px;font-size:16px;font-weight:600;color:#F3F3E4;position:relative;}
.map-phone::before {content:''; position:absolute; top:4px; left:0; margin-left: -19px;
 display:inline-block; vertical-align:middle; width:14px; height:14px; line-height:20px;
 background-repeat:no-repeat;}
.map-phone::before { background:url('../i/phone-f.svg');
background-repeat:no-repeat;}
.pad0-none {padding:0px !important;}
.title-contacts {font-size:28px;color:#F3F3E4;font-weight: 600;}
.line-p {width:150px;height:3px;background:#F3F3E4;margin-top:30px;margin-bottom:30px;}
.map.footer{width: 100%;height: 560px;position: relative;margin-bottom:20px;}
.map.footer .container{	position: relative;}

.map.footer{width: 100%;height: 560px;position: relative;margin-bottom:0px;}
.map.footer .container{	position: relative;}
.map.footer .contacts{	background: #211F1D;	
    
    color:#F3F3E4;
  	width:390px;	font-size: 16px;padding:30px 20px 40px 20px;	position: absolute;	top: 40px;	right: 55px;	left: 55px;
    	z-index: 100;	 -webkit-border-radius: 12px;
  -moz-border-radius: 12px;
  border-radius: 12px;}
  .content-contacts {padding-left: 20px;}
.h30 {height:30px;}
.map-address {margin-bottom:10px;font-size:16px;font-weight:600;color:#F3F3E4;position:relative;}

.map-email {margin-bottom:10px;font-size:16px;font-weight:600;color:#F3F3E4;position:relative;}
.map-email::before {content:''; position:absolute; top: 4px;
left: 0;
margin-left: -19px;
 display:inline-block; vertical-align:middle; width:15px; height:15px; line-height:20px;
 background-repeat:no-repeat;}

.section-content h1 {
font-size: 28px;
font-weight: 700;
margin-top:0px;
text-align: left;
	margin-bottom:25px;
	text-transform: uppercase;
}
.section-content {padding-bottom:70px;
font-size: 18px;
font-weight: 400;

}

.map.footer .contacts span{	text-transform: uppercase;	font-size: 13px;}
.map.footer .contacts .item{	display: inline-block;	line-height: 102px;padding: 0 50px;	position: relative;}
.map.footer .contacts .item + .item:before{	content: '';	background: #5c5c5c;	width: 1px;	height: 35px;	position: absolute;	top: 50%;	left: 0;	transform: translateY(-50%);}
.map.footer .contacts .item > a{	display: inline-block;	line-height: 1.4;	vertical-align: middle;}
.map.footer .contacts .icon{	background-repeat: no-repeat;	background-position: left center;	text-decoration: none;}
/* Text styles */
.content-area, .extra-content-area, .nav-block-area {padding:0 0 30px}
small {color:inherit !important; font-weight:inherit !important; font-size:75% !important}
.content-area p {margin:0 0 20px}
.content-area a {display:inline-block}

/* List styles */
.content-area ul {list-style-position:inside; padding:0 0 0 .5em; margin:0 0 10px 0}
.content-area ul li {list-style-type:none; font-size:inherit; padding:0 0 0 1em; position:relative; line-height:inherit}
.content-area ul li::before{color:inherit; content:"\2022"; font-size:1.25em; line-height:0; height:1.5em; width:.75em; position:absolute; left:-.375em; top:.6em}

.content-area ol {list-style:none; counter-reset:li; padding:0; margin:0 0 10px 0}
.content-area ol li {list-style-type:none; font-size:inherit; padding:0 0 0 1.5em; position:relative; line-height:inherit}
.content-area ol li::before {content:counter(li, decimal) ". "; counter-increment:li; font-size:1em; line-height:1.625em; text-align:center; height:1.5em; width:1.5em; position:absolute; top:-.1em; left:-.4em; color:inherit}

/* Tables */
.table {font-size:1.3rem}

.table > thead > tr > th {background-color:rgba(50,55,74,1)}
.table > thead > tr:first-child > th:first-child {border-radius: 10px 0 0 10px}
.table > thead > tr:first-child > th:last-child {border-radius: 0 10px 10px 0}

.table > thead > tr > th, .table > tbody > tr > th, .table > tfoot > tr > th,
.table > thead > tr > td, .table > tbody > tr > td, .table > tfoot > tr > td {border:0; padding:1rem; text-align:center}
.table > thead > tr > th {color:#fff; padding:1rem; vertical-align:middle; text-align:center; font-weight:400}
.table > thead > tr > th, .table > thead > tr > td, .table th.right-border, .table td.right-border {border-right:rgba(255,255,255,.2) solid 1px !important}
.table > thead > tr:not(:last-child) > th, .table > thead > tr:not(:last-child) > td {border-bottom:rgba(255,255,255,.2) solid 1px}
.table > thead > tr > th:last-child, .table > tbody > tr > th:last-child, .table > tfoot > tr > th:last-child,
.table > thead > tr > td:last-child, .table > tbody > tr > td:last-child, .table > tfoot > tr > td:last-child {border:0}
.table > tbody > tr > td:first-child {text-align:left}
.table > tbody > tr > td {padding:1.5rem; vertical-align:middle}
.table > tbody > tr > td > strong {white-space:nowrap; font-size:1.5rem}
.table-striped > tbody > tr > td:first-child {border-radius:10px 0 0 10px !important}
.table-striped > tbody > tr > td:last-child {border-radius:0 10px 10px 0 !important}
.table-striped > tbody > tr:nth-of-type(odd), .table-striped > tbody > tr:nth-of-type(even) {background-color:transparent}
.table-striped > tbody > tr:nth-of-type(even) > td {background-color:rgba(242,242,242,1)}
/*.table-hover > tbody > tr {transition:all .2s ease-out 0s}
.table-hover > tbody > tr:hover > td {background-color:rgba(242,242,242,1)}*/
.table-responsive {margin-bottom:30px}

/* Social */
[class^="icon-social"]::before, [class*=" icon-social"]::before {margin:0 !important}
.social {list-style:none; padding:0; margin-bottom:0}
.social li {display:block; float:left}
.social li:not(:last-child) {margin-right:1.5rem}
.social li a {color:rgba(227,227,227,1); font-size:3rem; line-height:1; display:block; text-decoration:none; text-align:center; padding:0}
.social li a {margin:0}
.social li:last-child a {margin:0}
.social li a:hover, .social li a:focus {color:rgba(255,255,255,.8)}
.section-bread {margin-bottom:15px;}
/* Breadcrumbs */
.breadcrumbs-row {margin:30px 0 30px}
.breadcrumb {background-color:transparent; padding:10px 0 0; margin:0}
.breadcrumb > li {position:relative; display:inline}
.breadcrumb > li:first-child {padding:0 10px 0 0}
.breadcrumb > li {padding:0 10px 0}
.breadcrumb > li + li::before {color:rgba(110,110,110,.6); position:absolute; content:"/ "; top:0; left:-4px; padding:0; display:inline-block}
.breadcrumb > li {
font-size: 10px;
font-weight: 400;

}
.breadcrumb > li a {color:rgba(0, 0, 0, 0.5); text-decoration:underline}
.breadcrumb > li a:hover, .breadcrumb > li a:focus {text-decoration:none}

/* Forms */
.btn {text-decoration:none; -webkit-transition:all .25s ease-out 0s; -o-transition:all .25s ease-out 0s; transition:all .25s ease-out 0s}
.btn-default {background-color:rgba(193,195,200,1); color:#fff; font-size:1.4rem; font-weight:300; padding:1.2rem 2rem; border-radius:0; border:0}
.btn-default:hover, .btn-default:focus, .btn-default:active {background-color:rgba(193,195,200,.8) !important; color:#fff !important}
.btn-red {background-color:rgba(215,48,44,1); color:#fff; font-size:1.4rem; padding:1.1rem 2.2rem; border-radius:0; border:0}
.btn-red:hover, .btn-red:focus, .btn-red:active {background-color:rgba(215,48,44,1); color:#fff}
.btn-red, .btn-red:hover, .btn-red:focus, .btn-red:active {background-image:-webkit-gradient(linear, left top, right top, from(rgba(215,48,44,1)), to(rgba(174,38,35,1)));background-image:-webkit-linear-gradient(left, rgba(215,48,44,1), rgba(174,38,35,1));background-image:-o-linear-gradient(left, rgba(215,48,44,1), rgba(174,38,35,1));background-image:linear-gradient(90deg, rgba(215,48,44,1), rgba(174,38,35,1))}

.form-control {border-radius:0; background-color:rgba(255,255,255,1);}
.form-control input[placeholder]          {-o-text-overflow:ellipsis;text-overflow:ellipsis; color:rgba(204,204,204,1) !important}
.form-control::-webkit-input-placeholder {text-overflow:ellipsis; color:rgba(204,204,204,1) !important}
.form-control::-moz-placeholder     {text-overflow:ellipsis; color:rgba(204,204,204,1) !important}
.form-control:-moz-placeholder      {text-overflow:ellipsis; color:rgba(204,204,204,1) !important}
.form-control:-ms-input-placeholder {text-overflow:ellipsis; color:rgba(204,204,204,1) !important}
.form-control:focus::-webkit-input-placeholder {color: transparent !important}
.form-control:focus::-moz-placeholder          {color: transparent !important}
.form-control:focus:-moz-placeholder           {color: transparent !important}
.form-control:focus:-ms-input-placeholder      {color: transparent !important}

.has-error label, .has-error label sup, .form-group.required.has-error .control-label:before {color:rgba(230,90,91,1)}
.form-control.input_error, .has-error .form-control {border:rgba(230,90,91,1) solid 1px !important}
.form-control.input_error:focus, .has-error .form-control:focus {box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #ce8483}
.form-control.input_error input[placeholder], .has-error .form-control[placeholder] {-o-text-overflow:ellipsis;text-overflow:ellipsis; color:rgba(230,90,91,1) !important}
.form-control.input_error::-webkit-input-placeholder, .has-error .form-control::-webkit-input-placeholder {text-overflow:ellipsis; color:rgba(230,90,91,1) !important}
.form-control.input_error::-moz-placeholder, .has-error .form-control::-moz-placeholder {text-overflow:ellipsis; color:rgba(230,90,91,1) !important}
.form-control.input_error:-moz-placeholder, .has-error .form-control:-moz-placeholder {text-overflow:ellipsis; color:rgba(230,90,91,1) !important}
.form-control.input_error:-ms-input-placeholder, .has-error .form-control:-ms-input-placeholder {text-overflow:ellipsis; color:rgba(230,90,91,1) !important}