* Prefixed by https://autoprefixer.github.io
* PostCSS: v7.0.29,
* Autoprefixer: v9.7.6
* Browsers: last 4 version
*/

/*header*/
#header.header{padding-bottom: 0;}
.header_bot h1{max-width: 918px; margin: 0 auto;}
#header .header_top{position: relative; padding-left: 91px; -webkit-box-sizing: border-box; box-sizing: border-box; z-index: 100;}
#header .header_reg{padding: 13px 35px; position: relative; -webkit-box-sizing: border-box; box-sizing: border-box; background-color: #fdfdfd; border-radius: 0 0 8px 8px; -webkit-box-shadow: 3px 0 8px rgba(0,0,0,0.25); box-shadow: 3px 0 8px rgba(0,0,0,0.25);}
#header .header_reg .logo{width: 217px;}
#header .header_reg .header_link{width: 320px;}
#header .header_reg .header_link a{font-size: 14px; line-height: 50px; width: 152px; height: 50px; background-color: #fff; border: 1px solid rgba(137,137,137,0.6); border-radius: 8px; -webkit-box-sizing: border-box; box-sizing: border-box; font-weight: 500; text-align: center; color: #000;}
#header .header_reg .header_link a.active{border: none; background-color: #fedc19;}
#header .header_reg .logo a{display: block; height: 42px; background-position: center center; background-repeat: no-repeat; -webkit-transform: translate(-4px, 6px); -ms-transform: translate(-4px, 6px); transform: translate(-4px, 6px);}
.header_bot{padding-bottom: 100px; margin-top: 101px; padding-left: 76px;}
.header_bot .header_choice{margin-top: 60px;}
.header_bot.header_owner{padding-left: 120px; padding-top: 113px; padding-bottom: 233px;}
.header_bot.header_owner h1{max-width: 100%; position: relative; z-index: 10;}
.header_bot.header_owner p{margin: 25px 0 42px; max-width: 615px; font-size: 26px; line-height: 39px; color: #181818; position: relative; z-index: 10;}
.header_bot.header_owner a{padding: 20px 69px 21px 70px; position: relative; z-index: 10; -webkit-box-sizing: border-box; box-sizing: border-box;font-weight: 700; text-align: center; display: inline-block; vertical-align: top; text-transform: uppercase; letter-spacing: 0.02em; color: #181818; font-size: 18px; line-height: 25px; background-color: #fedc19; border-radius: 8px;}
.header_rel::after{content: ""; position: absolute; display: block; background: url(../img/header/2.png) no-repeat; width: 514px; height: 741px; bottom: 0; right: 0;}
.header_bot .look{position: absolute; bottom: 34px; left: 120px; padding-left: 11px;}
.header_bot .look a{display: block; width: 112px; font-size: 16px; line-height: 22px; color: #000; background-color: transparent; padding: 0; letter-spacing: 0; font-weight: 400; text-align: left; text-transform: none;}
.header_bot .look::after{content: ""; position: absolute; display: block; background: url(../img/header/3.png) no-repeat; width: 7px; height: 82px; bottom: -35px; left: 0;}
#header .header_reg .burger{position: absolute; top: 10px; right: 25px; width: 40px; height: 40px; -webkit-transition-duration: 0.5s; -o-transition-duration: 0.5s; transition-duration: 0.5s; cursor: pointer;}
#header .header_reg .burger .icon_left{-webkit-transition-duration: 0.5s;-o-transition-duration: 0.5s;transition-duration: 0.5s; position: absolute; height: 4px; width: 15px; top: 24px; background-color: #1f1e23;}
#header .header_reg .burger .icon_right{-webkit-transition-duration: 0.5s;-o-transition-duration: 0.5s;transition-duration: 0.5s; position: absolute; height: 4px; width: 15px; top: 24px; background-color: #1f1e23; left: 15px;}
#header .header_reg .burger .icon_left::before{content: ""; -webkit-transition-duration: 0.5s; -o-transition-duration: 0.5s; transition-duration: 0.5s; position: absolute; height: 4px; width: 15px; top: -10px; background-color: #1f1e23;}
#header .header_reg .burger .icon_left::after{content: ""; -webkit-transition-duration: 0.5s; -o-transition-duration: 0.5s; transition-duration: 0.5s; position: absolute; height: 4px; width: 15px; top: 10px; background-color: #1f1e23;}
#header .header_reg .burger .icon_right::before{content: ""; -webkit-transition-duration: 0.5s; -o-transition-duration: 0.5s; transition-duration: 0.5s; position: absolute; height: 4px; width: 15px;; top: -10px; background-color: #1f1e23;}
#header .header_reg .burger .icon_right::after{content: ""; -webkit-transition-duration: 0.5s; -o-transition-duration: 0.5s; transition-duration: 0.5s; position: absolute; height: 4px; width: 15px; top: 10px; background-color: #1f1e23;}
#header .header_reg .burger.open .icon_left{-webkit-transition-duration: 0.5s;-o-transition-duration: 0.5s;transition-duration: 0.5s; background-color: transparent;}
#header .header_reg .burger.open .icon_right{-webkit-transition-duration: 0.5s;-o-transition-duration: 0.5s;transition-duration: 0.5s; background-color: transparent;}
#header .header_reg .burger.open .icon_left::before{-webkit-transform: rotateZ(45deg) scaleX(1.4) translate(2px, 2px);-ms-transform: rotate(45deg) scaleX(1.4) translate(2px, 2px);transform: rotateZ(45deg) scaleX(1.4) translate(2px, 2px);}
#header .header_reg .burger.open .icon_left::after{-webkit-transform: rotateZ(-45deg) scaleX(1.4) translate(2px, -2px);-ms-transform: rotate(-45deg) scaleX(1.4) translate(2px, -2px);transform: rotateZ(-45deg) scaleX(1.4) translate(2px, -2px);}
#header .header_reg .burger.open .icon_right::before{-webkit-transform: rotateZ(-45deg) scaleX(1.4) translate(-2px, 2px);-ms-transform: rotate(-45deg) scaleX(1.4) translate(-2px, 2px);transform: rotateZ(-45deg) scaleX(1.4) translate(-2px, 2px);}
#header .header_reg .burger.open .icon_right::after{-webkit-transform: rotateZ(45deg) scaleX(1.4) translate(-2px, -2px);-ms-transform: rotate(45deg) scaleX(1.4) translate(-2px, -2px);transform: rotateZ(45deg) scaleX(1.4) translate(-2px, -2px);}
#header .header_move{width: 281px;}
#header .header_move a{width: 100%; height: 55px; background-color: #fedc19; border-radius: 8px; font-weight: 500; text-align: center; font-size: 18px; line-height: 55px; color: #000; display: block;}
#header .header_opt{width: 180px;}
#header .header_opt ul{display: -webkit-box;display: -ms-flexbox;display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between;}
#header .header_opt ul > li{width: 50px; position: relative; text-align: center; height: 50px; border: 1px solid rgba(137,137,137,0.6); -webkit-box-sizing: border-box; box-sizing: border-box; border-radius: 8px; background-color: #fff;}
#header .header_opt ul > li > a{display: block; position: relative; height: 48px; width: 48px; line-height: 48px;}
#header .header_opt ul > li > a span{position: absolute; display: block; width: 20px; height: 20px; border-radius: 50%; background-color: #fedc19; top: 3px; right: 1px; font-size: 14px; line-height: 20px; color: #000; text-align: center; font-weight: 500;}
#header .header_opt ul > li > a > img{position: relative; display: inline-block; vertical-align: middle; width: auto; height: auto;}
#header .header_registration{padding-left: 0; margin-bottom: 0;}
#header .header_registration .reg_link a{width: auto; height: auto; padding: 14px 27px 14px 28px; line-height: 20px;}
#header .header_opt ul > li.act{background-color: #fedc19;}
#header .header_sel{margin-right: 37px;}
#header .select2-container{width: 211px !important; text-align: left;}
.select2-container .select2-selection--single{border: none; height: 50px; -webkit-box-shadow: 0px 0px 8px rgba(0, 0, 0, 0.25); box-shadow: 0px 0px 8px rgba(0, 0, 0, 0.25); border-radius: 8px;}
#header .header_sel > div + div{margin-left: 25px;}
#header .select2-container .select2-selection--single .select2-selection__rendered{line-height: 50px; font-size: 18px; font-weight: 500; color: #000; padding-left: 15px; position: relative; z-index: 3000;}
.select2-container--default .select2-selection--single .select2-selection__arrow{background: url(../img/sel_arrow.svg) no-repeat; width: 8px; height: 7px; top: 50%; margin-top: -4px; right: 12px; z-index: 3000;}
.select2-search--dropdown{display: none;}
.select2-container--default .select2-results>.select2-results__options{max-height: 100%; overflow-y: visible;}
.select2-container--default .select2-results__option[aria-selected=true]{background-color: transparent; font-weight: 600;}
.select2-container--default .select2-results__option--highlighted[aria-selected]{background-color: transparent; color: #000;}
.select2-results__option{padding-left: 15px; font-size: 16px; line-height: 22px; color: #000;}
.select2-results{border: none; -webkit-box-shadow: 0px 9px 8px rgba(0, 0, 0, 0.25); box-shadow: 0px 9px 8px rgba(0, 0, 0, 0.25); -webkit-box-sizing: border-box; box-sizing: border-box; top: 0; position: absolute; background-color: #fff; border-radius: 0 0 8px 8px; width: 211px; z-index: 1; left: 0;}
.select2-dropdown{border: none; border-radius: 8px;}
.select2-container--open .select2-dropdown{border-radius: 8px;}
.select2-dropdown{z-index: 900 !important;}
#header .two_sel .select2 .select2-selection__arrow{background: url(../img/registration/8.svg) no-repeat; width: 15px; height: 15px; top: 50%; margin-top: -8px; right: 12px; z-index: 3000;}
/*end header*/

/*left_bar*/
.left_bar{position: fixed; top: 0; left: 0; height: 100vh; -webkit-transition: 0.5s all ease; -o-transition: 0.5s all ease; transition: 0.5s all ease; -webkit-box-sizing: border-box; box-sizing: border-box; width: 76px; padding: 13px; background-color: #fdfdfd; -webkit-box-shadow: 0 0 8px rgba(0,0,0,0.25); box-shadow: 0 0 8px rgba(0,0,0,0.25); z-index: 900;}
.left_bar .bar_block > nav > ul > li{width: 50px; position: relative; text-align: center; height: 50px; border: 1px solid rgba(137,137,137,0.6); -webkit-box-sizing: border-box; box-sizing: border-box; border-radius: 8px; background-color: #fff; white-space: nowrap; overflow: hidden; -webkit-transition: 0.4s; -o-transition: 0.4s; transition: 0.4s;}
.left_bar .bar_block > nav > ul > li > a{display: block; height: 48px; line-height: 48px;}
.left_bar .bar_block > nav > ul > li > a > img{position: relative; display: inline-block; vertical-align: middle; width: auto; height: auto; line-height: 50px; margin-top: -3px;}
.left_bar .bar_block > nav > ul > li.act{background-color: #fedc19;}
.left_bar .bar_block > nav > ul > li > a > span{position: absolute; display: inline-block; vertical-align: middle; -webkit-transition: 0.4s; -o-transition: 0.4s; transition: 0.4s; right: -500px;}
.left_bar .bar_block > nav > ul > li + li{margin-top: 13px;}
.left_bar .bar_block > nav > ul > li > ul{padding-left: 58px;}
.left_bar .bar_block > nav > ul > li > ul > li{width: auto; height: auto; border: none;}
.left_bar .bar_block > nav > ul > li > ul > li > a{font-size: 14px; line-height: 20px; color: #000;}
.left_bar .bar_block > nav > ul > li > ul > li > p{font-size: 18px; line-height: 25px; color: #000;}
.left_bar:hover .bar_block > nav > ul > li{text-align: left; padding-left: 11px; -webkit-transition: 0.5s all ease; -o-transition: 0.5s all ease; transition: 0.5s all ease;}
.left_bar:hover .bar_block > nav > ul > li > a > span{position: relative; right: auto; font-weight: 500; font-size: 18px; line-height: 25px; color: #000;}
.left_bar:hover .bar_block > nav > ul > li.active > a > span{font-weight: 600;}
.left_bar:hover .bar_block > nav > ul > li.active{background-color: #fedc19; height: auto; border: 1px solid #fedc19;}
.left_bar:hover .bar_block > nav > ul > li:hover{background-color: #fedc19; height: auto; border: 1px solid #fedc19;}
.left_bar:hover .bar_block > nav > ul > li{width: 381px; -webkit-transition: 0.5s all ease; -o-transition: 0.5s all ease; transition: 0.5s all ease;}
.left_bar:hover .bar_block > nav > ul > li.active > ul{display: block;}


.left_bar:hover .bar_block > nav > ul > li.last{position: fixed; bottom: 13px;}
.left_bar .bar_block > nav > ul > li.last{position: absolute; bottom: 13px;}
/*.left_bar:hover .bar_block > nav > ul > li.last{width: 50px; position: fixed; bottom: 13px; text-align: center; padding: 0;}
.left_bar .bar_block > nav > ul > li.last{width: 50px; position: absolute; bottom: 13px; text-align: center; padding: 0;}*/


.left_bar:hover .bar_block > nav > ul > li:hover > a{font-weight: 700;}
.left_bar:hover .bar_block > nav > ul > li > a::after{content: ""; position: absolute; display: block; background: url(../img/left_bar/7.svg) no-repeat; width: 8px; height: 7px; top: 20px; right: 20px; -webkit-transition: 0.4s; -o-transition: 0.4s; transition: 0.4s;}
.left_bar:hover .bar_block > nav > ul > li.last > a::after{display: none;}
.left_bar:hover .bar_block > nav > ul > li.active > a::after{-webkit-transform: rotate(180deg);-ms-transform: rotate(180deg);transform: rotate(180deg);}
.left_bar:hover{width: 407px;}
.shadow_bar{position: fixed; z-index: 899; left: 0; top: 0; right: 0; bottom: 0; background-color: rgba(0,0,0,0.7); display: none;}
.left_bar:hover + .shadow_bar{display: block;}
.left_bar:hover .bar_block{position: relative; z-index: 400;}
/*end left_bar*/

/*purpose*/
.purpose{padding: 80px 0; padding-left: 76px; -webkit-box-sizing: border-box; box-sizing: border-box; background-color: #e9f0f6;}
.purpose .purpose_block{margin-top: 80px;}
.purpose .purpose_block .item{padding: 0 42px; position: relative;}
.purpose .purpose_block .row{margin: 0 -42px;}
.purpose .purpose_block .item > div{width: 310px; height: 310px; position: relative; border-radius: 50%; background-color: #fff;}
.purpose .purpose_block .item > div > div{max-width: 170px; height: 100%; margin: 0 auto; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; position: relative; z-index: 40;}
.purpose .purpose_block .item > div p{color: #000;}
.purpose .purpose_block .item > div p span{font-weight: 600;}
.purpose .purpose_block .item > div::after{content: ""; position: absolute; display: block; width: 136px; height: 136px; border-radius: 50%; background-image: -o-radial-gradient(49.99% 50%, 50% 50%, #000000 17.82%, #242424 24.34%, #5D5D5D 35.93%, #8F8F8F 47.55%, #B7B7B7 58.92%, #D6D6D6 70.01%, #EDEDED 80.73%, #FAFAFA 90.91%, #FFFFFF 100%); background-image: radial-gradient(50% 50% at 49.99% 50%, #000000 17.82%, #242424 24.34%, #5D5D5D 35.93%, #8F8F8F 47.55%, #B7B7B7 58.92%, #D6D6D6 70.01%, #EDEDED 80.73%, #FAFAFA 90.91%, #FFFFFF 100%); right: -55px; top: 52%; margin-top: -63px;}
.purpose .purpose_block .item > div .pic{position: absolute; display: block; width: 101px; height: 101px; border-radius: 50%; background-color: #fedc19; border: 5px solid #fff; right: -46px; top: 102px; z-index: 10;}
.purpose .purpose_block .item > div .pic::after{content: ""; position: absolute; display: block; background: url(../img/purpose/2.svg) no-repeat center center; background-size: contain; width: 45px; height: 45px; top: 50%; margin-top: -23px; left: 50%; margin-left: -23px;}
.purpose .purpose_block .item > div::before{content: ""; position: absolute; display: block; background: url(../img/purpose/1.svg) no-repeat center center; background-size: contain; width: 259px; height: 275px; top: 50%; left: 50%; margin-top: -138px; margin-left: -136px;}
.purpose .purpose_block .item:nth-child(2) > div .pic::after{content: ""; position: absolute; display: block; background: url(../img/purpose/3.svg) no-repeat center center; background-size: contain; width: 45px; height: 45px; top: 50%; margin-top: -23px; left: 50%; margin-left: -23px;}
.purpose .purpose_block .item:nth-child(3) > div .pic::after{content: ""; position: absolute; display: block; background: url(../img/purpose/4.svg) no-repeat center center; background-size: contain; width: 45px; height: 45px; top: 50%; margin-top: -23px; left: 50%; margin-left: -23px;}
/*end purpose*/

/*tools*/
.tools{padding-top: 150px; padding-left: 76px; -webkit-box-sizing: border-box; box-sizing: border-box;}
.tools .tools_block{margin-top: 50px; margin-bottom: 50px;}
.tools .tools_block .item{padding: 0 36px;}
.tools .tools_block .row{margin: 0 -36px;}
.tools .tools_block .item > div{width: 225px; height: 417px; margin: 0 auto; background-color: #fff; -webkit-box-shadow: 0 0 8px rgba(0,0,0,0.25); box-shadow: 0 0 8px rgba(0,0,0,0.25); border-radius: 8px;}
.tools .tools_block .item > div > a{width: 100%; height: 100%; padding: 10px; -webkit-box-sizing: border-box; box-sizing: border-box; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column;}
.tools .tools_block .item > div > a > img{position: relative; display: block; width: auto; height: auto; margin: 0 auto 55px;}
.tools .tools_block .item > div > a > span{margin-bottom: 20px; font-size: 26px; line-height: 32px; color: #000; font-weight: 500;}
.tools .tools_block .item > div > a > i{margin-bottom: 20px; font-style: normal; display: block; font-size: 18px; line-height: 25px; color: #000;}
.tools .tools_block .item > div > a > em{display: block; font-size: 18px; line-height: 25px; font-style: normal; color: #000; border-bottom: 1px solid #fedc19;}
/*end tools*/

/*faq*/
.faq{padding: 150px 0; padding-left: 76px; -webkit-box-sizing: border-box; box-sizing: border-box;}
.faq .faq_block{margin-top: 60px;}
.faq .faq_block .image_block{width: 382px; height: 389px; margin-left: 83px; padding-top: 75px;}
.faq .accordeon .question_answer{padding: 20px; padding-right: 30px; -webkit-box-sizing: border-box; box-sizing: border-box; position: relative; border-radius: 8px; border: 1px solid rgba(137,137,137,0.6); cursor: pointer;}
.faq .accordeon .question_text{color: #000;}
.faq .accordeon .question_answer + .question_answer{margin-top: 20px;}
.faq .accordeon .question::after{content: ""; position: absolute; display: block; background-image: url(../img/faq/1.svg); width: 9px; height: 8px; top: 50%; right: -10px; margin-top: -4px; -webkit-transition: 0.4s; -o-transition: 0.4s; transition: 0.4s; -webkit-transition: 0.5s all ease; -o-transition: 0.5s all ease; transition: 0.5s all ease;}
.faq .accordeon .question.active::after{-webkit-transform: rotate(180deg);-ms-transform: rotate(180deg);transform: rotate(180deg);}
.faq .accordeon .answer_text{font-size: 16px; line-height: 24px; color: #000; margin-top: 15px;}
/*end faq*/

/*work*/
.work{background-color: #e9f0f6; padding: 90px 0; padding-left: 76px; -webkit-box-sizing: border-box; box-sizing: border-box;}
.work .tabs_links ul{width: 508px; margin: 40px auto 45px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-sizing: border-box; box-sizing: border-box;}
.work .tabs_links ul li{position: relative; display: block; background-color: #fff; cursor: pointer; border-top: 1px solid rgba(137,137,137,0.6); border-bottom: 1px solid rgba(137,137,137,0.6); border-right: 1px solid rgba(137,137,137,0.6);}
.work .tabs_links ul li span{display: block; text-align: center; color: #000; padding: 20px 24px;}
.work .tabs_links ul li:nth-child(1){border-radius: 8px 0 0 8px; border-left: 1px solid rgba(137,137,137,0.6);}
.work .tabs_links ul li:last-child{border-radius: 0 8px 8px 0;}
.work .tabs_links ul li.active{background-color: #fedc19;}
.work .tabs_links ul li.active span{font-weight: 500;}
.work .item_block .item_1{padding: 0 15px;}
.work .item_block .row{margin: 0 -15px;}
.work .item_block .item_1 > div{padding: 40px 18px; height: 330px; -webkit-box-sizing: border-box; box-sizing: border-box; background-color: #fff; border-radius: 8px;}
.work .item_block .item_1 h2{line-height: 45px; text-transform: uppercase; color: #000; margin-bottom: 30px;}
.work .item_block .item_1 p{font-size: 16px; line-height: 24px; color: #000;}
.work .item_block .item_1 p span{font-weight: 600;}
.work .item_block .item_1 p a{color: #000; font-weight: 600;}
.work .tabs_items .item{display: none;}
.work .tabs_items .item.active{display: block;}
/*end work*/

/*detail_info*/
.detail_info{padding: 80px 0; padding-left: 76px; -webkit-box-sizing: border-box; box-sizing: border-box; margin-top: 150px; margin-bottom: 150px;}
.detail_info .shadow{position: absolute; display: block; width: 100%; height: 100%; top: 0; left: 0; right: 0; bottom: 0; background-color: rgba(0,0,0,0.7);}
.detail_info h2{color: #fff; margin-bottom: 21px;}
.detail_info h2 span{display: block; color: #fedc19;}
.detail_info p{font-size: 24px; line-height: 34px; color: #fff;}
.detail_info a{display: inline-block; vertical-align: middle; text-align: center; margin: 34px auto 0; padding: 21px 111px 20px 112px; background-color: #fedc19; border-radius: 8px; font-size: 18px; line-height: 25px; letter-spacing: 0.02em; text-transform: uppercase; color: #181818; font-weight: 700;}
/*end detail_info*/

/*find*/
.find{padding-bottom: 150px; padding-left: 76px; -webkit-box-sizing: border-box; box-sizing: border-box;}
.find_2{padding: 0; margin-top: 47px;}
.find h2{font-weight: 500;}
.find .find_block{margin-top: 47px;}
.find .find_block .item{padding: 0 30px;}
.find .find_block .row{margin: 0 -30px;}
.find .find_block .item > div{height: 340px; background-color: #fff; -webkit-box-shadow: 0 0 8px rgba(0,0,0,0.25); box-shadow: 0 0 8px rgba(0,0,0,0.25); border-radius: 8px;}
.find .find_block .item > div > a{width: 100%; height: 100%; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column;}
.find .find_block .item > div > a > img{position: relative; display: block; width: auto; height: auto; margin: 0 auto 40px;}
.find .find_block .item > div > a > span{display: block; font-size: 26px; line-height: 32px; color: #000;}
/*end find*/

/*funnel*/
.funnel{margin-bottom: 150px; padding-left: 76px; -webkit-box-sizing: border-box; box-sizing: border-box;}
.funnel h2{font-weight: 500;}
.funnel h2 span{font-weight: 600;}
.funnel .funnel_block{max-width: 835px; margin: 0 auto;}
.funnel .funnel_hole{margin-top: 68px; max-width: 408px;}
.funnel .funnel_block .block_1 + .block_1{margin-top: -1px;}
.funnel .funnel_block .block_1{background: url(../img/funnel/1.png) no-repeat; width: 408px; height: 80px; margin: 0 auto; background-size: contain;}
.funnel .funnel_block .block_2{background: url(../img/funnel/2.png) no-repeat; width: 354px; margin: 0 auto; background-size: contain;}
.funnel .funnel_block .block_3{background: url(../img/funnel/3.png) no-repeat; width: 292px; margin: 0 auto; background-size: contain;}
.funnel .funnel_block .block_4{background: url(../img/funnel/4.png) no-repeat; width: 231px; margin: 0 auto; background-size: contain;}
.funnel .funnel_block .block_1 p{text-align: center; font-size: 28px; line-height: 80px; color: #fff;}
.funnel .funnel_block .block_1::after{content: ""; position: absolute; display: block; background: url(../img/funnel/5.png) no-repeat; width: 52px; height: 9px; top: 50%; right: -15px; margin-top: -5px; background-size: contain;}
.funnel .funnel_block .block_2::after{content: ""; position: absolute; display: block; background: url(../img/funnel/6.png) no-repeat; width: 83px; height: 10px; top: 50%; right: -40px; margin-top: -5px; background-size: contain;}
.funnel .funnel_block .block_3::after{content: ""; position: absolute; display: block; background: url(../img/funnel/7.png) no-repeat; width: 113px; height: 9px; top: 50%; right: -70px; margin-top: -5px; background-size: contain;}
.funnel .funnel_block .block_4::after{content: ""; position: absolute; display: block; background: url(../img/funnel/8.png) no-repeat; width: 144px; height: 10px; top: 50%; right: -100px; margin-top: -5px; background-size: contain;}
.funnel .funnel_block .block_1 .text{position: absolute; width: auto; height: auto; top: 50%; right: -400px; margin-top: -20px;}
.funnel .funnel_block .block_1 .text img{position: relative; display: inline-block; vertical-align: middle; width: 44px; height: 40px; margin-right: 10px; padding-right: 10px; border-right: 2px solid #fedc19;}
.funnel .funnel_block .block_1 .text p{display: inline-block; vertical-align: middle; font-weight: 600; font-size: 16px; line-height: 22px; color: #000;}
.funnel .funnel_block .block_2 .text img{border-right: 2px solid #bca314;}
.funnel .funnel_block .block_3 .text img{border-right: 2px solid #9a7800;}
.funnel .funnel_block .block_4 .text img{border-right: 2px solid #361400;}
.funnel .funnel_block .block_2 .text{right: -425px;}
.funnel .funnel_block .block_3 .text{right: -465px;}
.funnel .funnel_block .block_4 .text{right: -515px;}
/*end funnel*/

/*offer*/
.offer{margin-bottom: 150px; padding-left: 76px; -webkit-box-sizing: border-box; box-sizing: border-box;}
.offer h2{max-width: 490px; margin: 0 auto; font-weight: 500;}
.offer h2 span{font-weight: 600;}
.offer .offer_mail{margin-top: 85px; margin-bottom: 65px;}
.offer .offer_mail .image_block{height: 116px; width: 186px; z-index: 50; background-color: #fff;}
.offer .offer_mail::after{content: ""; position: absolute; display: block; background: url(../img/offer/2.svg) no-repeat center center; background-size: contain; width: 80px; height: 60px; top: 50%; left: 50%; margin-top: -30px; margin-left: -40px; background-color: #fff;}
.offer .offer_mail::before{content: ""; position: absolute; display: block; background-image: url(../img/offer/3.png); width: 100%; height: 1px; background-repeat: repeat-x; left: 0; top: 50%;}
.offer .offer_benefit{max-width: 830px; margin: 0 auto;}
.offer .offer_benefit .item{padding: 0 20px;}
.offer .offer_benefit .row{margin: 0 -20px;}
.offer .offer_benefit .item img{position: relative; display: block; width: auto; height: 40px; margin: 0 auto; background-size: contain;}
.offer .offer_benefit .item p{font-size: 32px; line-height: 45px; color: #000;}
/*end offer*/

/*step*/
.step{padding: 55px 0; padding-left: 76px; margin-bottom: 150px; background-color: #e9f0f6;}
.step h2{max-width: 730px; margin: 0 auto; font-weight: 400;}
.step h2 span{font-weight: 600;}
.step .step_block{margin-top: 63px; margin-bottom: 62px;}
.step .step_block .item{padding: 0 26px;}
.step .step_block .row{margin: 0 -26px;}
.step .step_block .item > div{height: 460px; background-color: #fff; border-radius: 8px; position: relative; z-index: 30;}
.step .step_block .item > div > a{display: -webkit-box;display: -ms-flexbox;display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; height: 100%; text-transform: uppercase; font-size: 32px; line-height: 45px; color: #000; font-weight: 600;}
.step .step_block .item::after{content: ""; position: absolute; display: block; background-image: url(../img/offer/3.png); width: 100%; height: 1px; background-repeat: repeat-x; left: 0; top: 50%;}
.step .link{width: 504px; height: 78px; background-color: #fedc19; border-radius: 8px; margin: 0 auto; font-size: 24px; line-height: 78px; letter-spacing: 0.02em; text-transform: uppercase; color: #181818; font-weight: 700;}
/*end step*/

/*reminder*/
.reminder{padding: 117px 0; padding-left: 76px; -webkit-box-sizing: border-box; box-sizing: border-box;}
.reminder .shadow{position: absolute; display: block; width: 100%; height: 100%; top: 0; right: 0; left: 0; bottom: 0; background-color: rgba(0,0,0,0.7);}
.reminder .pic_1{background: url(../img/reminder/3.png) no-repeat; width: 100%; height: 167px; position: absolute; top: 0; left: 0; background-size: cover;}
.reminder .pic_2{background: url(../img/reminder/4.jpg) no-repeat; width: 100%; height: 236px; position: absolute; top: 167px; left: 0; background-size: cover;}
.reminder h2{font-weight: 700; text-align: left; color: #fff;}
.reminder h2 span{color: #fedc19;}
.reminder p{font-size: 24px; line-height: 34px; color: #fff;}
.reminder a{padding: 20px 69px 21px 70px; display: inline-block; vertical-align: top; margin-top: 28px; -webkit-box-sizing: border-box; box-sizing: border-box; background-color: #fedc19; border-radius: 8px; font-weight: 700; font-size: 18px; line-height: 25px; color: #181818; letter-spacing: 0.02em; text-transform: uppercase; text-align: center;}
.reminder .inner .bell{position: absolute; display: block; width: 78px; height: 69px; border-radius: 8px; background: url(../img/reminder/bell.png) no-repeat; right: 60px; top: -108px; background-size: contain;}
.reminder .title::after{content: ""; position: absolute; display: block; background: url(../img/reminder/arrow.png) no-repeat; width: 458px; height: 178px; bottom: 30px; right: 135px;}
/*end reminder*/

/*choice*/
.choice{padding: 150px 0; padding-left: 76px; -webkit-box-sizing: border-box; box-sizing: border-box;}
.choice .choice_2{margin: 65px 0 65px;}
.choice .choice_1 .image_block{margin-left: 40px; width: 524px; height: 524px;}
.choice .choice_1 .text h2{font-weight: 500; margin-bottom: 32px; text-align: left;}
.choice .choice_1 .text h2 span{font-weight: 600;}
.choice .choice_1 .text > div{display: -webkit-box;display: -ms-flexbox;display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; height: 524px;}
.choice .choice_2 .image_block{margin-right: 77px; width: 563px; height: 392px;}
.choice .choice_2 .text h2{font-weight: 500; margin-bottom: 25px; text-align: left;}
.choice .choice_2 .text h2 span{font-weight: 600;}
.choice .choice_2 .text > div{display: -webkit-box;display: -ms-flexbox;display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-pack: end; -ms-flex-pack: end; justify-content: flex-end; height: 392px;}
/*end choice*/

/*management*/
.management{padding: 180px 0 150px; padding-left: 76px; -webkit-box-sizing: border-box; box-sizing: border-box;}
.management .management_1{margin-bottom: 150px;}
.management .management_1 .image_block{width: 548px; height: 352px; margin-left: 40px; overflow: hidden; border-radius: 8px;}
.management h2{max-width: 415px; font-weight: 400; margin-bottom: 34px; text-align: left;}
.management h2 span{font-weight: 600;}
.management .management_1 .text > div{display: -webkit-box;display: -ms-flexbox;display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; height: 352px;}
.management .management_2 .text > div{display: -webkit-box;display: -ms-flexbox;display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; height: 367px;}
.management .management_2 .image_block{width: 506px; height: 367px; margin-right: 45px; overflow: hidden; border-radius: 8px;}
/*end management*/

/*possibility*/
.possibility{padding: 50px 0; padding-left: 76px; -webkit-box-sizing: border-box; box-sizing: border-box; background-color: #e9f0f6;}
.possibility h2{max-width: 670px; margin: 0 auto; font-weight: 400;}
.possibility h2 span{font-weight: 600;}
.possibility .possibility_block{margin-top: 65px;}
.possibility .possibility_block .item{padding: 0 22px; margin-bottom: 45px; -webkit-transition: 0.5s all ease; -o-transition: 0.5s all ease; transition: 0.5s all ease;}
.possibility .possibility_block .row{margin: 0 -22px -45px -22px;}
.possibility .possibility_block .item > div{background-color: #fff; border-radius: 8px; -webkit-transition: 0.5s all ease; -o-transition: 0.5s all ease; transition: 0.5s all ease;}
.possibility .possibility_block .item > div > a{display: block; padding: 36px 23px; -webkit-box-sizing: border-box; box-sizing: border-box; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; height: 125px;}
.possibility .possibility_block .item span em{font-style: normal; font-weight: 600;}
.possibility .possibility_block .item span{color: #181818;}
.possibility .possibility_block .item:hover > div{background-color: #fedc19; -webkit-box-shadow: 0 0 15px rgba(0,0,0,0.14); box-shadow: 0 0 15px rgba(0,0,0,0.14); cursor: pointer;}
/*end possibility*/

/*tenants*/
.tenants{background-color: #e9f0f6; padding-left: 76px; margin-top: 10px; -webkit-box-sizing: border-box; box-sizing: border-box;}
.tenants .tenants_block{padding-top: 30px; padding-bottom: 30px;}
.tenants .tenants_left{width: 280px; padding-right: 37px;}
.tenants .tenants_form{width: 280px; padding: 20px; background-color: #fff; border-radius: 8px; -webkit-box-shadow: 0 0 10px rgba(0,0,0,0.15); box-shadow: 0 0 10px rgba(0,0,0,0.15); -webkit-box-sizing: border-box; box-sizing: border-box;}
.tenants .tenants_right{width: 976px; padding: 20px 33px; background-color: #fff; border-radius: 8px; -webkit-box-shadow: 0 0 10px rgba(0,0,0,0.15); box-shadow: 0 0 10px rgba(0,0,0,0.15); -webkit-box-sizing: border-box; box-sizing: border-box;}
.tenants .tenants_form .selectBox{width: 100%; height: 35px; border-radius: 8px; font-size: 14px; line-height: 35px; color: #000; padding-left: 15px; padding-right: 35px; border: 1px solid rgba(137,137,137,0.6);}
.tenants .tenants_form .tenants_sel{margin-bottom: 13px;}
.tenants .tenants_form .tenants_price{margin: 20px 0;}
.tenants .tenants_form .tenants_price p{position: relative; margin-bottom: 10px; display: inline-block; line-height: 25px; color: #000; font-weight: 500; padding-right: 14px;}
.tenants .tenants_form .tenants_price p::after{content: ""; position: absolute; display: block; background: url(../img/sel_arrow.svg) no-repeat; width: 8px; height: 7px; background-size: contain; top: 50%; right: 0; margin-top: -4px; -webkit-transform: rotate(180deg); -ms-transform: rotate(180deg); transform: rotate(180deg);}
.tenants .tenants_form .tenants_price > div + div{position: relative; width: 113px;}
.tenants .tenants_form .tenants_price input{width: 100%; height: 100%; height: 35px; border: 1px solid rgba(137,137,137,0.6); -webkit-box-sizing: border-box; box-sizing: border-box; border-radius: 8px; font-size: 14px; line-height: 20px; color: #b5b5b5; padding-left: 34px; padding-right: 10px;}
.tenants .tenants_form .tenants_price input:focus{color: #000; font-weight: 400;}
.inputbox.not-empty{color: #000 !important;}
.tenants .tenants_form .tenants_price input::-webkit-input-placeholder{color: #b5b5b5;}
.tenants .tenants_form .tenants_price input::-moz-placeholder{color: #b5b5b5;}
.tenants .tenants_form .tenants_price input:-ms-input-placeholder{color: #b5b5b5;}
.tenants .tenants_form .tenants_price input::-ms-input-placeholder{color: #b5b5b5;}
.tenants .tenants_form .tenants_price input::placeholder{color: #b5b5b5;}
.tenants .tenants_form .tenants_price > div i{position: absolute; display: block; font-style: normal; font-size: 14px; line-height: 20px; font-weight: 500; left: 10px; top: 50%; margin-top: -10px; color: #000;}
.tenants .tenants_form .tenants_btn button{font-size: 12px; line-height: 35px; font-weight: 700; text-align: center; letter-spacing: 0.02em; text-transform: uppercase; color: #181818; border-radius: 8px; display: block; background-color: transparent; -webkit-box-sizing: border-box; box-sizing: border-box;}
.tenants .tenants_form .tenants_btn button[type="submit"]{background-color: #fedc19; width: 122px;}
.tenants .tenants_form .tenants_btn button[type="reset"]{border: 1px solid rgba(137,137,137,0.6); width: 100px;}
.tenants .tenants_form .tenants_btn{margin-top: 25px;}
.tenants .tenants_add p{position: relative; font-size: 14px; cursor: pointer; line-height: 20px; color: #000; font-weight: 500; transition: 0.5s all ease;}
.tenants .tenants_add .add_hide p{font-weight: 400;}
.tenants .tenants_add .add_hide p::after{display: none;}
.tenants .tenants_add .add_hide{padding: 10px 0; display: none;}
.tenants .tenants_add p::after{content: ""; position: relative; display: inline-block; vertical-align: middle; background: url(../img/sel_arrow.svg) no-repeat; width: 7px; height: 6px; background-size: contain; top: 50%; right: 0; margin-top: -3px; margin-left: 3px;}
.tenants .tenants_add p.active::after{transform: rotate(180deg);}
.tenants .tenants_right h2{font-size: 22px; line-height: 31px; font-weight: 700; color: #000;}
.tenants .tenants_right .tenants_sort{width: 273px;}
.tenants .tenants_right .tenants_sort .selectBox{width: 116px; height: 32px; border: 1px solid rgba(137,137,137,0.6); border-radius: 8px; font-size: 12px; line-height: 32px; color: #000; padding-left: 0; padding-right: 10px; margin-right: 20px; text-align: center;}
.tenants .tenants_right .tenants_sort .selectBox .selectBox-arrow{right: 5px;}
.tenants .tenants_right .tenants_view p{font-size: 14px; line-height: 20px; color: #000; display: inline-block; vertical-align: middle;}
.tenants .tenants_right .tenants_view span{width: 48px; height: 31px; border: 1px solid rgba(137,137,137,0.6); display: inline-block; vertical-align: middle; margin-right: -5px; line-height: 28px; text-align: center; -webkit-box-sizing: border-box; box-sizing: border-box; cursor: pointer;}
.tenants .tenants_right .tenants_view span:nth-child(1){border-radius: 8px 0 0 8px;}
.tenants .tenants_right .tenants_view span:nth-child(2){border-radius: 0 8px 8px 0;}
.tenants .tenants_right .tenants_view span.active{background-color: #fedc19;}
.tenants .tenants_right .tenants_view span img{position: relative; display: inline-block; vertical-align: middle; width: auto; height: auto; text-align: center;}
.tenants .tenants_pic{margin-top: 31px; background-color: #fff; border-radius: 8px; -webkit-box-shadow: 0 0 10px rgba(0,0,0,0.15); box-shadow: 0 0 10px rgba(0,0,0,0.15);}
.tenants .tenants_pic .image_block{width: 392px; height: 294px; margin-right: 20px;}
.tenants .tenants_pic .image_block a{border-radius: 8px 0 0 8px;}
.tenants .tenants_pic .tenants_text{padding: 22px 10px 22px 0; box-sizing: border-box;}
.tenants .tenants_pic .tenants_text h2{text-align: left; font-size: 22px; line-height: 31px; color: #000; font-weight: 600; margin-bottom: 16px;}
.tenants .tenants_pic .tenants_text .address p{position: relative; padding-left: 25px; box-sizing: border-box; font-size: 16px; line-height: 22px; color: #000; margin-bottom: 10px;}
.tenants .tenants_pic .tenants_text .address p::before{content: ""; position: absolute; display: block; background: url(../img/rooms/3.svg) no-repeat; width: 18px; height: 15px; top: 50%; left: 0; margin-top: -8px;}
.tenants .tenants_pic .tenants_text .rating{margin-bottom: 15px;}
.tenants .tenants_pic .tenants_text .rating P{font-size: 16px; margin-right: 3px; line-height: 22px; font-weight: 600; color: #000; display: inline-block; vertical-align: middle;}
.tenants .tenants_pic .tenants_text .rating span{display: inline-block; vertical-align: middle; background: url(../img/tenants/2.png) no-repeat; width: 18px; height: 18px; cursor: pointer;}
.tenants .tenants_pic .tenants_text .rating span.active{background-image: url(../img/tenants/1.svg)}
.tenants .tenants_pic .tenants_text .text p{margin-bottom: 16px; font-size: 16px; line-height: 22px; color: #000; font-weight: 600;}
.tenants .tenants_pic .tenants_text .text p span{font-weight: 400;}
.tenants .tenants_pic .tenants_more a:nth-child(1){width: 207px; height: 50px; margin-right: 12px; background-color: #fedc19; border-radius: 8px; font-size: 12px; line-height: 50px; display: inline-block; vertical-align: middle; text-align: center; letter-spacing: 0.02em; text-transform: uppercase; color: #000; font-weight: 700;}
.tenants .tenants_pic .tenants_more a:nth-child(2){position: relative; width: 50px; height: 50px; border: 1px solid rgba(137,137,137,0.6); -webkit-box-sizing: border-box; box-sizing: border-box; display: inline-block; vertical-align: middle; border-radius: 8px; line-height: 48px; text-align: center;}
.tenants .tenants_pic .tenants_more a:nth-child(2) img{position: relative; display: inline-block; vertical-align: middle; width: auto; height: auto;}
.tenants .tenants_pic .tenants_more a:nth-child(2) .button{position: absolute; display: none; width: 135px; height: 30px; background-color: #fff; -webkit-box-shadow: 0 0 8px rgba(0,0,0,0.25); box-shadow: 0 0 8px rgba(0,0,0,0.25); -webkit-box-sizing: border-box; box-sizing: border-box; font-size: 14px; border-radius: 8px; line-height: 30px; color: #000; top: -40px; left: 0;}
.tenants .tenants_pic .tenants_more a:nth-child(2) .button::after{content: ""; position: absolute; display: block; background: url(../img/rooms/6.svg) no-repeat; width: 10px; height: 6px; background-size: contain; bottom: -6px; left: 17px;}
.tenants .tenants_pic .tenants_more{margin-top: 17px;}
.tenants .tenants_pic .tenants_more a:nth-child(2):hover .button{display: block;}
.tenants .tenants_work{padding: 8px 15px; margin-bottom: 18px; max-height: 228px; overflow: auto; border: 1px solid rgba(137,137,137,0.6); border-radius: 8px; box-sizing: border-box;}
.tenants .tenants_work p{position: relative; cursor: pointer; transition: 0.5s all ease; font-size: 14px; line-height: 20px; color: #000;}
.tenants .tenants_work p::after{content: ""; position: absolute; display: block; background: url(../img/sel_arrow.svg) no-repeat; width: 8px; height: 7px; top: 50%; right: 0; margin-top: -4px; background-size: contain;}
.tenants .tenants_work p.active::after{transform: rotate(180deg);}
.tenants .work_hide{margin-top: 20px; display: none;}
.tenants .work_hide label{position: relative; display: block; cursor: pointer; padding-left: 23px;}
.tenants .work_hide label span{position: relative; display: inline-block; vertical-align: top; font-size: 14px; line-height: 20px;}
.tenants .work_hide label b{display: block; position: absolute; left: 0; top: 0; width: 16px; height: 16px; border: 1px solid rgba(137,137,137,0.6); border-radius: 2px; box-sizing: border-box;}
.tenants .work_hide label input[type="checkbox"]{display: none;}
.tenants .work_hide label input[type="checkbox"]:checked + b::after{content: ""; position: absolute; display: block; background: url(../img/company/4.svg) no-repeat; width: 11px; height: 9px; top: 50%; left: 50%; transform: translate(-50%, -50%);}
.tenants .tenants_pic .tenants_text .text p a{font-weight: 400; border-bottom: 1px dashed #000; color: #000; position: relative; transition: all 0.5s ease;}
.tenants .tenants_pic .tenants_text .text p.text_1{max-width: 380px;}
.tenants_all .tenants_pic .image_block{width: 336px; height: 342px; margin-right: 30px;}
.tenants_all .tenants_pic .tenants_text{padding-right: 20px;}
.tenants_all .tenants_pic .tenants_text .text p.text_1{max-width: 460px;}
.tenants_all .tenants_text .rating{position: absolute; display: none; top: 50%; margin: 0 !important; left: 85px; transform: translateY(-50%); background-color: #fff; padding: 8px 10px 8px 16px; border-radius: 8px; box-shadow : 0 0 18px rgba(0, 0, 0, 0.15);}
.tenants_all .tenants_text .rating em{font-style: normal; font-size: 14px; line-height: 20px; color: #000; margin-right: 7px;}
.tenants_all .tenants_text .rating span{margin: 0 4px;}
.tenants_all .tenants_text .rating::after{content: ""; position: absolute; display: block; background: url(../img/view_arrow.svg) no-repeat center center; background-size: contain; width: 9px; height: 9px; left: -8px; top: 50%; margin-top: -4px;}
.tenants_all .tenants_text .text p a:hover .rating{display: flex;}
.tenants_all .tenants_text .text p a::before{content: ""; position: absolute; display: block; width: 30px; height: 20px; top: 0; right: -27px; background-color: transparent;}
.tenants_all .tenants_text .title span{font-size: 16px; line-height: 19px; color: #000;}
/*end tenants*/

/*card*/
.card{background-color: #e9f0f6; height: 100vh; padding-left: 76px; padding-top: 30px; padding-bottom: 30px; margin-top: 10px; -webkit-box-sizing: border-box; box-sizing: border-box;}
.card_2{height: auto;}
.card .card_block{padding: 35px; background-color: #fff; border-radius: 8px; -webkit-box-shadow: 0 0 10px rgba(0,0,0,0.15); box-shadow: 0 0 10px rgba(0,0,0,0.15); -webkit-box-sizing: border-box; box-sizing: border-box;}
.card .card_pic .image_block{width: 546px; height: 353px; margin-right: 30px;}
.card .card_text h2{margin-bottom: 15px; font-size: 24px; line-height: 34px; font-weight: 600; color: #000; text-align: left;}
.card .card_text .address p{position: relative; padding-left: 25px; box-sizing: border-box; font-size: 16px; line-height: 22px; color: #000; margin-bottom: 10px;}
.card .card_text .address p::before{content: ""; position: absolute; display: block; background: url(../img/rooms/3.svg) no-repeat; width: 18px; height: 15px; top: 50%; left: 0; margin-top: -8px;}
.card .card_text .rating{margin-bottom: 15px; position: relative;}
.card .card_text .rating .rating_trust{position: absolute; display: none; padding: 6px 14px 6px 12px; box-sizing: border-box; top: -6px; right: 115px; background-color: #fff; border-radius: 8px; box-shadow: 0 0 16px rgba(0,0,0,0.15);}
.card .card_text .rating .trust_2{right: 115px;}
.card .card_text .rating:hover .rating_trust{display: block;}
.card .card_text .rating .rating_trust::after{content: ""; position: absolute; display: block; background: url(../img/company/5.svg) no-repeat; width: 15px; height: 17px; top: 50%; left: -15px; transform: translateY(-50%);}
.card .card_text .rating .rating_trust p{display: inline-block; vertical-align: middle; font-size: 14px; line-height: 20px; color: #000; font-weight: 400;}
.card .card_text .rating .rating_trust img{display: inline-block; vertical-align: middle; margin-left: 7px;}
.card .card_text .rating P{font-size: 16px; margin-right: 3px; line-height: 22px; font-weight: 600; color: #000; display: inline-block; vertical-align: middle;}
.card .card_text .rating span{display: inline-block; vertical-align: middle; background: url(../img/tenants/2.png) no-repeat; width: 18px; height: 18px; cursor: pointer;}
.card .card_text .rating span.active{background-image: url(../img/tenants/1.svg)}
.card .card_text .card_desc p{font-size: 16px; line-height: 24px; color: #000; max-width: 493px; margin-bottom: 15px;}
.card .card_text .text p{margin-bottom: 16px; font-size: 16px; line-height: 22px; color: #000; font-weight: 600;}
.card .card_text .text p span{font-weight: 400;}
.card .card_text .card_more{margin-top: 25px; flex-wrap: nowrap;}
.card .card_text .card_more .link_1{display: block; margin-right: 15px; padding: 17px 19px 16px 20px; box-sizing: border-box; border-radius: 8px; background-color: #fedc19; text-align: center; font-weight: 700; font-size: 12px; line-height: 17px; letter-spacing: 0.02em; text-transform: uppercase; color: #000;}
.card .card_text .card_more .link_2{display: block; padding: 16px 50px 15px 50px; box-sizing: border-box; border-radius: 8px; border: 1px solid rgba(137,137,137,0.6); text-align: center; font-weight: 700; font-size: 12px; line-height: 17px; letter-spacing: 0.02em; text-transform: uppercase; color: #000;}
.card .card_work{margin-top: 35px; padding: 25px 25px 35px; border-radius: 8px; box-sizing: border-box; border: 1px solid rgba(137,137,137,0.6);}
.card .card_work h3{font-size: 20px; line-height: 28px; color: #000; margin-bottom: 25px;}
.card .card_work .item{padding: 0 10px;}
.card .card_work .row{margin: 0 -10px;}
.card .card_work .item h4{margin-bottom: 18px; font-weight: 600; font-size: 16px; line-height: 22px; color: #000;}
.card .card_work .item ul li + li{margin-top: 20px;}
.card .card_work .item:nth-child(1){width: 30%;}
.card .card_work .item:nth-child(2){width: 32%;}
.card .card_work .item:nth-child(3){width: 20%;}
.card .card_work .item:nth-child(4){width: 18%;}
/*end card*/

/*rooms*/
.rooms{background-color: #e9f0f6; padding-left: 76px; margin-top: 10px; -webkit-box-sizing: border-box; box-sizing: border-box;}
.rooms .rooms_block{padding-top: 30px; padding-bottom: 30px;}
.rooms .rooms_left{width: 280px; padding-right: 37px;}
.rooms .rooms_form{width: 280px; padding: 20px; background-color: #fff; border-radius: 8px; -webkit-box-shadow: 0 0 10px rgba(0,0,0,0.15); box-shadow: 0 0 10px rgba(0,0,0,0.15); -webkit-box-sizing: border-box; box-sizing: border-box;}
.rooms .rooms_right{width: 976px; padding: 20px; background-color: #fff; border-radius: 8px; -webkit-box-shadow: 0 0 10px rgba(0,0,0,0.15); box-shadow: 0 0 10px rgba(0,0,0,0.15); -webkit-box-sizing: border-box; box-sizing: border-box; max-width: 1224px;}
.rooms .rooms_form .selectBox{width: 100%; height: 35px; border-radius: 8px; font-size: 14px; line-height: 35px; color: #000; padding-left: 15px; padding-right: 35px; border: 1px solid rgba(137,137,137,0.6);}
.rooms .rooms_form .rooms_label label{width: 117px;}
.rooms .rooms_form .rooms_label label span{position: relative; display: block; text-align: center; font-size: 14px; line-height: 35px; color: #000;}
.rooms .rooms_form .rooms_label label b{display: block; position: absolute; left: 0; top: 0; width: 117px; height: 35px; border: 1px solid rgba(137,137,137,0.6); -webkit-box-sizing: border-box; box-sizing: border-box; border-radius: 8px; background-color: #fff;}
.rooms .rooms_form .rooms_label label input[type="radio"]{display: none;}
.rooms .rooms_form .rooms_label label input[type="radio"]:checked + b{background-color: #fedc19; border: none;}
.rooms .rooms_form .rooms_label label input[type="radio"]:checked + b + span{font-weight: 500;}
.rooms .rooms_form .rooms_price p{position: relative; margin-bottom: 10px; display: inline-block; line-height: 25px; color: #000; font-weight: 500; padding-right: 14px;}
.rooms .rooms_form .rooms_price p::after{content: ""; position: absolute; display: block; background: url(../img/sel_arrow.svg) no-repeat; width: 8px; height: 7px; background-size: contain; top: 50%; right: 0; margin-top: -4px; -webkit-transform: rotate(180deg); -ms-transform: rotate(180deg); transform: rotate(180deg);}
.rooms .rooms_form .rooms_price > div + div{position: relative; width: 113px;}
.rooms .rooms_form .rooms_price input{width: 100%; height: 100%; height: 35px; border: 1px solid rgba(137,137,137,0.6); -webkit-box-sizing: border-box; box-sizing: border-box; border-radius: 8px; font-size: 14px; line-height: 20px; color: #b5b5b5; padding-left: 34px; padding-right: 10px;}
.rooms .rooms_form .rooms_price input:focus{color: #000; font-weight: 400;}
.inputbox.not-empty{color: #000 !important;}
.rooms .rooms_form .rooms_price input::-webkit-input-placeholder{color: #b5b5b5;}
.rooms .rooms_form .rooms_price input::-moz-placeholder{color: #b5b5b5;}
.rooms .rooms_form .rooms_price input:-ms-input-placeholder{color: #b5b5b5;}
.rooms .rooms_form .rooms_price input::-ms-input-placeholder{color: #b5b5b5;}
.rooms .rooms_form .rooms_price input::placeholder{color: #b5b5b5;}
.rooms .rooms_form .rooms_price > div i{position: absolute; display: block; font-style: normal; font-size: 14px; line-height: 20px; font-weight: 500; left: 10px; top: 50%; margin-top: -10px; color: #000;}
.rooms .rooms_form .rooms_tabs p{position: relative; margin-bottom: 10px; font-size: 14px; display: inline-block; line-height: 20px; color: #000; font-weight: 500; padding-right: 14px;}
.rooms .rooms_form .rooms_tabs p::after{content: ""; position: absolute; display: block; background: url(../img/sel_arrow.svg) no-repeat; width: 8px; height: 7px; background-size: contain; top: 50%; right: 0; margin-top: -4px; -webkit-transform: rotate(180deg); -ms-transform: rotate(180deg); transform: rotate(180deg);}
.rooms .rooms_form .rooms_tabs ul{display: -webkit-box;display: -ms-flexbox;display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; margin-bottom: 10px;}
.rooms .rooms_form .rooms_tabs ul li{width: 113px; height: 35px; -webkit-box-sizing: border-box; box-sizing: border-box; border: 1px solid rgba(137,137,137,0.6); border-radius: 8px; position: relative; cursor: pointer;}
.rooms .rooms_form .rooms_tabs ul li span{font-size: 14px; line-height: 35px; color: #000; font-weight: 500; display: block; text-align: center;}
.rooms .rooms_form .rooms_tabs ul li.active{background-color: #fedc19; border: none;}
.rooms .rooms_form .tabs_items label{position: relative; display: inline-block; vertical-align: middle; cursor: pointer;}
.rooms .rooms_form .tabs_items label span{position: relative; display: inline-block; vertical-align: middle; font-size: 14px; padding: 7px 10px; line-height: 20px; color: #000; text-align: center; font-weight: 500; border: 1px solid rgba(137,137,137,0.6); border-radius: 8px; -webkit-box-sizing: border-box; box-sizing: border-box;}
.rooms .rooms_form .tabs_items label b{display: block; position: absolute; left: 0; top: 0; -webkit-box-sizing: border-box; box-sizing: border-box;}
.rooms .rooms_form .tabs_items label input[type="radio"]{display: none;}
.rooms .rooms_form .tabs_items label input[type="radio"]:checked + b + span{background-color: #fedc19;}
.rooms .rooms_form .rooms_tabs .tabs_items .item{display: none;}
.rooms .rooms_form .rooms_tabs .tabs_items .item.active{display: -webkit-box;display: -ms-flexbox;display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between;}
.rooms .rooms_form .rooms_btn button{font-size: 12px; line-height: 35px; font-weight: 700; text-align: center; letter-spacing: 0.02em; text-transform: uppercase; color: #181818; border-radius: 8px; display: block; background-color: transparent; -webkit-box-sizing: border-box; box-sizing: border-box;}
.rooms .rooms_form .rooms_btn button[type="submit"]{background-color: #fedc19; width: 122px;}
.rooms .rooms_form .rooms_btn button[type="reset"]{border: 1px solid rgba(137,137,137,0.6); width: 100px;}
.rooms .rooms_form .rooms_sel{margin-bottom: 13px;}
.rooms .rooms_form .rooms_price{margin: 20px 0;}
.rooms .rooms_form .rooms_btn{margin-top: 25px;}
.rooms .rooms_right h2{font-size: 22px; line-height: 31px; font-weight: 700; color: #000;}
.rooms .rooms_right .rooms_sort{width: 273px;}
.rooms .rooms_right .rooms_sort .selectBox{width: 116px; height: 32px; border: 1px solid rgba(137,137,137,0.6); border-radius: 8px; font-size: 12px; line-height: 32px; color: #000; padding-left: 0; padding-right: 10px; margin-right: 20px; text-align: center;}
.rooms .rooms_right .rooms_sort .selectBox .selectBox-arrow{right: 5px;}
.rooms .rooms_right .rooms_view p{font-size: 14px; line-height: 20px; color: #000; display: inline-block; vertical-align: middle;}
.rooms .rooms_right .rooms_view span{width: 48px; height: 31px; border: 1px solid rgba(137,137,137,0.6); display: inline-block; vertical-align: middle; line-height: 28px; text-align: center; -webkit-box-sizing: border-box; box-sizing: border-box; cursor: pointer;}
.rooms .rooms_right .rooms_view span:nth-child(1){border-radius: 8px 8px 8px 8px;}
.rooms .rooms_right .rooms_view span:nth-child(2){border-radius: 0 8px 8px 0;}
.rooms .rooms_right .rooms_view span.active{background-color: #fedc19;}
.rooms .rooms_right .rooms_view span img{position: relative; display: inline-block; vertical-align: middle; width: auto; height: auto; text-align: center;}
.rooms .rooms_pic{margin-top: 31px; background-color: #fff; border-radius: 8px; -webkit-box-shadow: 0 0 10px rgba(0,0,0,0.15); box-shadow: 0 0 10px rgba(0,0,0,0.15);}
.rooms .rooms_pic .image_block{width: 485px; margin-right: 30px;}
.rooms .gallery-top{height: 356px; margin-bottom: 5px; cursor: pointer;}
.rooms .gallery-thumbs{height: 84px; cursor: pointer;}
.rooms .gallery-thumbs .swiper-slide{width: 24% !important; background-size: contain; background-repeat: no-repeat; background-position: center center; border-radius: 8px;}
.rooms .swiper-slide-visible{margin-right: 6px !important; opacity: 0.4; border-radius: 8px;}
.rooms .swiper-slide-thumb-active{opacity: 1;}
.rooms .swiper-pagination{color: #fff; font-size: 14px; line-height: 20px;}
.rooms .gallery-top .swiper-slide-active{border-radius: 8px;}
.rooms .gallery-top .swiper-slide{border-radius: 8px; background-size: contain; background-repeat: no-repeat; background-position: center center;}
.rooms .gallery-thumbs .swiper-slide-thumb-active{border-radius: 8px;}
.rooms .rooms_pic .text{padding: 16px 26px 20px 16px; -webkit-box-sizing: border-box; box-sizing: border-box;}
.rooms .rooms_pic .text h2{margin-bottom: 15px; text-align: left; font-size: 22px; line-height: 31px; color: #000; font-weight: 600;}
.rooms .rooms_pic .text .address p{position: relative; margin-bottom: 15px; font-size: 16px; line-height: 22px; color: #000; padding-left: 26px;}
.rooms .rooms_pic .text .metro p{position: relative; font-size: 16px; line-height: 22px; color: #000; padding-left: 26px;}
.rooms .rooms_pic .text .metro p span{margin-left: 5px; font-size: 14px; line-height: 20px; color: #bebebe;}
.rooms .rooms_pic .text .address p::after{content: ""; position: absolute; display: block; background: url(../img/purpose/4-.svg) no-repeat; background-size: contain; width: 18px; height: 15px; top: 50%; left: 0; margin-top: -8px;}
.rooms .rooms_pic .text .metro p::after{content: ""; position: absolute; display: block; background: url(../img/rooms/4.svg) no-repeat; background-size: contain; width: 18px; height: 13px; top: 50%; left: 0; margin-top: -7px;}
.rooms .rooms_pic .text .description p{margin: 16px 0 13px; font-size: 14px; line-height: 20px; color: #000;}
.rooms .rooms_pic .text .price p{font-size: 18px; line-height: 26px; color: #000; font-weight: 500;}
.rooms .rooms_pic .text .price p span{font-weight: 700;}
.rooms .rooms_pic .text .price p + p{margin-top: 8px;}
/*.rooms .rooms_pic .text .rooms_link a:nth-child(1){width: 207px; height: 50px; margin-right: 12px; background-color: #fedc19; border-radius: 8px; font-size: 12px; line-height: 50px; display: inline-block; vertical-align: middle; text-align: center; letter-spacing: 0.02em; text-transform: uppercase; color: #000; font-weight: 700;}*/
.rooms .rooms_pic .text .rooms_link a:nth-child(2){position: relative; width: 50px; height: 50px; border: 1px solid rgba(137,137,137,0.6); -webkit-box-sizing: border-box; box-sizing: border-box; display: inline-block; vertical-align: middle; border-radius: 8px; line-height: 48px; text-align: center;}
.rooms .rooms_pic .text .rooms_link a:nth-child(2) img{position: relative; display: inline-block; vertical-align: middle; width: auto; height: auto;}
.rooms .rooms_pic .text .rooms_link a:nth-child(2) button{position: absolute; display: none; width: 135px; height: 30px; background-color: #fff; -webkit-box-shadow: 0 0 8px rgba(0,0,0,0.25); box-shadow: 0 0 8px rgba(0,0,0,0.25); -webkit-box-sizing: border-box; box-sizing: border-box; font-size: 14px; border-radius: 8px; line-height: 30px; color: #000; top: -40px; left: 0;}
.rooms .rooms_pic .text .rooms_link a:nth-child(2) button::after{content: ""; position: absolute; display: block; background: url(../img/rooms/6.svg) no-repeat; width: 10px; height: 6px; background-size: contain; bottom: -6px; left: 17px;}
.rooms .rooms_pic .text .rooms_link{margin-top: 20px;}
.rooms .rooms_pic .text .rooms_link a:nth-child(2):hover button{display: block;}
/*end rooms*/

/*office*/
.office{padding: 36px 0 36px; margin-top: 10px; padding-left: 76px; -webkit-box-sizing: border-box; box-sizing: border-box; background-color: #e9f0f6;}
.office .office_block{padding: 35px 31px 35px 34px; border-radius: 8px; background-color: #fff; -webkit-box-sizing: border-box; box-sizing: border-box;}
.office .office_block .image_block{width: 546px; margin-right: 30px;}
.office .office_block .carousel_top .slide{height: 409px; margin: 0 1px;}
.office .office_block .carousel_top .slide a{border-radius: 8px;}
.office .office_block .carousel_bot .slide{height: 115px; width: 173px; border-radius: 8px; -webkit-box-sizing: border-box; box-sizing: border-box; opacity: 0.5;}
.office .office_block .carousel_bot .slide.synced{opacity: 1;}
.office .office_block .carousel_bot .slide > div{border-radius: 8px;}
.office .office_block .carousel_bot .slide{margin: 0 auto;}
.office .office_block .owl-nav{display: none;}
.office .office_block .carousel_bot{padding-top: 13px; -webkit-box-sizing: border-box; box-sizing: border-box;}
.office .office_block .text .title{margin-bottom: 14px; padding-top: 6px;}
.office .office_block .text .title h2{display: inline-block; vertical-align: middle; text-align: left; font-size: 24px; line-height: 24px; font-weight: 600; color: #000;}
.office .office_block .text .title span{width: 13px; height: 13px; display: inline-block; vertical-align: middle; border-radius: 50%; -webkit-transition: 0.5s all ease; -o-transition: 0.5s all ease; transition: 0.5s all ease;}
.office .office_block .text .title span i{width: 146px; height: 30px; position: absolute; display: none; top: 50%; margin-top: -15px; left: 25px; font-style: normal; font-size: 14px; line-height: 30px; color: #000; text-align: center; -webkit-transition: 0.5s all ease; -o-transition: 0.5s all ease; transition: 0.5s all ease; background-color: #fff; border-radius: 8px; -webkit-box-shadow: 0 0 8px rgba(0,0,0,0.25); box-shadow: 0 0 8px rgba(0,0,0,0.25);}
.office .office_block .text .title span i em{font-style: normal; font-weight: 600;}
.office .office_block .text .title span i::before{content: ""; position: absolute; display: block; background: url(../img/rooms/6.svg) no-repeat; width: 10px; height: 6px; top: 50%; left: -6px; margin-top: -3px; -webkit-transform: rotate(90deg); -ms-transform: rotate(90deg); transform: rotate(90deg);}
.office .office_block .text .title span:hover i{display: block;}
.office .office_block .text .address p{position: relative; padding-left: 28px; font-size: 16px; line-height: 22px; color: #000;}
.office .office_block .text .address p::before{content: ""; position: absolute; display: block; background: url(../img/rooms/3.svg) no-repeat; width: 21px; height: 19px; background-size: contain; top: 50%; left: 0; margin-top: -10px;}
.office .office_block .text .rent p{margin: 16px 0 15px; font-size: 16px; line-height: 24px; color: #000;}
.office .office_block .text .pay p{line-height: 25px; color: #000;}
.office .office_block .text .pay p span{font-weight: 600;}
.office .office_block .text .pay p + p{margin-top: 13px;}
.office .office_block .text .pay{margin-bottom: 26px;}
.office .office_block .text .cost p{display: inline-block; vertical-align: middle; line-height: 26px; color: #000; font-weight: 500;}
.office .office_block .text .cost p em{font-weight: 700; font-style: normal;}
.office .office_block .text .cost span{width: 20px; height: 20px; margin-left: 5px; position: relative; display: inline-block; vertical-align: middle; -webkit-transition: 0.5s all ease; -o-transition: 0.5s all ease; transition: 0.5s all ease;}
.office .office_block .text .cost span img{position: relative; display: block; width: 20px; height: 20px; -webkit-transition: 0.5s all ease; -o-transition: 0.5s all ease; transition: 0.5s all ease;}
.office .office_block .text .cost span i{position: absolute; display: none; text-align: center; border-radius: 8px; background-color: #fff; -webkit-box-shadow: 0 0 8px rgba(0,0,0,0.25); box-shadow: 0 0 8px rgba(0,0,0,0.25); width: 177px; height: 30px; font-size: 14px; -webkit-transition: 0.5s all ease; -o-transition: 0.5s all ease; transition: 0.5s all ease; line-height: 30px; color: #000; font-style: normal; top: 50%; margin-top: -15px; right: -187px;}
.office .office_block .text .cost span i em{font-style: normal; font-weight: 600;}
.office .office_block .text .cost span i::before{content: ""; position: absolute; display: block; background: url(../img/rooms/6.svg) no-repeat; width: 10px; height: 6px; top: 50%; left: -6px; margin-top: -3px; -webkit-transform: rotate(90deg); -ms-transform: rotate(90deg); transform: rotate(90deg);}
.office .office_block .text .cost span:hover i{display: block;}
.office .office_block .text .cost p + p{margin-left: 26px;}
.office .office_block .text .cost{margin-bottom: 19px;}
.office .office_block .text .link{margin-bottom: 40px;}
.office .office_block .text .link a{width: 31.5%; padding: 16px 0 17px; border: 1px solid rgba(137,137,137,0.6); -webkit-box-sizing: border-box; box-sizing: border-box; border-radius: 8px; font-size: 12px; line-height: 15px; color: #000; text-align: center; display: block; font-weight: 700; text-transform: uppercase; color: #000; letter-spacing: 0.02em;}
.office .office_block .text .link a.active{background-color: #fedc19; border: none;}
.office .office_block .text .tabs_links ul li{position: relative; display: inline-block; vertical-align: middle; width: 240px; height: 40px; -webkit-box-sizing: border-box; box-sizing: border-box; border: 1px solid rgba(137,137,137,0.6); border-radius: 8px; cursor: pointer;}
.office .office_block .text .tabs_links ul li + li{margin-left: 16px;}
.office .office_block .text .tabs_links ul li span{font-size: 14px; line-height: 40px; display: block; text-align: center; color: #000;}
.office .office_block .text .tabs_links ul li.active{background-color: #545454; border: none;}
.office .office_block .text .tabs_links ul li.active span{color: #fff;}
.office .office_block .text .item_block p{padding-left: 20px; font-size: 16px; line-height: 22px; color: #000; font-weight: 600;}
.office .office_block .text .item_block p span{font-weight: 400;}
.office .office_block .text .item_block{width: 100%; margin-top: 15px; -webkit-box-sizing: border-box; box-sizing: border-box; border: 1px solid rgba(137,137,137,0.6); border-radius: 8px;}
.office .office_block .text .item_block > div{padding: 19px 0 20px; -webkit-box-sizing: border-box; box-sizing: border-box; border-bottom: 1px solid rgba(137,137,137,0.6);}
.office .office_block .text .item_block a{width: 207px; height: 50px; margin: 20px auto; font-size: 12px; line-height: 50px; text-align: center; display: block; text-transform: uppercase; letter-spacing: 0.02em; color:  #000; font-weight: 700; border: 1px solid rgba(137,137,137,0.6); -webkit-box-sizing: border-box; box-sizing: border-box; border-radius: 8px; }
.office .office_block .tabs_items .item{display: none;}
.office .office_block .tabs_items .item.active{display: block;}
/*end office*/

/*registration*/
.registration{background-color: #e9f0f6; min-height: 100vh;}
.errorlist{color: #ff0000;}
.registration .inner{display: -webkit-box;display: -ms-flexbox;display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; height: 100%;}
.registration .registration_block{width: 809px; margin: 0 auto; background-color: #fff; border-radius: 8px; padding: 45px 60px; -webkit-box-sizing: border-box; box-sizing: border-box;}
.registration .registration_block form{max-width: 518px; margin: 0 auto;}
.registration .registration_block h2{margin-bottom: 45px; text-align: center; font-size: 30px; line-height: 42px; font-weight: 500; color: #000;}
.registration .registration_block p{margin-bottom: 40px; text-align: center; font-size: 24px; line-height: 34px; color: #000;}
.registration .registration_block form input{width: 100%; padding-top: 27px; padding-bottom: 24px; padding-left: 25px; padding-right: 48px; border: 1px solid rgba(137,137,137,0.6); -webkit-box-sizing: border-box; box-sizing: border-box; border-radius: 8px; font-size: 18px; line-height: 21px; color: #707070; cursor: pointer;}
.registration .login_password .password-control{position: absolute; display: block; background: url(../img/registration/1.svg) no-repeat center center; background-repeat: no-repeat; -o-object-fit: contain; object-fit: contain; width: 25px; height: 25px; top: 50%; right: 25px; margin-top: -13px; cursor: pointer;}
.registration .login_password .password-control.view{background: url(../img/registration/7.svg) 0 0 no-repeat;}
.registration .registration_block form button{width: 100%; height: 74px; background-color: #fedc19; border-radius: 8px; font-size: 20px; line-height: 74px; font-weight: 600; color: #191919; -webkit-box-sizing: border-box; box-sizing: border-box; text-align: center;}
.registration .registration_block form > div > span{font-size: 18px; line-height: 25px; display: block; color: #191919; text-align: center;}
.registration .registration_block form span a{font-weight: 500; border-bottom: 1px dashed; color: #191919;}
.registration .registration_block form > div + div{margin-top: 25px;}
.registration .registration_block form .link{max-width: 412px; margin: 25px auto 0;}
.registration .registration_block form .link a{font-size: 18px; line-height: 25px; color: #191919; border-bottom: 1px dashed;}
.registration .registration_block form .link a:nth-child(1){font-weight: 500;}

.registration .registration_block label{position: relative; display: block; cursor: pointer; padding-left: 21px;}
.registration .registration_block label span{position: relative; display: inline-block; vertical-align: middle; font-size: 18px; line-height: 25px; color: #191919;}
.registration .registration_block label b{display: block; position: absolute; left: 0; top: 6.5%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); width: 16px; height: 16px; border: 1px solid rgba(137,137,137,0.6); border-radius: 1px; -webkit-box-sizing: border-box; box-sizing: border-box;}
.registration .registration_block label input[type="checkbox"]{display: none;}
.registration .registration_block label input[type="checkbox"]:checked + b::after{content: ""; position: absolute; display: block; background: url(../img/company/4.svg) no-repeat; width: 11px; height: 9px; top: 50%; left: 50%; -webkit-transform: translate(-50%,-50%); -ms-transform: translate(-50%,-50%); transform: translate(-50%,-50%);}

/*end registration*/

/*personal*/
.personal{padding: 30px 0; padding-left: 76px; -webkit-box-sizing: border-box; box-sizing: border-box; background-color: #e9f0f6; min-height: 100vh;}
.personal .personal_block h2{margin-bottom: 36px; font-size: 30px; line-height: 42px; text-align: left;}
.personal .personal_block{padding: 35px 87px 93px 35px; -webkit-box-sizing: border-box; box-sizing: border-box; background-color: #fff; border-radius: 8px; background-color: #fff;}
.personal .personal_block h3{margin-bottom: 15px; font-size: 24px; line-height: 34px; color: #000; font-weight: 500;}
.personal .personal_pic{width: 27%;}
.personal .personal_block .image_block{height: 281px; width: 256px; margin-bottom: 15px;}
.personal .personal_pic div + div{position: relative; height: 25px; cursor: pointer; text-align: center; line-height: 25px; font-size: 18px; line-height: 25px; color: #000; -webkit-box-sizing: border-box; box-sizing: border-box;}
.personal .personal_pic div + div::after{content: ""; position: absolute; display: block; background: url(../img/line.png) no-repeat; width: 55%; height: 1px; background-repeat: repeat-x; bottom: 0; left: 50%; margin-left: -70px;}
.personal .personal_pic div + div input[type="file"]{display: block; position: absolute; width: 100%; height: 0; overflow: hidden; padding-top: 25px; cursor: pointer; left: 0; top: 0; z-index: 10;}
.personal .personal_data{width: 73%;}
.personal .personal_data .data_block{margin-bottom: 35px;}
.personal .personal_data .item{padding: 0 15px; margin-bottom: 15px;}
.personal .personal_data .row{margin: 0 -15px; margin-bottom: -15px;}
.personal .personal_data .item label{display: block; font-size: 14px; line-height: 20px; font-weight: 500; color: #93969b; margin-bottom: 5px; cursor: pointer;}
.personal .personal_data .item input{width: 100%; -webkit-box-sizing: border-box; box-sizing: border-box; height: 60px; border: 1px solid rgba(137,137,137,0.6); border-radius: 8px; padding: 0 15px; font-size: 18px; line-height: 58px; color: #000 !important; background: transparent !important;}
.personal .change_password{margin-bottom: 40px;}
.personal .change_password h3{margin-bottom: 15px; font-size: 24px; line-height: 34px; color: #000; font-weight: 500;}
.personal .change_password label{display: block; font-size: 14px; line-height: 20px; font-weight: 500; color: #93969b; margin-bottom: 5px; cursor: pointer;}
.personal .change_password input{width: 100%; -webkit-box-sizing: border-box; box-sizing: border-box; height: 60px; border: 1px solid rgba(137,137,137,0.6); border-radius: 8px; padding-left: 15px; padding-right: 45px; font-size: 18px; line-height: 58px; color: #000 !important; background: transparent !important;}
.personal .change_password .flex{margin: 0 -15px;}
.personal .change_password .flex > div{width: 50%; padding: 0 15px; -webkit-box-sizing: border-box; box-sizing: border-box;}
.personal .one_password .password-control{position: absolute; background: url(../img/registration/1.svg) no-repeat; display: block; bottom: 19px; right: 37px; width: 25px; height: 25px; -o-object-fit: contain; object-fit: contain;}
.personal .one_password .password-control.view{background: url(../img/registration/7.svg) 0 0 no-repeat;}
.personal .two_password .password-control{position: absolute; background: url(../img/registration/1.svg) no-repeat; display: block; bottom: 19px; right: 37px; width: 25px; height: 25px; -o-object-fit: contain; object-fit: contain;}
.personal .two_password .password-control.view{background: url(../img/registration/7.svg) 0 0 no-repeat;}
.personal .personal_btn button[type="submit"]{padding: 17px 21px; -webkit-box-sizing: border-box; box-sizing: border-box; font-weight: 600; font-size: 18px; line-height: 25px; color: #191919; display: inline-block; vertical-align: middle; background-color: #fedc19; border-radius: 8px;}
.personal .personal_btn button[type="reset"]{display: inline-block; vertical-align: middle; background-color: transparent; font-size: 18px; line-height: 25px; color: #191919; margin-left: 21px;}
.personal .personal_shadow{position: absolute; top: 0; left: 0; bottom: 0; right: 0; width: 100%; height: 100%; background-color: rgba(0,0,0,.7); z-index: 100;}
.personal .personal_shadow .cross{position: absolute; background: url(../img/registration/2.svg) no-repeat; width: 30px; height: 30px; top: 35px; right: 35px; cursor: pointer;}
.personal .personal_shadow .block_1 p{color: #000; max-width: 280px;}
.personal .personal_shadow .block_1 p span{font-weight: 600;}
.personal .personal_shadow .block_2 p{color: #000; max-width: 280px;}
.personal .personal_shadow .block_2 p span{font-weight: 600;}
.personal .personal_shadow .block_3 p{color: #000; max-width: 280px;}
.personal .personal_shadow .block_3 p span{font-weight: 600;}
.personal .personal_shadow .block_1{position: absolute; width: 361px; height: 107px; padding: 16px; top: 300px; left: 105px; border-radius: 8px; -webkit-box-sizing: border-box; box-sizing: border-box; background-color: #fff;}
.personal .personal_shadow .block_2{position: absolute; width: 361px; height: 107px; padding: 16px; border-radius: 8px; -webkit-box-sizing: border-box; box-sizing: border-box; background-color: #fff; top: 66px; right: 720px;}
.personal .personal_shadow .block_3{position: absolute; width: 361px; height: 107px; padding: 16px; border-radius: 8px; -webkit-box-sizing: border-box; box-sizing: border-box; background-color: #fff;  top: 218px; right: 228px; left: auto;}
.personal .personal_shadow .block_1 .cross_small{position: absolute; background: url(../img/registration/3.svg) no-repeat; width: 12px; height: 12px; top: 13px; right: 13px; cursor: pointer;}
.personal .personal_shadow .block_2 .cross_small{position: absolute; background: url(../img/registration/3.svg) no-repeat; width: 12px; height: 12px; top: 13px; right: 13px; cursor: pointer;}
.personal .personal_shadow .block_3 .cross_small{position: absolute; background: url(../img/registration/3.svg) no-repeat; width: 12px; height: 12px; top: 13px; right: 13px; cursor: pointer;}
.personal .personal_shadow .block_1::after{content: ""; position: absolute; display: block; background: url(../img/registration/4.svg) no-repeat; width: 215px; height: 248px; top: -250px; left: 0;}
.personal .personal_shadow .block_1 .pic{position: absolute; display: block; background: url(../img/registration/5.svg) no-repeat; width: 12px; height: 12px; top: -255px; left: -5px;}
.personal .personal_shadow .block_2::after{content: ""; position: absolute; display: block; background: url(../img/registration/6.svg) no-repeat; width: 71px; height: 100px; top: -50%; right: -90px; left: auto;}
.personal .personal_shadow .block_2 .pic{position: absolute; display: block; background: url(../img/registration/5.svg) no-repeat; width: 12px; height: 12px; top: -59px; left: auto; right: -92px; -webkit-transform: rotate(40deg); -ms-transform: rotate(40deg); transform: rotate(40deg);}
.personal .personal_shadow .block_3::after{content: ""; position: absolute; display: block; width: 1px; height: 180px; top: -185px; left: 50%; background-color: #fff;}
.personal .personal_shadow .block_3 .pic{position: absolute; display: block; background: url(../img/registration/5.svg) no-repeat; width: 12px; height: 12px; top: -193px; left: 50%; margin-left: -6px; -webkit-transform: rotate(55deg); -ms-transform: rotate(55deg); transform: rotate(55deg);}
.personal .personal_shadow button{position: absolute; left: 50%; margin-left: -163px; bottom: 225px; width: 326px; height: 59px; background-color: #fedc19; border-radius: 8px; font-size: 18px; line-height: 59px; color: #191919; font-weight: 600;}
/*end personal*/

/*shadow_2*/
.shadow_2{position: absolute; top: 0; left: 0; bottom: 0; right: 0; width: 100%; height: 100%; background-color: rgba(0,0,0,.7); z-index: 1000;}
.shadow_2 .cross{position: absolute; background: url(../img/registration/2.svg) no-repeat; width: 30px; height: 30px; top: 35px; right: 35px; cursor: pointer;}
.shadow_2  .actions_shadow > div{width: 228px; padding: 10px 20px 10px 10px; background-color: #fff; -webkit-box-sizing: border-box; box-sizing: border-box; border: 1px solid rgba(137,137,137,0.6);}
.shadow_2  .actions_shadow{position: absolute; top: 190px; right: 315px; border-radius: 8px; -webkit-box-sizing: border-box; box-sizing: border-box; border: 10px solid #fff;}
.shadow_2  .actions_shadow p{font-size: 14px; margin-bottom: 15px; cursor: pointer; -webkit-transition: 0.5s all ease; -o-transition: 0.5s all ease; transition: 0.5s all ease; line-height: 20px; color: #000; position: relative;}
.shadow_2  .actions_shadow a{font-size: 14px; line-height: 20px; -webkit-box-sizing: border-box; box-sizing: border-box; display: inline-block; vertical-align: middle;}
.shadow_2  .actions_shadow a.link_1{color: #27ae60;}
.shadow_2  .actions_shadow a.link_2{color: #000;}
.shadow_2  .actions_shadow a.link_3{color: #eb5757;}
.shadow_2  .actions_shadow a img{position: relative; display: inline-block; vertical-align: top; width: auto; height: auto;}
.shadow_2  .actions_shadow a + a{margin-top: 10px;}
.shadow_2  .actions_shadow p::after{content: ""; position: absolute; display: block; background: url(../img/sel_arrow.svg) no-repeat center center; background-size: contain; width: 7px; height: 6px; top: 7px; right: -11px;}
.shadow_2 .block_1{position: absolute; width: 380px; -webkit-box-sizing: border-box; box-sizing: border-box; top: 450px; right: 500px; background-color: #fff; padding: 16px 56px 25px; border-radius: 8px;}
.shadow_2 .block_1 p{color: #000; font-size: 18px; line-height: 25px;}
.shadow_2 .block_1 p span{font-weight: 600;}
.shadow_2 .block_1 .cross_small{position: absolute; background: url(../img/registration/3.svg) no-repeat; width: 13px; height: 13px; top: 12px; right: 12px; cursor: pointer;}
.shadow_2 .btn{position: absolute; cursor: pointer; top: 600px; text-align: center; right: 500px; width: 380px; padding: 18px; background-color: #fedc19; border-radius: 8px; font-size: 18px; line-height: 23px; color: #191919; font-weight: 600; -webkit-box-sizing: border-box; box-sizing: border-box;}
.shadow_2 .block_1::after{content: ""; position: absolute; display: block; background: url(../img/registration/6.svg) no-repeat; width: 71px; height: 100px; top: -50%; right: -90px;}
.shadow_2 .block_1 .pic{position: absolute; display: block; background: url(../img/registration/5.svg) no-repeat; width: 12px; height: 12px; top: -61px; right: -92px; -webkit-transform: rotate(40deg); -ms-transform: rotate(40deg); transform: rotate(40deg);}
/*end shadow_2*/

/*shadow_3*/
.shadow_3{position: absolute; top: 0; left: 0; bottom: 0; right: 0; width: 100%; height: 100%; background-color: rgba(0,0,0,.7); z-index: 1000;}
.shadow_3 .cross{position: absolute; background: url(../img/registration/2.svg) no-repeat; width: 30px; height: 30px; top: 35px; right: 35px; cursor: pointer;}
.shadow_3  .add_link{position: absolute; top: 10px; right: 290px; border-radius: 8px; -webkit-box-sizing: border-box; box-sizing: border-box; border: 10px solid #fff;}
.shadow_3  .add_link > div{width: 228px; padding: 10px 20px 10px 10px; background-color: #fff; -webkit-box-sizing: border-box; box-sizing: border-box; border: 1px solid rgba(137,137,137,0.6);}
.shadow_3  .add_link p{font-size: 16px; position: relative;}
.shadow_3  .add_link p::after{content: ""; position: absolute; background: url(../img/registration/8.svg) no-repeat; width: 15px; height: 15px; top: 50%; margin-top: -8px; right: 0; z-index: 10;}
.shadow_3 .block_1{position: absolute; width: 380px; -webkit-box-sizing: border-box; box-sizing: border-box; top: 150px; right: 490px; background-color: #fff; padding: 16px 56px 25px; border-radius: 8px;}
.shadow_3 .block_1 p{color: #000; font-size: 18px; line-height: 25px;}
.shadow_3 .block_1 p span{font-weight: 600;}
.shadow_3 .block_1 .cross_small{position: absolute; background: url(../img/registration/3.svg) no-repeat; width: 13px; height: 13px; top: 12px; right: 12px; cursor: pointer;}
.shadow_3 .block_1::after{content: ""; position: absolute; display: block; background: url(../img/registration/6.svg) no-repeat; width: 71px; height: 100px; top: -50%; right: -90px;}
.shadow_3 .block_1 .pic{position: absolute; display: block; background: url(../img/registration/5.svg) no-repeat; width: 12px; height: 12px; top: -61px; right: -92px; -webkit-transform: rotate(40deg); -ms-transform: rotate(40deg); transform: rotate(40deg);}
.shadow_3 .btn{position: absolute; cursor: pointer; top: 300px; text-align: center; right: 490px; width: 380px; padding: 18px; background-color: #fedc19; border-radius: 8px; font-size: 18px; line-height: 23px; color: #191919; font-weight: 600; -webkit-box-sizing: border-box; box-sizing: border-box;}
.shadow_4 .add_link{left: 18%; top: 285px; right: auto; border: none; text-align: right;}
.shadow_4  .add_link p::after{content: ""; background-image: none; width: 16px; height: 16px; border: 1px solid #898989; border-radius: 1px; right: auto; left: 10px;}
.shadow_4 .block_1{right: 35%; top: 230px;}
.shadow_4 .block_1::after{content: ""; background: url(../img/step_line.svg) no-repeat; width: 181px; height: 9px; top: 70px; left: -220px;}
.shadow_4 .block_1 .pic{background-image: none;}
/*end shadow_3*/

/*company*/
.company{padding: 30px 0; padding-left: 76px; margin-top: 10px; -webkit-box-sizing: border-box; box-sizing: border-box; background-color: #e9f0f6;}
.company .company_block{padding: 45px 23px 45px 45px; -webkit-box-sizing: border-box; box-sizing: border-box; background-color: #fff; border-radius: 8px;}
.company .company_title h2{margin-bottom: 50px; font-size: 30px; line-height: 42px; font-weight: 500; color: #191919; text-align: left;}
.company .company_choice{max-width: 560px; margin-bottom: 35px;}
.company .company_choice p{font-size: 22px; line-height: 31px; margin-bottom: 20px; color: #191919;}
.company .company_choice label img{position: relative; display: inline-block; vertical-align: top; width: auto; height: auto; margin-right: 3px;}
.company .company_choice label{position: relative; display: block; cursor: pointer; padding-left: 23px;}
.company .company_choice label span{position: relative; display: inline-block; vertical-align: top; line-height: 25px; color: #191919;}
.company .company_choice label b{display: block; position: absolute; left: 0; top: 50%; width: 16px; height: 16px; border: 1px solid #191919; -webkit-box-sizing: border-box; box-sizing: border-box; border-radius: 1px; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%);}
.company .company_choice label input[type="checkbox"]{display: none;}
.company .company_choice label input[type="checkbox"]:checked + b::after{content: ""; position: absolute; display: block; background: url(../img/company/4.svg) no-repeat; width: 11px; height: 9px; top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); transform: translate(-50%, -50%);}
.company #tabs > div {display: none;}
.company #tabs > div.active {display: block;}
.company .company_entry{max-width: 620px;}
.company .company_entry .selection{width: 100%; padding: 17px 25px 17px 23px; -webkit-box-sizing: border-box; box-sizing: border-box; position: relative; font-size: 18px; line-height: 25px; color: #191919; border: 1px solid rgba(137,137,137,0.6); border-radius: 8px;}
.company .company_inn input{width: 100%; padding: 17px 25px 17px 23px; -webkit-box-sizing: border-box; box-sizing: border-box; position: relative; font-size: 18px; line-height: 25px; color: #191919; border: 1px solid rgba(137,137,137,0.6); border-radius: 8px;}
.company .company_entry > div + div{margin-top: 25px;}
.company .company_personal{max-width: 620px; margin-top: 50px;}
.company .company_personal p{display: inline-block; vertical-align: middle; margin-right: 3px; font-weight: 600; color: #191919;}
.company .company_personal b{display: inline-block; vertical-align: middle; position: relative; font-weight: 400;}
.company .company_personal b img{position: relative; display: block; width: 18px; height: 18px;}
.company .company_personal b i{width: 283px; display: none; position: absolute; padding: 10px; -webkit-box-sizing: border-box; box-sizing: border-box; top: 50%; right: -300px; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); font-style: normal; border-radius: 8px; background-color: #fff; -webkit-box-shadow: 0px 0px 8px rgba(0, 0, 0, 0.25); box-shadow: 0px 0px 8px rgba(0, 0, 0, 0.25); font-size: 14px; line-height: 20px; color: #000; z-index: 3;}
.company .company_personal b i em{font-style: normal; font-weight: 600;}
.company .company_personal b i::after{content: ""; position: absolute; display: block; background: url(../img/company/5.svg) no-repeat; width: 15px; height: 17px; top: 50%; left: -15px; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%);}
.company .company_personal b:hover i{display: block;}
.company .company_personal input{width: 100%; padding: 17px 25px 17px 23px; -webkit-box-sizing: border-box; box-sizing: border-box; position: relative; font-size: 18px; line-height: 25px; color: #191919; border: 1px solid rgba(137,137,137,0.6); border-radius: 8px;}
.company .company_personal > div + div{margin-top: 25px;}
.company button[type="submit"]{padding: 17px 21px; font-weight: 600; line-height: 25px; color: #191919; background-color: #fedc19; border-radius: 8px; font-size: 18px;}
.company button[type="button"]{padding: 17px 21px; font-weight: 600; line-height: 25px; color: #191919; background-color: #d3d3d3; border-radius: 8px; font-size: 18px;}
.company .company_btn{margin-top: 41px;}
.company button[type="reset"]{width: auto; height: auto; margin-left: 30px; background-color: transparent; font-size: 18px; line-height: 25px; color: #191919;}
.company .company_info{max-width: 620px; margin-top: 40px;}
.company .company_info p{display: inline-block; vertical-align: middle; margin-right: 3px; font-weight: 600; color: #191919;}
.company .company_info b{display: inline-block; vertical-align: middle; position: relative; font-weight: 400;}
.company .company_info b img{position: relative; display: block; width: 18px; height: 18px;}
.company .company_info b i{width: 333px; display: none; position: absolute; padding: 13px; -webkit-box-sizing: border-box; box-sizing: border-box; top: 50%; right: -350px; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); font-style: normal; border-radius: 8px; background-color: #fff; -webkit-box-shadow: 0px 0px 8px rgba(0, 0, 0, 0.25); box-shadow: 0px 0px 8px rgba(0, 0, 0, 0.25); font-size: 14px; line-height: 20px; color: #000; z-index: 3;}
.company .company_info b i em{font-style: normal; font-weight: 600;}
.company .company_info b i::after{content: ""; position: absolute; display: block; background: url(../img/company/5.svg) no-repeat; width: 15px; height: 17px; top: 50%; left: -13px; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%);}
.company .company_info b:hover i{display: block;}
.company .company_info input{width: 100%; padding: 17px 25px 17px 23px; -webkit-box-sizing: border-box; box-sizing: border-box; position: relative; font-size: 18px; line-height: 25px; color: #191919; border: 1px solid rgba(137,137,137,0.6); border-radius: 8px;}
.company .company_info > div + div{margin-top: 25px;}
.company .company_view p{display: inline-block; vertical-align: middle; margin-right: 3px; font-weight: 600; color: #191919;}
.company .company_view em img{position: relative; display: block; width: 18px; height: 18px;}
.company .company_view em i{width: 333px; display: none; position: absolute; padding: 13px; -webkit-box-sizing: border-box; box-sizing: border-box; top: 50%; right: -350px; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); font-style: normal; border-radius: 8px; background-color: #fff; -webkit-box-shadow: 0px 0px 8px rgba(0, 0, 0, 0.25); box-shadow: 0px 0px 8px rgba(0, 0, 0, 0.25); font-size: 14px; line-height: 20px; color: #000; z-index: 300;}
.company .company_view em i::after{content: ""; position: absolute; display: block; background: url(../img/company/5.svg) no-repeat; width: 15px; height: 17px; top: 50%; left: -15px; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%);}
.company .company_view em:hover i{display: block;}
.company .company_view input{width: 100%; padding: 17px 25px 17px 23px; -webkit-box-sizing: border-box; box-sizing: border-box; position: relative; font-size: 18px; line-height: 25px; color: #191919; border: 1px solid rgba(137,137,137,0.6); border-radius: 8px;}
.company .company_view .view_info{margin-top: 25px;}
.company .view_info .flex{max-width: 365px; margin-top: 19px;}
.company .view_info .flex > div{width: 48%;}
.company .company_view .view_input em{position: absolute; display: block; right: -25px; top: 50%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); z-index: 5;}
.company .company_view .view_input em i{width: 182px; right: -200px;}
.company .view_info p span img{position: relative; display: block; width: 18px; height: 18px;}
.company .view_info p span i{width: 333px; display: none; position: absolute; font-weight: 400; padding: 13px; -webkit-box-sizing: border-box; box-sizing: border-box; top: 50%; right: -350px; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); font-style: normal; border-radius: 8px; background-color: #fff; -webkit-box-shadow: 0px 0px 14px rgba(0, 0, 0, 0.25); box-shadow: 0px 0px 14px rgba(0, 0, 0, 0.25); font-size: 14px; line-height: 20px; color: #000; z-index: 300;}
.company .view_info p span i::after{content: ""; position: absolute; display: block; background: url(../img/company/5.svg) no-repeat; width: 15px; height: 17px; top: 50%; left: -15px; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%);}
.company .view_info p span:hover i{display: block;}
.company .view_info p span{position: absolute; display: block; right: -25px; top: 50%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); z-index: 4;}
.company .company_work{width: 100%; max-height: 220px; padding: 17px 25px 17px 23px; -webkit-box-sizing: border-box; box-sizing: border-box; position: relative; font-size: 18px; line-height: 25px; color: #191919; border: 1px solid rgba(137,137,137,0.6); border-radius: 8px; overflow: auto;}
.company .company_work label{position: relative; display: block; cursor: pointer; padding-left: 23px;}
.company .company_work label span{position: relative; display: inline-block; vertical-align: middle; font-size: 16px; line-height: 22px; color: #000;}
.company .company_work label b{display: block; position: absolute; left: 0; top: 50%; width: 16px; height: 16px; border: 1px solid #191919; -webkit-box-sizing: border-box; box-sizing: border-box; border-radius: 1px; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%);}
.company .company_work label input[type="checkbox"]{display: none;}
.company .company_work label input[type="checkbox"]:checked + b::after{content: ""; position: absolute; display: block; background: url(../img/company/4.svg) no-repeat; width: 11px; height: 9px; top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); transform: translate(-50%, -50%);}
.company .company_work .work_view{margin-top: 20px;}
.company .company_work .work_view label + label{margin-top: 15px;}
.company .company_work p::after{content: ""; position: absolute; display: block; background: url(../img/sel_arrow.svg) no-repeat; width: 8px; height: 8px; top: 50%; right: -8px; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); -webkit-transition: 0.5s all ease; -o-transition: 0.5s all ease; transition: 0.5s all ease;}
.company .company_work p.active::after{-webkit-transform: rotate(180deg);-ms-transform: rotate(180deg);transform: rotate(180deg);}
.company .company_work p{-webkit-transition: 0.5s all ease;-o-transition: 0.5s all ease;transition: 0.5s all ease;}
.company .company_info span i.hide{display: none;}
.company .many_info > div{margin-top: 25px;}
.town.active{display: block;}
.company input:enabled{opacity: 0.5;}
.company input:disabled{opacity: 1;}
.company .form_block {width: 719px;}
.company .company_block .left_object{width: 440px; height: 440px; background-color: #e9f0f6; border-radius: 8px; margin-right: 10px;}
.company .company_block .left_object > div{position: absolute; top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); transform: translate(-50%, -50%); border: 1px dashed #89aafb; margin: 0 auto; width: 229px; height: 176px; cursor: pointer; text-align: center; line-height: 310px; font-size: 18px; color: #000; -webkit-box-sizing: border-box; box-sizing: border-box;}
.company .company_block .left_object > div input[type="file"]{display: block; position: absolute; width: 100%; height: 0; overflow: hidden; padding-top: 177px; cursor: pointer; left: 0; top: 0; z-index: 10;}
.company .company_block .left_object > div img{position: absolute; top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); transform: translate(-50%, -50%); display: block; width: auto; height: auto; margin: 0 auto;}
.company .company_block form{flex-wrap: nowrap;}
/*company*/

/*branch*/
.branch{padding: 30px 0; padding-left: 76px; margin-top: 10px; -webkit-box-sizing: border-box; box-sizing: border-box; background-color: #e9f0f6;}
.branch .branch_block{padding: 50px; -webkit-box-sizing: border-box; box-sizing: border-box; background-color: #fff; border-radius: 8px;}
.branch .branch_block h2{font-size: 30px; margin: 0; margin-bottom: 50px; text-align: left; font-weight: 400; line-height: 42px; color: #191919;}
.branch .branch_block h2 span{font-weight: 500;}
.branch .branch_block h2 a{color: #191919; border-bottom: 1px dashed #191919;}
.branch .branch_block .left_object{width: 440px; height: 440px; background-color: #e9f0f6; border-radius: 8px;}
.branch .branch_block .left_object > div{position: absolute; top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); transform: translate(-50%, -50%); border: 1px dashed #89aafb; margin: 0 auto; width: 229px; height: 176px; cursor: pointer; text-align: center; line-height: 310px; font-size: 18px; color: #000; -webkit-box-sizing: border-box; box-sizing: border-box;}
.branch input:enabled{opacity: 0.5;}
.branch input:disabled{opacity: 1;}
.branch .branch_block .left_object > div input[type="file"]{display: block; position: absolute; width: 100%; height: 0; overflow: hidden; padding-top: 176px; cursor: pointer; left: 0; top: 0; z-index: 10;}
.branch .branch_block .left_object > div img{position: absolute; top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); transform: translate(-50%, -50%); display: block; width: auto; height: auto; margin: 0 auto;}
.branch .branch_block .right_object{width: 719px;}
.branch .branch_block .right_object p{margin-bottom: 20px; font-size: 18px; line-height: 25px; color: #000; font-weight: 600;}
.branch .branch_block .right_object input{width: 100%; padding: 17px 10px 17px 22px; border: 1px solid rgba(137,137,137,0.6); border-radius: 8px; -webkit-box-sizing: border-box; box-sizing: border-box; font-size: 18px; line-height: 25px; color: #191919;}
.branch .branch_block .object_choice > div + div{margin-top: 20px;}
.branch .branch_block .time_choice{width: 245px;}
.branch .branch_block .object_time{margin: 40px 0;}
.branch .object_area{max-width: 576px;}
.branch .branch_block .object_info .input_1{width: 229px;}
.branch .branch_block .object_info .input_2{width: 180px;}
.branch .branch_block .object_info label{position: relative; display: block; cursor: pointer; padding-left: 21px;}
.branch .branch_block .object_info label span{position: relative; display: inline-block; vertical-align: middle; font-size: 18px; line-height: 25px; color: #191919;}
.branch .branch_block .object_info label b{display: block; position: absolute; left: 0; top: 50%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); width: 16px; height: 16px; border: 1px solid rgba(137,137,137,0.6); border-radius: 1px; -webkit-box-sizing: border-box; box-sizing: border-box;}
.branch .branch_block .object_info label input[type="checkbox"]{display: none;}
.branch .branch_block .object_info label input[type="checkbox"]:checked + b::after{content: ""; position: absolute; display: block; background: url(../img/company/4.svg) no-repeat; width: 11px; height: 9px; top: 50%; left: 50%; -webkit-transform: translate(-50%,-50%); -ms-transform: translate(-50%,-50%); transform: translate(-50%,-50%);}
.branch .branch_block .object_info{margin-bottom: 20px;}
.branch .branch_block .structure_view p{font-size: 18px; line-height: 25px; color: #191919; font-weight: 400; margin: 0; cursor: pointer; -webkit-transition: 0.5s all ease; -o-transition: 0.5s all ease; transition: 0.5s all ease; position: relative;}
.branch .branch_block .structure_view{position: relative; border: 1px solid rgba(137,137,137,0.6); border-radius: 8px; padding: 17px 23px; width: 100%; -webkit-box-sizing: border-box; box-sizing: border-box; margin-bottom: 25px;}
.branch .branch_block .view_hide label{position: relative; display: block; cursor: pointer; padding-left: 24px;}
.branch .branch_block .view_hide label span{position: relative; display: inline-block; vertical-align: middle; font-size: 16px; line-height: 22px; color: #191919;}
.branch .branch_block .view_hide label b{display: block; position: absolute; left: 0; top: 50%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); width: 16px; height: 16px; border: 1px solid rgba(137,137,137,0.6); border-radius: 1px; -webkit-box-sizing: border-box; box-sizing: border-box;}
.branch .branch_block .view_hide label input[type="checkbox"]{display: none;}
.branch .branch_block .view_hide label input[type="checkbox"]:checked + b::after{content: ""; position: absolute; display: block; background: url(../img/company/4.svg) no-repeat; width: 11px; height: 9px; top: 50%; left: 50%; -webkit-transform: translate(-50%,-50%); -ms-transform: translate(-50%,-50%); transform: translate(-50%,-50%);}
.branch .branch_block .view_hide label + label{margin-top: 15px;}
.branch .branch_block .view_hide{margin-top: 20px;}
.branch .branch_block .structure_view p::after{content: ""; position: absolute; display: block; background: url(../img/sel_arrow.svg) no-repeat; width: 8px; height: 8px; top: 50%; right: -8px; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%);}
.branch .branch_block .structure_view p.active::after{-webkit-transform: rotate(180deg);-ms-transform: rotate(180deg);transform: rotate(180deg); top: 0;}
.branch .select.nice, .selectBox{font-size: 18px;}
.branch .object_btn button[type="submit"]{padding: 17px 54px; font-size: 18px; line-height: 25px; font-weight: 600; color: #191919; background-color: #fedc19; border-radius: 8px;}
.branch .object_btn button[type="reset"]{font-size: 18px; line-height: 25px; color: #191919; background-color: transparent; margin-left: 25px;}
.branch .object_btn button[type="button"]{padding: 17px 21px; font-weight: 600; line-height: 25px; color: #191919; background-color: #d3d3d3; border-radius: 8px; font-size: 18px;}
.branch .object_btn{margin-top: 50px;}
.branch .place_info > div > div + div{margin-top: 20px;}
.branch .area_block > div > span{position: absolute; display: block; font-size: 18px; line-height: 25px; color: #191919; top: 49%; right: 12px; z-index: 10; pointer-events: none; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); font-weight: 500;}
.branch .area_block input{padding-right: 65px !important;}
.branch form{-ms-flex-wrap: nowrap;flex-wrap: nowrap;}
.branch .branch_block .object_time .flex{-ms-flex-wrap: nowrap;flex-wrap: nowrap;}
.branch .branch_block .object_info .flex{-ms-flex-wrap: nowrap;flex-wrap: nowrap;}
.branch .branch_block .object_time .flex > div + div{margin-left: 10px;}
.branch .branch_block .object_info .flex > div + div{margin-left: 10px;}
#load_img{width: 440px; height: 440px; -o-object-fit: cover; object-fit: cover; border-radius: 8px;}
.branch .object_message textarea{width: 100%; height: 120px; padding: 10px 10px 10px 22px; font-size: 19px; line-height: 24px; border-radius: 8px; box-sizing: border-box; border: 1px solid rgba(137,137,137,0.6);}
.branch .object_chec label{position: relative; display: block; cursor: pointer; padding-left: 30px;}
.branch .object_chec label span{position: relative; display: inline-block; vertical-align: top;}
.branch .object_chec label b{display: block; position: absolute; left: 0; top: 50%; margin-top: -8px; box-sizing: border-box; width: 16px; height: 16px; border-radius: 2px; border: 1px solid rgba(137,137,137,0.6);}
.branch .object_chec label input[type="checkbox"]{display: none;}
.branch .object_chec label input[type="checkbox"]:checked + b::after{content: ""; position: absolute; display: block; background: url(../img/company/4.svg) no-repeat; width: 11px; height: 9px; top: 50%; left: 50%; transform: translate(-50%, -50%);}
.branch .object_chec{margin: 20px 0;}
/*end branch*/

/*shopping*/
.shopping{padding: 30px 0; padding-left: 76px; margin-top: 10px; -webkit-box-sizing: border-box; box-sizing: border-box; background-color: #e9f0f6;}
.shopping .shopping_block{padding: 25px 50px 50px; -webkit-box-sizing: border-box; box-sizing: border-box; background-color: #fff; border-radius: 8px;}
.shopping .shopping_block .actions{position: absolute; width: 228px; padding: 10px 20px 10px 10px; top: 70px; right: 50px; background-color: #fff; border-radius: 8px; -webkit-box-sizing: border-box; box-sizing: border-box; border: 1px solid rgba(137,137,137,0.6); z-index: 300;}
.shopping .actions p{font-size: 14px; cursor: pointer; -webkit-transition: 0.5s all ease; -o-transition: 0.5s all ease; transition: 0.5s all ease; line-height: 20px; color: #000; position: relative;}
.shopping .actions a{font-size: 14px; line-height: 20px; -webkit-box-sizing: border-box; box-sizing: border-box; display: inline-block; vertical-align: middle;}
.shopping .actions a.link_1{color: #27ae60;}
.shopping .actions a.link_2{color: #000;}
.shopping .actions a.link_3{color: #eb5757;}
.shopping .actions a img{position: relative; display: inline-block; vertical-align: top; width: auto; height: auto;}
.shopping .actions a + a{margin-top: 10px;}
.shopping .actions .actions_block{margin-top: 15px;}
.shopping .actions p::after{content: ""; position: absolute; display: block; background: url(../img/sel_arrow.svg) no-repeat center center; background-size: contain; width: 7px; height: 6px; top: 7px; right: -11px;}
.shopping .actions p.active::after{-webkit-transform: rotate(180deg);-ms-transform: rotate(180deg);transform: rotate(180deg); top: 5px;}
.shopping .object_choco h2{font-size: 30px; line-height: 42px; color: #191919; margin: 0; font-weight: 600; text-align: left;}
.shopping .choco_block{margin-top: 30px;}
.shopping .pic_choice{width: 343px; margin-right: 33px;}
.shopping .pic_choice .image_block{width: 343px; height: 326px; margin-bottom: 15px;}
.shopping .pic_choice .image_block a{border-radius: 8px;}
.shopping .image_block .balance{position: absolute; padding: 10px 45px; top: 0; left: 0; background-color: #eb5757; font-size: 18px; line-height: 25px; color: #fff; -webkit-box-sizing: border-box; box-sizing: border-box; font-weight: 600; z-index: 1; border-radius: 8px 0 8px 0; text-align: center;}
.shopping .image_block .balance span{font-weight: 400;}
.shopping .image_block .input_file{top: 0;}
.shopping .image_block .input_file input[type="file"]{display: block; position: absolute; width: 100%; height: 0; overflow: hidden; padding-top: 45px; cursor: pointer; left: 0; top: 0; z-index: 10; border: none; background: transparent; font: inherit;}
.shopping .image_block .input_file img{position: relative; display: block; width: auto; height: auto; margin: 0 auto;}
.shopping .image_block .pic_del{position: absolute; bottom: 15px; right: 11px; font-size: 12px; line-height: 17px; color: #fff; height: 30px; cursor: pointer;}
.shopping .image_block .pic_del img{position: relative; display: block; width: auto; height: auto; margin: 0 auto;}
.shopping .image_block .caption{width: 100%; bottom: 0; right: 0;}
.shopping .image_block .pic_load{position: absolute; bottom: 5px; left: 50%; -webkit-transform: translateX(-50%); -ms-transform: translateX(-50%); transform: translateX(-50%);}
.shopping .image_block .pic_load span{font-size: 12px; line-height: 17px; color: #fff;}
.shopping #load_img_2{width: 343px; height: 326px; -o-object-fit: cover; object-fit: cover; border-radius: 8px;}
.shopping .object_square p{font-size: 24px; margin-bottom: 15px; line-height: 34px; color: #000; font-weight: 600;}
.shopping .object_square p span{font-weight: 400;}
.shopping .percent p{display: inline-block; vertical-align: middle; color: #4cc203; font-size: 18px; line-height: 25px; font-weight: 600;}
.shopping .percent span{display: inline-block; vertical-align: middle; color: #eb5757; font-size: 18px; line-height: 25px; font-weight: 600;}
.shopping .percent .bar{background-color: #eb5757; height: 13px; border-radius: 6px; width: 100%; margin-top: 10px; cursor: pointer;}
.shopping .percent .bar > div{background-color: #4cc203; border-radius: 6px 0 0 6px;}
.shopping .choco_info h3{font-size: 25px; line-height: 35px; color: #000; margin: 0; margin-bottom: 20px;}
.shopping .choco_info p{font-size: 18px; line-height: 25px; color: #000; font-weight: 600; margin-bottom: 15px;}
.shopping .choco_info p span{font-weight: 400; margin-left: 10px;}
.shopping .choco_info .bar{background-color: #eb5757; height: 13px; border-radius: 6px; width: 395px; cursor: pointer;}
.shopping .choco_info .bar > div{background-color: #4cc203; border-radius: 6px 0 0 6px;}
.shopping .quantity p{font-size: 18px; margin-bottom: 10px; display: inline-block; vertical-align: middle; line-height: 25px; color: #000; font-weight: 600}
.shopping .quantity p span i{font-style: normal; color: #4cc203; font-weight: 600;}
.shopping .quantity p span em{font-style: normal; color: #eb5757; font-weight: 600;}
.shopping .quantity{margin-bottom: 30px;}
.shopping .add_info h3{font-size: 25px; line-height: 35px; color: #000; margin: 0; margin-bottom: 20px;}
.shopping .add_info p{font-size: 18px; line-height: 25px; color: #000; font-weight: 600; margin-bottom: 15px;}
.shopping .add_info p span{font-weight: 400; margin-left: 10px;}
.shopping .staff{border: 1px solid rgba(137,137,137,0.6); -webkit-box-sizing: border-box; box-sizing: border-box; border-radius: 8px; margin-top: 35px;}
.shopping .tabs_links ul{display: -webkit-box;display: -ms-flexbox;display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between;}
.shopping .tabs_links ul li{display: block; cursor: pointer; text-align: center; padding: 18px 10px; border-bottom: 1px solid rgba(137,137,137,0.6); -webkit-box-sizing: border-box; box-sizing: border-box;}
.shopping .tabs_links ul li + li{border-left: 1px solid rgba(137,137,137,0.6);}
.shopping .tabs_links ul li span{font-size: 18px; line-height: 25px; color: #000;}
.shopping .tabs_links ul li.active span{font-weight: 500;}
.shopping .tabs_links ul li.active{background-color: #fedc19;}
.shopping .tabs_links ul li:first-child{border-radius: 8px 0 0 0;}
.shopping .tabs_links ul li:last-child{border-radius: 0 8px 0 0;}
.shopping .tabs_links ul li.no_act span{color: #b3b3b3;}
.shopping .staff_block h4{position: relative; -webkit-transition: 0.5s all ease; -o-transition: 0.5s all ease; transition: 0.5s all ease; display: inline-block; vertical-align: middle; font-size: 16px; line-height: 22px; color: #000; font-weight: 600; max-width: 1300px;}
.shopping .staff_block h4::after{content: ""; position: relative; display: inline-block; vertical-align: middle; background: url(../img/sel_arrow.svg) no-repeat center center; background-size: contain; width: 8px; height: 7px; margin-left: 5px;}
.shopping .staff_block .items:last-child h4::after{display: none;}
.shopping .staff_block{padding: 25px 0 35px;}
.shopping .staff_block p + p{margin-top: 25px;}
.shopping .staff_block p a{color: #222222; position: relative;}
.shopping .staff_block .items{padding: 0 15px; position: relative;}
.shopping .staff_block .row{margin: 0 -15px; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center;}
.shopping .staff_block .items:nth-child(2){width: 30%;}
.shopping .staff_block .items:nth-child(3){width: 20%;}
.shopping .staff_block .items:nth-child(4){width: 20%;}
.shopping .staff_block .items:last-child ul li a{padding: 7px 24px 8px 7px; -webkit-box-sizing: border-box; box-sizing: border-box; font-size: 12px; line-height: 17px; color: #000; border: 1px solid rgba(137,137,137,0.6); border-radius: 6px; display: inline-block; vertical-align: middle;}
.shopping .staff_block .items:last-child ul li a img{position: relative; display: inline-block; vertical-align: middle; width: auto; height: auto; margin-right: 4px;}
.shopping .staff_block .items:last-child ul li + li{margin-top: 20px;}
.shopping .staff_block .items:last-child ul li.no{opacity: 0.54;}
.shopping .staff_block .items:last-child ul li{position: relative; display: inline-block; vertical-align: middle; -webkit-transition: 0.5s all ease; -o-transition: 0.5s all ease; transition: 0.5s all ease; z-index: 800;}
.shopping .staff_block .items:last-child ul li.no span{position: absolute; background-color: #fff; padding: 5px 8px; border-radius: 8px; -webkit-box-shadow: 0 0 10px rgba(0,0,0,0.25); box-shadow: 0 0 10px rgba(0,0,0,0.25); display: none; left: -105px; top: 50%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%);font-size: 12px; line-height: 17px; color: #000;}
.shopping .staff_block .items:last-child ul li.no span::after{content: ""; position: absolute; display: block; background: url(../img/rooms/6.svg) no-repeat center center; background-size: contain; width: 10px; height: 7px; right: -7px; top: 10px; -webkit-transform: rotate(-90deg); -ms-transform: rotate(-90deg); transform: rotate(-90deg);}
.shopping .staff_block .items:last-child ul li.no:hover span{display: block;}
.shopping .staff_block .items:last-child ul li.no::after{content: ""; position: absolute; display: block; width: 100%; height: 100%; background-color: transparent; top: 0; left: auto;}
.shopping .staff_block .items:last-child ul li > div{position: relative; display: inline-block; -webkit-transition: 0.5s all ease; -o-transition: 0.5s all ease; transition: 0.5s all ease; vertical-align: middle; text-align: center; cursor: pointer; border: 1px solid rgba(137,137,137,0.6); border-radius: 6px; width: 32px; height: 32px; -webkit-box-sizing: border-box; box-sizing: border-box;}
.shopping .staff_block .items:last-child ul li > div img{position: relative; display: inline-block; vertical-align: middle; width: auto; height: auto;}
.shopping .staff_block .items:last-child ul li.no_act > div{border: 1px solid #fedc19; background-color: #fedc19;}
.shopping .staff_block .items:last-child ul li.no_act > div span{position: absolute; background-color: #fff; width: 130px; padding: 5px 8px; border-radius: 8px; -webkit-box-shadow: 0 0 11px rgba(0,0,0,0.25); box-shadow: 0 0 11px rgba(0,0,0,0.25); display: none; right: 0; z-index: 300; top: -40px; font-size: 12px; line-height: 17px; color: #000;}
.shopping .staff_block .items:last-child ul li.no_act > div span::after{content: ""; position: absolute; display: block; background: url(../img/rooms/6.svg) no-repeat center center; background-size: contain; width: 10px; height: 7px; right: 11px; bottom: -6px;}
.shopping .staff_block .items:last-child ul li.no_act > div:hover span{display: block;}
.shopping .btn a{text-align: center; font-size: 16px; line-height: 22px; font-weight: 500; color: #000;}
.shopping .btn{width: 266px; background-color: #fedc19; padding: 13px 41px; border-radius: 8px; margin: 20px auto 0; font-weight: 500;}
.shopping .tabs_items .item.active{display: block;}
.shopping .tabs_items .item{display: none;}
.shopping .staff_block .items.item_1:nth-child(2){width: 16%;}
.shopping .staff_block .items.item_1:nth-child(1){width: 22%;}
.shopping .staff_block .items.item_1:nth-child(3){width: 16%;}
.shopping .staff_block .items.item_1:nth-child(4){width: 16%;}
.shopping .staff_block .items.item_1 p a{font-size: 16px; line-height: 22px; border-bottom: 1px dashed #000000;}
.shopping .staff_block .items.item_1 p{font-size: 16px; line-height: 22px;}
.shopping .staff_block .items.item_1:last-child h4::after{display: inline-block;}
.shopping .staff_block .items.item_1 .green{width: 13px; height: 13px; border-radius: 50%; display: inline-block; vertical-align: middle;}
.shopping .staff_block .items.item_1 .red{width: 13px; height: 13px; border-radius: 50%; display: inline-block; vertical-align: middle;}
.shopping .object_choco .title span{width: 13px; height: 13px; margin-left: 6px; line-height: 42px; border-radius: 50%;}
.shopping .post a{padding: 17px 20px 16px 27px; display: inline-block; vertical-align: top; -webkit-box-sizing: border-box; box-sizing: border-box; background-color: #fedc19; border-radius: 8px; margin-top: 7px; font-size: 18px; line-height: 25px; color: #000; font-weight: 700;}
.shopping .staff_block p i{width: 13px; display: inline-block; vertical-align: middle; height: 13px; border-radius: 50%; margin-right: 4px;}
.shopping .post_no a{background-color: #d3d3d3;}
.shopping .post_no{-webkit-transition: 0.5s all ease;-o-transition: 0.5s all ease;transition: 0.5s all ease;}
.shopping .post_no span{position: absolute; display: none; padding: 8px 15px; -webkit-box-sizing: border-box; box-sizing: border-box; right: -195px; top: 57%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%);  border-radius: 8px; background-color: #fff; -webkit-box-shadow: 0 0 10px rgba(0,0,0,0.25); box-shadow: 0 0 10px rgba(0,0,0,0.25); font-size: 16px; line-height: 22px; color: #000;}
.shopping .post_no span::before{content: ""; position: absolute; display: block; background: url(../img/rooms/6.svg) no-repeat center center; background-size: contain; width: 10px; height: 8px; left: -7px; top: 50%; -webkit-transform: rotate(90deg); -ms-transform: rotate(90deg); transform: rotate(90deg); margin-top: -4px;}
.shopping .post_no:hover span{display: block;}
.shopping .staff_block .items.items_1:nth-child(2){width: 25%;}
.shopping .tabs_links ul li.no_act.active span{color: #000;}
.shopping .shopping_hide > div + div{margin-top: 23px;}
.shopping .staff_block h4.active::after{-webkit-transform: rotate(180deg);-ms-transform: rotate(180deg);transform: rotate(180deg);}
/*end shopping*/

/*my_object*/
.my_object{padding: 30px 0; padding-left: 76px; margin-top: 10px; -webkit-box-sizing: border-box; box-sizing: border-box; background-color: #e9f0f6;}
.my_object .my_block{padding: 50px; -webkit-box-sizing: border-box; box-sizing: border-box; background-color: #fff; border-radius: 8px;}
.my_object .my_block .actions{position: absolute; width: 228px; padding: 10px 20px 10px 10px; top: 50px; right: 50px; background-color: #fff; border-radius: 8px; -webkit-box-sizing: border-box; box-sizing: border-box; border: 1px solid rgba(137,137,137,0.6); z-index: 300;}
.my_object .my_block p{font-size: 14px; cursor: pointer; -webkit-transition: 0.5s all ease; -o-transition: 0.5s all ease; transition: 0.5s all ease; line-height: 20px; color: #000; position: relative;}
.my_object .actions .actions_block{margin-top: 15px;}
.my_object .actions p::after{content: ""; position: absolute; display: block; background: url(../img/sel_arrow.svg) no-repeat center center; background-size: contain; width: 7px; height: 6px; top: 7px; right: -11px;}
.my_object .actions p.active::after{-webkit-transform: rotate(180deg);-ms-transform: rotate(180deg);transform: rotate(180deg); top: 5px;}
.my_object .actions a{font-size: 14px; color: #000; line-height: 20px; -webkit-box-sizing: border-box; box-sizing: border-box; display: inline-block; vertical-align: middle;}
.my_object .actions a + a{margin-top: 10px;}
.my_object .block_1{padding: 30px; position: relative; background-color: #fff; -webkit-box-sizing: border-box; box-sizing: border-box; -webkit-box-shadow: 0 0 8px rgba(0,0,0,0.25); box-shadow: 0 0 8px rgba(0,0,0,0.25); border-radius: 8px;}
.my_object .block_1 + .block_1{margin-top: 30px;}
.my_object h2{margin-bottom: 50px; text-align: left; font-size: 30px; line-height: 42px; color: #191919; font-weight: 600;}
.my_object .block_1 .image_block{width: 463px; height: 383px; margin-right: 35px;}
.my_object .block_1 .image_block a{border-radius: 8px;}
.my_object .block_1 .balance{position: absolute; padding: 10px; width: 251px; -webkit-box-sizing: border-box; box-sizing: border-box; background-color: #eb5757; border-radius: 0 8px 0 8px; text-align: center; top: 0; right: 0; font-size: 18px; line-height: 25px; font-weight: 600; color: #fff;}
.my_object .block_1 .balance span{font-weight: 400;}
.my_object .block_1 .title h3{margin-bottom: 10px; font-size: 24px; line-height: 34px; font-weight: 600;}
.my_object .block_1 .title p{font-size: 18px; line-height: 25px; color: #000;}
.my_object .block_1 .title{margin-bottom: 20px;}
.my_object .block_1 .title p span{font-weight: 600; margin-left: 5px;}
.my_object .block_1 .address p{-webkit-box-sizing: border-box;box-sizing: border-box; font-size: 18px; line-height: 25px; color: #000; position: relative;}
.my_object .block_1 .address p + p{margin-top: 10px;}
.my_object .block_1 .address{margin-bottom: 20px;}
.my_object .block_1 .address p:nth-child(1)::before{content: ""; position: relative; display: inline-block; vertical-align: middle; background: url(../img/my_object/1.svg) no-repeat center center; background-size: contain; width: 18px; height: 18px; margin-right: 3px;}
.my_object .block_1 .address p:nth-child(2)::before{content: ""; position: relative; vertical-align: middle; display: inline-block; background: url(../img/my_object/2.svg) no-repeat center center; background-size: contain; width: 18px; height: 18px; margin-right: 3px;}
.my_object .block_1 .free p{font-size: 18px; line-height: 25px; font-weight: 600; color: #000;}
.my_object .block_1 .free p b{color: #4cc203;}
.my_object .block_1 .bar{background-color: #eb5757; height: 13px; border-radius: 6px; width: 395px; cursor: pointer;}
.my_object .block_1 .bar > div{background-color: #4cc203; border-radius: 6px 0 0 6px;}
.my_object .block_1 .quantity{margin: 10px 0 20px;}
.my_object .block_1 .quantity p{font-size: 18px; margin-bottom: 10px; display: inline-block; vertical-align: middle; line-height: 25px; color: #000; font-weight: 600}
.my_object .block_1 .quantity p span i{font-style: normal; color: #4cc203; font-weight: 600;}
.my_object .block_1 .quantity p span em{font-style: normal; color: #eb5757; font-weight: 600;}
.my_object .block_1 .look p{font-size: 18px; line-height: 25px; color: #000; font-weight: 600;}
.my_object .block_1 .look p > span{font-weight: 400;}
.my_object .block_1 .look p > span > a{color: #000; border-bottom: 1px dashed #000;}
.my_object .block_1 .my_btn a{padding: 16px 67px 18px; margin-top: 27px; border-radius: 8px; background-color: #fedc19; display: inline-block; vertical-align: top; text-align: center; font-size: 18px; line-height: 25px; color: #191919; font-weight: 600;}
/*my_object*/

/*final*/
.final{padding: 30px 0; height: 100vh; padding-left: 76px; margin-top: 10px; -webkit-box-sizing: border-box; box-sizing: border-box; background-color: #e9f0f6;}
.final .final_block{padding: 30px 36px; -webkit-box-sizing: border-box; box-sizing: border-box; background-color: #fff; border-radius: 8px;}
.final .search_block{width: 35.7%;}
.final .search_object label{display: block; font-size: 14px; line-height: 20px; color: #000; margin-bottom: 10px; font-weight: 500;}
.final .search_block input{width: 100%; padding: 10px 10px 10px 40px; font-size: 14px; line-height: 20px; color: #333333; border: 1px solid rgba(137,137,137,0.6); border-radius: 8px; -webkit-box-sizing: border-box; box-sizing: border-box;}
.final .search_block .search_input button{position: absolute; display: block; background: url(../img/search.svg) no-repeat center center; background-size: contain; width: 16px; height: 16px; top: 50%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); left: 13px;}
.final .search_area{width: 28.6%;}
.final .search_area input{width: 100%; padding: 10px 12px; font-size: 14px; line-height: 20px; color: #000; font-weight: 500; border: 1px solid rgba(137,137,137,0.6); border-radius: 8px; -webkit-box-sizing: border-box; box-sizing: border-box;}
.final .search_pay{width: 28.6%;}
.final .search_pay input{width: 100%; padding: 10px 12px; font-size: 14px; line-height: 20px; color: #000; font-weight: 500; border: 1px solid rgba(137,137,137,0.6); border-radius: 8px; -webkit-box-sizing: border-box; box-sizing: border-box;}
.final .search_object{margin-bottom: 20px;}
.final .status_search{width: 35.7%;}
.final .status_choice{border: 1px solid rgba(137,137,137,0.6); -webkit-box-sizing: border-box; box-sizing: border-box; border-radius: 8px;}
.final .status_block p{display: block; font-size: 14px; line-height: 20px; color: #000; margin-bottom: 10px; font-weight: 500}
.final .status_search label{position: relative; display: block; cursor: pointer; text-align: center;}
.final .status_search label span{position: relative; padding: 10px; display: inline-block; vertical-align: top; font-size: 14px; line-height: 20px; color: #000;}
.final .status_search label b{display: block; position: absolute; left: 0; top: 0; width: 100%; height: 100%;}
.final .status_search label input[type="radio"]{display: none;}
.final .status_search label input[type="radio"]:checked + b{background-color: #fedc19;}
.final .status_choice > div:first-child label b{border-radius: 8px 0 0 8px;}
.final .status_choice > div:last-child label b{border-radius: 0 8px 8px 0;}
.final .status_choice > div + div{border-left: 1px solid rgba(137,137,137,0.6); -webkit-box-sizing: border-box; box-sizing: border-box;}
.final .status_object{width: 60.4%;}
.final .status_type{border: 1px solid rgba(137,137,137,0.6); -webkit-box-sizing: border-box; box-sizing: border-box; border-radius: 8px;}
.final .status_object label{position: relative; display: block; cursor: pointer; text-align: center;}
.final .status_object label span{position: relative; padding: 10px; display: inline-block; vertical-align: top; font-size: 14px; line-height: 20px; color: #000; -webkit-box-sizing: border-box; box-sizing: border-box;}
.final .status_object label b{display: block; position: absolute; left: 0; top: 0; width: 100%; height: 100%;}
.final .status_object label input[type="checkbox"]{display: none;}
.final .status_object label input[type="checkbox"]:checked + b{background-color: #fedc19;}
.final .status_object label span + span{border-left: 1px solid rgba(137,137,137,0.6);}
.final .status_type > div:first-child label b{border-radius: 8px 0 0 8px;}
.final .status_type > div:last-child label b{border-radius: 0 8px 8px 0;}
.final .status_type > div + div{border-left: 1px solid rgba(137,137,137,0.6); -webkit-box-sizing: border-box; box-sizing: border-box;}
.final .status_type > div:nth-child(2){width: 22%;}
.final .status_type > div:nth-child(4){width: 22%;}
.final .status_type > div:nth-child(5){width: 16%;}
.final .name_object{padding: 20px 20px 27px; margin-top: 30px; border: 1px solid rgba(137,137,137,0.6); border-radius: 8px; -webkit-box-sizing: border-box; box-sizing: border-box;}
.final .name_object h4{font-size: 16px; position: relative; -webkit-transition: 0.5s all ease; -o-transition: 0.5s all ease; transition: 0.5s all ease; line-height: 22px; color: #000; font-weight: 600; margin-bottom: 18px;}
.final .name_object ul > li > a{font-size: 16px; line-height: 22px; color: #000; border-bottom: 1px dashed #000;}
.final .name_object ul > li + li{margin-top: 19px;}
.final .name_object ul > li > p{font-size: 16px; line-height: 22px; color: #000; display: inline-block; vertical-align: middle;}
.final .name_object .item:nth-child(1){width: 23%;}
.final .name_object .item:nth-child(2){width: 15%;}
.final .name_object .item:nth-child(3){width: 15%;}
.final .name_object .item:nth-child(4){width: 15%;}
.final .name_object .item:nth-child(5){width: 15%;}
.final .name_object .item:nth-child(6){width: 15%;}
.final .name_object ul > li > p > span{width: 13px; height: 13px; border-radius: 50%; display: inline-block; vertical-align: middle; -webkit-transform: translateY(-3px); -ms-transform: translateY(-3px); transform: translateY(-3px); margin-right: 3px;}
.final_2 .status_choice{width: 61%;}
.final_2 .status_search{width: 100%;}
.final_2 h2{text-align: left; font-size: 22px; line-height: 25px; color: #000; font-weight: 700; margin-bottom: 35px;}
.final_2 .name_object .item:nth-child(1){width: 25%;}
.final_2 .name_object .item:nth-child(2){width: 30%;}
.final_2 .name_object .item:nth-child(3){width: 20%;}
.final_2 .name_object .item:nth-child(4){width: 25%;}
.final_2 .name_object ul > li > p > a{color: #000; border-bottom: 1px dashed #000;}
.final_2 .status_search label span{padding: 13px;}
.final_3 .name_object .item:nth-child(2){width: 25%;}
.final_3 h2{text-align: left; font-size: 22px; line-height: 25px; color: #000; font-weight: 700; margin-bottom: 35px;}
.final_3 .status_search{width: 100%;}
.final_3 .status_choice div:nth-child(1){width: 10%;}
.final_3 .status_choice div:nth-child(2){width: 26%;}
.final_3 .status_choice div:nth-child(3){width: 18%;}
.final_3 .status_choice div:nth-child(4){width: 13%;}
.final_3 .status_choice div:nth-child(5){width: 23%;}
.final_3 .status_choice div:nth-child(6){width: 10%;}
.final_3 .status_search label span{padding: 13px;}
.final_3 .status_info{width: 100%;}
.final_3 .type_block{border: 1px solid rgba(137,137,137,0.6); border-radius: 8px; box-sizing: border-box;}
.final_3 .type_block label{position: relative; display: block; cursor: pointer; text-align: center;}
.final_3 .type_block label span{position: relative; padding: 13px; display: inline-block; vertical-align: top; font-size: 14px; line-height: 20px; color: #000;}
.final_3 .type_block label b{display: block; position: absolute; left: 0; top: 0; width: 100%; height: 100%;}
.final_3 .type_block label input[type="radio"]{display: none;}
.final_3 .type_block label input[type="radio"]:checked + b{background-color: #fedc19;}
.final_3 .type_block > div + div{border-left: 1px solid rgba(137,137,137,0.6); box-sizing: border-box;}
.final_3 .type_block > div:first-child label b{border-radius: 8px 0 0 8px;}
.final_3 .type_block > div:last-child label b{border-radius: 0 8px 8px 0;}
.final_3 .status_info{margin-bottom: 25px;}
.final_3 .balance input{width: 100%; padding: 11px 26px 11px 38px; font-size: 16px; line-height: 22px; color: #000; font-weight: 500; border: 1px solid rgba(137,137,137,0.6); border-radius: 8px; -webkit-box-sizing: border-box; box-sizing: border-box;}
.final_3 .tabs_links  ul li{display: inline-block; vertical-align: middle;}
.final_3 .tabs_links  ul li.active span{font-weight: 500; color: #000; margin: 0; border-bottom: 1px dashed #000; box-sizing: border-box;}
.final_3 .tabs_links ul li span{font-size: 16px; line-height: 22px; color: #898989; border-bottom: 1px dashed #898989; box-sizing: border-box; display: block;}
.final_3 .balance .tabs_links{position: relative; margin-bottom: 5px; cursor: pointer;}
.final_3 .balance .tabs_links .balance_hover{position: absolute; top: -80px; left: 50%; transform: translateX(-50%); padding: 12px 28px 12px 12px; box-sizing: border-box; width: 220px; border-radius: 8px; background-color: #fff; box-shadow: 0px 0px 18px rgba(0, 0, 0, 0.15);}
.final_3 .balance .tabs_links .balance_hover p{font-size: 14px; line-height: 20px; color: #000; border-bottom: none;}
.final_3 .balance .tabs_links .balance_hover::after{content: ""; position: absolute; background: url(../img/view_arrow.svg) no-repeat center center; width: 9px; height: 9px; bottom: -8px; left: 30px; transform: rotate(-90deg);}
.final_3 .balance .block span{position: absolute; left: 12px; top: 50%; transform: translateY(-50%); display: block; font-size: 16px; line-height: 22px; color: #000; font-weight: 500;}
.final_3 .balance .tabs_links .balance_hover .cross{position: absolute; background: url(../img/cross.svg) no-repeat center center; background-size: contain; width: 10px; height: 10px; top: 8px; right: 8px; cursor: pointer;}
.final_3 .tabs_items .item{display: none;}
.final_3 .tabs_items .item.active{display: block;}
.final_3 .action input{width: 100%; padding: 11px 26px 11px 38px; font-size: 16px; line-height: 22px; color: #000; font-weight: 500; border: 1px solid rgba(137,137,137,0.6); border-radius: 8px; -webkit-box-sizing: border-box; box-sizing: border-box;}
.final_3 .action input::placeholder{color: #000;}
.final_3 .action .block span{position: absolute; left: 12px; top: 50%; transform: translateY(-50%); display: block; font-size: 16px; line-height: 22px; color: #000; font-weight: 500;}
.final_3 .action .block .cross{position: absolute; background: url(../img/cross.svg) no-repeat center center; background-size: contain; width: 14px; height: 14px; top: 50%; margin-top: -7px; right: 12px; cursor: pointer;}
.final_3 .status_block p{font-size: 16px; line-height: 22px; color: #000; font-weight: 500;}
.final_3 .name_object .item:nth-child(4){width: 20%;}
.final_3 .actions{width: 228px; margin-bottom: 20px; padding: 10px 20px 10px 10px; background-color: #fff; border-radius: 8px; box-sizing: border-box; border: 1px solid rgba(137,137,137,0.6);}
.final_3 .actions p{font-size: 14px; cursor: pointer; -webkit-transition: 0.5s all ease; -o-transition: 0.5s all ease; transition: 0.5s all ease; line-height: 20px; color: #000; position: relative;}
.final_3 .actions a{font-size: 14px; line-height: 20px; -webkit-box-sizing: border-box; box-sizing: border-box; display: inline-block; vertical-align: middle;}
.final_3 .actions a.link_1{color: #27ae60;}
.final_3 .actions a.link_2{color: #000;}
.final_3 .actions a.link_3{color: #eb5757;}
.final_3 .actions a img{position: relative; display: inline-block; vertical-align: top; width: auto; height: auto;}
.final_3 .actions a + a{margin-top: 10px;}
.final_3 .actions .actions_block{margin-top: 15px;}
.final_3 .actions p::after{content: ""; position: absolute; display: block; background: url(../img/sel_arrow.svg) no-repeat center center; background-size: contain; width: 7px; height: 6px; top: 7px; right: -11px;}
.final_3 .actions p.active::after{-webkit-transform: rotate(180deg);-ms-transform: rotate(180deg);transform: rotate(180deg); top: 5px;}
.final_3 .name_object table{width: 100%;}
.final_3 .name_object table tr th{font-size: 16px; padding-bottom: 16px; box-sizing: border-box; line-height: 22px; font-weight: 600; color: #000;}
.final_3 .name_object table tr th:first-child{text-align: left;}
.final_3 .name_object table tr th:nth-child(2){text-align: left;}
.final_3 .name_object table tr td{font-size: 16px; text-align: center; padding-top: 16px; padding-bottom: 16px; box-sizing: border-box; line-height: 22px; color: #000;}
.final_3 .name_object table tr td p{color: #898989; margin-top: 5px;}
.final_3 .name_object table tr td:first-child{text-align: left;}
.final_3 .name_object table tr td:nth-child(2){text-align: left;}
.final_3 .name_object table tr td i{font-style: normal; cursor: pointer; border-bottom: 1px dashed #000; color: #000; transition: 0.5s all ease;}
.final_3 .name_object table tr td i:hover{border-bottom: none;}
.final_3 .name_object table tr td a{border-bottom: 1px dashed #000; color: #000; transition: 0.5s all ease;}
.final_3 .name_object table tr td a:hover{border-bottom: none;}
.final_3 .name_object table tr td span{width: 13px; height: 13px; border-radius: 50%; margin-right: 4px; display: inline-block; vertical-align: middle;}
/*end final*/

/*choice_template*/
.choice_template{position: relative; padding: 30px 0; padding-left: 76px; height: 100vh; margin-top: 10px; -webkit-box-sizing: border-box; box-sizing: border-box; background-color: #e9f0f6;}
.choice_template .template_block{padding: 35px; -webkit-box-sizing: border-box; box-sizing: border-box; background-color: #fff; border-radius: 8px;}
.choice_template .actions{width: 228px; padding: 10px 20px 10px 10px; background-color: #fff; border-radius: 8px; box-sizing: border-box; border: 1px solid rgba(137,137,137,0.6);}
.choice_template .actions .actions_block{margin-top: 15px;}
.choice_template .actions a{font-size: 14px; line-height: 20px; box-sizing: border-box; display: block; color: #000;}
.choice_template .actions a + a{margin-top: 10px;}
.choice_template .actions p{font-size: 14px; cursor: pointer; transition: 0.5s all ease; line-height: 20px; color: #000; position: relative;}
.choice_template .actions p::after{content: ""; position: absolute; background: url(../img/sel_arrow.svg) no-repeat center center; background-size: contain; width: 7px; height: 6px; top: 7px; right: -11px;}
.choice_template .actions p.active::after{transform: rotate(180deg); top: 5px;}
.choice_template .left h2{font-size: 22px; text-align: left; line-height: 31px; color: #000; font-weight: 700; margin-bottom: 35px;}
.choice_template .left_block ul li{margin-bottom: 20px; padding-right: 20px; float: left; width: 50%; box-sizing: border-box;}
.choice_template .left_block ul li > div{border: 1px solid #898989; position: relative; box-sizing: border-box; border-radius: 8px; padding: 16px; min-height: 120px;}
.choice_template .left_block ul{margin-right: -20px; margin-bottom: -20px;}
.choice_template .left_block ul li p{font-size: 16px; line-height: 22px; color: #000; font-weight: 500; margin-bottom: 24px; max-width: 146px;}
.choice_template .left_block ul li span{font-size: 14px; line-height: 20px; display: block; color: #898989;}
.choice_template .left{width: 55%;}
.choice_template .inner_content .right{position: absolute; right: 0; top: 0;}
.choice_template .left_block ul li.last p{max-width: 100%;}
.choice_template .left_block ul li.last > div{border: 1px dashed #898989; display: flex; flex-direction: column; justify-content: center; align-items: center; cursor: pointer;}
.choice_template .left_block ul li.last p{margin-bottom: 0;}
.choice_template .left_block ul li > div .cross{position: absolute; top: 16px; right: 16px; background: url(../img/cross.svg) no-repeat center center; background-size: contain; width: 12px; height: 12px; cursor: pointer;}
/*end choice_template*/

/*step_contract*/
.step_contract{padding: 30px 0; padding-left: 76px; height: 100vh; margin-top: 10px; -webkit-box-sizing: border-box; box-sizing: border-box; background-color: #e9f0f6;}
.step_contract .contract_block{padding: 35px; -webkit-box-sizing: border-box; box-sizing: border-box; background-color: #fff; border-radius: 8px;}
.step_contract .title h2{font-size: 22px; line-height: 31px; color: #000; font-weight: 700; margin-bottom: 8px; text-align: left;}
.step_contract .title p{font-size: 18px; line-height: 25px; color: #000;}
.step_contract .title{margin-bottom: 38px;}
.step_contract .right_content{padding: 18px 18px 75px 43px; box-sizing: border-box; background-color: #f4f5f5; position: relative;}
.step_contract .right_content img{display: block; position: relative; width: auto; height: auto;}
.step_contract .right_content{width: 31%; min-height: 506px; margin-top: 125px;}
.step_contract .right_content p{font-size: 18px; line-height: 25px; color: #000;}
.step_contract .right_content .bot_text{position: absolute; left: 50%; bottom: 35px; transform: translateX(-50%); width: 100%; padding: 0 45px; box-sizing: border-box;}
.step_contract .right_content p + p{margin-top: 10px;}
.step_contract .right_content .text{margin-top: 50px;}
.step_contract .right_content .bot_text img{margin: 0 auto;}
.step_contract .left_content label{position: relative; display: block; cursor: pointer; padding-left: 30px;}
.step_contract .left_content label span{position: relative; display: inline-block; vertical-align: top; font-size: 18px; line-height: 25px;}
.step_contract .left_content label b{position: absolute; display: block; left: 0; top: 50%; width: 18px; height: 18px; border: 1px solid #898989; border-radius: 1px; box-sizing: border-box; transform: translateY(-50%);}
.step_contract .left_content label input[type="checkbox"]{display: none;}
.step_contract .left_content label input[type="checkbox"]:checked + b::after{content: ""; position: absolute; display: block; background: url(../img/company/4.svg) no-repeat center center; width: 11px; height: 9px; top: 50%; left: 50%; transform: translate(-50%,-50%);}
.step_contract .left_content{width: 46%;}
.step_contract .left_content > div + div + div{margin-top: 20px;}
.step_contract .left_content .sel_choice > div + div{width: 94%; padding-right: 26px; box-sizing: border-box;}
.step_contract .step_add{padding-left: 30px; box-sizing: border-box;}
.step_contract .step_add p{position: relative; font-size: 18px; line-height: 25px; color: #191919; cursor: pointer; transition: 0.5s all ease;}
.step_contract .add_hide{display: none; padding: 10px 0;}
.step_contract .step_add p::after{content: ""; position: relative; display: inline-block; vertical-align: middle; background: url(../img/sel_arrow.svg) no-repeat; width: 7px; height: 6px; background-size: contain; top: 50%; right: 0; margin-top: -3px; margin-left: 3px;}
.step_contract .step_add p.active::after{transform: rotate(180deg);}
.step_contract .add_hide span{display: block; font-size: 18px; line-height: 25px; color: #191919; cursor: pointer;}
.step_contract .add_hide span + span{margin-top: 10px;}
.step_contract .step_next{padding: 16px 39px; box-sizing: border-box; font-size: 12px; text-transform: uppercase; font-weight: 700; text-align: center; letter-spacing: 0.02em; color: #000; line-height: 17px; background-color: #fedc19; cursor: pointer; border-radius: 8px; width: 206px;}
.step_contract .progressbar .bar{height: 1px; width: 336px; background-color: #c4c4c4;}
.step_contract .progressbar .bar .line{background-color: #fedc19;}
.step_contract .progressbar .bar .point{position: absolute; width: 16px; height: 16px; border-radius: 50%; top: 50%; left: 0; background-color: #c4c4c4; margin-top: -8px; z-index: 2;}
.step_contract .progressbar .bar .point_1{background-color: #fedc19;}
.step_contract .progressbar .bar .point_2{left: 33%;}
.step_contract .progressbar .bar .point_3{left: 69%;}
.step_contract .progressbar .bar .point_4{left: 100%;}
.step_contract .step_input input{width: 100%; border-radius: 8px; border: 1px solid rgba(137,137,137,0.6); box-sizing: border-box; padding: 16px 20px; font-size: 18px; line-height: 25px; color: #191919;}
.step_contract .step_sel em{position: absolute; display: block; right: 0; top: 50%; transform: translateY(-50%); z-index: 5;}
.step_contract .step_sel em img{position: relative; display: block; width: 18px; height: 18px;}
.step_contract .step_sel em i{position: absolute; width: 222px; right: -240px; display: none; padding: 10px; box-sizing: border-box; top: 50%; transform: translateY(-50%); font-style: normal; border-radius: 8px; background-color: #fff; box-shadow: 0 0 18px rgba(0,0,0,0.25); font-size: 14px; line-height: 20px; z-index: 300;}
.step_contract .step_sel em:hover i{display: block;}
.step_contract .step_sel em i::after{content: ""; position: absolute; display: block; background: url(../img/company/5.svg) no-repeat; width: 15px; height: 17px; background-size: contain; top: 50%; left: -15px; transform: translateY(-50%);}
.step_contract .step_input em{position: absolute; display: block; right: 0; top: 50%; transform: translateY(-50%); z-index: 5;}
.step_contract .step_input em img{position: relative; display: block; width: 18px; height: 18px;}
.step_contract .step_input em i{position: absolute; width: 222px; right: -240px; display: none; padding: 10px; box-sizing: border-box; top: 50%; transform: translateY(-50%); font-style: normal; border-radius: 8px; background-color: #fff; box-shadow: 0 0 18px rgba(0,0,0,0.25); font-size: 14px; line-height: 20px; z-index: 300;}
.step_contract .step_input em:hover i{display: block;}
.step_contract .step_input em i::after{content: ""; position: absolute; display: block; background: url(../img/company/5.svg) no-repeat; width: 15px; height: 17px; background-size: contain; top: 50%; left: -14px; transform: translateY(-50%);}
.step_contract .step_btn{margin-bottom: 88px; margin-left: 30px; max-width: 450px;}
.step_contract .step_prev{padding: 16px 36px; box-sizing: border-box; font-size: 12px; border: 1px solid #898989; text-transform: uppercase; font-weight: 500; text-align: center; letter-spacing: 0.02em; color: #000; line-height: 17px; background-color: #fff; cursor: pointer; border-radius: 8px; width: 213px;}
.step_contract .step_data{width: 31% !important;}
.step_contract .left_content textarea{margin-left: 30px; padding: 17px 15px 15px 20px; box-sizing: border-box; width: 89%; height: 147px; border-radius: 8px; border: 1px solid rgba(137,137,137,0.6); font-size: 18px; line-height: 25px; color: #191919;}
.step_contract .content_2{width: auto;}
.step_contract .content_2 .text{width: auto !important; padding-right: 0 !important;}
.step_contract .content_2 .sel_choice .fleft{margin-right: 13px; width: 18px;}
.step_contract .content_2 .sel_choice .step_data{margin-left: 10px;}
.step_contract .content_3 .step_data{width: 21% !important; margin-left: 10px;}
.step_contract .content_3{width: 66%;}
.step_contract .block_5 .inner_content{max-width: 809px; margin: 0 auto; background-color: #fff; border-radius: 8px; padding: 62px 145px; box-sizing: border-box; text-align: center; display: flex; flex-direction: column; justify-content: center; height: 100vh;}
.step_contract .block_5 .inner_content p{font-size: 24px; line-height: 38px; color: #000;}
.step_contract .block_5 .inner_content input{width: 100%; padding: 24px 24px 23px; text-align: center; box-sizing: border-box; font-size: 18px; line-height: 25px; color: #707070; border: 1px solid rgba(137,137,137,0.6); border-radius: 8px; margin: 30px 0 25px;}
.step_contract .block_5 .inner_content input:focus{text-align: left;}
.step_contract .block_5 .inner_content button{width: 100%; padding: 23px; background-color: #fedc19; border-radius: 8px; text-align: center; font-size: 20px; line-height: 28px; font-weight: 600; color: #191919; box-sizing: border-box;}
.step_contract .add_room{display: inline-block; vertical-align: top; cursor: pointer; position: relative; height: 25px; color: #000; box-sizing: border-box;}
.step_contract .add_room input[type="file"]{display: block; position: absolute; width: 100%; height: 0; overflow: hidden; padding-top: 25px; cursor: pointer; left: 0; top: 0; z-index: 10;}
.step_contract .add_room::after{content: ""; position: absolute; display: block; background: url(../img/line.png); background-repeat: repeat-x; width: 90%; bottom: 0; right: 0; height: 1px;}
.step_contract .add_room::before{content: ""; position: relative; width: 15px; height: 15px; display: inline-block; vertical-align: middle; margin-right: 10px; background: url(../img/registration/8.svg) no-repeat;}
.step_2.step_contract .step_add{padding-left: 0;}
.step_contract.step_2 .step_btn{margin-left: 0;}
.step_contract.step_2{height: auto;}
.step_contract.step_2 .right_content{margin-top: 90px;}
.step_contract.step_2 .step_choice em{right: -30px; cursor: pointer;}
.step_contract.step_2 .left_content label{padding-left: 0;}
.step_contract.step_2 .left_content textarea{margin-left: 0; width: 100%;}
.step_contract .add_project{display: inline-block; vertical-align: top; cursor: pointer; position: relative; height: 25px; color: #000; box-sizing: border-box;}
.step_contract .add_project input[type="file"]{display: block; position: absolute; width: 100%; height: 0; overflow: hidden; padding-top: 25px; cursor: pointer; left: 0; top: 0; z-index: 10;}
.step_contract .add_project::after{content: ""; position: absolute; display: block; background: url(../img/line.png); background-repeat: repeat-x; width: 90%; bottom: 0; right: 0; height: 1px;}
.step_contract .add_project::before{content: ""; position: relative; width: 15px; height: 15px; display: inline-block; vertical-align: middle; margin-right: 10px; background: url(../img/registration/8.svg) no-repeat;}
.step_2.step_contract .question_text{position: relative; font-weight: 600; border-bottom: 1px dashed #000;}
.step_2.step_contract .question::after{content: ""; position: absolute; display: block; background: url(../img/sel_arrow.svg) no-repeat; width: 8px; height: 7px; background-size: contain; right: 0; top: 50%; margin-top: -4px;}
.step_2.step_contract .step_data{width: 59% !important; text-align: center;}
.step_2.step_contract .data_2{width: 31% !important;}
.step_2.step_contract .left_content .sel_choice > div + div{padding-right: 0;}
.step_2.step_contract .answer_text > div{margin-top: 20px;}
.step_2.step_contract .question_answer + .question_answer{margin-top: 55px;}
.step_2.step_contract .accordeon{margin-bottom: 55px;}
.step_2.step_contract .question.active::after{transform: rotate(180deg); }
.step_2.step_contract .question{cursor: pointer;}
.step_2{padding-bottom: 100px;}
.step_2.step_contract button{padding: 17px 39px; box-sizing: border-box; font-size: 12px; text-transform: uppercase; font-weight: 700; text-align: center; letter-spacing: 0.02em; color: #000; line-height: 17px; background-color: #fedc19; cursor: pointer; border-radius: 8px; width: 206px;}
/*end step_contract*/

/*finance*/
.finance{padding: 30px 0; padding-left: 76px; margin-top: 10px; -webkit-box-sizing: border-box; box-sizing: border-box; background-color: #e9f0f6;}
.finance .finance_block{padding: 35px; -webkit-box-sizing: border-box; box-sizing: border-box; background-color: #fff; border-radius: 8px;}
.finance .title h2{font-size: 22px; line-height: 31px; color: #000; font-weight: 700; text-align: left;}
.finance .title .info span{display: block; font-size: 14px; line-height: 20px; color: #898989; margin-bottom: 8px; font-weight: 500;}
.finance .title .info a{display: inline-block; vertical-align: top; border-radius: 4px; text-align: center; padding: 17px 22px; font-weight: 700; font-size: 12px; line-height: 17px; letter-spacing: 0.02em; text-transform: uppercase; color: #181818; border: 1px solid rgba(137,137,137,0.6); box-sizing: border-box;}
.finance .title{margin-bottom: 25px;}
.finance .period_content .data{width: 203px;}
.finance .period_content .pay{width: 272px;}
.finance .period_content .search{width: 460px;}
.finance .period p{margin-bottom: 10px; font-size: 16px; line-height: 22px; font-weight: 500; color: #000;}
.finance .period .selection{font-size: 16px; font-weight: 500; color: #000; height: 46px; line-height: 44px;}
.finance .period_content .search input{width: 100%; border: 1px solid rgba(137,137,137,0.6); border-radius: 8px; box-sizing: border-box; padding: 11px 10px 11px 44px; font-size: 16px; font-weight: 500; line-height: 22px; color: #898989;}
.finance .period_content .search input::placeholder{color: #898989;}
.finance .period_content .search button{position: absolute; display: block; background: url(../img/loop.svg) no-repeat; width: 24px; height: 24px; background-size: contain; top: 50%; margin-top: -12px; left: 12px;}
.finance .period_content{margin-bottom: 24px;}
.finance .finance_info table{width: 100%; text-align: left; padding: 20px 20px 27px; border: 1px solid rgba(137,137,137,0.6); border-radius: 8px; -webkit-box-sizing: border-box; box-sizing: border-box;}
.finance .finance_info table tr th{font-size: 16px; padding-bottom: 46px; box-sizing: border-box; line-height: 22px; font-weight: 600; color: #000;}
.finance .finance_info table tr td{font-weight: 400; width: auto; border-bottom: 1px solid rgba(137,137,137,0.6); box-sizing: border-box; padding-bottom: 29px; padding-top: 23px; font-size: 16px; line-height: 22px; color: #000000; vertical-align: middle;}
.finance .finance_info table tr td img{position: relative; display: inline-block; vertical-align: middle; width: auto; height: auto;}
.finance .finance_info table tr td.paid i{display: block; font-style: normal; background-color: #4cc203; text-align: center; border-radius: 8px; font-weight: 500; font-size: 14px; line-height: 28px; color: #fff; width: 95px; box-sizing: border-box; height: 28px;}
.finance .finance_info table tr td.overdue i{display: block; font-style: normal; background-color: #eb5757; text-align: center; border-radius: 8px; font-weight: 500; font-size: 14px; line-height: 28px; color: #fff; width: 95px; box-sizing: border-box; height: 28px;}
.finance .finance_info table tr td p{text-align: center;}
.finance .finance_info table tr td span{color: #eb5757; font-size: 14px; line-height: 20px; margin-top: 8px; display: block;}
.finance .finance_info table tr td.name a{color: #000; border-bottom: 1px dashed #000;}
.finance .finance_pic .finance_choice{position: absolute; display: none; width: 264px; right: 0; top: 44px; border-radius: 4px; box-shadow: 0 12px 24px rgba(0,0,0,0.08); z-index: 10;  }
.finance .finance_pic .finance_choice a{font-size: 16px; background-color: #fff; padding-top: 12px; padding-left: 56px; padding-bottom: 12px; line-height: 24px; color: #2b2b2c; font-weight: 500; display: block; box-sizing: border-box;}
.finance .finance_pic .finance_choice a:hover{background-color: #f4f5f5;}
.finance .finance_pic .finance_choice a.link_1::before{content: ""; position: absolute; display: block; background: url(../img/shopping/3.svg) no-repeat; background-size: contain; width: 24px; height: 24px; top: 50%; margin-top: -12px; left: 26px;}
.finance .finance_pic .finance_choice a.link_2::before{content: ""; position: absolute; display: block; background: url(../img/change.svg) no-repeat; background-size: contain; width: 24px; height: 24px; top: 50%; margin-top: -12px; left: 26px;}
.finance .finance_pic:hover .finance_choice{display: block;}
.finance .finance_info table tr:last-child td{border-bottom: none; padding-bottom: 0;}
/*end finance*/

/*inner_contract*/
.inner_contract{padding: 30px 0; padding-left: 76px; margin-top: 10px; -webkit-box-sizing: border-box; box-sizing: border-box; background-color: #e9f0f6;}
.inner_contract .contract_content{padding: 25px 50px 50px; -webkit-box-sizing: border-box; box-sizing: border-box; background-color: #fff; border-radius: 8px;}
.inner_contract .inner_block h2{font-size: 30px; line-height: 42px; color: #191919; font-weight: 600; margin-bottom: 30px; text-align: left;}
.inner_contract .tabs_links ul{border: 1px solid rgba(137,137,137,0.6); box-sizing: border-box; border-radius: 8px;}
.inner_contract .tabs_links ul li + li{border-left: 1px solid rgba(137,137,137,0.6); box-sizing: border-box;}
.inner_contract .tabs_links ul li span{padding: 13px 35px; cursor: pointer; text-align: center; display: block; box-sizing: border-box; font-size: 16px ; line-height: 22px; color: #000;}
.inner_contract .tabs_links ul li.active span{background-color: #fedc19;}
.inner_contract .tabs_links ul li:first-child span{border-radius: 6px 0 0 6px;}
.inner_contract .tabs_links ul li:last-child span{border-radius: 0 6px 6px 0;}
.inner_contract .tabs_links ul li.active + li{border: none;}
.inner_contract .tabs_links ul li.active{border-left: 1px solid #fedc19;}
.inner_contract .tabs_items{margin-top: 31px;}
.inner_contract .tabs_items .inner_text h4{font-size: 25px; line-height: 35px; color: #000; margin-bottom: 24px;}
.inner_contract .tabs_items .block_1 p{display: inline-block; vertical-align: middle; font-weight: 600; font-size: 18px; line-height: 25px; color: #000;}
.inner_contract .tabs_items .block_1 span{display: inline-block; vertical-align: middle; font-size: 18px; line-height: 25px; color: #000;}
.inner_contract .tabs_items .soon{background-color: #f2994a; padding: 6px 10px; border-radius: 8px; margin: 0 8px; font-size: 14px; line-height: 16px; font-weight: 500; color: #fff;}
.inner_contract .tabs_items .end{background-color: #eb5757; padding: 6px 10px; border-radius: 8px; font-size: 14px; line-height: 16px; font-weight: 500; color: #fff;}
.inner_contract .tabs_items .block_1 a{display: inline-block; vertical-align: middle; font-size: 18px; line-height: 25px; color: #000; border-bottom: 1px dashed #000;}
.inner_contract .tabs_items .block_1 > div + div{margin-top: 16px;}
.inner_contract .tabs_items .block_1{border-bottom: 1px solid rgba(137,137,137,0.6); padding-bottom: 24px; box-sizing: border-box;}
.inner_contract .tabs_items .block_1 + .block_1{margin-top: 24px;}
.inner_contract .tabs_items .block_1:last-child{border-bottom: none; padding-bottom: 0;}
.inner_contract .tabs_items .item_table table tr th{font-size: 16px; padding-bottom: 16px; padding-left: 20px; box-sizing: border-box; line-height: 22px; font-weight: 600; color: #000;}
.inner_contract .tabs_items .item_table table tr th:first-child{text-align: left;}
.inner_contract .tabs_items .item_table table tr td{font-size: 16px; text-align: center; padding-left: 20px; padding-top: 26px; padding-bottom: 30px; box-sizing: border-box; line-height: 22px; color: #000;}
.inner_contract .tabs_items .item_table table tr.list_color{background-color: #f9f9f9;}
.inner_contract .tabs_items .item_table table tr td p{color: #898989; margin-top: 5px;}
.inner_contract .tabs_items .item_table table tr.list_color td{padding: 19px 0; padding-left: 20px;}
.inner_contract .tabs_items .item_table table tr td span{border-bottom: 1px dashed #000; transition: 0.5s all ease; cursor: pointer;}
.inner_contract .tabs_items .item_table table tr td span:hover{border-bottom: none;}
.inner_contract .tabs_items .item_table table tr td:first-child{text-align: left;}
.inner_contract .tabs_items .item_table table tr:last-child td{padding-bottom: 200px; border-top: 1px solid rgba(137,137,137,0.6);}
.inner_contract .tabs_items .item_table table tr td i{width: 13px; height: 13px; border-radius: 50%; display: inline-block; vertical-align: middle; margin-right: 5px;}
.inner_contract .tabs_items .item_table table tr td a{border-bottom: 1px dashed #000; color: #000; transition: 0.5s all ease;}
.inner_contract .tabs_items .item_table table tr td a:hover{border-bottom: none;}
.inner_contract .tabs_items .list_block p{font-size: 16px; line-height: 32px; color: #000;}
.inner_contract .tabs_items .list_block a{font-size: 16px; line-height: 32px; color: #000; position: relative; padding-left: 32px; box-sizing: border-box;}
.inner_contract .tabs_items .list_block .look::after{content: ""; position: absolute; display: block; background: url(../img/eye.svg) no-repeat center center; background-size: contain; width: 24px; height: 24px; cursor: pointer; left: 0; top: 50%; margin-top: -12px;}
.inner_contract .tabs_items .list_block .document::after{content: ""; position: absolute; display: block; background: url(../img/download.svg) no-repeat center center; background-size: contain; width: 24px; height: 24px; cursor: pointer; left: 0; top: 50%; margin-top: -12px;}
.inner_contract .tabs_items .list_block{padding: 16px; border: 1px solid rgba(137,137,137,0.6); border-radius: 8px; box-sizing: border-box;}
.inner_contract .tabs_items .item_pic img{width: 100%; height: auto; position: relative; display: block;}
.inner_contract .tabs_items .item_pic{margin: 20px auto 60px;}
.inner_contract .tabs_items .list_block .look.active::after{background-image: url(../img/eyeoff.svg);}
.inner_contract .tabs_items .list_block + .list_block{margin-top: 30px;}
.inner_contract .tabs_items .list_block:last-child{margin-bottom: 250px;}
.inner_contract .tabs_items .item{display: none;}
.inner_contract .tabs_items .item.active{display: block;}
/*inner_contract*/

/*pagination*/
#pagination{margin-top: 50px;}
#pagination ul li:first-child a{width: auto; height: auto; border: none; border-radius: 0; opacity: 0.5;}
#pagination ul li:last-child a{width: auto; height: auto; border: none; border-radius: 0;}
#pagination ul > li > a{display: block; font-size: 18px; line-height: 41px; color: #000; text-align: center; width: 41px; height: 41px; border: 1px solid rgba(137,137,137,0.6); -webkit-box-sizing: border-box; box-sizing: border-box; border-radius: 3px;}
#pagination ul > li > a > img{position: relative; display: block; width: auto; height: auto;}
#pagination ul > li:last-child > a > img{-webkit-transform: rotate(180deg);-ms-transform: rotate(180deg);transform: rotate(180deg);}
#pagination ul > li{margin: 0 3px;}
#pagination ul > li.active a{background-color: #fedc19; border: none;}
/*end pagination*/

/*breadcrumbs*/
#breadcrumbs{margin-bottom: 29px;}
#breadcrumbs ul li{display: inline-block; vertical-align: middle;}
#breadcrumbs ul li + li{margin-left: 10px;}
#breadcrumbs ul li a{font-size: 14px; display: inline-block; vertical-align: middle; position: relative; line-height: 20px; color: #b3b3b3;}
#breadcrumbs ul li span{font-size: 14px; line-height: 20px; display: inline-block; vertical-align: middle;}
#breadcrumbs ul li a::after{content: ""; position: relative; display: inline-block; vertical-align: middle; background: url("../img/bread_arrow.svg") no-repeat center center; background-size: contain; width: 5px; height: 10px; margin-left: 10px; margin-top: -5px;}
/*end breadcrumbs*/

/*footer*/
#subfooter{height: 419px;}
#footer{height: 170px; margin-top: 0px; padding: 20px 0; padding-bottom: 0px; padding-left: 76px; -webkit-box-sizing: border-box; box-sizing: border-box; position: relative; z-index: 20; background-color: #222222;}
#footer .footer_block .item{padding: 0 145px;}
#footer .footer_block .item:nth-child(1){width: 41%;}
#footer .footer_block .item:nth-child(2){width: 55%;}
#footer .footer_block .item:nth-child(3){width: 29%;}
#footer .footer_block .row{margin: 0 -145px;}
#footer .footer_block .footer_logo a{width: 225px; height: 49px; margin-bottom: 50px; -webkit-transform: translate(0px, 0px); -ms-transform: translate(0px, 0px); transform: translate(0px, 0px);}
#footer .footer_block .footer_link a{display: block; padding-left: 30px; position: relative; font-weight: 500; font-size: 18px; line-height: 25px; color: #fff;}
#footer .footer_block .footer_link a + a{margin-top: 20px;}
#footer .footer_block .footer_link a:nth-child(1)::before{content: ""; position: absolute; display: block; background: url(../img/footer/2.svg) no-repeat center center; background-size: contain; width: 22px; height: 20px; top: 50%; left: 0; margin-top: -10px;}
#footer .footer_block .footer_link a:nth-child(2)::before{content: ""; position: absolute; display: block; background: url(../img/footer/3.svg) no-repeat center center; background-size: contain; width: 18px; height: 18px; top: 50%; left: 0; margin-top: -9px;}
#footer .footer_block .copy p{margin-top: 70px; font-size: 14px; line-height: 20px; color: #909090;}
#footer .footer_block h3{font-size: 24px; line-height: 34px; color: #fff; margin-bottom: 30px;}
#footer .footer_block nav > ul > li > a{font-size: 18px; line-height: 25px; color: #fff;}
#footer .footer_block nav > ul > li + li{margin-top: 0px;}
/*end footer*/

/*popup*/
.popup_1{width: 640px; padding: 40px; box-sizing: border-box; background-color: #fff; border-radius: 8px; margin: 0 auto;}
.popup_1 .b-modal_close{background: url(../img/cross.svg) no-repeat; width: 24px; height: 24px; top: 20px; right: 20px;}
.popup_1 h3{text-align: center; font-size: 24px; line-height: 29px; color: #000; font-weight: 600; margin-bottom: 50px;}
.popup_1 .popup_choice > div{padding: 18px; box-sizing: border-box; cursor: pointer; font-size: 18px; line-height: 22px; color: #000; border: 1px solid rgba(137,137,137,0.6); border-radius: 8px; text-align: center;}
.popup_2{width: 640px; padding: 40px; box-sizing: border-box; background-color: #fff; border-radius: 8px; margin: 0 auto;}
.popup_2 .b-modal_close{background: url(../img/cross.svg) no-repeat; width: 24px; height: 24px; top: 20px; right: 20px;}
.popup_2 h3{text-align: center; font-size: 24px; line-height: 29px; color: #000; font-weight: 600; margin-bottom: 50px;}
.popup_2 .popup_form input{width: 100%; padding: 18px 20px; box-sizing: border-box; border: 1px solid rgba(137,137,137,0.6); border-radius: 8px;}
.popup_2 .popup_form textarea{width: 100%; height: 116px; padding: 18px 20px; box-sizing: border-box; border: 1px solid rgba(137,137,137,0.6); border-radius: 8px;}
.popup_2 .popup_form form > div + div{margin-top: 20px;}
.popup_2 .popup_form button{width: 100%; margin-top: 20px; padding: 20px; position: relative; z-index: 30; text-align: center; background-color: #fedc19; border-radius: 8px; font-weight: 700; font-size: 14px; line-height: 17px; letter-spacing: 0.02em; text-transform: uppercase; color: #000;}
.popup_2 .popup_form .input_1{position: relative; width: 100%; height: 24px; line-height: 24px; border: none; box-sizing: border-box; cursor: pointer; text-align: center;}
.popup_2 .popup_form .input_1 input[type="file"]{display: inline-block; vertical-align: middle; position: absolute; width: 100%; height: 0; overflow: hidden; border: 0; padding-top: 46px; cursor: pointer; left: 0; top: 0; z-index: 10;}
.popup_2 .popup_form .input_1 span{ font-size: 16px; line-height: 24px; color: #000; display: inline-block; vertical-align: middle;}
.popup_2 .popup_form .input_1 img{position: relative; vertical-align: middle; margin-right: 16px;}
.popup_2 #load_img_3{width: 60px; height: 40px; object-fit: contain; margin: 0 auto;}
.popup_3{width: 640px; padding: 40px; box-sizing: border-box; background-color: #fff; border-radius: 8px; margin: 0 auto;}
.popup_3 .b-modal_close{background: url(../img/cross.svg) no-repeat; width: 24px; height: 24px; top: 20px; right: 20px;}
.popup_3 h3{text-align: center; font-size: 24px; line-height: 29px; color: #000; font-weight: 600; margin-bottom: 50px;}
.popup_3 .popup_form button{width: 100%; margin-top: 20px; padding: 20px; position: relative; z-index: 30; text-align: center; background-color: #fedc19; border-radius: 8px; font-weight: 700; font-size: 14px; line-height: 17px; letter-spacing: 0.02em; text-transform: uppercase; color: #000;}
.popup_4 .popup_form input{width: 100%; padding: 18px 20px; box-sizing: border-box; border: 1px solid rgba(137,137,137,0.6); border-radius: 8px;}
.popup_4{width: 640px; padding: 40px; box-sizing: border-box; background-color: #fff; border-radius: 8px; margin: 0 auto;}
.popup_4 .b-modal_close{background: url(../img/cross.svg) no-repeat; width: 24px; height: 24px; top: 20px; right: 20px;}
.popup_4 h3{text-align: center; font-size: 24px; line-height: 29px; color: #000; font-weight: 600; margin-bottom: 50px;}
.popup_4 .popup_form button{width: 100%; padding: 20px; position: relative; z-index: 30; text-align: center; background-color: #fedc19; border-radius: 8px; font-weight: 700; font-size: 14px; line-height: 17px; letter-spacing: 0.02em; text-transform: uppercase; color: #000;}
.popup_4 .popup_form label{position: relative; display: block; cursor: pointer; padding-left: 23px;}
.popup_4 .popup_form label span{position: relative; display: inline-block; vertical-align: top; font-size: 14px; line-height: 20px;}
.popup_4 .popup_form label b{display: block; position: absolute; left: 0; top: 0; width: 16px; height: 16px; border: 1px solid rgba(137,137,137,0.6); border-radius: 2px; box-sizing: border-box;}
.popup_4 .popup_form label input[type="checkbox"]{display: none;}
.popup_4 .popup_form label input[type="checkbox"]:checked + b::after{content: ""; position: absolute; display: block; background: url(../img/company/4.svg) no-repeat; width: 11px; height: 9px; top: 50%; left: 50%; transform: translate(-50%, -50%);}
.popup_4 .popup_form form > div + div{margin-top: 20px;}
.popup_5{width: 640px; padding: 40px; box-sizing: border-box; background-color: #fff; border-radius: 8px; margin: 0 auto;}
.popup_5 .b-modal_close{background: url(../img/cross.svg) no-repeat; width: 24px; height: 24px; top: 20px; right: 20px;}
.popup_5 h3{text-align: center; font-size: 24px; line-height: 29px; color: #000; font-weight: 600; margin-bottom: 50px;}
.popup_5 .close_btn{width: 250px; margin: 0 auto; padding: 20px; position: relative; z-index: 30; text-align: center; background-color: #fedc19; border-radius: 8px; font-weight: 700; font-size: 14px; line-height: 17px; letter-spacing: 0.02em; text-transform: uppercase; color: #000; cursor: pointer;}
.popup_6{width: 640px; padding: 40px; box-sizing: border-box; background-color: #fff; border-radius: 8px; margin: 0 auto;}
.popup_6 .b-modal_close{background: url(../img/cross.svg) no-repeat; width: 24px; height: 24px; top: 20px; right: 20px;}
.popup_6 h3{text-align: center; font-size: 24px; line-height: 29px; color: #000; font-weight: 600; margin-bottom: 50px;}
.popup_6 .popup_choice > div{padding: 18px; box-sizing: border-box; cursor: pointer; font-size: 18px; line-height: 22px; color: #000; border: 1px solid rgba(137,137,137,0.6); border-radius: 8px; text-align: center;}
.popup_6 .popup_choice > div:nth-child(1){font-weight: 600; border: none; background-color: #fedc19;}
.popup_7{width: 640px; padding: 40px 65px; box-sizing: border-box; background-color: #fff; border-radius: 8px; margin: 0 auto;}
.popup_7 .b-modal_close{background: url(../img/cross.svg) no-repeat; width: 24px; height: 24px; top: 20px; right: 20px;}
.popup_7 p{font-size: 18px; line-height: 26px; text-align: center;}
.popup_7 p span{font-weight: 700;}
.popup_7 .btn_see{padding: 18px; width: 263px; margin: 24px auto 0; box-sizing: border-box; cursor: pointer; font-size: 18px; line-height: 22px; color: #000; border-radius: 8px; text-align: center; font-weight: 600; background-color: #fedc19;}
/*end popup*/

button:disabled, button[disabled]{
	background-color: #aaaaaa !important;
}

.errorlist li{
	text-align: center;
}