@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;
font-family: "Unbounded", sans-serif;

}
.border-link:focus {color:#fff;}
.border-link2:focus {color:#fff;}
.buttom-l:focus {color:#fff;}
.buttom-r:focus {color:#fff;}
.switcher {
  position: absolute;
  visibility: hidden;
  left: -9999px;
}
html, body{
overflow-x: hidden !important;
}

.telegram-button {
    position: fixed;
    right: 13px;
    bottom: 90px;
    transform: translate(-50%, -50%);

    border-radius: 50%;
    width: 55px; /*ширина кнопки*/
    height: 55px; /*высота кнопки*/
    color: #fff;
    text-align: center;
    line-height: 53px; /*центровка иконки в кнопке*/
    font-size: 35px; /*размер иконки*/
    z-index: 9999;
}
.telegram-button a {
    color: #fff;
}
.telegram-button:before,
.telegram-button:after {
    content: " ";
    display: block;
    position: absolute;
    border: 50%;
    border: 1px solid #0088cc; /*цвет анимированных волн от кнопки*/
    left: -20px;
    right: -20px;
    top: -20px;
    bottom: -20px;
    border-radius: 50%;
    animation: animate 1.5s linear infinite;
    opacity: 0;
    backface-visibility: hidden; 
}
 
.telegram-button:after{
    animation-delay: .5s;
}
 
@keyframes animate
{
    0%
    {
        transform: scale(0.5);
        opacity: 0;
    }
    50%
    {
        opacity: 1;
    }
    100%
    {
        transform: scale(1.2);
        opacity: 0;
    }
}
.menu-b {margin:25px 0px 100px 0px;}
.section-main {background:url(../i/bg-main.png) no-repeat center;background-size:cover;width:100%;min-height:1000px;}
.menu-header ul li a {
font-size: 12px;
font-weight: 600;
line-height: 15px;
text-transform: uppercase;
    color:#fff;
}
.note {
  font-size: 11px;
  color: #5e5e5e;
  font-weight: 300;
  margin-top: 20px;
}
.submit:hover {background:#000;color:#fff;text-decoration:none;}
.submit  {background:rgba(255, 80, 0, 1);
-webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;	
width:100%;
	margin:0 auto;
	padding:9px 0px 9px 0px;

font-size: 16px;
font-weight: 600;
line-height: 20px;
color:#fff;
text-align: center;
display:block;
	border:0px;
}
.thankyou2 {font-size:18px;color:#fff;font-weight:600;}
.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;}
.fr-logo-img {margin-top:20px;}
.input-textarea {background:#525867;height:100px;color:#fff;border:0px;padding-left:22px;width:100%;-webkit-border-radius: 5px;
	-moz-border-radius: 5px;border-radius: 5px;margin-bottom:20px;padding-top:20px;}
.input-textarea:focus {outline:none;}
.buttom2 {background:#00c99d;font-size:14px;font-weight:300;color:#fff;border:0px;width:100%;-webkit-border-radius: 5px;
	height:50px;-moz-border-radius: 5px;border-radius: 5px;}
.buttom2:hover {background:#3a559a;} 
.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;
}
.buttom-l:hover {color:rgba(255, 80, 0, 1);background:#fff;text-decoration: none;}
.buttom-l {background:rgba(255, 80, 0, 1);
font-size: 18px;
font-weight: 600;
line-height: 22px;
text-transform: uppercase;
color:rgba(9, 9, 9, 1);
    -webkit-border-top-right-radius: 30px;
-webkit-border-bottom-right-radius: 30px;
-moz-border-radius-topright: 30px;
-moz-border-radius-bottomright: 30px;
border-top-right-radius: 30px;
border-bottom-right-radius: 30px;
    width:400px;
    padding:14px 30px 14px 70px;
    display:table;
    margin-top:50px;
    margin-left:-30px;
}
.buttom-r:hover {border:1px solid rgba(255, 80, 0, 1);color:rgba(255, 80, 0, 1);text-decoration:none;}
.buttom-r {
border: 1px solid rgba(255, 255, 255, 0.1);
   -webkit-border-radius: 30px;
  -moz-border-radius: 30px;
  border-radius: 30px;  
    color:#fff;
    font-size: 18px;
font-weight: 600;
line-height: 22px;
text-transform: uppercase;
width:300px;
        padding:14px 0px 14px 0px;
    display:table;
    margin-top:50px;
    text-align: center;
}
.text-main {color:#fff;
margin-top:30px;
    max-width:600px;
font-family: 'Montserrat';
font-size: 14px;
font-weight: 500;
line-height: 17px;

}
.title-absl {position:absolute;padding:0px 30px 0px 30px;}
.relative {position:relative;}
.title-m {

font-size: 120px;
font-weight: 500;
line-height: 149px;
letter-spacing: 0.02em;
text-align: left;    
    color:#fff;
}
.title-m2 {
font-family: 'Montserrat';
font-size: 120px;
font-weight: 700;
line-height: 146px;
letter-spacing: 0.02em;
color:rgba(255, 80, 0, 1);
    
}
.main-img {float:right;}
.disp-table {display:table;margin:0 auto;}
.menu-header ul li a:hover {color:rgba(255, 133, 66, 1);text-decoration: none;}
.menu-header ul li {float:left;margin-right:30px;list-style:none;}
.menu-header ul li:last-child {margin-right:0px !important;}
/*Уникальный*/
.title-portfolio {

font-size: 32px;
font-weight: 600;
line-height: 40px;
color:rgba(8, 8, 8, 1);
text-transform: uppercase;
    
}
.item {
  display: block;
  margin: 0 auto;
  text-decoration: none;
}
.item figure:hover::after {background:none;transition:all 0.3s ease-out 0s;}
.top-main-fixed.fixed {
    width:100%;
    position: fixed;
    top: 0;
    
	background:#fff;
	z-index:1000;
	padding: 0px 0 10px 0 !important;
}
.item{display:block;margin:0 auto;text-decoration:none;}
.item figure{position:relative;overflow:hidden;-webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;}
.item figcaption{position:absolute !important;bottom:50%;color:#fff;width:200px;
background: rgba(96, 96, 96, 0.6);
font-size: 18px;
font-weight: 700;
line-height: 22px;
text-align: center;
	  -webkit-border-radius: 12px;
  -moz-border-radius: 12px;
  border-radius: 12px;
    border:1px solid rgba(255, 255, 255, 0.15);
text-transform:uppercase;
z-index:90;
left:25%;

text-align:center;
padding-top: 10px;
    padding-bottom: 10px;
font-weight: 400;
}

.item figure {width:100%;-webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;}
.item figure::after {
  content: "";
  display: block;
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  background:rgba(85, 85, 85, 1);
  opacity: 0.6;
    
    -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
}


.border-opacity {-webkit-box-shadow: -1px 2px 19px 0px rgba(255, 94, 6, 0.2);
-moz-box-shadow: -1px 2px 19px 0px rgba(255, 94, 6, 0.2);
box-shadow: -1px 2px 19px 0px rgba(255, 94, 6, 0.2);}
.item figure:hover img, .products-area .item figure:focus img{-webkit-transform:scale(1.2);transform:scale(1.2);}
.item figure img, .all-link{-webkit-transition:all 0.3s ease-out 0s;transition:all 0.3s ease-out 0s;}
.cat-img {margin-bottom:27px;}
.item figure img {
  object-fit: cover;
  width: 100%;
	  -webkit-border-radius: 12px;
  -moz-border-radius: 12px;
  border-radius: 12px;
}


/* Стили для кастомного чекбокса */

.custom-checkbox input.error + .checkbox {
  background: red;
  border: 2px solid red;
}

.custom-checkbox {
  position: relative;

  cursor: pointer;
  font-size: 11px;
  line-height: 1.4;
  color: rgba(69, 53, 47, 1);
  padding-left: 30px;
  margin-bottom: 20px;
  transition: all 0.3s ease;
}

.custom-checkbox:hover {
  color: rgba(29, 26, 25, 1);
}

.hidden-checkbox {
  position: absolute;
  opacity: 0;
  cursor: pointer;
  height: 0;
  width: 0;
}

.checkbox {
  position: absolute;
  top: -5px;
  left: 0;
  width: 20px;
  height: 20px;
  background-color: white;
  border: 2px solid rgba(255, 81, 0, 1);
  border-radius: 4px;
  transition: all 0.3s ease;
}

.custom-checkbox:hover .checkbox {
  border-color: rgba(225, 51, 0, 1);
}

.checkmark {
  position: absolute;
  top: -2px;
  left: -2px;
  width: 20px;
  height: 20px;
  opacity: 0;
  transform: scale(0);
  transition: all 0.2s ease;
  background-color: rgba(255, 81, 0, 1);
  border-radius: 2px;
}

.hidden-checkbox:checked ~ .checkbox {
  background-color: rgba(255, 81, 0, 1);
  border-color: rgba(255, 81, 0, 1);
}

.hidden-checkbox:checked ~ .checkbox .checkmark {
  opacity: 1;
  transform: scale(1);
}

.custom-checkbox a {
  color: rgba(255, 81, 0, 1);
  text-decoration: underline;
  transition: all 0.3s ease;
}

.custom-checkbox a:hover {
  color: rgba(225, 51, 0, 1);
  text-decoration: none;
}

/* Стиль для неактивного состояния */
.custom-checkbox.error .checkbox {
  border-color: #ff0048;
}

.custom-checkbox.error {
  color: #ff0048;
}

/* Cookie Dialog */
    #gdpr-cookie-message {
        position: fixed;
        right: 130px;
        bottom: 30px;
        max-width: 375px;
        background-color:rgba(255, 81, 0, 1);
        padding: 20px;
        border-radius: 5px;
        box-shadow: 0 6px 6px rgba(0,0,0,0.25);
        margin-left: 30px;
        font-family: system-ui;
		z-index:100;
    }
    #gdpr-cookie-message h4 {
        color:#fff;

        font-size: 18px;
        font-weight: 800;
        margin-bottom: 10px;
    }
    #gdpr-cookie-message h5 {
        color: var(--red);

        font-size: 15px;
        font-weight: 500;
        margin-bottom: 10px;
    }
    #gdpr-cookie-message p, #gdpr-cookie-message ul {
        color: white;
        font-size: 15px;
        line-height: 1.5em;
    }
    #gdpr-cookie-message p:last-child {
        margin-bottom: 0;
        text-align: right;
    }
    #gdpr-cookie-message li {
        width: 49%;
        display: inline-block;
    }
    #gdpr-cookie-message a {
        color: var(--red);
        text-decoration: none;
        font-size: 15px;
        padding-bottom: 2px;
        border-bottom: 1px dotted rgba(255,255,255,0.75);
        transition: all 0.3s ease-in;
    }
    #gdpr-cookie-message a:hover {
        color:#000;
        border-bottom-color: var(--red);
        transition: all 0.3s ease-in;
    }
    #gdpr-cookie-message button {
        border: none;
        background: var(--red);
        color: white;
        font-family: 'Quicksand', sans-serif;
        font-size: 15px;
        padding: 7px;
        border-radius: 3px;
        margin-left: 15px;
        cursor: pointer;
        transition: all 0.3s ease-in;
    }
    #gdpr-cookie-message button:hover {
        background:rgba(87, 87, 86, 1);
        color: var(--red);
        transition: all 0.3s ease-in;
    }
    button#gdpr-cookie-advanced {
            background: #eee;
    color: #000;
}
    #gdpr-cookie-message button:disabled {
        opacity: 0.3;
    }
    #gdpr-cookie-message input[type="checkbox"] {
        float: none;
        margin-top: 0;
        margin-right: 5px;
    }
.section-s2 {background:rgba(8, 8, 8, 1);padding: 30px 0px 80px 0px;color:#fff; }
.section-s2 h2 {color:#fff;}
.section-s2 .text-s1 {color:#fff;}
.section-s1 {background: url(../i/bg-how.png) no-repeat center;
    background-size: auto;
  background-size: cover;
  padding: 30px 0px 80px 0px;}
.text-s1 {
font-size: 14px;
font-weight: 300;
line-height: 1.5em;
color:rgba(8, 8, 8, 1);
}
.img-make{background: radial-gradient(14.67% 24.98% at 70.78% 52.4%, rgba(255, 94, 6, 0.75) 0%, rgba(255, 166, 118, 0) 100%)
}
.border-link {background:rgba(8, 8, 8, 1);padding:15px 20px;
font-size: 16px;
font-weight: 600;
    width:100%;display:block;
line-height: 20px;
color:#fff;
       -webkit-border-radius: 30px;
  -moz-border-radius: 30px;
  border-radius: 30px;
}
.border-link img {float:right;margin-top:-3px;}
.border-link:hover {background:rgba(255, 94, 6, 1);text-decoration:none;color:#fff;}
.border-link2 {background:rgba(255, 94, 6, 1);padding:15px 13px;
font-size: 16px;
font-weight: 600;
    width:100%;display:block;
line-height: 20px;
color:#fff;
text-transform: uppercase;
    text-align: center;
       -webkit-border-radius: 30px;
  -moz-border-radius: 30px;
  border-radius: 30px;
}
.border-link2:hover {background:rgba(8, 8, 8, 1);color:#fff;text-decoration: none;}
.width-prices img {margin-right:1px;}
.width-prices {
    margin-top:25px;
   -webkit-border-radius: 30px;
  -moz-border-radius: 30px;
  border-radius: 30px;
font-size: 18px;
font-weight: 600;
line-height: 22px;
background:rgba(8, 8, 8, 1);padding:13px 60px;
    max-width:500px;
}
.price-1, .price-2 {display: inline-block;margin-right:30px;color:#fff;}
.price-2 {margin-right:0px !important;}
.section-s1 h2 {margin-bottom:30px;}
/*Наши преимущества*/
.section-preim {background:rgba(8, 8, 8, 1);padding:55px 0px;}
.h2-white {
font-size: 42px;
font-weight: 500;
line-height: 52px;
border-bottom:2px solid rgba(255, 255, 255, 0.3);
    padding-bottom:25px;
    color:#fff;
    text-transform: uppercase;
    margin-bottom:80px;
}
.title-pr {
font-size: 20px;
font-weight: 500;
line-height: 25px;
color:#fff;
    
}
.block-preim {margin-bottom:50px;}
.line-pr {width:100px;height:4px;background:rgba(255, 94, 6, 1);margin:25px 0px 25px 0px;}
.desc-pr {font-family: "Montserrat", sans-serif;
font-size: 14px;
font-weight: 500;
line-height: 17px;
color:#fff;
}
/*Блок как мы работаем*/
.section-how {background:url(../i/bg-how.svg) no-repeat center;background-size:cover;padding:30px 0px 80px 0px;}
.line-how {width:100px;height:4px;background:rgba(255, 94, 6, 1);margin:25px 0px;}
.text-title-how {
font-size: 24px;
font-weight: 500;
line-height: 30px;
color:rgba(8, 8, 8, 1);
}
.h2 {
font-size: 42px;
font-weight: 500;
line-height: 52px;
border-bottom:1px solid rgba(0, 0, 0, 0.4);
    padding-bottom:25px;
    color:rgba(8, 8, 8, 1);
    text-transform: uppercase;
    margin-bottom:80px;
}

/*О нас*/
.content-area {background:rgba(8, 8, 8, 1);padding:55px 0px;font-size: 19px;
  font-weight: 500;
  line-height: 1.2em;font-family: "Montserrat";}
.text-white {color:#fff;


    padding: 30px 0px 40px 0px !important;
}
.text-white b {color:rgba(255, 94, 6, 1);}
/*Нам доверяют*/
.section-trust {background:url(../i/bg-how.svg) no-repeat center;background-size:cover;padding:30px 0px 80px 0px;}
.section-trust h2 {margin-bottom:0px;}
.desc-trust {font-family: "Montserrat";
font-size: 14px;
font-weight: 500;
line-height: 17px;
margin-top:35px;
    margin-bottom:40px;
}

/*Подвал сайта*/
.footer-menu  .navbar-nav > li > a {font-family: "Montserrat";
font-size: 14px !important;
font-weight: 600 !important;
line-height: 17px !important;

}
.bg-foot {background:#000;width:100%;text-align: center;font-family: "Montserrat";
font-size: 14px;
font-weight: 400;
padding:11px 0px 11px 0px;
color:#fff;
}
.callback {background:rgba(255, 94, 6, 1);color:#fff;font-family: "Montserrat";
font-size: 14px;
font-weight: 600;
line-height: 17px;
    -webkit-border-radius: 30px;
  -moz-border-radius: 30px;
  border-radius: 30px;
    display:block;
    padding:9px 0px;
    text-align: center;
    text-transform: uppercase;
}
.callback:hover {background:rgb(200, 82, 18);color:#fff;text-decoration: none;}
.phone-footer {font-family: "Montserrat";
font-size: 18px;
font-weight: 600;
line-height: 17px;
color:#fff;
    margin-top:10px;
    position: relative;
}
.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-f.svg');
background-repeat:no-repeat;}
.phone-footer  a {color:#fff;}



.mail-footer {font-family: "Montserrat";
font-size: 14px;
font-weight: 600;
line-height: 17px;
color:#fff;
     margin-top:10px;
    position: relative;
}
.mail-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;}
.mail-footer::before { background:url('../i/mail-f.svg');
background-repeat:no-repeat;}
.mail-footer  a {color:#fff;}
.callback:focus {color:#fff;}
.bg-foot a {color:#fff;}
.footer-menu  .navbar-nav > li > a:hover {color:rgba(255, 133, 66, 1) !important;}
.bordd {border-top:2px solid rgba(99, 99, 99, 1);margin-top:25px;padding-top:25px;}
.footer-menu .site-nav > .navbar-nav > li > a::before {background:none;}
footer {background:url(../i/bg-footer.png) no-repeat center;background-size:cover;padding:80px 0px 90px 0px;}
.clear {clear:both;}
.block-numbers {margin-bottom:120px;}
.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}


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

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


/* 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 */
.mar-bottom {margin-bottom:40px !important;}
.content-area ul {list-style-position:inside; padding:0 0 0 .5em; margin:0 0 40px 0}
.content-area ul li {list-style-type:none; font-size:inherit; padding:0 0 0 1em; position:relative; line-height:inherit;margin-bottom:10px;}
.content-area ul li::before{color:rgba(255, 94, 6, 1);
  content: "\2022";
  font-size: 2.2em;
  line-height: 0;
  height: 1.5em;
  width: .95em;
  position: absolute;
  left: -.175em;
  top: .235em;}

.text-t  {font-size:14px;margin-top:50px;}
.text-t ul {list-style-position:inside; padding:0 0 0 .5em; margin:0 0 40px 0}
.text-t  ul li {list-style-type:none; font-size:14px; padding:0 0 0 1em; position:relative; line-height:inherit;margin-bottom:10px;}
.text-t  ul li::before{color:rgba(255, 94, 6, 1);
  content: "\2022";
  font-size: 2.2em;
  line-height: 0;
  height: 1.5em;
  width: .95em;
  position: absolute;
  left: -.175em;
  top: .235em;}

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




.map.footer{width: 100%;height: 560px;position: relative;margin-bottom:20px;}
.map.footer .container{	position: relative;}
.map.footer .contacts{	background: rgba(255, 255, 255, 0.5);	color: #000;
  	height: 200px;width:460px;	font-size: 15px;padding:55px 30px 25px 60px;	position: absolute;	top: 90px;	right: 55px;	left: 55px;
    	z-index: 100;	 -webkit-border-radius: 16px;
  -moz-border-radius: 16px;
  border-radius: 16px;

-webkit-box-shadow: 0px 1px 15px 6px rgba(34, 60, 80, 0.2);
-moz-box-shadow: 0px 1px 15px 6px rgba(34, 60, 80, 0.2);
box-shadow: 0px 1px 15px 6px rgba(34, 60, 80, 0.2);
}

.address-c {font-family: 'Montserrat';
font-size: 14px;
font-weight: 600;
line-height: 17px;
color:rgba(8, 8, 8, 1);
    position: relative;
}
.email-c a {font-family: 'Montserrat';
font-size: 14px;
font-weight: 600;
line-height: 17px;
color:rgba(8, 8, 8, 1);

}
.phone-c a {font-family: 'Montserrat';
font-size: 14px;
font-weight: 600;
line-height: 17px;
color:rgba(8, 8, 8, 1);
}
.email-c {position:relative;margin-top:15px;}
.phone-c {position: relative;margin-top:15px;}

.phone-c::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-c::before { background:url('../i/phone-f.svg');
background-repeat:no-repeat;}

.email-c::before {content:''; position:absolute; top: 5px;
  left: 0;
margin-left: -25px;
 display:inline-block; vertical-align:middle; width:16px; height:16px; line-height:16px;
 background-repeat:no-repeat;}
.email-c::before { background:url('../i/mail-f.svg');
background-repeat:no-repeat;}


.address-c::before {content:''; position:absolute; top:-4px;
  left: 0;
margin-left: -25px;
 display:inline-block; vertical-align:middle; width:14px; height:25px; line-height:25px;
 background-repeat:no-repeat;}
.address-c::before { background:url('../i/map.svg');
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;}



/* 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:#232766 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}