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

body {
  color:rgba(0,0,0,1);
     font-family: "Comfortaa", sans-serif;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  overflow-x:hidden;

}
html, body{
overflow-x: hidden !important;
}
.text {
      font-weight: 300;
letter-spacing: 3.3px;
      font-size: 10px;
      fill: #fff;
    }

    #rotatingText {
      animation-name: rotate-circle;
      animation-duration: 12s;
      animation-timing-function: linear;
      animation-iteration-count: infinite;
    }

    @keyframes rotate-circle {
      to {
        transform: rotate(1turn);
      }
    }

    .main {
      display: grid;
      align-items: center;
      justify-items: center;
		position:absolute;right:50px;
    }

    .main img {
      position: absolute;
    }

    .main img {
      position: absolute;
      animation-name: rotate-circle;
      animation-direction: reverse;
      animation-duration: 15s;
      animation-timing-function: linear;
      animation-iteration-count: infinite;

      filter: drop-shadow(0px 0px 5px #333);
    }
.input-w {border: 1px solid rgba(153, 153, 153, 0.13);height:50px;background:rgba(0, 0, 0, 0.8);color:#fff;
font-size: 14px;
font-weight: 300;
text-align: left;
    padding-left:10px;
    width:100%;
}
.pad0-none {padding:0px !important;}
.modal-body {font-size: 15px; }
.thankyou {font-size:17px;color:#000;}
.zakaz-consul2:focus {color:#fff;text-decoration:none;}
.white-form {color:#fff;font-size:22px;text-align:center;font-weight:600;}
.submit-b {
font-size: 14px;
font-weight: 500;
width:100%;
background: rgb(158,128,112);
background: linear-gradient(90deg, rgba(158,128,112,1) 0%, rgba(211,197,190,1) 51%, rgba(158,128,112,1) 100%);
height:50px;
    border:0px;
    border:1px solid rgba(255, 255, 255, 1);
text-align: center;
    -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  border-radius:2px;
    color:#fff;
}
.submit-b:focus {color:#fff;text-decoration:none;}
.submit-b:hover{background: linear-gradient(0deg, #9E8070, #9E8070),
linear-gradient(94.21deg, rgba(0, 0, 0, 0.25) 0%, rgba(255, 245, 229, 0.25) 49.07%, rgba(0, 0, 0, 0.25) 100%),
linear-gradient(0deg, rgba(255, 255, 255, 0.25), rgba(255, 255, 255, 0.25));
color:#fff;
text-decoration:none;
}

.top-main-fixed.fixed {
  width: 100%;
  position: fixed;
  top: 0;
  z-index: 106;
  padding: 10px 0px 10px 0px !important;
	background: rgba(0, 0, 0, 0.8) !important;
}
.lights {background:url(../i/light-m.png) no-repeat center;}
.works-img {text-align:center;}
.pad50-b {padding-bottom:50px !important;}
a {color:rgba(102,153,204,1); transition: all 0.5s ease;}
/*a:hover, a:focus {color:rgba(21,126,242,1); text-decoration:underline}*/
.go-to {
  font-size: 14px;
  font-weight: 600;
  position: absolute;
  bottom: 5px;
	 color:#fff;
  left: 50%;
  transform: translateX(-50%);
  text-shadow: 0 0 8px rgba(255,255,255,0.4);
  animation: go-to 1.3s linear infinite;
}
@keyframes go-to{
	0% {
		bottom: 95px;
	}
	50% {
		bottom: 85px;
	}
	100% {
		bottom: 95px;
	}
}
.go-to span {
  width: 13px;
  height: 12px;
  position: absolute;
  top: 25px;
  left: 50%;
  transform: translateX(-50%);
  filter: drop-shadow(0 0 0.2em rgba(255,255,255,0.4));
}
.note {
  font-size: 11px;
  color: #5e5e5e;
  font-weight: 300;
  margin-top: 20px;
}
.go-to {
  font-size: 14px;
  font-weight: 600;
  position: absolute;
  bottom: 5px;
	 color:#fff;
  left: 50%;
  transform: translateX(-50%);
  text-shadow: 0 0 8px rgba(255,255,255,0.4);
  animation: go-to 1.3s linear infinite;
}
.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}
.form-supject{
	opacity: 0;
	display:none;
	pointer-events: none;
}
.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 > nav {background-color:rgba(255,255,255,1)}
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}

.soc-icons {width: 190px;
    float: right;}
.fa-2x {font-size: 1.5em !important;padding-top:4px;}
.github a:hover {background: #191919; color: #fff;}
.youtube a:hover {background: #c4302b; color: #fff;}
.google-pluse a:hover {background: #DD4B39; color: #fff;}
.twitter a:hover {background: #00acee; color: #fff;}
.instagram a:hover {background: #3f729b; color: #fff;}
.facebook a:hover {background: #3b5998; color: #fff;}
.skype a:hover {background: #00aff0; color: #fff;}
.vk a:hover {background: #5d84ae; color: #fff;}
.odnoklassniki a:hover {background: #f93; color: #fff;}
.pinterest a:hover {background: #c8232c; color: #fff;}
.linkedin a:hover {background: #0e76a8; color: #fff;}
.telegram a:hover {background: #249bd7; color: #fff;}
.tumblr a:hover {background: #34526f; color: #fff;}
.windows a:hover {background: #125acd; color: #fff;}
.whatsapp a:hover {background: #50b154; color: #fff;}
.weibo a:hover {background: #d52b2b; color: #fff;}
.dropbox a:hover {background: #1087dd; color: #fff;}
.phone-footer{
font-size: 14px;
font-weight: 600;
line-height: 15px;
margin-top:6px;
    position: relative;
}
.go-to:hover {color:rgba(207, 179, 165, 1) !important;text-decoration:none;}
.go-to:focus {color:#fff;text-decoration:none;}
/*Главный блок*/
.bg-main {background:url(../i/bg-main.png) no-repeat center;background-size:cover;width: 100%;
  height: calc(100vh - 0px);
  min-height: 600px;}
header {background:rgba(61, 61, 61, 0.2);padding:20px 0px 20px 0px;}
.callback {
font-size: 14px;
font-weight: 700;
color:#fff;
    border:1px solid #fff;
    -webkit-border-radius: 60px;
  -moz-border-radius: 60px;
  border-radius: 60px;
    display: table;
    padding:9px 33px;
     font-family: "Comfortaa", sans-serif;
}
.callback:hover {background:#fff;color:#000;text-decoration:none;}
.zakaz-consul {
font-size: 12px;
font-weight: 700;
text-align: center;
display:block;
	width:100%;
background: rgb(123,100,88);
background: linear-gradient(90deg, rgba(123,100,88,1) 0%, rgba(182,157,141,1) 48%, rgba(123,100,88,1) 100%);
    padding:17px 0px;
    border:0px;
    text-transform: uppercase;
text-align: center;
    -webkit-border-radius: 50px;
  -moz-border-radius: 50px;
  border-radius:50px;
    color:#fff;
	transition: all 0.5s ease;
}
.zakaz-consul:focus {color:#fff;text-decoration:none;}
.zakaz-consul:hover{background: linear-gradient(0deg, #9E8070, #9E8070),
linear-gradient(94.21deg, rgba(0, 0, 0, 0.25) 0%, rgba(255, 245, 229, 0.25) 49.07%, rgba(0, 0, 0, 0.25) 100%),
linear-gradient(0deg, rgba(255, 255, 255, 0.25), rgba(255, 255, 255, 0.25));
color:#fff;
text-decoration:none;
}

.zakaz-consul2 {
font-size: 12px;
font-weight: 700;
text-align: center;
display:block;
	width:100%;
border:1px solid #fff;
    padding:17px 0px;
    border:1px solid #fff;
    text-transform: uppercase;
text-align: center;
    -webkit-border-radius: 50px;
  -moz-border-radius: 50px;
  border-radius:50px;
    color:#fff;
}
.zakaz-consul2:hover {background:#fff;color:#000;text-decoration:none;}
.mar10 {margin-top:5px;}
.main-text-slide {padding-top:250px;max-width:850px;margin:0 auto;}
.buttom-block {max-width:440px;margin:0 auto;padding-top:30px;}
.block-b {width:210px;float:left;margin-right:20px;}
.block-b2 {width:210px;float:left;}
.h1-s {
font-family: Comfortaa;
font-size: 48px;
font-weight: 700;
color:#fff;
text-align: center;
}
.desc-h1 {
font-family: Comfortaa;
font-size: 14px;
font-weight: 500;
color:#fff;
text-align: center;
max-width:650px;
    margin:0 auto;
    padding-top:10px;
}

/*Форма заявки*/
.section-form {background:url(../i/bg-form.png) no-repeat;width:100%;padding:42px 0px 42px 0px;background-size: cover;}
.title-form {
font-size: 24px;
font-weight: 600;
color:rgba(248, 248, 248, 1);
text-align: center;
    margin-bottom:30px;
}
.input-r {border: 1px solid rgba(153, 153, 153, 0.13);height:80px;background:rgba(0, 0, 0, 0.15);color:#fff;
font-size: 14px;
font-weight: 300;
text-align: left;
    padding-left:20px;
    width:100%;
}
.copyright-form {
font-size: 10px;
font-weight: 500;
color:rgba(255, 255, 255, .6);
margin-top:30px;
text-align: center;
}
.input-r:focus {outline:none;}
.input-b {
font-size: 14px;
font-weight: 500;
width:100%;
background: rgb(123,100,88);
background: linear-gradient(90deg, rgba(123,100,88,1) 0%, rgba(182,157,141,1) 48%, rgba(123,100,88,1) 100%);
height:80px;
    border:0px;
text-align: center;
    -webkit-border-radius: 12px;
  -moz-border-radius: 12px;
  border-radius:12px;
    color:#fff;
}
.input-b:focus {color:#fff;text-decoration:none;}
.input-b:hover{background: linear-gradient(0deg, #9E8070, #9E8070),
linear-gradient(94.21deg, rgba(0, 0, 0, 0.25) 0%, rgba(255, 245, 229, 0.25) 49.07%, rgba(0, 0, 0, 0.25) 100%),
linear-gradient(0deg, rgba(255, 255, 255, 0.25), rgba(255, 255, 255, 0.25));
color:#fff;
text-decoration:none;
}
/*Как мы работаем*/
.section-howworks{background:url(../i/whatwedo.png) no-repeat center;background-size:cover;padding:42px 0px 42px 0px;}
.background-works {background:url(../i/p1-1.png) no-repeat;height:320px;background-position:left;padding-left:70px;}
.title-works {
font-size: 24px;
font-weight: 400;
color:rgba(237, 200, 139, 1);
text-align: left;
    text-transform: uppercase;
    margin-bottom:20px;

}
.mar-b-50 {margin-bottom:70px;}
.desc-works {
font-size: 14px;
font-weight: 300;
color:#fff;
text-align: left;
}
.text-works {width:450px;padding-top:75px;margin-left:90px;}
/*Галерея работ*/
.section-works {background:url(../i/bg-works.jpg) no-repeat center;background-size:cover;padding: 65px 0px 65px 0px;}
.h2-title {color:#fff;
font-size: 24px;
font-weight: 600;
text-align: center;
    margin-bottom:5px;
}
.width50 {background:rgba(207, 179, 165, 1);width:50px;height:2px; display:table;margin:0 auto;   -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  border-radius:2px;}
.mar-bottom40 {margin-bottom:40px;}
.works {margin-bottom:40px;}
.works a {display:block;width:100%;height:100%;}
.works-img img{border:1px solid rgba(237, 200, 139, 1);-webkit-border-radius: 24px;
  -moz-border-radius: 24px;
  border-radius:24px;}
.works-title {
font-size: 16px;
font-weight: 600;
    color:#fff;
text-align: center;
    margin-top:10px;
}
.mar-bottom30 {margin-bottom:30px;}

/*Блок преимуществ*/

.section-preim {background:url(../i/preim-bg.png) no-repeat center;background-size:cover;padding: 70px 0px 70px 0px;}
.preim {  border: 1px solid rgba(153, 153, 153, 0.13);
background:rgba(255, 255, 255, 0.01);
     -webkit-border-radius: 12px;
  -moz-border-radius: 12px;padding-bottom:20px;
  border-radius:12px;width:100%;}
.preim-text {
font-size: 14px;
font-weight: 700;
color:#fff;
text-align: center;
}
.preim-desc{color:rgba(255, 255, 255, .75);    
font-size: 12px;margin-top:15px;
font-weight: 300;
text-align: center;}

.preim-i {text-align: center;}
/*FAQ блок*/
.section-faq {background:url(../i/bg-faq.png) no-repeat center;background-size:cover;padding:50px 0px 60px 0px;}


/*О нас*/
.section-about {background:url(../i/about-bg.png) no-repeat center;background-size:cover;padding:70px 0px 60px 0px;}
.bg-about {background:url(../i/about-img.png) no-repeat;width:100%;height:616px;padding-top:170px;padding-left:80px;}
.title-about {
font-size: 32px;
font-weight: 400;
text-align: left;
    color:#fff;
    text-transform: uppercase;
    margin-bottom:25px;
}


.buttom-about {
font-size: 14px;
font-weight: 500;
display:table;
background: rgb(123,100,88);
background: linear-gradient(90deg, rgba(123,100,88,1) 0%, rgba(182,157,141,1) 48%, rgba(123,100,88,1) 100%);
    padding:20px 55px;
    border:0px;
    text-transform: uppercase;
    margin-top:50px;
    border:1px solid rgba(255, 255, 255, 1);
text-align: center;
    -webkit-border-radius: 50px;
  -moz-border-radius: 50px;
  border-radius:50px;
    color:#fff;
}

.buttom-about:focus {color:#fff;text-decoration:none;}
.buttom-about:hover{background: linear-gradient(0deg, #9E8070, #9E8070),
linear-gradient(94.21deg, rgba(0, 0, 0, 0.25) 0%, rgba(255, 245, 229, 0.25) 49.07%, rgba(0, 0, 0, 0.25) 100%),
linear-gradient(0deg, rgba(255, 255, 255, 0.25), rgba(255, 255, 255, 0.25));
color:#fff;
text-decoration:none;
}

.desc-about {
font-size: 14px;
font-weight: 300;
color:#fff;
text-align: left;
}
.title-about span{font-weight: 600;color:rgba(237, 200, 139, 1);}

.phone-footer::before {content:''; position:absolute; top: 2px;
  left: 0;
margin-left: -25px;
 display:inline-block; vertical-align:middle; width:16px; height:16px; line-height:16px;
 background-repeat:no-repeat;}
.phone-footer::before { background:url('../i/phone.svg');
background-repeat:no-repeat;}
.phone-footer  a {color:#fff;}


/*Подвал сайта*/
footer {background:url(../i/footer.png) no-repeat center;background-size:cover;padding-top:60px;}
.phone-footer a {color:#fff;
font-size: 32px;
font-weight: 600;
}
.disp-table {display:table;margin:0 auto;}
.b-row {border-top:1px solid rgba(207, 179, 165, 1);padding-top:20px;margin-top:20px;}
.email-footer {margin-top:7px;}
.email-footer a {
font-size: 14px;
font-weight: 600;
color:rgba(207, 179, 165, 1);
}

.copyright {background:rgba(0, 0, 0, 0.2);
color:rgba(255, 255, 255, 1);
font-size: 10px;
font-weight: 300;
padding:6px 0px 6px 0px;
    margin-top:30px;
text-align: center;

}
.copyright  a {color:rgba(255, 255, 255, 1);}
.dev {
    text-align:center;
padding-top:20px;
  margin:0 auto ;

}
.dev a {
    display: block;

}

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

.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 {text-align:center;}
/* 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; bottom:-40px; left:50%; -webkit-transform:translateX(-50%); -ms-transform:translateX(-50%); transform:translateX(-50%); width:200px;; 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';background:rgba(255, 152, 57, 1);color:#fff; -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;padding-top: 2px;}
.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:10px; height:10px; 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:10px; height:10px; border:0; border-radius:50%; background-color:#FF9839;


}

.owl-carousel .owl-dots .owl-dot span::before {position:absolute; content:'';
left:4px; top:4px; display:block; width:10px; height:10px; 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}

.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}
.title-contacts {
font-size: 14px;
font-weight: 700;
text-align: center;
}
.img-contacts {margin-bottom:8px;}
.mob-center {text-align:center;}
.line-contacts {border-bottom:1px solid rgba(255, 255, 255, 1);margin-bottom:20px;padding-bottom:20px;
color:#fff;
font-size: 12px;
font-weight: 700;
text-align: center;
}
.m10 {margin-top:4px !important;}
.line-contacts a {color:#fff;}
.map.footer{width: 100%;height: 560px;position: relative;margin-bottom:0px;}
.map.footer .container{	position: relative;}
.map.footer .contacts{	background:rgba(61, 74, 91, .9);	color: #fff;
  	height:560px;width:315px;	font-size: 15px;padding:40px 30px 30px 30px;	position: absolute;	top:0px;	right: 55px;	left: 55px;
    	z-index: 100;}
.art-w {color:#8d8d8d;font-size:16px;}
.art-w a {color:#8d8d8d;font-size:16px;}
  .address-contacts {margin-bottom:25px;}
  .title-contacts {margin-bottom:40px;}
.map-phone {margin-bottom:10px;font-size:16px;font-weight:600;color:#000;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('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA4AAAAOCAYAAAAfSC3RAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyVpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDYuMC1jMDAzIDc5LjE2NDUyNywgMjAyMC8xMC8xNS0xNzo0ODozMiAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIDIyLjEgKE1hY2ludG9zaCkiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6Nzc2QkNEN0Q0ODE5MTFFRTgxM0Q4ODQ4RUZFQzk3RkUiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6Nzc2QkNEN0U0ODE5MTFFRTgxM0Q4ODQ4RUZFQzk3RkUiPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDo3NzZCQ0Q3QjQ4MTkxMUVFODEzRDg4NDhFRkVDOTdGRSIgc3RSZWY6ZG9jdW1lbnRJRD0ieG1wLmRpZDo3NzZCQ0Q3QzQ4MTkxMUVFODEzRDg4NDhFRkVDOTdGRSIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/PnjlMoUAAADVSURBVHjaYmQ4OZcBCKKBuBWIE4D4AAMRgAWITYB4CZS/GoglgPgvIY1MQNyBxBcB4ixibARptEUTKyRW4yYk/nkg1iZW40QkfhQQfydW4wkg/gHlNzEQCUAa/wBxKpQfCsQOxGoEgaVAfAjK3gvEysRq/A/E7kD8GCp2C4jtkNRxAPEdIM6Hxj1cIwPUn7pA/BAqfhCIlwGxJtQ1IFdMAOKXIO8wQpMcA5rpO9FsRAf3mbAI/oAGUBxSaKODBiYcEiA/LwZiHqjNa6CG7Iam7UUAAQYAIwIoHz9P8kcAAAAASUVORK5CYII=');
background-repeat:no-repeat;}


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

.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}

.relativ {position: relative;}


/* 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)}

/* 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: 12px;}
.breadcrumb > li a {color:rgba(51,51,102,1); 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))}
.b-top{z-index:2600;position:fixed;right:10px;bottom:90px;width:125px;opacity: 0.9;filter:alpha(opacity=50);}
.b-top:hover {opacity:1;filter:alpha(opacity=100);cursor:pointer;}
.b-top-but {z-index:2600;position:absolute;display:block;left:56px;bottom:0;padding:32px 12px 4px;
color:white;background:#a38778 url(../i/b-j-top.png) no-repeat 50% 11px;border-radius:7px;}
.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}


.accordion .accordion-item {
  border: 1px solid rgba(153, 153, 153, 0.13);
background:rgba(255, 255, 255, 0.01);
     -webkit-border-radius: 12px;
  -moz-border-radius: 12px;
  border-radius:12px;
padding: 0px 20px 0px 20px;    
    margin-bottom:20px;
}
.accordion {margin-top:40px;}
.accordion .accordion-item button[aria-expanded='true'] {
  border-bottom: 1px solid rgba(30, 30, 30, 0.1);
}

.accordion button {
  position: relative;
  display: block;
  text-align: left;
  width: 100%;
  padding: 1em 0;
  color: rgba(255, 255, 255, 1);
padding-left:20px;
font-size: 16px;
font-weight: 600;


  border: none;
  background: none;
  outline: none;
}

.accordion button:hover,
.accordion button:focus {
  cursor: pointer;
  color: #fff;
}

.accordion button:hover::after,
.accordion button:focus::after {
  cursor: pointer;
  color: #03b5d2;
  border: 1px solid rgba(252, 117, 70, 1);
}

.accordion button .accordion-title {
  padding: 1em 1.5em 1em 0;
}

.accordion button .icon {
  display: inline-block;
  position: absolute;
  top: 18px;
  right: 0;
  width: 22px;
  height: 22px;
  border: 1px solid;
  border-radius: 22px;
    color:#fff;
}

.accordion button .icon::before {
  display: block;
  position: absolute;
  content: '';
  top: 9px;
  left: 5px;
  width: 10px;
  height: 2px;
  background: currentColor;
}
.accordion button .icon::after {
  display: block;
  position: absolute;
  content: '';
  top: 5px;
  left: 9px;
  width: 2px;
  height: 10px;
  background: currentColor;
}
.note {
  font-size: 11px;
  color: #5e5e5e;
  font-weight: 300;
  margin-top: 20px;
}
.clear {clear:both;}
.accordion button[aria-expanded='true'] {
  color: rgba(158, 128, 112, 1);
}
.accordion button[aria-expanded='true'] .icon::after {
  width: 0;
}
.accordion button[aria-expanded='true'] + .accordion-content {
  opacity: 1;
max-height: 15em;
  transition: all 200ms linear;
  will-change: opacity, max-height;
}
.accordion .accordion-content {
  opacity: 0;
  max-height: 0;
  overflow: hidden;
  transition: opacity 200ms linear, max-height 200ms linear;
  will-change: opacity, max-height;
}
.accordion .accordion-content p {
font-size: 16px;
font-weight: 400;

    color:#fff;
text-align: left;

  margin: 2em 0;
}