/*  ============================================================================================  */
/*	GENERAL																						  */
/*  ============================================================================================  */

html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, address, cite, code, del, dfn, em, font, img, strong, sub, sup, b, u, i,
dl, dt, dd, ol, ul, li, fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td 
{margin:0; padding:0; border:0; outline:0; vertical-align:baseline; background:transparent;}

body {background-color:#fff; font-family: -apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol"; font-size:23px; color: #212121; font-weight: 300;}
div {display: block;}

.main {}

/*  ============================================================================================  */
/*	DIVS																						  */
/*  ============================================================================================  */

/*	top */
#top {width:100%; height: 100px; background: #0e1212; position: sticky; top: 0px; z-index: 1; }
.top_div {width: 1000px; height: 100%; margin: 0 auto; }

.top_table{width:100%; height: 80px; color: #fff;}
.top_left {width:170px; padding-top: 15px; font-size:14px; color:#31af05; font-weight: 400; text-align: center; float:left;}
.top_center {width:500px; float:left;}
.top_wrapper {}
.top_coll {width:130px; padding-top: 20px; font-size:14px; font-weight: 500; line-height: 40px; text-align: center; float:left; }
.top_right {width: 330px; padding-top: 20px; float:left;}
.top_rightwrapper {width:100%; height: 50px;}
.top_contacts {width: 170px; height: 100%; text-align: center; line-height: 25px; float:left; }
.top_mess {width: 140px; height: 100%; float:left;}
.top_messbox {width:40px; height: 40px;  background: #fff; border-radius: 50px; border: 1px solid #fff; float:left;  }
.top_messbox:hover {border-radius: 50px; border: 1px solid #31af05; }
.top_messgap {width: 10px; height: 40px; float:left; }


/*	topper */
#topper {width:100%; height: 70px; background: #0e1212;}
.topper_table{width:100%; height: 50px; color: #fff; line-height: 50px; }
.topper_left {width:170px; font-size:14px; color:#31af05; font-weight: 400; text-align: center; float:left;}
.topper_center {width:500px; text-align: left; font-size:20px; font-weight: 400; float:left;}
.topper_right {width: 330px; float:left;}
.topper_rightwrapper {width:100%; height: 100%; }
.topper_contacts {width: 170px; height: 100%; text-align: center; float:left; }
.topper_mess {width: 140px; height: 100%; padding-top: 5px; float:left;}
.topper_messbox {width:40px; height: 40px;  background: #fff; border-radius: 50px; border: 1px solid #fff; float:left;  }
.topper_messbox:hover {border-radius: 50px; border: 1px solid #31af05; }
.topper_messgap {width: 10px; height: 40px; float:left; }


/* window */
#window {width:100%; display: flex; flex-direction: column; background-image: url("/images/wdw_bg.jpg"); background-repeat: no-repeat; background-position: center bottom;}
.wdw_div {width: 1000px; margin: 0 auto; text-align: center;}
.wdw_wrapper {width: 100%; line-height: 30px; font-size: 23px; font-weight: 300;}
.wdw_columnGap {width: 2%; float:left; }
.wdw_column {width: 46%; color: #fff; text-align: left; float:left;}
.wdw_c1wrapper {width: 100%; }
.wdw_c1left {width: 10%; text-align: left; padding-top: 5px; float: left;}
.wdw_c1right {width: 90%; line-height: 110%; float: left; }
.rsg_div {width: 100%; height: 300px; background-image: url("/images/Rletter.png"); background-repeat: no-repeat; background-position: center; border-bottom: solid 1px #fff;}


/* company */
#company {width: 100%; background: #fff;}
.com_div {width: 1000px; display: flex; flex-direction: column; margin: 0 auto; }
.com_wrapper {width: 100%; text-align: left; }
.com_columnGap {width:3%; float:left;}
.com_column1 {width: 30%; min-height: 250px; float:left; }
.com_column2 {width: 60%; float:left;}


/* services */
#services {width: 100%; background: #eff2f7; box-shadow: inset 1px 3px 3px #eeeeee; }
.svr_div {width: 1000px; margin: 0 auto; text-align: center;}
.svr_head {height: 100px; margin-left: 40%; line-height: 100px;}
.svr_wrapper {width: 100%; height: 310px;}
.svr_linkbox {width: 320px; height: 300px; border: 1px solid #acbbca; display: table-cell; vertical-align: middle; overflow: hidden; cursor: pointer; box-shadow: 0px 3px 10px rgba(0, 0, 0, 0.3); float: left;}
.svr_tbgap {width: 15px; float: left;}

.svr_imglink {width: 100%; height: 100%; background-repeat: no-repeat; text-align: center; color: #000; background: rgba(0,0,0,0.6); background-blend-mode:darken;}
.svr_buttom {width: 150px; height: 40px; background: #58c878; border: 1px solid #58c878; border-radius:30px; -moz-border-radius:30px; -webkit-border-radius:30px; -webkit-transform: translate3d(0,100%,0); transform: translate3d(0,100%,0); font-size:20px; line-height:35px; color: #fff; text-align: center; margin: 0 auto; }
.svr_imglink h5, .svr_imglink h6 {top: 30px; -webkit-transition: -webkit-transform 0.35s; transition: transform 0.35s; -webkit-transform: translate3d(0,20px,0); transform: translate3d(0,20px,0);}
.svr_imglink:hover {background: rgba(0,0,0,0.5); background-blend-mode:darken; transition: 0.3s;}
.svr_imglink:hover h5, .svr_imglink:hover h6 {-webkit-transform: translate3d(0,0,0); transform: translate3d(0,0,0); }
.svr_imglink h5::after, .svr_imglink h6::after, .svr_imglink p {opacity: 0; -webkit-transition: opacity 0.35s, -webkit-transform 0.35s; transition: opacity 0.35s, transform 0.35s;}
.svr_imglink:hover h5::after, .svr_imglink:hover h6::after, .svr_imglink:hover p {opacity: 1; -webkit-transform: translate3d(0,0,0); transform: translate3d(0,0,0);}

.srv_btm {width: 95%; height: 200px; margin: 0 auto;}
.srv_btmHeader {color: #0f0f0e; line-height: 35px; font-size: 25px; font-weight: 700;}
.srv_btmTxt {font-weight: 400;}

/* questions */
#questions {width: 100%; background: #eff2f7;}
.qst_div {width: 1000px; display: flex; flex-direction: column; margin: 0 auto;}
.qst_wrapper {width: 100%; }
.qst_columnGap {width: 25px; float:left;}
.qst_column {width: 950px; float:left;}
.qst_block {width: 100%; border-top: 1px solid #ccc;}

summary::marker{display:none;}
summary {width: 100%; display:inline-block; cursor: pointer; position: relative; font-size:19px; font-weight: 500; line-height: 100px;}
.summary_col1 {width: 90%; float:left;}
.summary_col2 {width: 10%; float:left; padding-top: 40px;}
details[open] summary ~ *{animation: sweep .5s ease-in-out;}
@keyframes sweep {0% {opacity: 0;} 100% {opacity: 1;}}

.qst_txt {line-height: 30px; font-size: 20px; font-weight: 400;}


/* portfolio */
#portfolio {width: 100%;}
.port_div {width: 1000px; margin: 0 auto; }
.port_head { height: 100px; margin-left: 50%; line-height: 100px; }
.port_wrapper {width: 100%;}

.port_row {width: 100%; height: 250px;}
.port_object {width: 250px; height: 100%; position: relative; background-repeat: no-repeat; background-size:cover; background: rgba(0,0,0,0.5); overflow: hidden; float: left; }
.port_object:hover {background-blend-mode:darken;}
.port_txt {width: 100%; height: 100%; text-align: center; color: #fff; font-size: 20px; line-height: 25px; overflow: hidden;}
.port_txt p {opacity: 0; -webkit-transition: opacity 0.35s, -webkit-transform 0.35s; transition: opacity 0.35s, transform 0.35s;}
.port_txt:hover p {opacity: 1; -webkit-transform: translate3d(0,0,0); transform: translate3d(0,0,0); }

.port_addinfo {width: 100%; text-align: center;}


/* contacts */
#contacts {width: 100%; background: #f2f2f2; box-shadow: inset 0px -1px 10px #ccc; }
.cont_maindiv {}
.cont_head { height: 100px; margin-left: 50%; line-height: 100px; }
.cont_div {width: 1000px; margin: 0 auto; display: flex; flex-direction: column;}
.cont_wrapper {width: 100%; }
.cont_column1 {width: 50%;  text-align: center; float:left;}
.cont_column2 {width: 50%; float:left;}
.cont_txt {width: 100%; font-size: 25px;  line-height: 30px;}
.cont_mainphone {font-size: 40px; font-weight: 500; line-height:60px; color: #000;}

.cont_linkwrapper {width: 100%;}
.cont_link {float: left; }
.cont_linkgap {width:10px; float: left; }

.cont_fb {width: 200px; display: inline-block; border-radius: 5px; border: 2px solid #37aee2; background: #37aee2; box-shadow: 0px 3px 10px rgba(0, 0, 0, 0.3); padding: 10px 20px; font-size: 16px; font-weight: 400; line-height: 25px; color: #fff; transition: 0.5s;}
.cont_fb:hover {border: 2px solid #37aee2; background: none; color: #000; transition: 0.5s;}

.cont_geolocation {width: 300px; height: 200px; margin: 0 auto; position: relative; background-repeat: no-repeat; background-position: top;}
.cont_geolocation p {font-size: 25px;  line-height: 30px; font-weight: 400; color:#31af05;}

.cont_bottom {width: 100%; height: 50px; line-height: 50px; font-size: 14px; font-weight: 400; color: #fff; text-align: center; background: #2b2a29;}
.cont_btmWrapper {width: 1000px; margin: 0 auto; }
.cont_btmBox {width: 33%; height: 100%; float:left;}


/*	footer */
#footer {width:100%; height:180px; background-color:#2b2a29;}
.footer_div {width:1000px; height:150px; margin: 0 auto; text-align: center; color: #fff;}

.ft_cover {width:100%; }
.footerblank {width:200px; float:left;}
.footerleft {width:200px; float:left;}
.footercenter {width:200px; float:left;}
.footerright {width:200px; float:left;}

.ft_circle {width: 50px; height: 50px; border-width: 2px; background: #2b2a29; border-radius: 100%; border: 2px solid #58c878; margin: 0 auto;}
.ft_txt {font-weight:100; font-size: 18px;}

.footer_bottom {width: 100%; height: 50px; line-height: 50px; font-size: 14px; font-weight: 400; color: #fff; text-align: center; background: #0e1212;}
.footer_btmWrapper {width: 1000px; margin: 0 auto; }
.footer_btmBox {width: 33%; height: 100%; float:left;}


/* results */
.preheader {font-size: 23px; font-weight: 500; color: #000; line-height: 30px;}

#result_wdw {width:100%; height: 500px; box-shadow: inset 0px -50px 100px rgba(0, 0, 0, 0.5); background-image: url("/images/wdw_bg.jpg"); background-repeat: repeat; background-position: center top;}
.rs_div {width: 1000px; height: 100%; margin: 0 auto; background-image: url("/images/rusmap.png"); background-repeat: no-repeat; background-position: center top; text-align: center; color: #fff; }
.rs_header {font-size: 28px; line-height: 30px; font-weight: 400; color: #fff;}
.rs_afterheader {font-size: 25px; font-weight: 400; color: #fff;}
.rs_wrapper {width: 800px; height: 250px; color: #fff; text-align: left; margin: 0 auto; font-size: 20px;}
.rs_collumn1 {width: 30%; float: left; padding-left: 10px;}
.rs_collumn2 {width: 26%; float: left; }
.rs_collumn3 {width: 15%; float: left; }

.rs_app {background: #eee; }
.rs_appdiv {width: 1000px; height: 220px; margin: 0 auto;}
.rs_ResWrapper {width: 100%; margin-left: auto; margin-right: 0; text-align: center; font-size: 18px; line-height: 20px; font-weight: 500;}
.rs_ResColumn1 {width: 300px; float:left; }
.rs_ResColumn2 {width: 300px; float:left; }
.rs_ResColumnGap {width: 45px; float:left;}
.rs_ResColumnBorder {width: 2px; height: 120px; border-right: 2px solid #ccc; float:left;}

.rs_ColTxt {font-size: 40px; font-weight: 700; color: #31af05; line-height: 55px;}

.rz_row {width: 100%; height: 150px;}
.rz_logo {width: 250px; height: 100%; position: relative; float: left; }


/* agreements */
.agr_div {width: 900px; margin: 0 auto; font-size: 20px; line-height: 25px; font-weight: 400;}
.agr_Header {color: #0f0f0e; line-height: 35px; font-size: 25px; font-weight: 700;}


/*	blank  */
.blank5 {width:100%; height:5px;}
.blank7 {width:100%; height:7px;}
.blank10 {width:100%; height:10px;}
.blank20 {width:100%; height:20px;}
.blank30 {width:100%; height:30px;}
.blank40 {width:100%; height:40px;}
.blank50 {width:100%; height:50px;}
.blank70 {width:100%; height:70px;}
.blank80 {width:100%; height:80px;}
.blank90 {width:100%; height:90px;}
.blank100 {width:100%; height:100px;}
.blank120 {width:100%; height:120px;}
.blank150 {width:100%; height:150px;}
.blank200 {width:100%; height:150px;}


/*  ============================================================================================  */
/*	HREF																						  */
/*  ============================================================================================  */

A:link,A:visited,A:active,A:hover{text-decoration: none; color:#000; font-style: normal;}

A.top_logo:link,A.top_logo:visited,A.top_logo:active,A.top_logo:hover
{font-family: Georgia, 'Times New Roman', Times, serif; font-size: 30px; color:#31af05; text-decoration:none;}

A.menu:link,A.menu:visited,A.menu:active{text-decoration: none !important; color:#fff; font-style: normal; transition: 0.3s;}
A.menu:hover {text-decoration:underline; color:#31af05; transition: 0.3s;}

A.phone:link,A.phone:visited,A.phone:active
{font-size:23px; font-weight: 400; color:#31af05; transition: 0.3s;}
A.phone:hover {color:#fff; transition: 0.3s;}

A.backcallhref:link,A.backcallhref:visited,A.backcallhref:active {font-size:14px; line-height:23px; color:#31af05; text-decoration: none; transition: 0.3s;}
A.backcallhref:hover {color: #fff; transition: 0.3s;}

A.portfoliolink:link,A.portfoliolink:visited,A.portfoliolink:active{text-decoration: none; border-bottom: 1px dashed #31af05; color:#31af05; font-size: 20px; line-height:40px; font-weight: 400; font-style: normal;}
A.portfoliolink:hover {text-decoration:none; border: none;}

A.partnership:link,A.partnership:visited,A.partnership:active{text-decoration: none; color:#31af05; font-size: 16px; font-weight: 400;}
A.partnership:hover {text-decoration: underline;}

A.agreements:link,A.agreements:visited,A.agreements:active{text-decoration: underline; font-size: 14px; font-weight: 400; color: #fff;}
A.agreements:hover {text-decoration: none;}

A.agreements_form:link,A.agreements_form:visited,A.agreements_form:active{text-decoration: underline; font-size: 15px; font-weight: 500; color: #31af05; ;}
A.agreements_form:hover {text-decoration: none;}

/*  ============================================================================================  */
/*	TEXT																					  */
/*  ============================================================================================  */

h1{font-size: 50px; line-height: 53px; font-weight: 500; color: #31af05;}
h2{font-size: 25px; line-height: 35px; font-weight: 400;}
h3{font-size: 35px; line-height: 53px; font-weight: 500; color: #31af05;}
h5 {font-size: 25px; font-weight: 400; line-height:30px; padding-top: 2.5em; color: #fff;}
h6 {font-size: 20px; line-height:25px; font-weight: 400; color: #fff;}


/*  ============================================================================================  */
/*	BLOCKS																					  */
/*  ============================================================================================  */


b, strong {font-weight: bold;}

.blacktext {color:#000000;}
.greentext3 {color:#3ab54a;}
.greentext2 {color:#58c878;}
.greentext {color:#31af05;}
.whitetext {color:#ffffff;}
.greytext {color:#acbbca;}
.orangetext {color:#ff9a35;}
.yellowtext {color:#f8b915;}
.bezhtext {color:#f2f2e9}
.bg_color {color: #f8f8f8;}

/*  ============================================================================================  */
/*	MODAL FEEDBACK																			  */
/*  ============================================================================================  */

.modal {display: none; position: fixed; top: 0; left: 0; bottom: 0; right: 0; z-index: 99999;  background: rgba(0,0,0,0.5);}
.modal_vis {display: block;}
.body_block { overflow: hidden; margin-right: 17px;}
#close_modal {color: #fff; font-family: Times, sans-serif; border-radius: 50%; border: 4px solid #fff; width: 50px; height: 50px; line-height: 50px; text-align: center; margin: 20px; cursor: pointer; position: absolute; right: 0; transform: rotate(45deg); transition: all 0.6s; box-sizing: content-box;}
.backcall {max-width: 600px; background: #eee; margin: 80 auto;  border-radius: 2%; border: 4px solid #fff;}
.bc_div {font-size: 25px;  line-height: 30px; color: #000; text-align: center;}
.bc_top {width: 100%; height: 100px; background: #fff; font-size:14px; color:#31af05;  line-height:25px; text-align: center; }
.bc_wraper {width: 500px; margin: 0 auto; font-size: 20px; font-weight: 400; }
#bc_dataforms {width: 100%; height: 200px; display: block;}
.bc_databox {width: 100%; display: inline-block; margin: 10px auto; border: 2px solid #ccc; padding: 15px 20px; font-size: 16px; line-height: 25px;}
.bc_startform {width: 100%; display: inline-block; margin: 10px auto; border-radius: 3px; border: 1px solid #ccc; background: #ccc;  transition: 0.5s; padding: 15px 20px; font-size: 18px; line-height: 27px; color: #fff;}
.bc_startform.active {color: #fff; border: 1px solid #31af05; background: #31af05; cursor: pointer;}
.bc_startform.active:hover {border: 1px solid rgba(0,0,0,0.5); background: #62C584; transition: 0.5s;}
.bc_infoagreement {font-size: 15px;  line-height: 20px}
#bc_everytingOk {width: 100%; height: 230px; display: none; line-height: 35px; font-weight: 400; color: #31af05; transition: 0.5s;}

.bc_trappDiv{display: none;}

/*  ============================================================================================  */
/*	SLIDERS																		  */
/*  ============================================================================================  */

.sl_maindiv {width: 100%; height: 100%;}

.slider_fb {max-width: 1000px; height: 550px; position: relative; overflow: hidden; margin-left: auto; margin-right: auto;}
.sliderFb__wrapper {height: 100%; position: relative; overflow: hidden; }
.sliderFb__items {height: 100%; display: flex; transition: transform 0.5s ease;}

.slider {max-width: 1000px; height: 500px; position: relative; overflow: hidden; margin-left: auto; margin-right: auto;}
.slider__wrapper {height: 100%; position: relative; overflow: hidden; }
.slider__items {height: 100%; display: flex; transition: transform 0.5s ease;}


/* Индикаторы */
.slider__indicators {position: absolute; left: 0; right: 0; bottom: 10px; display: flex; justify-content: center; padding-left: 0; margin: 0 15%; list-style: none; user-select: none;}
.slider__indicator {flex: 0 1 auto; width: 30px; height: 4px; margin-right: 3px; margin-left: 3px; background-color: #ccc; background-clip: padding-box; border-top: 10px solid transparent; border-bottom: 10px solid transparent; cursor: pointer;}
.slider__indicator_active {background-color: #31af05;}


/* класс для отключения transition */
.transition-none {transition: none;}

/* стили для элементов */
.slider__item {max-width: 100%; height: 100%; flex: 0 0 100%; position: relative;}
.slider_in {height: 100%;}


/* кнопки Prev и Next */
/*.slider__control {position: absolute; top: 50%; width: 40px; height: 50px; transform: translateY(-50%); display: none; align-items: center; justify-content: center; color: #fff; background: rgba(0, 0, 0, 0.3); opacity: 0.5; user-select: none;}*/
/*.slider__control_show {display: flex;}*/
/*.slider__control:hover, .slider__control:focus {color: #fff; text-decoration: none; opacity: 0.7;}*/
/*.slider__control_prev {left: 0;}*/
/*.slider__control_next {right: 0;}*/
/*.slider__control::before {content: ''; display: inline-block; width: 20px; height: 20px; background: transparent no-repeat center center; background-size: 100% 100%;}*/
/*.slider__control_prev::before {background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%23fff' viewBox='0 0 8 8'%3E%3Cpath d='M5.25 0l-4 4 4 4 1.5-1.5-2.5-2.5 2.5-2.5-1.5-1.5z'/%3E%3C/svg%3E");}*/
/*.slider__control_next::before {background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%23fff' viewBox='0 0 8 8'%3E%3Cpath d='M2.75 0l-1.5 1.5 2.5 2.5-2.5 2.5 1.5 1.5 4-4-4-4z'/%3E%3C/svg%3E");}*/