@import url('https://fonts.googleapis.com/css2?family=Montserrat:wght@300;400;500;600;700;800&family=Oswald:wght@300;600;700&display=swap');

//@import url('https://fonts.googleapis.com/css2?family=Ubuntu:wght@300;400;500;700&display=swap');
//@import url('https://fonts.googleapis.com/css2?family=Oswald:wght@300;400&display=swap');
//@import url('https://fonts.googleapis.com/css?family=Roboto:300,400,500,700,900');
//@import url('https://fonts.googleapis.com/css2?family=Source+Sans+Pro:wght@200;300;400;600;700&display=swap');


//#BX_file_dialog {height: auto!important;}


:root {
    --font-family: 'Rubik', Arial, sans-serif !important; 
    
    
    --color1: #333333; /*Главный цвет заливки*/
    --color1-hover: #000;  /*Главный цвет заливки кнопки hover*/
    --color2: #0f84ff;
    --color3: #2c3d5f;
    
    --color-controls: #076bdb;
    --color-controls-default: #d0d0d0;
    
    
    --text-color: #002432; /*Цет текста*/
    --a-hover-color: #c91e21; /*Цет ссылки hover*/
    --placeholder-color: #3c3c3c;
   
    
    --footer_height: 440px; 
    --footer-color: #aebdc3;
    --footer-color-hover: #c91e21;
    
    --gradient:  linear-gradient(0, #ca1e36 0%, #ec0f3a 100%);
    
    
    --mobile-button-color: #005198;
    
    --popup-background: linear-gradient(135deg, #d12023 0%, #ed3033 100%);
    //--popup-background:#b3197e;
    --popup-text-color: #1f2123;
}


* {margin: 0px; padding: 0px;}
*{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}:after,:before{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}
html {height: 100%; font-size: 1.1rem; line-height: 1.2;}
body
{
	font-size: 0.95rem;
	line-height: 1.2;
	margin: 0;
	padding: 0;
	text-align: left;
	height: auto !important;
	height: 100%;
	min-height: 100%;
	position: relative;
    background-color: #FFF;
    color: var(--text-color);
    font-family: 'Montserrat', Arial, sans-serif !important;
    font-weight: 300;
    
    background-position: center;
}
label {font-weight: normal}

a, a:visited {color:var(--text-color); outline: none; transition: all 0.1s ease-out 0s; text-decoration-skip-ink: none; text-decoration: underline;}
a:hover {color:var(--a-hover-color); text-decoration: none;}
a img {border: none;}



h1, .header1 {font-size: 2.3rem; color: var(--text-color); margin: 0.9rem 0 0.9rem;}
h2, .header2 {font-size: 1.8rem; color: var(--text-color); margin: 0.9rem 0 0.5rem;}
h3, .header3 {font-size: 1.6rem; color: var(--text-color); margin: 0.5rem 0 0.5rem;}
h4, .header4 {font-size: 1.2rem; margin: 0.25rem 0 0.25rem;}
h2 small {font-size: 1.3rem;}

h1,h2,h3, .header1, .header2, .header3 {font-weight: 400; font-family: 'Oswald', Arial, sans-serif !important;}


h1.styled, h2.styled, h3.styled, .header1.styled, .header2.styled, .header3.styled {text-transform: uppercase; color: #000000; font-weight: 400;}
h1.styled, h2.styled, .header1.styled, .header2.styled {font-size: 1.5rem; font-weight: 600;}

/*h1.styled:after, h2.styled:after  {
    content:''; 
    display:inline-block; 
    height: 100%; 
    height: 20px;
    width: 4px; 
    background-color: var(--color2);
    margin-left: 15px;
    position: relative;
    
}*/

.grecaptcha-badge {display: none;}

.red {color: #cd1936!important;}
.color1 {color: var(--color1)!important;}}
.color2 {color: var(--color2)!important;}
.color3 {color: var(--color3)!important;}
.gradient {background: var(--gradient); color: var(--color1)!important; background-clip: border-box; -webkit-background-clip: text; -webkit-text-fill-color: transparent;}
a.gradient {text-decoration: none; border-bottom: 1px solid var(--color1);}


p {padding: 10px 0px;}
.overlay {width: 100%; height: 100%; display: block; z-index: 10;position: absolute; background-color: rgba(204, 204, 204, 0);}
table th {vertical-align: top;}
table td {vertical-align: top;}

.hr {border-top: 1px solid #e5e5e5; height: 1px; margin: 30px 0; clear: both;}
.hr hr {display:none;}
* html .hr {overflow: hidden;}

//.container_page ul {margin-left: 15px;}

/*Контейнеры*/
.content_container {max-width: 1200px; margin: 0px auto; position: relative;}
.container_page {padding-bottom: var(--footer_height); }
.bg_fff {background-color: #FFF;}
//.page_block {padding: 0 30px;}



/*Хидер*/
header  label {font-size: 0.75rem;}
header .logo {text-align:center; padding: 25px 50px 30px 0; min-width: 141px; }
header .logo img {max-width: 350px;}

header .slogan {font-weight: 400; font-size: 0.9rem;}

/*header .callback a::after {
    content: '';
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' version='1.1'%3E%3Cg fill='none' stroke='%230960ff' stroke-width='1'%3E%3Cline x1='0' y1='0' x2='300' y2='0' style='stroke-dasharray: 2 3; stroke-width: 1.8px;' /%3E%3C/g%3E%3C/svg%3E");
    width: 100%;
    display: block;
    bottom: 0;
    left: 0;
    position: absolute;
    height: 2px;
}*/
header.fixed {
    background-color: rgba(255,255,255,0.7); 
    position: fixed; width: 100%; top: 0; opacity: 0.95; z-index: 999; display: block;
}

/*Футер*/
footer {
    background: url(/images/bg/footer.png) no-repeat;
    background-color: #FFF;
    background-size: cover;
    
    
    height: var(--footer_height);
    position: absolute; 
    bottom: 0; 
    width: 100%;
    color: var(--footer-color); 
    left: 0;
    right: 0;
    //-webkit-box-shadow: 0px 0px 5px 0px rgba(50, 50, 50, 0.3);
    //-moz-box-shadow:    0px 0px 5px 0px rgba(50, 50, 50, 0.3);
    //box-shadow:         0px 0px 5px 0px rgba(50, 50, 50, 0.3);
    
    padding-bottom: 30px;
}
footer a {color: var(--footer-color); text-decoration: none;}
footer a:hover, footer .root-item-selected {
       //color: var(--footer-color-hover)!important;
       text-decoration: underline!important; 
}
footer h3 {color: #000; font-size: 1.1rem; font-weight: 600; margin-bottom: 20px; padding: 0;}
footer label {font-size: 0.9rem; font-weight: 600; margin-bottom: 10px; padding: 0;}


footer .logo img {max-width: 90%; max-height: 75px;}
footer .logo {position: relative}


footer big {font-size: 1.3rem;}
footer small {font-size: 0.8rem;}

.footer_menu ul {
    list-style: none;
    margin:0; 
    line-height: 1.7; 
}
.footer_menu ul a {color: var(--footer-color); font-size: 1rem; text-decoration: none; }
.footer_menu ul li {margin: 3px 0; padding: 8px 0;}

footer .contacts > div {margin: 5px 0;}
footer .contacts .callback span {border-bottom: 1px dashed var(--footer-color);}
footer .contacts .email a {text-decoration: underline;}

//footer .contacts .phone {position: relative; background: url('/images/phone.png') 0 8px no-repeat;}
//footer .contacts .address {position: relative; background: url('/images/map.png') 0 6px no-repeat;}
//footer .contacts .email {position: relative; background: url('/images/email.png') 0 10px no-repeat;}
//footer .contacts .callback {position: relative; background: url('/images/callback.png') 0 6px no-repeat;}

footer .bottom_line {
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    background: rgba(255,255,255,0.5);
    padding: 15px 0;
    font-size: 0.8rem;
}

/*Главное меню*/
.main_menu_container {padding: 0!important;}
.main_menu_container {
    //border-top: 1px solid #f6f6f6;
    //border-bottom: 1px solid #f6f6f6;  
    background-color: var(--color1); 
}
.main_menu .root-item-selected {text-decoration: underline;}
.main_menu > ul  {
    -moz-border-radius: 2px;
    -webkit-border-radius: 2px;
    border-radius: 2px;
    width: 100%;
    height: 65px;
    font-size: 1.05rem;
    text-align: center;
    padding: 0;
    margin: 0;
}
.main_menu li 
{
    float: left;
    box-sizing: border-box;
    transition: all 0.2s ease 0s;
    list-style: none;
    height: 100%;
    position: relative;
}
.main_menu li > a {
    line-height: 60px;
    color: #FFFFFF;
    width: 100%;
    box-sizing: border-box;
    display: block;
    padding: 0 25px;
    font-size: 0.90rem;
    text-decoration: none;
    position: relative;
    z-index: 1;
    height: 100%;
    //text-transform: uppercase;

}
.main_menu ul li ul li a {padding: 0 30px;}
.main_menu li.has-child > a {padding: 0 40px 0 25px;}
.main_menu > ul > li ul .item-selected a {text-decoration: underline;}
.main_menu li:last-child > a:after {display: none;}
.main_menu .fa  {
    position: absolute;
    top: 50%;
    right: 17px;
    margin-top: -12px;
    color: #FFF;
    transition: all 0.1s ease-out 0s;
}
.main_menu > ul > li:hover .fa {
    -ms-transform: rotate(180deg);
    -webkit-transform: rotate(180deg);
    -o-transform: rotate(180deg);
    -moz-transform: rotate(180deg);
    margin-top: -7px;

}

.main_menu li a:hover, .main_menu li a.root-item-selected {text-decoration: none;}
.main_menu li:hover > ul {display: block;} 
.main_menu li ul, .main_menu li ul li ul {
    position: absolute;
    display: none;
    z-index: 500;
    height: auto;
    text-align: left;
}
.main_menu li ul {top: auto; min-width: 100%; 
    -webkit-box-shadow: 0px 1px 5px 0px rgba(0, 0, 0, 0.2);
    -moz-box-shadow: 0px 1px 5px 0px rgba(0, 0, 0, 0.2);
    box-shadow: 0px 1px 5px 0px rgba(0, 0, 0, 0.2);
}
.main_menu li ul li ul {left: 100%; top: 0; }
.main_menu li ul li {width: 100%; white-space: nowrap;}
.main_menu li ul li a {background-color: #f4f4f4; color: #000000; border-bottom: 1px solid #dfdfdf;}
.main_menu li ul li:last-child a {border-bottom: none;}
.main_menu li ul li a:hover {text-decoration: underline;}
//.main_menu > ul > li:first-child a {border-top-left-radius: 2px; border-bottom-left-radius: 2px;}
.main_menu a.parent::after {position: absolute; top: 25px; right: 5px; content: ""; display: block !important; width: 10px; height: 7px; background: url('../images/menu/arrow.gif') 0px 0px no-repeat;}

.main_menu_container .btn {
    position: absolute;
    right: 0;
    top: 8px;
}


.main_menu > ul > li:hover > a, .main_menu > ul > li.active > a {color: #FFF; text-decoration: none;}
//.main_menu > ul > li:after{content: ''; margin-top: -2.5px; position: absolute; right: 0; top: 50%; width: 100%; height: 15px; background-color: #CCCCCC;}
.main_menu ul > li {transition: background 0.2s ease-out 0s; background-position: center center;}
.main_menu ul > li:hover  {background-color: #006e36}
.main_menu ul > li.active > a {text-decoration: underline;}
//.main_menu .active > a {color: var(--a-hover-color);}

//.main_menu > ul > li:first-child > a {padding: 0 40px 0 75px; background: url(/images/menu.png) 40px 26px no-repeat;}



/*.main_menu > ul > li:hover:after, .main_menu .active:after {
    content: '';
    position: absolute;
    top: 50%;
    width: 90%;
    height: 30px;
    background-color: #c571aa;
    z-index: 0;
    margin-top: -16px;
    border-radius: 3px;
    left: 5%;
}*/
/*.main_menu > ul > li > a:after {
    content: "";
    position: absolute;
    width: 1px;
    height: 15px;
    background-color: rgba(0,0,0,0.1);
    right: 0; top: 25px;
}*/


.mobile_submenu_content > ul > li > ul {display: block; padding: 0 0 15px 0; list-style: none; text-align: left; margin: 0;}
.mobile_submenu_content > ul > li > ul > li {line-height: 1.2; position: relative; padding: 4px 0; list-style: none; padding-left: 15px; margin-left: 0px;}
.mobile_submenu_content > ul > li > ul > li:before {background-color: #282828;content:''; position: absolute; width: 8px; height: 2px; left:0; top: 15px; border-radius: 50%;}
.mobile_submenu_content > ul > li > ul a {font-size: 0.9rem;}



.mobile_submenu_content > ul > li > ul > li > ul {padding: 0; display: block; list-style: none; text-align: left; margin: 0;}
.mobile_submenu_content > ul > li > ul > li > ul > li {line-height: 1; position: relative; padding: 4px 0; list-style: none; margin-left: 0px;}
.mobile_submenu_content > ul > li > ul > li > ul > li a {font-size: 0.85rem;}


.main_menu_container.fixed {
    background-color: var(--color1);
    position: fixed;
    width: 100%;
    top: 0;
    opacity: 0.95;
    z-index: 999;
    display: block;
}


/*dev*/
.dev {width: 135px; position: relative; z-index: 1; margin: 0 auto; color: var(--footer-color);}
.dev .dev_text {position: absolute; top: 0px; right: 0px; color: var(--footer-color)!important; }
.dev .dev_text a {white-space:nowrap; color: #FFF!important; text-decoration: none;}
.dev .dev_text a, .dev .dev_text {font-family: Tahoma!important; font-weight: normal!important; font-size: 13px!important; line-height: 16px!important; font-weight: normal!important;}


/*Кнопка*/
.btn.color_border {background: #FFFFFF; color: #E31E24; border: 1px solid #E31E24; border-radius: 3px;}
.btn.color_border:hover {background: #E31E24;}

.btn, a.btn, input.btn {
    font-family: 'Oswald', Arial, sans-serif !important;
    border: none;
    //background-color: #0a973a!important; 
    background: linear-gradient(to top, #d12023 32%, #ed3033 100%);

    border-radius: 0!important;
   
    outline: none;
    color: #FFFFFF!important;
    cursor: pointer;
    font-size: 1rem!important;
    text-transform: uppercase;
    font-weight: 600;
    text-align: center;
    text-decoration: none;
    line-height: 1.5rem;
    display: inline-block;
    padding: 14px 35px 16px;
    transition: all 0.2s ease 0s;
    width: auto;
     -moz-user-select: none;
    -o-user-select:none;
    -khtml-user-select: none;
    -webkit-user-select: none;
    -ms-user-select: none;
     user-select: none;
     
     position: relative;
     
     font-family: inherit;
     
     //text-transform: uppercase;
     
    
}
input.btn[type=submit],input.btn[type=reset] {padding: 12px 45px 14px;}

/*.btn::before {
    position: absolute;
    content: "";
    top: 0;
    left: 0;
    width: 0%;
    height: 100%;
    background-color: var(--color1-hover);
    transition: width 0.3s;
    z-index: 0;
}

.btn:hover::before {width: 100%;}*/

.btn:hover, .btn.active {
    //background-position: 100px; 
    //background-color: #1c3b7e!important;
     background: linear-gradient(to top, #006e36 32%, #0fb460 100%);
    color: #FFFFFF!important; text-decoration: none;
}
.btn.big {
    padding: 12px 30px 12px; 
    font-size: 0.85rem;  
}
.btn.small {
    font-size: 0.75rem !important;
    padding: 7px 20px 7px;   
}
.btn.verybig {padding: 20px 50px; font-size: 22px;}
.btn.w100 {width: 100%;}
.btn.black {background-color: #363334;}
.btn.black:hover {background-color: #000000;}

.btn.red {background-color: #fd7c00; border-bottom: 3px solid #bf5e00;}
.btn.red:hover {background-color: #bf5e00!important; }


.btn.go {position: relative;}
.btn.go::after {content: "\f105"; font-family: "FontAwesome"; right: 35px; position: absolute; text-decoration: none; color: #FFFFFF; font-size: 20px; line-height: 26px;}

.btn::before {
    position: absolute;
    content: "";
    top: 0;
    left: 0;
    width: 0%;
    height: 100%;
    background-color: var(--color1-hover);
    transition: width 0.3s;
    z-index: 0;
}

/*Форма ajax*/
.ajax_form.popup {
    width: 500px; 
    display: none;
    padding: 5px;
    font-family: var(--font-family);
}

.ajax_form .popup_content {
    padding: 50px 30px;
    background-color: #FFFFFF;
}
.ajax_form.popup .header3 {
    color: var(--popup-text-color);
    font-weight: bold;
    text-transform: uppercase;
    text-align: center;
    font-size: 1.4rem;
    padding: 20px 40px 20px 40px;
}
.ajax_form.popup .good_comment {color: var(--popup-text-color);}

.ajax_form.popup.color {
    /* http://flatonika.ru/css-gradient-generator-onlajn/ */
    background: var(--popup-background);
    transition: all .5s;    
}
.ajax_form.popup .fancybox-close-small {height: 60px; width: 60px; color: #FFFFFF;}
.ajax_form.popup.color .fancybox-close-small:hover * {color: #666666;}


.ajax_form.popup.color .header {color: var(--text-color); text-align: center;}
//.ajax_form.popup.color input[type="text"], .ajax_form.popup.color textarea {border: none; font-family: inherit; opacity: 0.8; border-radius: 3px; }
//.ajax_form.popup.color input[type="text"]:focus, .ajax_form.popup.color textarea:focus {opacity: 1;}
//.ajax_form.popup.color input[type="text"]:focus {background: rgba(255,255,255,1); }
//.ajax_form.popup.color .btn { background: rgba(255,255,255,0.3);}

.ajax_form.popup.color .form_error {}
.ajax_form .licence_block {margin-bottom: 20px;}
.ajax_form .licence_block, .ajax_form .licence_block a {font-size: 0.8rem;}
.fancybox-close-small svg {color: var(--color1)}

/*map*/
.map_contacts #map {height: 600px; border-top: 1px solid #CCCCCC;}
.map_contacts {position: relative}
.map_contacts .form_container {
    position: absolute;
    right: 40px;
    z-index: 99;
    height: 600px;
}
.map_contacts .form {
    //border: #b4c8d3 1px solid;
    background-color: #FFFFFF;
    padding: 40px;
    margin: 20px 0;
    width: 400px;
}
.map_contacts .form h4 {font-weight: 300;}
.map_contacts .bg, .map_form .bg, .map .bg  {transition: all .30s ease-in;  opacity:1; visibility: visible; width: 100%; height: 100%; top: 0; left: 0; position: absolute; background: rgba(15, 64, 96, 0.1); z-index: 1;}
.map_contacts:hover .bg, .map_form:hover .bg, .map:hover .bg {visibility: hidden; opacity: 0;}
#map [class*="placemark-overlay"] ymaps ymaps {
    -webkit-animation: marker-animation 1s infinite;
    animation: marker-animation 1s infinite;
}
@-webkit-keyframes marker-animation {
    0% {top: -100px; }
    50% {top: -105px;}
    100% {top: -100px; } 
}

/*.map_contacts .email a {font-size: 1.2rem;}
.map_contacts .phone, .map_contacts .address {font-size: 1.2rem;}
.map_contacts small {font-size: 0.8rem;}*/

.map_form {height: 700px;}
.map_form #map {height: 700px; border-top: 1px solid #CCCCCC;}
.map_form .left_col {background: url(/images/map_form.png) left center no-repeat; background-size: cover;}
.map_form .content {margin: 0 auto; padding: 40px 30px; width: 500px; max-width: 100%; text-align: left; z-index: 3; position: absolute; top:0; right: 0; left: 0;}
.map_form .content .slogan {font-size: 1.4rem; font-weight: bold; line-height: 1.4; color: #232323;}
.map_form h3 {margin: 10px 0;}
.map_form .phone {margin: 10px 0; padding-left: 30px; font-size: 1.4rem; position: relative; background: url('/images/phone.png') 0 6px no-repeat;}
.map_form .address {margin: 10px 0; padding-left: 30px; font-size: 1.2rem; position: relative; background: url('/images/map.png') 0 6px no-repeat;}
.map_form .bg_fill {background-color: rgba(255, 255, 255, 0.7); width: 100%; height: 100%; position: absolute; right: 0; top: 0; z-index: 2;}


/*gallery_page*/

.gallery_page {margin: 20px 0!important; width: 100%;}
.gallery_page_slider {padding-bottom: 30px;}
.gallery_page_slider.owl-theme .owl-dots {bottom: 0;}
.gallery_page .item {height: 200px; width: 300px;}
.gallery_page .item a {display: block; height: 100%;}
.gallery_page img {height: 100%; border: 1px solid #CCCCCC; display: block; float: left; width: auto; margin-right: 20px;}


/*Пейджинг*/
.paging {padding: 0; margin: 10px 5px; text-align: left;}
.paging a, .paging span {display: inline-block; border-radius: 2px; color: #FFFFFF; padding: 7px 17px; margin: 0 5px 5px 0; text-decoration: none;}
.paging a {display: inline-block; background-color: #cccccc; color: var(--text-color)}
.paging a:hover, .paging span {background-color: var(--color1); color: #FFFFFF!important;}




/*Инпуты*/
.container_page input[type="text"], 
.container_page input[type="password"], 
.container_page textarea, 
.container_page select,
.fancybox-container input[type="text"], 
.fancybox-container input[type="password"], 
.fancybox-container textarea, 
.fancybox-container select  
{
    background: #FFFFFFF;
    border: 1px solid #d5d5d5;
    //box-shadow: 1px 1px 3px 1px rgba(200, 200, 200, 0.2) inset;
    box-shadow: none;
    color: var(--text-color);
    font-size: 1.05rem;
    outline: medium none;
    padding: 10px 15px;
    transition: all 100ms cubic-bezier(0.42, 0, 0.58, 1) 0s;
    width: 100%;
    margin: 5px 0;
    font-family: inherit;
}
.container_page input[type="text"]:focus, 
.container_page input[type="password"]:focus, 
.container_page textarea:focus, 
.fancybox-container input[type="text"]:focus, 
.fancybox-container input[type="password"]:focus, 
.fancybox-container textarea:focus
{
    border: 1px solid var(--color1);
    box-shadow: 0 0 0 0 rgba(52, 152, 219, 1);
    transition: all 100ms cubic-bezier(0.42, 0, 0.58, 1) 0s;
}
.container_page textarea {resize: none;}

.content_container input[type="text"]::-moz-placeholder, .content_container input[type="text"]::-webkit-input-placeholder,.content_container input[type="text"]::placeholder {color: var(--placeholder-color); font-family: var(--font-family); font-size: 0.8rem!important;}
.content_container textarea::-moz-placeholder,.content_container textarea::-webkit-input-placeholder,.content_container textarea::placeholder {color: var(--placeholder-color); font-family: inherit; font-size: 0.8rem!important;}

.fancybox-container textarea::-moz-placeholder, .fancybox-container textarea::-webkit-input-placeholder,textarea::placeholder 
{color: var(--placeholder-color)!important; font-family: inherit; font-size: 1rem; opacity: 0.7;}


/*Вверх*/
#scrollTop {
    width: 55px;
    height: 55px;
    border-radius: 50%;
    right: 75px;
    cursor: pointer;
    position: fixed;
    text-align: center;
    bottom: 55px;
    background: var(--color1);
    display: none;
    z-index: 999;
    opacity: 0.8;
}
#scrollTop svg {
    top: 50%; position: absolute;
    left:0; right: 0;
    margin: -15px auto 0 auto;
}
#scrollTop:hover {opacity: 1;}


/*Мессенджжеры*/
.messengers > a {display: inline-block; float: left; width: 18px; height: 18px; margin-right: 5px;}
.messengers > a.viber {background: url(/images/svg/viber.svg) no-repeat; background-size: contain;}
.messengers > a.telegram {background: url(/images/svg/telegram.svg) no-repeat; background-size: contain;}
.messengers > a.whatsapp {background: url(/images/svg/whatsapp.svg) no-repeat; background-size: contain;}


/*loader*/
.loader {display:none; z-index: 1; position: absolute; width: 100%; height: 100%; left: 0; top: 0; background: rgba(0,0,0, 0.1);}
.loader:after { 
    content: '';
    width: 150px;
    height: 150px;
    background: url(/images/loader_form.gif);
        background-size: auto;
    background-size: cover;
    position: absolute;
    top: 50%;
    left: 50%;
    margin-top: -75px;
    margin-left: -75px;
}

/*select*/
.select-wrapper {
    position: relative;
}
.select {
    display: block;
    width: 100%;
    border: 1px solid #9f9f9f;
    color: #000000;
    position: relative;
    vertical-align: top;
    outline: 0;
    -webkit-appearance: none;
    -moz-appearance: none;
    -ms-appearance: none;
    appearance: none !important;
    line-height: 1.1;
    font-weight: 500;
}
.select.active {color: #e54a8a}
.select::-ms-expand {
    display: none;
}
.select-wrapper:before {
    content: "\f107";
    font-family: "FontAwesome";
    text-decoration: none;
    color: #000000;
    font-size: 20px;
    position: absolute;
    right: 10px;
    top: 18px;
    z-index: 1;
}
.select-wrapper:hover:before {
    color: #f14bd1;   
}
[data-type="placeholder"] { 
    color: #999999;
}


/*Галерея фото в редакторе страницы*/
/*.photogallery {border: 1px dashed #CCCCCC; padding: 10px;} - рамка для редактора tiny*/
/* Фото */
.photo_row {
	display: inline-block;
    height: 180px;
    padding: 3px;
    margin: 5px;
    width: 130px;
    border: 1px solid #CCCCCC;
    -webkit-box-shadow: 1px 1px 3px 0px rgba(50, 50, 50, 0.5);
	-moz-box-shadow:    1px 1px 3px 0px rgba(50, 50, 50, 0.5);
	box-shadow:         1px 1px 3px 0px rgba(50, 50, 50, 0.5);
}
.photo_row a {
    background: none repeat scroll 0 0 #f1f1f1;
    display: block;
    height: 100%;
    line-height: 100%;
    overflow: hidden;
    text-align: center;
    width: 100%;
    position: relative;
}
.photo_row img {vertical-align: middle; border: 0 none; position: absolute; left:0; top:0;}


.error404 ul {margin-left: 20px;}
.error404 .map-level-0 > li {padding: 5px 0;}
.error404 td {padding-right: 30px;}


/*Баннеры*/
.banners {width: 100%; overflow: hidden;}
.banners.type1 .item:first-child {padding-right: 10px;}
.banners.type1 img {width: 100%;}

.banners.type2 img {width: 100%;}

/*Форма заявки*/
.checkbox_style input[type="checkbox"] {display: none;}
.checkbox_style label {display: inline-block; cursor: pointer; position: relative; padding-left: 20px; margin-right: 15px;font-size: 13px;}
.checkbox_style label::before {
    background: linear-gradient(to right, #00e26f 0%, #00e26f 100%);
    content: ""; display: inline-block; width: 12px; height: 12px; margin-right: 10px; position: absolute; left: 0; top: 2px; 
}
.checkbox_style a {color: #007eff;}
.checkbox_style input[type="checkbox"]:checked + label::after {font-family: "FontAwesome"; content: "\f00c"; font-size: 9px; color: #FFFFFF; text-align: center; line-height: 15px; position: absolute; left: 2px; top: 0;}
.checkbox_style.alert, .checkbox_style.alert a {color: #ff5d29}


/*Битрикс*/
.main-profile-form-label.text-md-right, input[class*="col-"] {display: inline!important;}
.main-profile-block-shown .col-sm-9, .main-profile-block-shown .col-sm-12, .main-profile-form-buttons-block {padding-left: 0!important;}

.bx-ui-sls-fake {margin: 0!important;}