/* Start:/local/templates/bezopasnost/components/bitrix/breadcrumb/.default/style.css?1782886051392*/ .breadwrap{overflow: hidden; max-width: 1200px; margin: 0 auto;} .bx-breadcrumb-item{float: left; color: #fff; font-size: 13px; margin: 0 7px 7px 0; font-weight: 500;} .bx-breadcrumb-item:last-child{margin: 0;} .bx-breadcrumb-item i{margin:0 7px 0 0; opacity: .6;} .bx-breadcrumb-item a, .bx-breadcrumb-item > span{color: #fff; opacity: .6;} .bx-breadcrumb-item a:hover{opacity: 1;} /* End */ /* Start:/local/templates/bezopasnost/styles.css?17828860511750*/ /* THIS FILE IS OVERWRITTEN WHEN THE SOLUTION IS UPDATED -------- FAIL ZATIRAETSY PRI OBNOVLENII RESHENIY */ /*-------------------------------------- --- STYLES FOR THE VISUAL EDITOR --- ------------------------------------*/ .titleH2, .titleH3, .titleH4{color: #131720; font-weight: 700; line-height: 1.35; padding: 0 40px 20px 40px;} .titleH2{font-size: 23px;} .titleH3{font-size: 21px;} .titleH4{font-size: 18px;} .newsDetail a{text-decoration: underline;} .newsDetail .standartUl{line-height: 1.65; font-size: 15px; list-style-type: disc; margin: -11px 0 27px 0;} .newsDetail .standartUl span {font-weight: 500;} .newsDetail img.fullImage, img.fullImage{width: 100%; padding: 0 0 25px 0;} .newsDetail > div:not(.backAndShare), .newsDetail > p, .standartText{line-height: 1.6; color: #131720; padding: 0 40px 30px 40px;} .company .standartText ul{margin: 10px 0 0 30px;} .standartText h2 {font-size: 20px;} .newsDetail q{padding: 32px 37px 32px 93px; font-style: italic; background: #f6f6f6; position: relative; display: block; font-size: 15px; line-height: 1.6; margin:0 40px 30px 40px; } .newsDetail q:before{position: absolute; top: -10px; color: #EF6C00; left: 32px; content: "\201C"; font-size: 92px; font-style: normal;text-align: center; } .newsDetail q:after{display: none;} .newsDetail q span{font-weight: 500;} .newsDetail q a{display: inline-block; margin: 20px 0 0 0; color: #131720; font-size: 13px; font-style: normal; font-weight: 500;} .newsDetail q a:hover{text-decoration: none;} @media all and (max-width: 550px) { .titleH2, .titleH3, .titleH4{padding: 0 20px 20px 20px;} .newsDetail > div:not(.backAndShare), .newsDetail > p, .standartText{padding: 0 20px 30px 20px;} .newsDetail q{margin: 0 20px 30px 20px;} } /* End */ /* Start:/local/templates/bezopasnost/template_styles.css?178288605127937*/ /* THIS FILE IS OVERWRITTEN WHEN THE SOLUTION IS UPDATED -------- FAIL ZATIRAETSY PRI OBNOVLENII RESHENIY */ article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {display: block;} ol,ul{list-style-position: inside;} ul, menu, dir{margin: 0; padding: 0;} h1,h2,h3,h4,h5,h6 {font-weight: 700; margin: 0;} p{margin: 0;} a {color: #067ec3; text-decoration: none;} img {border: none;} .clear {clear: both;} html{height: 100%;} body{color: #212121; font-size: 19px; background: #F6f6f6; font-family: 'Source Serif Pro', serif; margin: 0;} /*------------------ --- ICONS CLASS --- ----------------*/ .materialIcons {font-family: "Material Icons"; font-weight: normal; font-style: normal; font-size: 24px; display: inline-block; line-height: 1; text-transform: none; letter-spacing: normal; word-wrap: normal; white-space: nowrap; direction: ltr; color: #fff; /* Support for all WebKit browsers. */ -webkit-font-smoothing: antialiased; /* Support for Safari and Chrome. */ text-rendering: optimizeLegibility; /* Support for Firefox. */ -moz-osx-font-smoothing: grayscale; /* Support for IE. */ font-feature-settings: "liga"; } /*------------------ --- DOP STYLES --- ----------------*/ .indexWrapper{max-width: 1200px; margin: 0 auto;} .backgroundWhite{background: #fff;} .indexBackground{background: #F6f6f6;} .mainTitle{padding: 45px 0 100px 0; background: #EF6C00; color: #fff;} .mainTitle h1 {font-size: 42px; line-height: 1; margin: 36px auto 0 auto; max-width: 1200px;} .mainTitle h1.max{font-size: 48px;} .mainTitle h1.min{font-size: 37px;} .workArea{max-width: 1200px; margin: 0 auto; position: relative;} main{float: right; width: 73.4%; margin-top: -50px;} main.fullMain{float: none; width: 100%;} main.fullMain .company{padding: 30px 0 1px 0;} main .boxShadow, main.boxShadow{box-shadow: 0 1px 1px rgba(0,0,0, .12); margin-bottom: 75px;} .sidebar{float: left; width: 23%;} /*------------------ -- HEADER SITE --- ----------------*/ body.detailed header{position: inherit; background: none;} body.detailed header .request_call{color: #F6F6F6; box-shadow: 0 2px 5px rgba(0,0,0, .17); background: #555; padding: 13px 0 14px 0;} body.detailed header .topMenu{opacity: .68; color: #000;} body.detailed header .topMenu:hover{opacity: 1;} body.detailed header #topSearch {opacity: .68; color: #000;} body.detailed header #topSearch:hover {opacity: 1;} body.detailed header .headerWrap {padding: 27px 0;} .headerMenu .triangle{border: none;} .headerMenu > ul > li > a{color: #fff;} body.detailed .headerMenu .triangle{border: 1px solid #d8d8d8;} body.detailed .headerMenu > ul > li > a{color: #555;} header {position: absolute; z-index: 10; left: 0; right: 0; background: linear-gradient(to top, rgba(0,0,0, .0), rgba(0,0,0, .5))} .headerWrap{max-width: 1200px; margin: 0 auto; padding: 27px 0 70px 0;} .headerWrap > div{display: inline-block; min-width: 12px; vertical-align: middle;} .logo, .logo_detail{margin: 0 41px 0 0;} .logo img{max-width: 100%; max-height: 60px; display: block;} .logo_detail .logoNoBackground img{background: none;} .logo_detail img{max-width: 100%; max-height: 60px; display: block; background: #EF6C00;} header .topMenu{font-size: 32px; cursor: pointer; margin: 0 10px 0 0;} #topSearch{float: right; font-size: 28px; cursor: pointer; margin: 17px 0 0 0;} .top_callBack{float: right; margin: 7px 35px 0 0;} .request_call{width: 175px; color: #fff; padding: 13px 0 14px 0; text-align: center; background: rgba(255,255,255, .2); cursor: pointer; font-weight: 500; transition: background .25s ease; font-size: 15px; border-radius: 2px; } .request_call:hover {background: rgba(255,255,255, .3);} /*------------------ -- HEADER SITE --- ----------------*/ /*------------------------ ------- FOOTER SITE ------- ------------------------*/ body.detailed footer{background: #eee; padding: 55px 0 30px 0;} footer{padding: 130px 0 30px 0; background: #fff;} .footerWrap{max-width: 1200px; margin: 0 auto;} .footerHeader{margin: 0 0 40px 0;} .footerBlock{display: inline-block; vertical-align: top;} .footerBlock p{margin: 0 0 4px 0;} .footerCopyright{width: 20%; color: #b5b5b5; font-weight: 400; font-size: 13px; line-height: 1.5; padding: 0 30px 0 0; box-sizing: border-box;} .footerCopyright div{margin: 0 0 10px 0;} .footerCopyright a{color: #555; text-decoration: underline; font-weight: 500;} .footerCopyright a:hover{text-decoration: none;} .footerContacts{width:33%; margin: -4px 5% 0 0; color: #555;} .footerContacts div{ line-height: 1.6; margin: 0 0 9px 0;} .footerContacts div:last-child{margin: 0;} .footerContacts span{font-weight: 700;} .footerMenu{width: 22%; overflow: hidden; margin-top: -1px;} .footerSocial{width: 20%;} .buttonPosition{position: fixed; right: 31px; bottom: -61px; z-index: 30; transition: bottom .3s ease; min-width: 12px;} .buttonTop{width: 50px; border-radius: 50%; height: 50px; text-align: center; line-height: 51px; box-shadow: 0 2px 8px rgba(239,108,0, .27); cursor: pointer; background: #EF6C00; font-size: 32px; } .buttonMenu{position: fixed; right: 36px; bottom: -61px; width: 47px; border-radius: 50%; height: 47px; transition: bottom .3s ease; cursor: pointer; background: #fff; z-index: 30; box-shadow: 0 4px 7px 0 rgba(0,0,0,.15), rgba(0, 0, 0, .2) 0px 0px 1px 0px; color: #000; font-size: 28px; text-align: center; line-height: 47px; display: none; } .buttonSearch{position: fixed; right: 36px; bottom: -61px; width: 47px; border-radius: 50%; height: 47px; transition: bottom .3s ease; cursor: pointer; background: #fff; z-index: 30; box-shadow: 0 4px 7px 0 rgba(0,0,0, .15), rgba(0, 0, 0, .2) 0px 0px 1px 0px; color: #000; font-size: 27px; text-align: center; line-height: 47px; display: none; } /*------------------------ ------- FOOTER SITE ------- ------------------------*/ /*-------------------------------- --- ABOUT THE COMPANY (DETAILED) --- --------------------------------*/ .company{margin: 0 0 80px 0; background: #fff; box-shadow: 0 1px 1px rgba(0,0,0,.12); padding-top: 28px; padding-bottom: 1px;} /*-------------------------------- --- ABOUT THE COMPANY (DETAILED) --- --------------------------------*/ /*---------------------------- --- MAP WITH CONTACTS (HOME) --- ----------------------------*/ .map{position: relative;} .wrapper_map{position: absolute; left: 50%; top: -45px; width: 1200px; margin-left: -600px; z-index: 1; height: 0;} .map_inside{max-width: 660px; position: relative;} .mapContacts{position: absolute; right: -30px; top: 86px; background: #EF6C00; color: #fff; padding: 35px 65px 192px 30px; box-sizing: border-box; width: 292px; cursor: pointer; transition: right .2s ease; box-shadow: rgba(0, 0, 0, .19) 0px 12px 40px 0px; display: none; } .mapContacts.open{right: -292px;} .mapContacts:not(.open):hover{right: -80px;} .mapContacts h2{font-size: 21px; font-weight: 700; margin: 0 0 33px 0;} .contactAddress, .contactPhone, .contactEmail{line-height: 1.5; margin: 0 0 19px 0; font-weight: 300; display:none;} .mapContacts div:last-child{margin: 0;} .contactAddress span, .contactPhone span, .contactEmail span{font-weight: 300; } .mapCallback{padding: 40px 50px 29px 50px; background: #fff; position: relative; box-shadow: rgba(0, 0, 0, 0.12) 0px 20px 60px 0px, rgba(0, 0, 0, 0.4) 0px 0px 1px 0px;} .mapCallback h3{color: #191919; font-size: 23px; font-weight: 700; margin: 0 0 70px 0;} .mapCallback_wrapper{position: relative;} .mapCallback .modalBody > div.miniBlock{display: inline-block; vertical-align: top; width: 45%; margin: 0 10% 0 0;} .mapCallback .modalBody > div.miniBlock:nth-child(2n){margin-right: 0;} .map .mapCallback .bigBlock > div{margin: 0 0 54px 0;} .mapCallback .modalBody > div > div{margin: 0 0 73px 0; position: relative; border-bottom: 1px solid #E4E4E4;} .mapCallback .messageField{min-height: 100px;} .mapCallback .buttonAnimation{position: absolute; right: 50px; border-radius: 50%; bottom: -36px; background: #fff; width: 73px; height: 73px; transition: background .25s; } .mapCallback .modalSend{color: #fff; font-size: 28px; padding: 0 0 0 6px; line-height: 73px; background-color: transparent; height: 73px; border: 0; cursor: pointer; outline: none; width: 73px; background: #EF6C00; box-shadow: 0 2px 8px rgba(239,108,0, .27); border-radius: 50%; -webkit-appearance: none; } .mapCallback .moreAnimationBlock, .front-calculator .moreAnimationBlock{display: none; top: 49%;} .mapCallback .moreAnimationBlock:after, .front-calculator .moreAnimationBlock:after{display: none;} .mapCallback .moreAnimationBlock:before, .front-calculator .moreAnimationBlock:before{height: 44px; width: 44px; margin: -23px 0 0 -23px;} /*---------------------------- --- MAP WITH CONTACTS (HOME) --- ----------------------------*/ /*-------------------------------------------------- --- STYLES OF THE LIST OF NEWS, ARTICLES AND SHARES --- ---------------------------------------------------*/ .allNews{margin: -40px 0 75px 0;} .elementNews{display: inline-block; width: 31.33%; background: #fff; box-shadow: 0 1px 1px rgba(0,0,0, .12); box-sizing: border-box; margin: 0 3% 3% 0; font-weight: 500; vertical-align: top; transition: box-shadow .25s; } .elementNews:hover{box-shadow: rgba(0,0,0, .09) 0 35px 90px;} .elementNews:nth-child(3n){margin-right: 0;} .elementNews:nth-last-child(1), .elementNews:nth-last-child(2), .elementNews:nth-last-child(3){margin-bottom: 0;} .elementNews .img{margin: 0 0 25px 0; height: 230px; display: block;} .elementNews .allText{margin: 0 33px 33px 33px;} .elementNews .title{margin: 0 0 17px 0; font-size: 11px;} .elementNews .tag{color: #fff; background: #555555; padding: 7px 12px; font-size: 9px; border-radius: 2px; display: inline-block; margin: 0 15px 0 0; text-transform: uppercase;} .elementNews .date{color: #bbb; display: inline-block;} .elementNews .newsName{margin: 0 0 45px 0; font-size: 17px; font-weight: 500; color: #212121;} .elementNews a.newsName:hover{text-decoration: underline;} .showMore{text-align: center; margin: 0 0 65px 0; position:relative;} .showMore .showMoreButton{border-radius: 2px; padding: 13px 25px 14px 25px; display: inline-block; font-weight: 500; color: #fff; cursor: pointer; background: #EF6C00; box-shadow: 0 2px 8px rgba(239,108,0, .27); } .showMoreButton.fade{display: none;} .showMore .showMoreButton:hover{} .hidden{display: none;} .moreAnimation{display: none; height: 52px;} .moreAnimationBlock, .moreAnimationBlock::before, .moreAnimationBlock::after{position: absolute; top: 50%; left: 50%; border: 1px solid rgb(204,204,204); border-left-color: rgb(0,0,0); border-radius: 1124px; } .moreAnimationBlock{margin: -29px 0 0 -29px; height: 56px; width: 56px; animation: moreAnimation 1600ms linear infinite;} .moreAnimationBlock::before{content: ""; margin: -26px 0 0 -26px; height: 50px; width: 50px; animation: moreAnimation 1600ms linear infinite;} .moreAnimationBlock::after{content: ""; margin: -33px 0 0 -33px; height: 63px; width: 63px; animation: moreAnimation 3200ms linear infinite;} @keyframes moreAnimation { 100% { transform: rotate(360deg); } } /*-------------------------------------------------- --- STYLES OF THE LIST OF NEWS, ARTICLES AND SHARES --- ---------------------------------------------------*/ /*-------------------------- --- BLOCK SHARE / BACK PAGE --- ---------------------------*/ .backAndShare{position: absolute; right: 72px; bottom: -30px;} .backAndShare > div{display: inline-block; vertical-align: middle;} .buttonBack{margin: 13px 40px 0 0; display: none !important;} .buttonBack a{font-weight: 500; color: #EB5E28; position: relative; padding: 0px 0 0 50px; transition: color .3s ease;} .buttonBack a:before{background: #EB5E28 url("/local/templates/bezopasnost/img/buttonBack.png") no-repeat center; border-radius: 50%; position: absolute; left: 0; padding: 17px; content: ""; top: -8px; } .buttonBack a:hover{color: #EB5E28} .leftShare{position: relative;} .leftShareButton{background: #ef6c00; padding: 20px 21px 20px 19px; border-radius: 50%; color: #fff; font-size: 21px; cursor: pointer; box-shadow: 0 2px 8px rgba(239,108,0, .27); } .modalShare{display: none; position: absolute; right: 85px; top: 3px;} .modalShareWrapper{position: relative; width: 235px; box-shadow: 0 2px 11px 0 rgba(0,0,0,.2), rgba(0, 0, 0, 0.37) 0px 0px 1px 0px;} .modalShare .triangle{position: absolute; width: 24px; height: 24px; right: -7px; background: #fff; transform: rotate(-45deg); border: 1px solid #d8d8d8; top: 15px; } .modalShare .ya-share2{padding: 10px; background: #fff; position: relative;} .leftShare .ya-share2__container_size_m .ya-share2__item{margin: 6px;} .ya-share2 .ya-share2__badge{background: none !important;} .ya-share2__container_size_m .ya-share2__icon{-webkit-filter: invert(100%); filter: invert(100%); transition: opacity .25s; opacity: .68; } .ya-share2__container_size_m .ya-share2__icon:hover{opacity: 1;} .ya-share2__container_size_m .ya-share2__counter{display: none;} /*-------------------------- --- BLOCK SHARE / BACK PAGE --- ---------------------------*/ /*---------------------------------- --- CONTACTS - DETAILED PAGE --- -----------------------------------*/ .requisitesWriteUs{margin: 90px 0; position: relative;} .requisitesWriteUs .contactsData{font-size: 17px; margin: 0 0 55px 0;} .requisitesWriteUs .contactsData span{background: #555; color: #fff; font-weight: 500; padding: 7px 16px; margin: 0 10px 0 0; display: inline-block; font-size: 17px; vertical-align: middle; border-radius: 2px; } .requisitesWriteUs .contactsData p{display: inline-block; max-width: 260px; vertical-align: middle;} .requisitesWriteUs .mapCallback{position: absolute; right: 0; top: -130px; z-index: 2; max-width: 720px; box-sizing: border-box; padding: 40px 50px 60px 50px; } .requisitesWriteUs .mapCallback div.miniBlock > div{margin: 0 0 65px 0;} .requisitesWriteUs .mapCallback .bigBlock > div{margin: 0;} .requisitesWriteUs .mapCallback .buttonAnimation{bottom: -36px; right: 50px;} .contactMap{height: 560px;} /*---------------------------------- --- CONTACTS - DETAILED PAGE --- -----------------------------------*/ /*------------------------ --- MODAL WINDOWS --- ------------------------*/ .modal{display: none; position: fixed; overflow: hidden; bottom: 0; right: 0; left: 0; top: 0; z-index: 50;} .modalWrapper{width: 100%; margin: 80px auto; background: #fff; max-width: 410px;} .modalHeader{position: relative; padding: 45px; background: #EF6C00;} .modalHeader h3{font-weight: bold; font-size: 21px; color: #fff;} .modalClose{background: #fff; width: 47px; height: 47px; cursor: pointer; border-radius: 50%; line-height: 48px; text-align: center; position: absolute; top: -23.5px; right: -23.5px; box-shadow: 0 2px 2px 0 rgba(0,0,0, .16), 0 0 0 1px rgba(0,0,0, .08); color: #EF6C00; font-size: 26px; } .modal .modalBody{padding: 65px 46px 0 46px; margin: 0 0 30px 0;} .modal .modalBody > div{margin:0 0 60px 0; position: relative; border-bottom: 1px solid #E1E1E1;} .modal .modalBody > div:last-child{margin: 0;} .inputField{font-size: 16px; color: #121822; outline: none; position: relative; display: block; width: 100%; padding: 0 0 9px 0; font-weight: 500; border: none; } .inputLabel{position: absolute; top: 0; color: #9B9B9B; font-size: 17px; width: 100%; pointer-events: none; font-weight: 400; transform-origin: 0 0; transition: transform .2s; transition-timing-function: ease-out; } .messageField{font-weight: 500; font-size: 17px; color: #121822; outline: none; min-height: 20px; padding: 0 0 8px 0;} .fileForm{border-bottom: 1px solid #E4E4E4; padding: 3px 0;} .fileForm input[name='userFile']{position: absolute; top: 0; left: 0; right: 0; bottom: 0; filter: alpha(opacity=0); opacity: 0;} .fileForm span{display: block; height: 20px;} .fileID{display: none;} .inputField:focus + .inputLabel, .changeInput .inputLabel, .messageField:focus + .inputLabel{ color: #eb5e28; transform: translate3d(0, -23px, 0) scale3d(0.75, 0.75, 1); font-weight: 400; } .modal .modalBody .changeInput{border-bottom: 2px solid #eb5e28;} .modalFooter{text-align: center; padding: 35px 45px;} .modal .buttonAnimation{margin: 0 0 40px 0; position: relative; min-height: 45px;} .modal .buttonAnimation .moreAnimationBlock{top: -6px; margin: 0 0 0 -28px; display: none;} .modal .modalSend{background: #EF6C00; color: #fff; font-size: 15px; border-radius: 2px; padding: 13px 0 14px 0; border: 0; cursor: pointer; font-weight: 500; letter-spacing: 0.5px; outline: none; width: 180px; -webkit-appearance: none; box-shadow: 0 2px 8px rgba(239,108,0, .27); } .modal .disabled{cursor: not-allowed; background: #ccc !important; box-shadow: none !important;} .buttonAnimation.active .modalSend{display: none;} .buttonAnimation.active .moreAnimationBlock{display: block;} .buttonAnimation.send .modalSend{display: none;} .buttonAnimation.send .sendOkey{display: inline-block;} .modalFooterSocial .social{margin: 0 0 15px 0;} .modalFooterSocial div a{display: inline-block; margin: 0 6px 0 0; border-radius: 50%; padding: 5px; width: 20px; opacity: .68; transition: opacity .25s; } .modalFooterSocial div a:hover{opacity: 1;} .modalFooterSocial div a:last-child{margin: 0;} .modalFooterSocial img{filter: invert(100%); -webkit-filter: invert(100%); display: block; width: 100%;} .modalFooterSocial .workingHours{color: #404040; font-weight: 500; font-size: 13px;} .mapCallback .modalBody .changeInput{border-bottom-color: #EF6C00; border-bottom-width: 2px;} .modalBody .errorInput{border-bottom-color: #D50000;} .errorInput .inputLabel{color: #D50000;} .sendOkey{background: #494949; font-size: 34px; display: none; border-radius: 2px; line-height: 45px; width: 180px; height: 45px;} .mapCallback .sendOkey{background: #494949; font-size: 34px; padding: 0; display: none; border-radius: 50%; line-height: 73px; width: 73px; height: 73px; text-align: center; } #blackBack {position: fixed; top: 0; right: 0; bottom: 0; left: 0; z-index: 40; background:rgba(0,0,0, .5); display: none;} .modalOpen{overflow: hidden;} .modalOpen .modal{overflow-x: hidden; overflow-y: auto;} .modal .sendSummary{max-width: 400px;} /*------------------------ --- MODAL WINDOWS --- ------------------------*/ /*------------------------ ------ ERROR 404 ------ ------------------------*/ .error404{padding: 70px 0 50px 0;} .error404 > div{display: inline-block; vertical-align: bottom; color: #616161; box-sizing: border-box; width: 50%;} .error404 > div:first-child{font-weight: 700; font-size: 50px; text-transform: uppercase; text-align: right; padding: 0 60px 0 0;} .error404 > div:last-child{padding: 0 0 60px 0;} .error404 > div:first-child span{font-size: 260px;} .error404 .description404{font-size: 20px; font-weight: 700; margin: 0 0 100px 0;} .error404 a{display: inline-block; font-weight: 500;} .url404{padding: 15px 30px 12px 62px; color: #fff; margin: 0 30px 0 0; border-radius: 25px; background: #616161; position: relative;} .url404 i{position: absolute; left: 24px; top: 50%; font-size: 20px; margin: -10px 0 0 0;} .back404{color: #616161; text-decoration: underline;} .back404:hover{text-decoration: none;} /*------------------------ ------ ERROR 404 ------ ------------------------*/ /*--------------------------------------- ------ PERSONAL_INFO (FORMS/FOOTER) ------ ---------------------------------------*/ .modal .personalInfo{padding: 0 46px; font-size: 13px;} .modal .personalInfo label:after{top: 1px;} .personalInfo{margin: 30px 0 0 0;} .checkboxError{display: none; color: #d41b1b; font-size: 12px; margin: 0 0 10px 0;} .personalInfo input{display: none;} .personalInfo label{color: #555; cursor: pointer; position: relative; padding: 0 0 0 40px; display: inline-block;} .personalInfo a:hover{text-decoration: underline;} .personalInfo label:after{background-color: #fff; border: 1px solid #E1E1E1; position: absolute; height: 20px; width: 20px; content: ""; left: 0; box-sizing: border-box; top: -1px; } .personalInfo label.ckecked:after{line-height: 20px; font-family: FontAwesome; text-align: center; border: none; content: "\f00c"; color: #fff; font-size: 14px; } .personalInfo label:hover:after{background-color: #E1E1E1;} /*--------------------------------------- ------ PERSONAL_INFO (FORMS/FOOTER) ------ ---------------------------------------*/ /*------------------------------------ ------ ADAPTIVE SITE LAYOUT ------ ------------------------------------*/ @media all and (max-width: 1270px) { body.detailed header .headerWrap{padding: 30px;} .headerWrap{padding: 30px 30px 90px 30px;} .mainTitle{padding: 30px 30px 80px 30px;} .workArea{padding: 0 30px;} .indexWrapper{padding: 0 30px;} body.detailed footer{padding: 40px 30px;} footer{padding: 40px 30px;} .error404 > div:first-child span{font-size: 230px;} } @media all and (max-width: 1190px) { .requisitesWriteUs{margin: -35px 0 -20px 0; z-index: 2;} .requisitesWriteUs > div{margin: 0 0 50px 0; background: #fff; padding: 30px; box-shadow: 0 1px 1px rgba(0,0,0, .12); border-radius: 1px;} .requisitesWriteUs .contactsData{display: inline-block; width: 31%; vertical-align: top; margin: 0 3.5% 0 0;} .requisitesWriteUs .contactsData span{margin: 0 0 10px 0;} .requisitesWriteUs .contactsData p{display: block; max-width: 100%;} .requisitesWriteUs .contactsData:last-child{margin: 0;} .requisitesWriteUs .mapCallback{position: relative; max-width: 920px; margin: 0 auto; top: 0;} .requisitesWriteUs .mapCallback .buttonAnimation{right: 46px;} .mapCallback h3{margin: 0 0 40px 0;} } @media all and (max-width: 1100px) { .sidebar{width: 25%;} main{width: 71%;margin-top:0px;} .footerCopyright{width: 31%;} .footerContacts{width: 31%; margin: 0 7% 0 0;} .footerMenu{width: 31%;} .footerSocial{width: 100%; display: block; margin: 30px 0 0 0;} .footerSocial .social{text-align: left;} .footerHeader{margin: 0;} .error404 > div:first-child{font-size: 40px;} .error404 > div:first-child span{font-size: 200px;} } @media all and (max-width: 1023px) { .headerMenu{display:none !important;} } @media all and (max-width: 1000px) { .elementNews{width: 48%; margin: 0 4% 40px 0;} .elementNews:nth-child(3n){margin-right: 4%;} .elementNews:nth-child(2n){margin-right: 0;} .elementNews:nth-last-child(3){margin-bottom: 4%;} .elementNews .img{background-size: cover;} .error404 > div:first-child span{font-size: 170px;} .error404 .description404{margin: 0 0 60px 0;} .error404 > div:last-child{padding: 0 0 35px 0;} } @media all and (max-width: 900px) { .sidebar{display:none;} main{width: 100%;margin-top:0px;} .error404 > div:first-child{font-size: 30px;} .error404 > div:first-child span{font-size: 140px;} } @media all and (max-width: 760px) { .footerCopyright{display: none;} .footerContacts{width: 45%; margin: 0 10% 0 0;} .footerContacts div{margin: 0 0 15px 0;} .footerMenu{width: 45%;} .requisitesWriteUs .contactsData{width: 47%; margin: 0 6% 6% 0;} .requisitesWriteUs .contactsData:nth-child(2n){margin-right: 0;} .contactMap{height: 460px;} .mainTitle h1{font-size: 48px !important;} .error404{padding: 50px 0;} .error404 > div{display: block; width: 100%;} .error404 > div:first-child{padding: 0; text-align: left;} .error404 > div:last-child{padding: 0; margin: 30px 0 0 0; max-width: 600px;} .error404 .description404{margin: 0 0 30px 0;} } @media all and (max-width: 690px) { .allNews{margin: -40px 60px 60px 60px;} .elementNews{width: 100%; margin: 0 0 40px 0;} .elementNews:nth-last-child(3), .elementNews:nth-last-child(2){margin-bottom: 40px;} .elementNews:last-child{margin: 0;} .mainTitle h1{font-size: 45px !important;} } @media all and (max-width: 580px) { body.detailed header .headerWrap{overflow: hidden;} .headerWrap .logo, .headerWrap .logo_detail{margin: 0 0 20px 0; display: block; text-align: left;} .top_callBack{margin: 0;} .headerWrap #topSearch{margin: 10px 0 0 0; float: none;} .headerWrap .topMenu{margin: 10px 10px 0 0;} } @media all and (max-width: 550px) { .headerWrap{padding: 20px;} body.detailed header .headerWrap{padding: 20px;} .workArea{padding: 0 20px;} .indexWrapper{padding: 0 20px;} footer{padding: 40px 20px;} .mainTitle{padding: 30px 20px 80px 20px;} .footerContacts{width: 100%; margin: 0 0 30px 0;} .footerMenu{width: 100%;} .requisitesWriteUs .mapCallback{padding: 20px 30px 60px 30px;} .elementNews .title{margin: 0 0 14px 0;} .elementNews .tag{margin: 0 15px 10px 0;} .backAndShare{right: 45px;} .mainTitle h1{font-size: 40px !important;} .newsDetailTitle{padding: 30px 20px;} .buttonTop, .buttonMenu, .buttonSearch{right: 20px;} } @media all and (max-width: 500px) { .modalWrapper{max-width: 350px;} .modalHeader{padding: 35px;} .modal .modalBody{padding: 45px 35px 20px 35px; margin: 0;} .modalFooter{padding: 35px;} .allNews{margin: -40px 0 60px 0;} .mainTitle h1{font-size: 34px !important;} .newsDetail q{padding: 25px 30px 25px 80px;} .newsDetail q:before{left: 25px; font-size: 85px;} .mapCallback .modalBody > div.miniBlock{width: 100%; display: block; margin: 0;} .requisitesWriteUs .contactsData{width: 100%; margin: 0 0 30px 0;} .modalShareWrapper{width: 200px;} } @media all and (max-width: 440px) { .modalWrapper{max-width: 330px;} .modalHeader{padding: 30px;} .modal .modalBody{padding: 40px 30px 10px 30px;} .modalFooter{padding: 30px;} .contactMap{height: 400px;} .newsDetail q{padding: 60px 20px 20px 20px;} .newsDetail q:before{left: 20px; top: -15px;} } @media all and (max-width: 430px) { .modalClose{width: 40px; height: 40px; line-height: 40px; top: 5px; right: 5px; background: none; box-shadow: none; /*color: #fff !important*/; font-size: 30px; border-radius: 0; } .mainTitle h1{font-size: 29px !important;} .newsDetailTitle{padding: 30px 20px 15px 20px;} .newsDetailTitle div{display: block;} .newsDetailTitle div:first-child{padding: 0 0 15px 22px; margin: 0;} .modalShareWrapper{width: 165px;} .error404 > div:first-child{font-size: 25px;} .error404 > div:first-child span{font-size: 120px;} .error404 > div:last-child{margin: 20px 0 0 0;} .error404 a{display: block;} .url404{padding: 15px 0 15px 60px; margin: 0 0 30px 0; width: 128px;} .error404 .back404{display: inline-block;} } @media all and (max-width: 400px) { .requisitesWriteUs .mapCallback{padding: 20px 20px 60px 20px;} .requisitesWriteUs > div{padding: 20px;} } @media all and (max-width: 374px) { .modalWrapper{max-width: 300px;} .modalShareWrapper{width: 128px;} .mainTitle h1{font-size: 26px !important;} } @media all and (max-width: 350px) { .modalWrapper{max-width: 280px;} .modalHeader{padding: 25px;} .modal .modalBody{padding: 40px 25px 10px 25px;} .modalFooter{padding: 25px;} .top_callBack{float: none; display: block !important; margin: 20px 0 0 0;} .headerWrap #topSearch{margin: 0;} .headerWrap .topMenu{margin: 0 10px 0 0;} } /*------------------------ -------- FONT -------- ------------------------*/ @font-face { font-family: "Material Icons"; font-style: normal; font-weight: 400; src: url(/local/templates/bezopasnost/fonts/MaterialIcons-Regular.eot); /* For IE 6-8 */ src: local("Material Icons"), local("MaterialIcons-Regular"), url(/local/templates/bezopasnost/fonts/MaterialIcons-Regular.woff2) format("woff2"), url(/local/templates/bezopasnost/fonts/MaterialIcons-Regular.woff) format("woff"), url(/local/templates/bezopasnost/fonts/MaterialIcons-Regular.ttf) format("truetype"); } /* End */ /* Start:/local/css/reaspekt/reaspekt.geobase/style.css?1782886050930*/ .ReaspektPopupOverlay { height: 100%; left: 0; opacity: 0.6; position: fixed; top: 0; width: 100%; z-index: 500; background-color: #000; filter: alpha(opacity=60); /*Filter for IE*/ } #ReaspektPopupBody { position: absolute !important; padding: 30px 50px; left: 0; top: 0; /*width: 500px; min-height: 100%; height: 1000px;*/ z-index: 510; background-color: #fff; box-shadow: 0px 0px 15px #000000; box-sizing: border-box; } #ReaspektPopupBody .ReaspektClosePosition { position: relative; } #ReaspektPopupBody #ReaspektCloseBtn { position: absolute; right: -40px; top: -20px; width: 24px; height: 24px; cursor: pointer; background:url("/local/css/reaspekt/reaspekt.geobase/images/close-button-sprite.png") no-repeat top; } #ReaspektPopupBody #ReaspektCloseBtn:hover { background: url("/local/css/reaspekt/reaspekt.geobase/images/close-button-sprite.png") no-repeat 0 -24px; } #ReaspektPopupContainer { max-width: 900px; } /* End */ /* Start:/local/templates/bezopasnost/themes/7/style.css?17828860513162*/ /* header */ .logo_detail img{background: #107bb1;} .slideTextDetail div a{background: #107bb1; box-shadow: 0 2px 8px rgba(16,123,177, .27);} .mainTitle{background: #107bb1;} /* header */ /* footer */ .footerMenu a:hover{color: #107bb1;} /* footer */ /* modal */ .menuTopInfo div a{color: #107bb1;} .menuHeader a img{background: #107bb1;} .modalHeader{background: #107bb1;} .modalClose{color: #107bb1;} .modal .modalSend{background: #107bb1; box-shadow: 0 2px 8px rgba(16,123,177, .27);} .buttonTop{background: #107bb1; box-shadow: 0 2px 8px rgba(16,123,177, .27);} /* modal */ /* index */ .thesesItem img{background: #107bb1;} .thesesItem .icon{color: #107bb1;} .indexServices_button{color: #107bb1;} .indexServicesItem:hover .indexServices_button{background: #107bb1; box-shadow: 0 2px 8px rgba(16,123,177, .27);} .item_reviews.active .IR_position{color: #107bb1;} .item_reviews.active q{color: #107bb1;} .indexReviews .owl-nav div{box-shadow: 0 2px 8px rgba(16,123,177, .27); background: #107bb1;} .indexReviews .reviewsDots .owl-dot.active, .indexReviews .reviewsDots .owl-dot:hover{background: #107bb1;} .indexNewsButton a{background: #107bb1; box-shadow: 0 2px 8px rgba(16,123,177, .27);} .mapContacts{background: #107bb1;} .mapCallback .modalSend{background: #107bb1; box-shadow: 0 2px 8px rgba(16,123,177, .27);} /* index */ /* personal_info */ .personalInfo label a{color: #107bb1;} .personalInfo label.ckecked:after{background-color: #107bb1;} /* personal_info */ .paginationContainer ul li:not(.bx-pag-prev):not(.bx-pag-next) a:hover span{color: #107bb1;} .historyDate{color: #107bb1;} .partnersElement .text .email{color: #107bb1;} .documentsElement a i{background: #107bb1;} .reviewsText .title p{background: #107bb1;} .reviewsText q{color: #107bb1;} .VE_accordion .name i{background: #107bb1;} .VE_accordion .price{color: #107bb1;} .vacanciesButton{border-color: #107bb1; color: #107bb1;} .vacanciesButton:hover{background: #107bb1;} .leftShareButton{background: #107bb1; box-shadow: 0 2px 8px rgba(16,123,177, .27);} .servicesItem_button{color: #107bb1;} .servicesItem:hover .servicesItem_button{background: #107bb1; box-shadow: 0 2px 8px rgba(16,123,177, .27);} #askQuestion a{background: #107bb1; box-shadow: 0 2px 8px rgba(16,123,177, .27);} #askQuestion .markQuestion p{color: #107bb1;} .onTopicArticle .img span{background: #107bb1;} .newsDetail q:before{color: #107bb1;} .tabulationHeader h2.active{background: #107bb1;} .priceHeader{color: #107bb1;} .priceHeader .td_1, .priceHeader .td_3{color: #107bb1;} .showMore .showMoreButton{background: #107bb1; box-shadow: 0 2px 8px rgba(16,123,177, .27);} .newsDetailTitle div:nth-child(2){color: #107bb1;} .elementNews .title .shareDate{color: #107bb1;} .newsDetailTitle .shareDate{color: #107bb1;} .priceSection > h2 i{background: #107bb1;} .mapCallback .modalBody .changeInput{border-bottom-color: #107bb1;} .inputField:focus + .inputLabel, .changeInput .inputLabel, .messageField:focus + .inputLabel{color: #107bb1;} .modal .modalBody .changeInput{border-bottom-color: #107bb1;} .modalSearch form:hover input[type="submit"]{background: #107bb1;} /* End */ /* Start:/local/templates/bezopasnost/vendor/lightbox/css/lightbox.min.css?17828860512608*/ .lb-loader,.lightbox{text-align:center;line-height:0}.lb-dataContainer:after,.lb-outerContainer:after{content:"";clear:both}html.lb-disable-scrolling{overflow:hidden;position:fixed;height:100vh;width:100vw}.lightboxOverlay{position:absolute;top:0;left:0;z-index:9999;background-color:#000;filter:alpha(Opacity=80);opacity:.8;display:none}.lightbox{position:absolute;left:0;width:100%;z-index:10000;font-weight:400}.lightbox .lb-image{display:block;height:auto;max-width:inherit;max-height:none;border-radius:3px;border:4px solid #fff}.lightbox a img{border:none}.lb-outerContainer{position:relative;width:250px;height:250px;margin:0 auto;border-radius:4px;background-color:#fff}.lb-loader,.lb-nav{position:absolute;left:0}.lb-outerContainer:after{display:table}.lb-loader{top:43%;height:25%;width:100%}.lb-cancel{display:block;width:32px;height:32px;margin:0 auto;background:url(/local/templates/bezopasnost/vendor/lightbox/css/../images/loading.gif) no-repeat}.lb-nav{top:0;height:100%;width:100%;z-index:10}.lb-container>.nav{left:0}.lb-nav a{outline:0;background-image:url(data:image/gif;base64,R0lGODlhAQABAPAAAP///wAAACH5BAEAAAAALAAAAAABAAEAAAICRAEAOw==)}.lb-next,.lb-prev{height:100%;cursor:pointer;display:block}.lb-nav a.lb-prev{width:34%;left:0;float:left;background:url(/local/templates/bezopasnost/vendor/lightbox/css/../images/prev.png) left 48% no-repeat;filter:alpha(Opacity=0);opacity:0;-webkit-transition:opacity .6s;-moz-transition:opacity .6s;-o-transition:opacity .6s;transition:opacity .6s}.lb-nav a.lb-prev:hover{filter:alpha(Opacity=100);opacity:1}.lb-nav a.lb-next{width:64%;right:0;float:right;background:url(/local/templates/bezopasnost/vendor/lightbox/css/../images/next.png) right 48% no-repeat;filter:alpha(Opacity=0);opacity:0;-webkit-transition:opacity .6s;-moz-transition:opacity .6s;-o-transition:opacity .6s;transition:opacity .6s}.lb-nav a.lb-next:hover{filter:alpha(Opacity=100);opacity:1}.lb-dataContainer{margin:0 auto;padding-top:5px;width:100%;border-bottom-left-radius:4px;border-bottom-right-radius:4px}.lb-dataContainer:after{display:table}.lb-data{padding:0 4px;color:#ccc}.lb-data .lb-details{width:85%;float:left;text-align:left;line-height:1.1em}.lb-data .lb-caption{font-size:13px;font-weight:700;line-height:1em}.lb-data .lb-caption a{color:#4ae}.lb-data .lb-number{display:block;clear:left;padding-bottom:1em;font-size:12px;color:#999}.lb-data .lb-close{display:block;float:right;width:30px;height:30px;background:url(/local/templates/bezopasnost/vendor/lightbox/css/../images/close.png) top right no-repeat;text-align:right;outline:0;filter:alpha(Opacity=70);opacity:.7;-webkit-transition:opacity .2s;-moz-transition:opacity .2s;-o-transition:opacity .2s;transition:opacity .2s}.lb-data .lb-close:hover{cursor:pointer;filter:alpha(Opacity=100);opacity:1} /* End */ /* Start:/local/templates/bezopasnost/css/gridlex.min.css?178288605135003*/ [class*=grid-],[class*=grid_],[class~=grid]{box-sizing:border-box;display:flex;flex-flow:row wrap;margin:0 -.5rem}[class*=col-],[class*=col_],[class~=col]{box-sizing:border-box;padding:0 .5rem 1rem;max-width:100%}[class*=col_],[class~=col]{flex:1 1 0%}[class*=col-]{flex:none}[class*=grid-][class*=col-],[class*=grid-][class*=col_],[class*=grid-][class~=col],[class*=grid_][class*=col-],[class*=grid_][class*=col_],[class*=grid_][class~=col],[class~=grid][class*=col-],[class~=grid][class*=col_],[class~=grid][class~=col]{margin:0;padding:0}[class*=grid-][class*=-noGutter]{margin:0}[class*=grid-][class*=-noGutter]>[class*=col-],[class*=grid-][class*=-noGutter]>[class~=col]{padding:0}[class*=grid-][class*=-noWrap]{flex-wrap:nowrap}[class*=grid-][class*=-center]{justify-content:center}[class*=grid-][class*=-right]{justify-content:flex-end;align-self:flex-end;margin-left:auto}[class*=grid-][class*=-top]{align-items:flex-start}[class*=grid-][class*=-middle]{align-items:center}[class*=grid-][class*=-bottom]{align-items:flex-end}[class*=grid-][class*=-reverse]{flex-direction:row-reverse}[class*=grid-][class*=-column]{flex-direction:column}[class*=grid-][class*=-column]>[class*=col-]{flex-basis:auto}[class*=grid-][class*=-column-reverse]{flex-direction:column-reverse}[class*=grid-][class*=-spaceBetween]{justify-content:space-between}[class*=grid-][class*=-spaceAround]{justify-content:space-around}[class*=grid-][class*=-equalHeight]>[class*=col-],[class*=grid-][class*=-equalHeight]>[class*=col_],[class*=grid-][class*=-equalHeight]>[class~=col]{align-self:stretch}[class*=grid-][class*=-equalHeight]>[class*=col-]>*,[class*=grid-][class*=-equalHeight]>[class*=col_]>*,[class*=grid-][class*=-equalHeight]>[class~=col]>*{height:100%}[class*=grid-][class*=-noBottom]>[class*=col-],[class*=grid-][class*=-noBottom]>[class*=col_],[class*=grid-][class*=-noBottom]>[class~=col]{padding-bottom:0}[class*=col-][class*=-top]{align-self:flex-start}[class*=col-][class*=-middle]{align-self:center}[class*=col-][class*=-bottom]{align-self:flex-end}[class*=col-][class*=-first]{order:-1}[class*=col-][class*=-last]{order:1}[class*=grid-1]>[class*=col-],[class*=grid-1]>[class*=col_],[class*=grid-1]>[class~=col]{flex-basis:100%;max-width:100%}[class*=grid-2]>[class*=col-],[class*=grid-2]>[class*=col_],[class*=grid-2]>[class~=col]{flex-basis:50%;max-width:50%}[class*=grid-3]>[class*=col-],[class*=grid-3]>[class*=col_],[class*=grid-3]>[class~=col]{flex-basis:33.33333%;max-width:33.33333%}[class*=grid-4]>[class*=col-],[class*=grid-4]>[class*=col_],[class*=grid-4]>[class~=col]{flex-basis:25%;max-width:25%}[class*=grid-5]>[class*=col-],[class*=grid-5]>[class*=col_],[class*=grid-5]>[class~=col]{flex-basis:20%;max-width:20%}[class*=grid-6]>[class*=col-],[class*=grid-6]>[class*=col_],[class*=grid-6]>[class~=col]{flex-basis:16.66667%;max-width:16.66667%}[class*=grid-7]>[class*=col-],[class*=grid-7]>[class*=col_],[class*=grid-7]>[class~=col]{flex-basis:14.28571%;max-width:14.28571%}[class*=grid-8]>[class*=col-],[class*=grid-8]>[class*=col_],[class*=grid-8]>[class~=col]{flex-basis:12.5%;max-width:12.5%}[class*=grid-9]>[class*=col-],[class*=grid-9]>[class*=col_],[class*=grid-9]>[class~=col]{flex-basis:11.11111%;max-width:11.11111%}[class*=grid-10]>[class*=col-],[class*=grid-10]>[class*=col_],[class*=grid-10]>[class~=col]{flex-basis:10%;max-width:10%}[class*=grid-11]>[class*=col-],[class*=grid-11]>[class*=col_],[class*=grid-11]>[class~=col]{flex-basis:9.09091%;max-width:9.09091%}[class*=grid-12]>[class*=col-],[class*=grid-12]>[class*=col_],[class*=grid-12]>[class~=col]{flex-basis:8.33333%;max-width:8.33333%}@media (max-width:80em){[class*=_lg-1]>[class*=col-],[class*=_lg-1]>[class*=col_],[class*=_lg-1]>[class~=col]{flex-basis:100%;max-width:100%}[class*=_lg-2]>[class*=col-],[class*=_lg-2]>[class*=col_],[class*=_lg-2]>[class~=col]{flex-basis:50%;max-width:50%}[class*=_lg-3]>[class*=col-],[class*=_lg-3]>[class*=col_],[class*=_lg-3]>[class~=col]{flex-basis:33.33333%;max-width:33.33333%}[class*=_lg-4]>[class*=col-],[class*=_lg-4]>[class*=col_],[class*=_lg-4]>[class~=col]{flex-basis:25%;max-width:25%}[class*=_lg-5]>[class*=col-],[class*=_lg-5]>[class*=col_],[class*=_lg-5]>[class~=col]{flex-basis:20%;max-width:20%}[class*=_lg-6]>[class*=col-],[class*=_lg-6]>[class*=col_],[class*=_lg-6]>[class~=col]{flex-basis:16.66667%;max-width:16.66667%}[class*=_lg-7]>[class*=col-],[class*=_lg-7]>[class*=col_],[class*=_lg-7]>[class~=col]{flex-basis:14.28571%;max-width:14.28571%}[class*=_lg-8]>[class*=col-],[class*=_lg-8]>[class*=col_],[class*=_lg-8]>[class~=col]{flex-basis:12.5%;max-width:12.5%}[class*=_lg-9]>[class*=col-],[class*=_lg-9]>[class*=col_],[class*=_lg-9]>[class~=col]{flex-basis:11.11111%;max-width:11.11111%}[class*=_lg-10]>[class*=col-],[class*=_lg-10]>[class*=col_],[class*=_lg-10]>[class~=col]{flex-basis:10%;max-width:10%}[class*=_lg-11]>[class*=col-],[class*=_lg-11]>[class*=col_],[class*=_lg-11]>[class~=col]{flex-basis:9.09091%;max-width:9.09091%}[class*=_lg-12]>[class*=col-],[class*=_lg-12]>[class*=col_],[class*=_lg-12]>[class~=col]{flex-basis:8.33333%;max-width:8.33333%}}@media (max-width:64em){[class*=_md-1]>[class*=col-],[class*=_md-1]>[class*=col_],[class*=_md-1]>[class~=col]{flex-basis:100%;max-width:100%}[class*=_md-2]>[class*=col-],[class*=_md-2]>[class*=col_],[class*=_md-2]>[class~=col]{flex-basis:50%;max-width:50%}[class*=_md-3]>[class*=col-],[class*=_md-3]>[class*=col_],[class*=_md-3]>[class~=col]{flex-basis:33.33333%;max-width:33.33333%}[class*=_md-4]>[class*=col-],[class*=_md-4]>[class*=col_],[class*=_md-4]>[class~=col]{flex-basis:25%;max-width:25%}[class*=_md-5]>[class*=col-],[class*=_md-5]>[class*=col_],[class*=_md-5]>[class~=col]{flex-basis:20%;max-width:20%}[class*=_md-6]>[class*=col-],[class*=_md-6]>[class*=col_],[class*=_md-6]>[class~=col]{flex-basis:16.66667%;max-width:16.66667%}[class*=_md-7]>[class*=col-],[class*=_md-7]>[class*=col_],[class*=_md-7]>[class~=col]{flex-basis:14.28571%;max-width:14.28571%}[class*=_md-8]>[class*=col-],[class*=_md-8]>[class*=col_],[class*=_md-8]>[class~=col]{flex-basis:12.5%;max-width:12.5%}[class*=_md-9]>[class*=col-],[class*=_md-9]>[class*=col_],[class*=_md-9]>[class~=col]{flex-basis:11.11111%;max-width:11.11111%}[class*=_md-10]>[class*=col-],[class*=_md-10]>[class*=col_],[class*=_md-10]>[class~=col]{flex-basis:10%;max-width:10%}[class*=_md-11]>[class*=col-],[class*=_md-11]>[class*=col_],[class*=_md-11]>[class~=col]{flex-basis:9.09091%;max-width:9.09091%}[class*=_md-12]>[class*=col-],[class*=_md-12]>[class*=col_],[class*=_md-12]>[class~=col]{flex-basis:8.33333%;max-width:8.33333%}}@media (max-width:48em){[class*=_sm-1]>[class*=col-],[class*=_sm-1]>[class*=col_],[class*=_sm-1]>[class~=col]{flex-basis:100%;max-width:100%}[class*=_sm-2]>[class*=col-],[class*=_sm-2]>[class*=col_],[class*=_sm-2]>[class~=col]{flex-basis:50%;max-width:50%}[class*=_sm-3]>[class*=col-],[class*=_sm-3]>[class*=col_],[class*=_sm-3]>[class~=col]{flex-basis:33.33333%;max-width:33.33333%}[class*=_sm-4]>[class*=col-],[class*=_sm-4]>[class*=col_],[class*=_sm-4]>[class~=col]{flex-basis:25%;max-width:25%}[class*=_sm-5]>[class*=col-],[class*=_sm-5]>[class*=col_],[class*=_sm-5]>[class~=col]{flex-basis:20%;max-width:20%}[class*=_sm-6]>[class*=col-],[class*=_sm-6]>[class*=col_],[class*=_sm-6]>[class~=col]{flex-basis:16.66667%;max-width:16.66667%}[class*=_sm-7]>[class*=col-],[class*=_sm-7]>[class*=col_],[class*=_sm-7]>[class~=col]{flex-basis:14.28571%;max-width:14.28571%}[class*=_sm-8]>[class*=col-],[class*=_sm-8]>[class*=col_],[class*=_sm-8]>[class~=col]{flex-basis:12.5%;max-width:12.5%}[class*=_sm-9]>[class*=col-],[class*=_sm-9]>[class*=col_],[class*=_sm-9]>[class~=col]{flex-basis:11.11111%;max-width:11.11111%}[class*=_sm-10]>[class*=col-],[class*=_sm-10]>[class*=col_],[class*=_sm-10]>[class~=col]{flex-basis:10%;max-width:10%}[class*=_sm-11]>[class*=col-],[class*=_sm-11]>[class*=col_],[class*=_sm-11]>[class~=col]{flex-basis:9.09091%;max-width:9.09091%}[class*=_sm-12]>[class*=col-],[class*=_sm-12]>[class*=col_],[class*=_sm-12]>[class~=col]{flex-basis:8.33333%;max-width:8.33333%}}@media (max-width:36em){[class*=_xs-1]>[class*=col-],[class*=_xs-1]>[class*=col_],[class*=_xs-1]>[class~=col]{flex-basis:100%;max-width:100%}[class*=_xs-2]>[class*=col-],[class*=_xs-2]>[class*=col_],[class*=_xs-2]>[class~=col]{flex-basis:50%;max-width:50%}[class*=_xs-3]>[class*=col-],[class*=_xs-3]>[class*=col_],[class*=_xs-3]>[class~=col]{flex-basis:33.33333%;max-width:33.33333%}[class*=_xs-4]>[class*=col-],[class*=_xs-4]>[class*=col_],[class*=_xs-4]>[class~=col]{flex-basis:25%;max-width:25%}[class*=_xs-5]>[class*=col-],[class*=_xs-5]>[class*=col_],[class*=_xs-5]>[class~=col]{flex-basis:20%;max-width:20%}[class*=_xs-6]>[class*=col-],[class*=_xs-6]>[class*=col_],[class*=_xs-6]>[class~=col]{flex-basis:16.66667%;max-width:16.66667%}[class*=_xs-7]>[class*=col-],[class*=_xs-7]>[class*=col_],[class*=_xs-7]>[class~=col]{flex-basis:14.28571%;max-width:14.28571%}[class*=_xs-8]>[class*=col-],[class*=_xs-8]>[class*=col_],[class*=_xs-8]>[class~=col]{flex-basis:12.5%;max-width:12.5%}[class*=_xs-9]>[class*=col-],[class*=_xs-9]>[class*=col_],[class*=_xs-9]>[class~=col]{flex-basis:11.11111%;max-width:11.11111%}[class*=_xs-10]>[class*=col-],[class*=_xs-10]>[class*=col_],[class*=_xs-10]>[class~=col]{flex-basis:10%;max-width:10%}[class*=_xs-11]>[class*=col-],[class*=_xs-11]>[class*=col_],[class*=_xs-11]>[class~=col]{flex-basis:9.09091%;max-width:9.09091%}[class*=_xs-12]>[class*=col-],[class*=_xs-12]>[class*=col_],[class*=_xs-12]>[class~=col]{flex-basis:8.33333%;max-width:8.33333%}}[class*=grid-]>[class*=col-1],[class*=grid_]>[class*=col-1],[class~=grid]>[class*=col-1]{flex-basis:8.33333%;max-width:8.33333%}[class*=grid-]>[class*=col-2],[class*=grid_]>[class*=col-2],[class~=grid]>[class*=col-2]{flex-basis:16.66667%;max-width:16.66667%}[class*=grid-]>[class*=col-3],[class*=grid_]>[class*=col-3],[class~=grid]>[class*=col-3]{flex-basis:25%;max-width:25%}[class*=grid-]>[class*=col-4],[class*=grid_]>[class*=col-4],[class~=grid]>[class*=col-4]{flex-basis:33.33333%;max-width:33.33333%}[class*=grid-]>[class*=col-5],[class*=grid_]>[class*=col-5],[class~=grid]>[class*=col-5]{flex-basis:41.66667%;max-width:41.66667%}[class*=grid-]>[class*=col-6],[class*=grid_]>[class*=col-6],[class~=grid]>[class*=col-6]{flex-basis:50%;max-width:50%}[class*=grid-]>[class*=col-7],[class*=grid_]>[class*=col-7],[class~=grid]>[class*=col-7]{flex-basis:58.33333%;max-width:58.33333%}[class*=grid-]>[class*=col-8],[class*=grid_]>[class*=col-8],[class~=grid]>[class*=col-8]{flex-basis:66.66667%;max-width:66.66667%}[class*=grid-]>[class*=col-9],[class*=grid_]>[class*=col-9],[class~=grid]>[class*=col-9]{flex-basis:75%;max-width:75%}[class*=grid-]>[class*=col-10],[class*=grid_]>[class*=col-10],[class~=grid]>[class*=col-10]{flex-basis:83.33333%;max-width:83.33333%}[class*=grid-]>[class*=col-11],[class*=grid_]>[class*=col-11],[class~=grid]>[class*=col-11]{flex-basis:91.66667%;max-width:91.66667%}[class*=grid-]>[class*=col-12],[class*=grid_]>[class*=col-12],[class~=grid]>[class*=col-12]{flex-basis:100%;max-width:100%}[class*=grid-]>[data-push-left*=off-0],[class*=grid_]>[data-push-left*=off-0],[class~=grid]>[data-push-left*=off-0]{margin-left:0}[class*=grid-]>[data-push-left*=off-1],[class*=grid_]>[data-push-left*=off-1],[class~=grid]>[data-push-left*=off-1]{margin-left:8.33333%}[class*=grid-]>[data-push-left*=off-2],[class*=grid_]>[data-push-left*=off-2],[class~=grid]>[data-push-left*=off-2]{margin-left:16.66667%}[class*=grid-]>[data-push-left*=off-3],[class*=grid_]>[data-push-left*=off-3],[class~=grid]>[data-push-left*=off-3]{margin-left:25%}[class*=grid-]>[data-push-left*=off-4],[class*=grid_]>[data-push-left*=off-4],[class~=grid]>[data-push-left*=off-4]{margin-left:33.33333%}[class*=grid-]>[data-push-left*=off-5],[class*=grid_]>[data-push-left*=off-5],[class~=grid]>[data-push-left*=off-5]{margin-left:41.66667%}[class*=grid-]>[data-push-left*=off-6],[class*=grid_]>[data-push-left*=off-6],[class~=grid]>[data-push-left*=off-6]{margin-left:50%}[class*=grid-]>[data-push-left*=off-7],[class*=grid_]>[data-push-left*=off-7],[class~=grid]>[data-push-left*=off-7]{margin-left:58.33333%}[class*=grid-]>[data-push-left*=off-8],[class*=grid_]>[data-push-left*=off-8],[class~=grid]>[data-push-left*=off-8]{margin-left:66.66667%}[class*=grid-]>[data-push-left*=off-9],[class*=grid_]>[data-push-left*=off-9],[class~=grid]>[data-push-left*=off-9]{margin-left:75%}[class*=grid-]>[data-push-left*=off-10],[class*=grid_]>[data-push-left*=off-10],[class~=grid]>[data-push-left*=off-10]{margin-left:83.33333%}[class*=grid-]>[data-push-left*=off-11],[class*=grid_]>[data-push-left*=off-11],[class~=grid]>[data-push-left*=off-11]{margin-left:91.66667%}[class*=grid-]>[data-push-right*=off-0],[class*=grid_]>[data-push-right*=off-0],[class~=grid]>[data-push-right*=off-0]{margin-right:0}[class*=grid-]>[data-push-right*=off-1],[class*=grid_]>[data-push-right*=off-1],[class~=grid]>[data-push-right*=off-1]{margin-right:8.33333%}[class*=grid-]>[data-push-right*=off-2],[class*=grid_]>[data-push-right*=off-2],[class~=grid]>[data-push-right*=off-2]{margin-right:16.66667%}[class*=grid-]>[data-push-right*=off-3],[class*=grid_]>[data-push-right*=off-3],[class~=grid]>[data-push-right*=off-3]{margin-right:25%}[class*=grid-]>[data-push-right*=off-4],[class*=grid_]>[data-push-right*=off-4],[class~=grid]>[data-push-right*=off-4]{margin-right:33.33333%}[class*=grid-]>[data-push-right*=off-5],[class*=grid_]>[data-push-right*=off-5],[class~=grid]>[data-push-right*=off-5]{margin-right:41.66667%}[class*=grid-]>[data-push-right*=off-6],[class*=grid_]>[data-push-right*=off-6],[class~=grid]>[data-push-right*=off-6]{margin-right:50%}[class*=grid-]>[data-push-right*=off-7],[class*=grid_]>[data-push-right*=off-7],[class~=grid]>[data-push-right*=off-7]{margin-right:58.33333%}[class*=grid-]>[data-push-right*=off-8],[class*=grid_]>[data-push-right*=off-8],[class~=grid]>[data-push-right*=off-8]{margin-right:66.66667%}[class*=grid-]>[data-push-right*=off-9],[class*=grid_]>[data-push-right*=off-9],[class~=grid]>[data-push-right*=off-9]{margin-right:75%}[class*=grid-]>[data-push-right*=off-10],[class*=grid_]>[data-push-right*=off-10],[class~=grid]>[data-push-right*=off-10]{margin-right:83.33333%}[class*=grid-]>[data-push-right*=off-11],[class*=grid_]>[data-push-right*=off-11],[class~=grid]>[data-push-right*=off-11]{margin-right:91.66667%}@media (max-width:80em){[class*=grid-]>[class*=_lg-1],[class*=grid_]>[class*=_lg-1],[class~=grid]>[class*=_lg-1]{flex-basis:8.33333%;max-width:8.33333%}[class*=grid-]>[class*=_lg-2],[class*=grid_]>[class*=_lg-2],[class~=grid]>[class*=_lg-2]{flex-basis:16.66667%;max-width:16.66667%}[class*=grid-]>[class*=_lg-3],[class*=grid_]>[class*=_lg-3],[class~=grid]>[class*=_lg-3]{flex-basis:25%;max-width:25%}[class*=grid-]>[class*=_lg-4],[class*=grid_]>[class*=_lg-4],[class~=grid]>[class*=_lg-4]{flex-basis:33.33333%;max-width:33.33333%}[class*=grid-]>[class*=_lg-5],[class*=grid_]>[class*=_lg-5],[class~=grid]>[class*=_lg-5]{flex-basis:41.66667%;max-width:41.66667%}[class*=grid-]>[class*=_lg-6],[class*=grid_]>[class*=_lg-6],[class~=grid]>[class*=_lg-6]{flex-basis:50%;max-width:50%}[class*=grid-]>[class*=_lg-7],[class*=grid_]>[class*=_lg-7],[class~=grid]>[class*=_lg-7]{flex-basis:58.33333%;max-width:58.33333%}[class*=grid-]>[class*=_lg-8],[class*=grid_]>[class*=_lg-8],[class~=grid]>[class*=_lg-8]{flex-basis:66.66667%;max-width:66.66667%}[class*=grid-]>[class*=_lg-9],[class*=grid_]>[class*=_lg-9],[class~=grid]>[class*=_lg-9]{flex-basis:75%;max-width:75%}[class*=grid-]>[class*=_lg-10],[class*=grid_]>[class*=_lg-10],[class~=grid]>[class*=_lg-10]{flex-basis:83.33333%;max-width:83.33333%}[class*=grid-]>[class*=_lg-11],[class*=grid_]>[class*=_lg-11],[class~=grid]>[class*=_lg-11]{flex-basis:91.66667%;max-width:91.66667%}[class*=grid-]>[class*=_lg-12],[class*=grid_]>[class*=_lg-12],[class~=grid]>[class*=_lg-12]{flex-basis:100%;max-width:100%}[class*=grid-]>[data-push-left*=_lg-0],[class*=grid_]>[data-push-left*=_lg-0],[class~=grid]>[data-push-left*=_lg-0]{margin-left:0}[class*=grid-]>[data-push-left*=_lg-1],[class*=grid_]>[data-push-left*=_lg-1],[class~=grid]>[data-push-left*=_lg-1]{margin-left:8.33333%}[class*=grid-]>[data-push-left*=_lg-2],[class*=grid_]>[data-push-left*=_lg-2],[class~=grid]>[data-push-left*=_lg-2]{margin-left:16.66667%}[class*=grid-]>[data-push-left*=_lg-3],[class*=grid_]>[data-push-left*=_lg-3],[class~=grid]>[data-push-left*=_lg-3]{margin-left:25%}[class*=grid-]>[data-push-left*=_lg-4],[class*=grid_]>[data-push-left*=_lg-4],[class~=grid]>[data-push-left*=_lg-4]{margin-left:33.33333%}[class*=grid-]>[data-push-left*=_lg-5],[class*=grid_]>[data-push-left*=_lg-5],[class~=grid]>[data-push-left*=_lg-5]{margin-left:41.66667%}[class*=grid-]>[data-push-left*=_lg-6],[class*=grid_]>[data-push-left*=_lg-6],[class~=grid]>[data-push-left*=_lg-6]{margin-left:50%}[class*=grid-]>[data-push-left*=_lg-7],[class*=grid_]>[data-push-left*=_lg-7],[class~=grid]>[data-push-left*=_lg-7]{margin-left:58.33333%}[class*=grid-]>[data-push-left*=_lg-8],[class*=grid_]>[data-push-left*=_lg-8],[class~=grid]>[data-push-left*=_lg-8]{margin-left:66.66667%}[class*=grid-]>[data-push-left*=_lg-9],[class*=grid_]>[data-push-left*=_lg-9],[class~=grid]>[data-push-left*=_lg-9]{margin-left:75%}[class*=grid-]>[data-push-left*=_lg-10],[class*=grid_]>[data-push-left*=_lg-10],[class~=grid]>[data-push-left*=_lg-10]{margin-left:83.33333%}[class*=grid-]>[data-push-left*=_lg-11],[class*=grid_]>[data-push-left*=_lg-11],[class~=grid]>[data-push-left*=_lg-11]{margin-left:91.66667%}[class*=grid-]>[data-push-right*=_lg-0],[class*=grid_]>[data-push-right*=_lg-0],[class~=grid]>[data-push-right*=_lg-0]{margin-right:0}[class*=grid-]>[data-push-right*=_lg-1],[class*=grid_]>[data-push-right*=_lg-1],[class~=grid]>[data-push-right*=_lg-1]{margin-right:8.33333%}[class*=grid-]>[data-push-right*=_lg-2],[class*=grid_]>[data-push-right*=_lg-2],[class~=grid]>[data-push-right*=_lg-2]{margin-right:16.66667%}[class*=grid-]>[data-push-right*=_lg-3],[class*=grid_]>[data-push-right*=_lg-3],[class~=grid]>[data-push-right*=_lg-3]{margin-right:25%}[class*=grid-]>[data-push-right*=_lg-4],[class*=grid_]>[data-push-right*=_lg-4],[class~=grid]>[data-push-right*=_lg-4]{margin-right:33.33333%}[class*=grid-]>[data-push-right*=_lg-5],[class*=grid_]>[data-push-right*=_lg-5],[class~=grid]>[data-push-right*=_lg-5]{margin-right:41.66667%}[class*=grid-]>[data-push-right*=_lg-6],[class*=grid_]>[data-push-right*=_lg-6],[class~=grid]>[data-push-right*=_lg-6]{margin-right:50%}[class*=grid-]>[data-push-right*=_lg-7],[class*=grid_]>[data-push-right*=_lg-7],[class~=grid]>[data-push-right*=_lg-7]{margin-right:58.33333%}[class*=grid-]>[data-push-right*=_lg-8],[class*=grid_]>[data-push-right*=_lg-8],[class~=grid]>[data-push-right*=_lg-8]{margin-right:66.66667%}[class*=grid-]>[data-push-right*=_lg-9],[class*=grid_]>[data-push-right*=_lg-9],[class~=grid]>[data-push-right*=_lg-9]{margin-right:75%}[class*=grid-]>[data-push-right*=_lg-10],[class*=grid_]>[data-push-right*=_lg-10],[class~=grid]>[data-push-right*=_lg-10]{margin-right:83.33333%}[class*=grid-]>[data-push-right*=_lg-11],[class*=grid_]>[data-push-right*=_lg-11],[class~=grid]>[data-push-right*=_lg-11]{margin-right:91.66667%}[class*=grid-] [class*=_lg-first],[class*=grid_] [class*=_lg-first],[class~=grid] [class*=_lg-first]{order:-1}[class*=grid-] [class*=_lg-last],[class*=grid_] [class*=_lg-last],[class~=grid] [class*=_lg-last]{order:1}}@media (max-width:64em){[class*=grid-]>[class*=_md-1],[class*=grid_]>[class*=_md-1],[class~=grid]>[class*=_md-1]{flex-basis:8.33333%;max-width:8.33333%}[class*=grid-]>[class*=_md-2],[class*=grid_]>[class*=_md-2],[class~=grid]>[class*=_md-2]{flex-basis:16.66667%;max-width:16.66667%}[class*=grid-]>[class*=_md-3],[class*=grid_]>[class*=_md-3],[class~=grid]>[class*=_md-3]{flex-basis:25%;max-width:25%}[class*=grid-]>[class*=_md-4],[class*=grid_]>[class*=_md-4],[class~=grid]>[class*=_md-4]{flex-basis:33.33333%;max-width:33.33333%}[class*=grid-]>[class*=_md-5],[class*=grid_]>[class*=_md-5],[class~=grid]>[class*=_md-5]{flex-basis:41.66667%;max-width:41.66667%}[class*=grid-]>[class*=_md-6],[class*=grid_]>[class*=_md-6],[class~=grid]>[class*=_md-6]{flex-basis:50%;max-width:50%}[class*=grid-]>[class*=_md-7],[class*=grid_]>[class*=_md-7],[class~=grid]>[class*=_md-7]{flex-basis:58.33333%;max-width:58.33333%}[class*=grid-]>[class*=_md-8],[class*=grid_]>[class*=_md-8],[class~=grid]>[class*=_md-8]{flex-basis:66.66667%;max-width:66.66667%}[class*=grid-]>[class*=_md-9],[class*=grid_]>[class*=_md-9],[class~=grid]>[class*=_md-9]{flex-basis:75%;max-width:75%}[class*=grid-]>[class*=_md-10],[class*=grid_]>[class*=_md-10],[class~=grid]>[class*=_md-10]{flex-basis:83.33333%;max-width:83.33333%}[class*=grid-]>[class*=_md-11],[class*=grid_]>[class*=_md-11],[class~=grid]>[class*=_md-11]{flex-basis:91.66667%;max-width:91.66667%}[class*=grid-]>[class*=_md-12],[class*=grid_]>[class*=_md-12],[class~=grid]>[class*=_md-12]{flex-basis:100%;max-width:100%}[class*=grid-]>[data-push-left*=_md-0],[class*=grid_]>[data-push-left*=_md-0],[class~=grid]>[data-push-left*=_md-0]{margin-left:0}[class*=grid-]>[data-push-left*=_md-1],[class*=grid_]>[data-push-left*=_md-1],[class~=grid]>[data-push-left*=_md-1]{margin-left:8.33333%}[class*=grid-]>[data-push-left*=_md-2],[class*=grid_]>[data-push-left*=_md-2],[class~=grid]>[data-push-left*=_md-2]{margin-left:16.66667%}[class*=grid-]>[data-push-left*=_md-3],[class*=grid_]>[data-push-left*=_md-3],[class~=grid]>[data-push-left*=_md-3]{margin-left:25%}[class*=grid-]>[data-push-left*=_md-4],[class*=grid_]>[data-push-left*=_md-4],[class~=grid]>[data-push-left*=_md-4]{margin-left:33.33333%}[class*=grid-]>[data-push-left*=_md-5],[class*=grid_]>[data-push-left*=_md-5],[class~=grid]>[data-push-left*=_md-5]{margin-left:41.66667%}[class*=grid-]>[data-push-left*=_md-6],[class*=grid_]>[data-push-left*=_md-6],[class~=grid]>[data-push-left*=_md-6]{margin-left:50%}[class*=grid-]>[data-push-left*=_md-7],[class*=grid_]>[data-push-left*=_md-7],[class~=grid]>[data-push-left*=_md-7]{margin-left:58.33333%}[class*=grid-]>[data-push-left*=_md-8],[class*=grid_]>[data-push-left*=_md-8],[class~=grid]>[data-push-left*=_md-8]{margin-left:66.66667%}[class*=grid-]>[data-push-left*=_md-9],[class*=grid_]>[data-push-left*=_md-9],[class~=grid]>[data-push-left*=_md-9]{margin-left:75%}[class*=grid-]>[data-push-left*=_md-10],[class*=grid_]>[data-push-left*=_md-10],[class~=grid]>[data-push-left*=_md-10]{margin-left:83.33333%}[class*=grid-]>[data-push-left*=_md-11],[class*=grid_]>[data-push-left*=_md-11],[class~=grid]>[data-push-left*=_md-11]{margin-left:91.66667%}[class*=grid-]>[data-push-right*=_md-0],[class*=grid_]>[data-push-right*=_md-0],[class~=grid]>[data-push-right*=_md-0]{margin-right:0}[class*=grid-]>[data-push-right*=_md-1],[class*=grid_]>[data-push-right*=_md-1],[class~=grid]>[data-push-right*=_md-1]{margin-right:8.33333%}[class*=grid-]>[data-push-right*=_md-2],[class*=grid_]>[data-push-right*=_md-2],[class~=grid]>[data-push-right*=_md-2]{margin-right:16.66667%}[class*=grid-]>[data-push-right*=_md-3],[class*=grid_]>[data-push-right*=_md-3],[class~=grid]>[data-push-right*=_md-3]{margin-right:25%}[class*=grid-]>[data-push-right*=_md-4],[class*=grid_]>[data-push-right*=_md-4],[class~=grid]>[data-push-right*=_md-4]{margin-right:33.33333%}[class*=grid-]>[data-push-right*=_md-5],[class*=grid_]>[data-push-right*=_md-5],[class~=grid]>[data-push-right*=_md-5]{margin-right:41.66667%}[class*=grid-]>[data-push-right*=_md-6],[class*=grid_]>[data-push-right*=_md-6],[class~=grid]>[data-push-right*=_md-6]{margin-right:50%}[class*=grid-]>[data-push-right*=_md-7],[class*=grid_]>[data-push-right*=_md-7],[class~=grid]>[data-push-right*=_md-7]{margin-right:58.33333%}[class*=grid-]>[data-push-right*=_md-8],[class*=grid_]>[data-push-right*=_md-8],[class~=grid]>[data-push-right*=_md-8]{margin-right:66.66667%}[class*=grid-]>[data-push-right*=_md-9],[class*=grid_]>[data-push-right*=_md-9],[class~=grid]>[data-push-right*=_md-9]{margin-right:75%}[class*=grid-]>[data-push-right*=_md-10],[class*=grid_]>[data-push-right*=_md-10],[class~=grid]>[data-push-right*=_md-10]{margin-right:83.33333%}[class*=grid-]>[data-push-right*=_md-11],[class*=grid_]>[data-push-right*=_md-11],[class~=grid]>[data-push-right*=_md-11]{margin-right:91.66667%}[class*=grid-] [class*=_md-first],[class*=grid_] [class*=_md-first],[class~=grid] [class*=_md-first]{order:-1}[class*=grid-] [class*=_md-last],[class*=grid_] [class*=_md-last],[class~=grid] [class*=_md-last]{order:1}}@media (max-width:48em){[class*=grid-]>[class*=_sm-1],[class*=grid_]>[class*=_sm-1],[class~=grid]>[class*=_sm-1]{flex-basis:8.33333%;max-width:8.33333%}[class*=grid-]>[class*=_sm-2],[class*=grid_]>[class*=_sm-2],[class~=grid]>[class*=_sm-2]{flex-basis:16.66667%;max-width:16.66667%}[class*=grid-]>[class*=_sm-3],[class*=grid_]>[class*=_sm-3],[class~=grid]>[class*=_sm-3]{flex-basis:25%;max-width:25%}[class*=grid-]>[class*=_sm-4],[class*=grid_]>[class*=_sm-4],[class~=grid]>[class*=_sm-4]{flex-basis:33.33333%;max-width:33.33333%}[class*=grid-]>[class*=_sm-5],[class*=grid_]>[class*=_sm-5],[class~=grid]>[class*=_sm-5]{flex-basis:41.66667%;max-width:41.66667%}[class*=grid-]>[class*=_sm-6],[class*=grid_]>[class*=_sm-6],[class~=grid]>[class*=_sm-6]{flex-basis:50%;max-width:50%}[class*=grid-]>[class*=_sm-7],[class*=grid_]>[class*=_sm-7],[class~=grid]>[class*=_sm-7]{flex-basis:58.33333%;max-width:58.33333%}[class*=grid-]>[class*=_sm-8],[class*=grid_]>[class*=_sm-8],[class~=grid]>[class*=_sm-8]{flex-basis:66.66667%;max-width:66.66667%}[class*=grid-]>[class*=_sm-9],[class*=grid_]>[class*=_sm-9],[class~=grid]>[class*=_sm-9]{flex-basis:75%;max-width:75%}[class*=grid-]>[class*=_sm-10],[class*=grid_]>[class*=_sm-10],[class~=grid]>[class*=_sm-10]{flex-basis:83.33333%;max-width:83.33333%}[class*=grid-]>[class*=_sm-11],[class*=grid_]>[class*=_sm-11],[class~=grid]>[class*=_sm-11]{flex-basis:91.66667%;max-width:91.66667%}[class*=grid-]>[class*=_sm-12],[class*=grid_]>[class*=_sm-12],[class~=grid]>[class*=_sm-12]{flex-basis:100%;max-width:100%}[class*=grid-]>[data-push-left*=_sm-0],[class*=grid_]>[data-push-left*=_sm-0],[class~=grid]>[data-push-left*=_sm-0]{margin-left:0}[class*=grid-]>[data-push-left*=_sm-1],[class*=grid_]>[data-push-left*=_sm-1],[class~=grid]>[data-push-left*=_sm-1]{margin-left:8.33333%}[class*=grid-]>[data-push-left*=_sm-2],[class*=grid_]>[data-push-left*=_sm-2],[class~=grid]>[data-push-left*=_sm-2]{margin-left:16.66667%}[class*=grid-]>[data-push-left*=_sm-3],[class*=grid_]>[data-push-left*=_sm-3],[class~=grid]>[data-push-left*=_sm-3]{margin-left:25%}[class*=grid-]>[data-push-left*=_sm-4],[class*=grid_]>[data-push-left*=_sm-4],[class~=grid]>[data-push-left*=_sm-4]{margin-left:33.33333%}[class*=grid-]>[data-push-left*=_sm-5],[class*=grid_]>[data-push-left*=_sm-5],[class~=grid]>[data-push-left*=_sm-5]{margin-left:41.66667%}[class*=grid-]>[data-push-left*=_sm-6],[class*=grid_]>[data-push-left*=_sm-6],[class~=grid]>[data-push-left*=_sm-6]{margin-left:50%}[class*=grid-]>[data-push-left*=_sm-7],[class*=grid_]>[data-push-left*=_sm-7],[class~=grid]>[data-push-left*=_sm-7]{margin-left:58.33333%}[class*=grid-]>[data-push-left*=_sm-8],[class*=grid_]>[data-push-left*=_sm-8],[class~=grid]>[data-push-left*=_sm-8]{margin-left:66.66667%}[class*=grid-]>[data-push-left*=_sm-9],[class*=grid_]>[data-push-left*=_sm-9],[class~=grid]>[data-push-left*=_sm-9]{margin-left:75%}[class*=grid-]>[data-push-left*=_sm-10],[class*=grid_]>[data-push-left*=_sm-10],[class~=grid]>[data-push-left*=_sm-10]{margin-left:83.33333%}[class*=grid-]>[data-push-left*=_sm-11],[class*=grid_]>[data-push-left*=_sm-11],[class~=grid]>[data-push-left*=_sm-11]{margin-left:91.66667%}[class*=grid-]>[data-push-right*=_sm-0],[class*=grid_]>[data-push-right*=_sm-0],[class~=grid]>[data-push-right*=_sm-0]{margin-right:0}[class*=grid-]>[data-push-right*=_sm-1],[class*=grid_]>[data-push-right*=_sm-1],[class~=grid]>[data-push-right*=_sm-1]{margin-right:8.33333%}[class*=grid-]>[data-push-right*=_sm-2],[class*=grid_]>[data-push-right*=_sm-2],[class~=grid]>[data-push-right*=_sm-2]{margin-right:16.66667%}[class*=grid-]>[data-push-right*=_sm-3],[class*=grid_]>[data-push-right*=_sm-3],[class~=grid]>[data-push-right*=_sm-3]{margin-right:25%}[class*=grid-]>[data-push-right*=_sm-4],[class*=grid_]>[data-push-right*=_sm-4],[class~=grid]>[data-push-right*=_sm-4]{margin-right:33.33333%}[class*=grid-]>[data-push-right*=_sm-5],[class*=grid_]>[data-push-right*=_sm-5],[class~=grid]>[data-push-right*=_sm-5]{margin-right:41.66667%}[class*=grid-]>[data-push-right*=_sm-6],[class*=grid_]>[data-push-right*=_sm-6],[class~=grid]>[data-push-right*=_sm-6]{margin-right:50%}[class*=grid-]>[data-push-right*=_sm-7],[class*=grid_]>[data-push-right*=_sm-7],[class~=grid]>[data-push-right*=_sm-7]{margin-right:58.33333%}[class*=grid-]>[data-push-right*=_sm-8],[class*=grid_]>[data-push-right*=_sm-8],[class~=grid]>[data-push-right*=_sm-8]{margin-right:66.66667%}[class*=grid-]>[data-push-right*=_sm-9],[class*=grid_]>[data-push-right*=_sm-9],[class~=grid]>[data-push-right*=_sm-9]{margin-right:75%}[class*=grid-]>[data-push-right*=_sm-10],[class*=grid_]>[data-push-right*=_sm-10],[class~=grid]>[data-push-right*=_sm-10]{margin-right:83.33333%}[class*=grid-]>[data-push-right*=_sm-11],[class*=grid_]>[data-push-right*=_sm-11],[class~=grid]>[data-push-right*=_sm-11]{margin-right:91.66667%}[class*=grid-] [class*=_sm-first],[class*=grid_] [class*=_sm-first],[class~=grid] [class*=_sm-first]{order:-1}[class*=grid-] [class*=_sm-last],[class*=grid_] [class*=_sm-last],[class~=grid] [class*=_sm-last]{order:1}}@media (max-width:36em){[class*=grid-]>[class*=_xs-1],[class*=grid_]>[class*=_xs-1],[class~=grid]>[class*=_xs-1]{flex-basis:8.33333%;max-width:8.33333%}[class*=grid-]>[class*=_xs-2],[class*=grid_]>[class*=_xs-2],[class~=grid]>[class*=_xs-2]{flex-basis:16.66667%;max-width:16.66667%}[class*=grid-]>[class*=_xs-3],[class*=grid_]>[class*=_xs-3],[class~=grid]>[class*=_xs-3]{flex-basis:25%;max-width:25%}[class*=grid-]>[class*=_xs-4],[class*=grid_]>[class*=_xs-4],[class~=grid]>[class*=_xs-4]{flex-basis:33.33333%;max-width:33.33333%}[class*=grid-]>[class*=_xs-5],[class*=grid_]>[class*=_xs-5],[class~=grid]>[class*=_xs-5]{flex-basis:41.66667%;max-width:41.66667%}[class*=grid-]>[class*=_xs-6],[class*=grid_]>[class*=_xs-6],[class~=grid]>[class*=_xs-6]{flex-basis:50%;max-width:50%}[class*=grid-]>[class*=_xs-7],[class*=grid_]>[class*=_xs-7],[class~=grid]>[class*=_xs-7]{flex-basis:58.33333%;max-width:58.33333%}[class*=grid-]>[class*=_xs-8],[class*=grid_]>[class*=_xs-8],[class~=grid]>[class*=_xs-8]{flex-basis:66.66667%;max-width:66.66667%}[class*=grid-]>[class*=_xs-9],[class*=grid_]>[class*=_xs-9],[class~=grid]>[class*=_xs-9]{flex-basis:75%;max-width:75%}[class*=grid-]>[class*=_xs-10],[class*=grid_]>[class*=_xs-10],[class~=grid]>[class*=_xs-10]{flex-basis:83.33333%;max-width:83.33333%}[class*=grid-]>[class*=_xs-11],[class*=grid_]>[class*=_xs-11],[class~=grid]>[class*=_xs-11]{flex-basis:91.66667%;max-width:91.66667%}[class*=grid-]>[class*=_xs-12],[class*=grid_]>[class*=_xs-12],[class~=grid]>[class*=_xs-12]{flex-basis:100%;max-width:100%}[class*=grid-]>[data-push-left*=_xs-0],[class*=grid_]>[data-push-left*=_xs-0],[class~=grid]>[data-push-left*=_xs-0]{margin-left:0}[class*=grid-]>[data-push-left*=_xs-1],[class*=grid_]>[data-push-left*=_xs-1],[class~=grid]>[data-push-left*=_xs-1]{margin-left:8.33333%}[class*=grid-]>[data-push-left*=_xs-2],[class*=grid_]>[data-push-left*=_xs-2],[class~=grid]>[data-push-left*=_xs-2]{margin-left:16.66667%}[class*=grid-]>[data-push-left*=_xs-3],[class*=grid_]>[data-push-left*=_xs-3],[class~=grid]>[data-push-left*=_xs-3]{margin-left:25%}[class*=grid-]>[data-push-left*=_xs-4],[class*=grid_]>[data-push-left*=_xs-4],[class~=grid]>[data-push-left*=_xs-4]{margin-left:33.33333%}[class*=grid-]>[data-push-left*=_xs-5],[class*=grid_]>[data-push-left*=_xs-5],[class~=grid]>[data-push-left*=_xs-5]{margin-left:41.66667%}[class*=grid-]>[data-push-left*=_xs-6],[class*=grid_]>[data-push-left*=_xs-6],[class~=grid]>[data-push-left*=_xs-6]{margin-left:50%}[class*=grid-]>[data-push-left*=_xs-7],[class*=grid_]>[data-push-left*=_xs-7],[class~=grid]>[data-push-left*=_xs-7]{margin-left:58.33333%}[class*=grid-]>[data-push-left*=_xs-8],[class*=grid_]>[data-push-left*=_xs-8],[class~=grid]>[data-push-left*=_xs-8]{margin-left:66.66667%}[class*=grid-]>[data-push-left*=_xs-9],[class*=grid_]>[data-push-left*=_xs-9],[class~=grid]>[data-push-left*=_xs-9]{margin-left:75%}[class*=grid-]>[data-push-left*=_xs-10],[class*=grid_]>[data-push-left*=_xs-10],[class~=grid]>[data-push-left*=_xs-10]{margin-left:83.33333%}[class*=grid-]>[data-push-left*=_xs-11],[class*=grid_]>[data-push-left*=_xs-11],[class~=grid]>[data-push-left*=_xs-11]{margin-left:91.66667%}[class*=grid-]>[data-push-right*=_xs-0],[class*=grid_]>[data-push-right*=_xs-0],[class~=grid]>[data-push-right*=_xs-0]{margin-right:0}[class*=grid-]>[data-push-right*=_xs-1],[class*=grid_]>[data-push-right*=_xs-1],[class~=grid]>[data-push-right*=_xs-1]{margin-right:8.33333%}[class*=grid-]>[data-push-right*=_xs-2],[class*=grid_]>[data-push-right*=_xs-2],[class~=grid]>[data-push-right*=_xs-2]{margin-right:16.66667%}[class*=grid-]>[data-push-right*=_xs-3],[class*=grid_]>[data-push-right*=_xs-3],[class~=grid]>[data-push-right*=_xs-3]{margin-right:25%}[class*=grid-]>[data-push-right*=_xs-4],[class*=grid_]>[data-push-right*=_xs-4],[class~=grid]>[data-push-right*=_xs-4]{margin-right:33.33333%}[class*=grid-]>[data-push-right*=_xs-5],[class*=grid_]>[data-push-right*=_xs-5],[class~=grid]>[data-push-right*=_xs-5]{margin-right:41.66667%}[class*=grid-]>[data-push-right*=_xs-6],[class*=grid_]>[data-push-right*=_xs-6],[class~=grid]>[data-push-right*=_xs-6]{margin-right:50%}[class*=grid-]>[data-push-right*=_xs-7],[class*=grid_]>[data-push-right*=_xs-7],[class~=grid]>[data-push-right*=_xs-7]{margin-right:58.33333%}[class*=grid-]>[data-push-right*=_xs-8],[class*=grid_]>[data-push-right*=_xs-8],[class~=grid]>[data-push-right*=_xs-8]{margin-right:66.66667%}[class*=grid-]>[data-push-right*=_xs-9],[class*=grid_]>[data-push-right*=_xs-9],[class~=grid]>[data-push-right*=_xs-9]{margin-right:75%}[class*=grid-]>[data-push-right*=_xs-10],[class*=grid_]>[data-push-right*=_xs-10],[class~=grid]>[data-push-right*=_xs-10]{margin-right:83.33333%}[class*=grid-]>[data-push-right*=_xs-11],[class*=grid_]>[data-push-right*=_xs-11],[class~=grid]>[data-push-right*=_xs-11]{margin-right:91.66667%}[class*=grid-] [class*=_xs-first],[class*=grid_] [class*=_xs-first],[class~=grid] [class*=_xs-first]{order:-1}[class*=grid-] [class*=_xs-last],[class*=grid_] [class*=_xs-last],[class~=grid] [class*=_xs-last]{order:1}}@media (max-width:80em){[class*=lg-hidden]{display:none}}@media (max-width:64em){[class*=md-hidden]{display:none}}@media (max-width:48em){[class*=sm-hidden]{display:none}}@media (max-width:36em){[class*=xs-hidden]{display:none}} /*# sourceMappingURL=dist/gridlex.css.map */ /* End */ /* Start:/local/templates/bezopasnost/css/custom.css?178288605157760*/ .html-site-closed { background: #398bdc !important; color: #fff !important; } header { background: none; } ::-moz-selection { background: #398bdc !important; color: #fff !important; } ::selection { background: #398bdc !important; color: #fff !important; } .header__home .logo-block, .logo-block { display: flex; } .header__home .headerWrap { padding: 0 0 70px 0; } .header__home .logo img { max-height: 98px; } body.detailed header { background: #f6f6f6; } body.detailed header .headerWrap { padding: 15px 0; } .logo_detail img { max-height: 100px; } .logo > a > .logo-block { transition: all 0.3s ease-in-out; } .logo > a:hover > .logo-block { opacity: 0.6; } .logo-block__desc { font-size: 19px; font-weight: 500; color: #225e9a; letter-spacing: 0.01em; line-height: 26px; max-width: 300px; margin: 25px 0 0 8px; } .logo-block__desc a { color: #fff; } body.detailed .logo-block__desc a { color: #225e9a; } body.detailed header .request_call { background: #225e9a; transition: 0.3s all ease-in-out; box-shadow: 0 2px 10px 0 #a0d0c9; } body.detailed header .request_call:hover { box-shadow: 0 4px 15px 0 #67807c; } .request_call:hover { background: rgb(201, 227, 253); } .header__home .logo-block__desc { font-size: 19px; font-weight: 500; color: #fff; letter-spacing: 0.01em; line-height: 26px; max-width: 300px; margin: 20px 0 0 15px; } .logo_detail .logo-block { transition: 0.3s all ease-in-out; } .logo_detail .logo-block:hover { opacity: 0.8; } .main-section__phone { float: right; margin: 30px 41px 0 0; } .header__home .main-section__phone { float: right; color: #fff !important; margin: 24px 41px 0 0; } .main-section__phone a { font-size: 19px; font-weight: 500; color: #225e9a !important; text-decoration: none !important; letter-spacing: 0.01em; transition: all 0.3s ease-in-out; } .header__home .main-section__phone a { font-size: 19px; font-weight: 500; color: #fff !important; text-decoration: none !important; letter-spacing: 0.01em; transition: all 0.3s ease-in-out; } .main-section__phone a:hover { opacity: 0.6; } .main-section__phone p { font-size: 15px; line-height: 15px; } .header__home .main-section__phone p { font-size: 15px; line-height: 26px; } .main-section__phone { color: #084b8d; } .top_callBack { margin: 30px 35px 0 0; } .header__home .top_callBack { margin: 25px 46px 0 0; } .header__home .request_call { padding: 16px 0 14px 1px; letter-spacing: 0.01em; } .request_call { color: #084b8d; background: #fff; border-radius: 5px; } .header-section { height: 100vh; background-image: url("/local/templates/bezopasnost/css/../img/main.jpg"); background-size: cover; overflow: hidden; } .header-section__wrap { max-width: 1200px; margin: 0 auto; height: 100%; position: relative; padding: 27px 30px 70px 30px; } .map { background: url("/local/templates/bezopasnost/css/../img/docs.jpg"); min-height: 410px; margin-top: 40px; } .header__banner { width: 700px; height: auto; position: absolute; padding-left: 12px; color: #fff !important; top: 50%; margin-top: -205px; max-width: 100%; } .header__calculator { width: 360px; height: 410px; background: #fff; position: absolute; right: 46px; top: 50%; margin-top: -205px; border-radius: 10px; } .front-calculator .sendOkey, .newsDetail__calculator .sendOkey { background: #084b8d !important; text-align: center !important; width: 172px; height: 45px; line-height: 45px; border-radius: 5px; /*position: absolute;*/ /*bottom: 90px;*/ } .newsDetail__calculator { width: 360px; max-width: 100%; height: auto; padding: 10px !important; margin: 0 0 20px 30px; float: right; border: 3px solid #084b8d; border-radius: 10px; box-shadow: 0 0 15px 0 #7f7f7f; position: relative; } .header__title { font-size: 35px; font-weight: 500; line-height: 40px; max-width: 650px; padding-top: 8px; letter-spacing: 0.02em; } .header__title-sert { display: block; background: url("/local/templates/bezopasnost/css/../img/sert_logo.png"); position: absolute; top: -75px; left: 300px; width: 224px; height: 120px; transition: 0.3s all ease-in-out; } .header__title-sert:hover { transform: translateY(-5px); } .header__text { font-size: 24px; font-weight: 300; line-height: 30px; letter-spacing: 0.01em; margin: 19px 0 0 2px; } .header__text > ul { font-size: 19px; line-height: 40px; margin: 25px 0 0 3px; color: #eeeeee; list-style: none; } .header__text > ul > li { padding-left: 26px; position: relative; } .header__text > ul > li a { color: #eeeeee; transition: 0.3s all ease-in-out; } .header__text > ul > li a:hover { opacity: 0.6; } .header__text > ul > li:before { content: url("/local/templates/bezopasnost/css/../img/ul-marker.png"); position: absolute; left: -2px; top: 5px; } .header__text > ul > li:first-child span { border-bottom: 1px dashed #eeeeee; } .header__buttons { display: flex; margin-top: 30px; padding-left: 2px; } .header__buttons > a { color: #eeeeee; background: #ffffff36; font-size: 19px; display: block; line-height: 25px; padding: 11px 18px; border-radius: 5px; font-weight: 300; letter-spacing: 0.01em; transition: 0.3s all ease-in-out; } .header__buttons > a:hover { opacity: 0.7; } .header__buttons > a:last-child { margin-left: 19px; } .front-catalog-list { background: #fff; margin-top: 0; padding-top: 1px; padding-bottom: 1px; } .front-serv-list__title { font-size: 35px; line-height: 40px; font-weight: 700; max-width: 750px; margin: 68px 0 60px 12px; } .front-serv-list { margin: 40px 0px; min-height: 600px; -moz-column-count: 1; -webkit-column-count: 1; column-count: 1; } .front-serv-list .front-serv__block { margin: 0 0 0 0; padding: 0 25px 30px 0; white-space: normal; /* display: inline-block; */ display: block; overflow-x: auto; } .front-serv__block .title { font-size: 30px; line-height: 25px; margin-bottom: 21px; } .front-serv__item { /* font-size: 17px; */ color: #225e9a; display: block; margin-bottom: 10px; transition: 0.3s all ease-in-out; } .front-serv__item:hover { color: #084b8d; text-decoration: underline; } a:focus, a:hover { text-decoration: none; } .front-serv-list__nav > li > a { color: #6d6d6d; font-size: 18px; background-color: #fff !important; border: 1px solid #c9c9c9 !important; border-radius: 5px; transition: 0.3s all ease-in-out; margin-bottom: 15px; } .front-serv-list__nav > li.active > a, .front-serv-list__nav > li > a:hover, .front-serv-list__nav > li.active > a:hover, .front-serv-list__nav > li.focus > a { border: 1px solid #c9e3fd !important; color: #084b8d !important; background: #c9e3fd !important; } .front-serv-list__nav > li > a:hover { background: #eee !important; } .front-serv-list__nav > li + li { margin-left: 25px; } .front-serv-list__nav { border-bottom: none !important; } .service_page .newsDetail { padding: 45px 45px 45px; /* font-size: 17px; */ font-weight: 400; } .service_page .newsDetail ul { margin-top: 10px; margin-left: 10px; margin-bottom: 15px; } .newsDetail > span { padding: 2px 0 3px; } .service_page .newsDetail b, .service_page .newsDetail strong { font-weight: 500; } .mainTitle { background-image: url("/local/templates/bezopasnost/css/../img/docs.jpg"); background-position-y: -150px; background-size: cover; } .servicesItem_img { display: none; } .servicesItemInfo { margin: 25px 35px 0; } .servicesItem { margin: 0 3.5% 1.5% 0; } .indexServicesItem { padding: 0 30px 0; min-height: 337px; } .indexServices_img { height: 75px; width: auto; margin: 50px auto 25px auto; } .indexServicesInfo { margin: 0; padding: 0; } .indexServices_name { text-align: left; /* font-size: 17px; */ color: #222222; } .indexServices_name span { background: #048e78; color: #fff; font-weight: 400; padding: 1px 2px 2px; font-size: 18px; } .indexServices_text { text-align: left; /* font-size: 17px; */ color: #222222; } .indexServices h2 { font-size: 35px; color: #222222; margin: 20px 0 43px 0; text-align: left; line-height: 40px; } .indexReviews .owl-carousel .owl-item img { max-height: 200px; width: auto; } .item_reviews__img { align-items: center; display: flex; justify-content: center; } .front-dosc-list { background: url("/local/templates/bezopasnost/css/../img/docs.jpg"); padding: 70px 0; } .front-dosc-list a { transition: 0.3s all ease-in-out; } .front-dosc-list a:hover { opacity: 0.8; } .front-docs__title { color: #fff; font-size: 35px; line-height: 40px; font-weight: 600; margin: 50px 0 50px; } .front-docs__title:first-child { margin-top: 0; } footer { background: #eeeeee; } .footerCopyright { width: 35%; } .footerContacts { width: 50%; } .footerCopyright div { color: #888888; margin: 0 0 10px 0; font-size: 15px; } .footerCopyright a { font-size: 15px; text-decoration: none; color: #084b8d; font-weight: 400; transition: 0.3s all ease-in-out; } .footerCopyright a:hover { opacity: 0.6; } .front_mapForm .buttonAnimation { background: none; position: initial; right: inherit; margin-top: 25px; } .front_mapForm .modalSend { font-size: 14px; height: auto !important; width: auto; padding: 14px 40px 10px; line-height: 25px; border-radius: 5px; margin-top: 14px; letter-spacing: 1px; text-transform: uppercase; font-weight: 500; transition: 0.3s all ease-in-out; box-shadow: 0 2px 10px 0 #a0d0c9; } .front_mapForm .modalSend:hover { box-shadow: 0 4px 15px 0 #67807c; } .leftShareButton { transition: 0.3s all ease-in-out; box-shadow: 0 2px 10px 0 #a0d0c9; } .leftShareButton:hover { box-shadow: 0 4px 15px 0 #67807c; } .wrapper_map { top: -29px; } .map_inside { max-width: 553px; } .mapCallback { padding: 37px 50px 29px 39px; } .map-form__title { font-size: 35px; line-height: 40px; font-weight: 600; } .map-form__desc { font-size: 19px; line-height: 25px; margin: 13px 0 48px; } .front_mapForm .modalBody > div > div { margin: 0 0 32px 0; } .front_mapForm .bigBlock > div { margin: 0 0 35px 0; } .front_mapForm .messageField { min-height: 67px; } .front_mapForm .personalInfo label { color: #555; cursor: pointer; position: relative; padding: 0 0 0 29px; display: inline-block; font-size: 17px; font-weight: 400; } .front_mapForm .personalInfo label:after { top: 2px; border: none; background: #E1E1E1; transition: 0.3s all ease-in-out; } .front_mapForm .personalInfo label.ckecked:after { color: #107bb1; } .front_mapForm .personalInfo { margin: -21px 0 0 0 !important; } .buttonPosition { right: initial; left: 26px; } .buttonTop { width: 60px; height: 60px; font-size: 36px; line-height: 44px; background-color: #084b8d; } .front-dosc-list img { max-width: 100%; border: 2px solid #084b8d; } /* mobile main calculator */ .mobile-calculator.service_page { background: #fff; height: auto; display: none; } .mobile-calculator .newsDetail__calculator { margin: 0 0 70px 30px; } /* end of mobile main calculator */ .pt-75 { padding-top: 75px; } .pt-50 { padding-top: 50px; } .pt-10 { padding-top: 10px; } .pb-100 { padding-bottom: 100px; } .pb-140 { padding-bottom: 140px; } .pb-50 { padding-bottom: 50px; } /* calculator */ .front-calculator { min-height: 430px; padding: 25px 30px 150px 30px; } .front-calculator__title { font-size: 16px; line-height: 25px; text-transform: uppercase; letter-spacing: 1px; font-weight: 700; } .front-calculator .miniBlock { position: relative; margin-top: 30px; margin-bottom: 20px; } .form-success { color: #084b8d; font-size: 12px; font-weight: 500; } .calc_step { display: none; margin: 13px auto; } .last_step { margin: 4px 0 0; } .actstep { display: block; justify-content: center; } .cstep_title { width: 100%; font-size: 17px; line-height: 25px; text-align: left; margin-bottom: 1px; } .calc_step > label { display: inline-block; padding: 7px 14px; margin: 10px 7px 0 0; background: #fff; border: 1px solid #c9e3fd; cursor: pointer; color: #084b8d; border-radius: 4px; transition: 0.3s all; font-size: 17px; font-weight: 400; line-height: 25px; } .calc_step .error { margin: 30px; } .calc_step .agreement label { display: block; padding: 0; margin: 0; background: transparent; border: none; } .calc_step label:hover { background: #eee; } .calc_step .agreement label:hover { background: none; color: #222; } .calc_step input[type="radio"] { display: none; } .calc_step input[type="radio"]:checked + label { background: #c9e3fd; color: #084b8d; } #cnext_btn, #calc_submit { border: none; font-size: 14px; line-height: 25px; text-transform: uppercase; letter-spacing: 0.1em; font-weight: 700; padding: 10px 26px; background: #084b8d; color: #fff; border-radius: 5px; transition: 0.3s all ease-in-out; box-shadow: 0 2px 10px 0 #a0d0c9; /*position: absolute;*/ /*bottom: 90px;*/ } #calc_submit { padding: 10px 31px; } #calc_submit:disabled { opacity: 0.6; box-shadow: none !important; } #askQuestion a { transition: 0.3s all ease-in-out; } #cnext_btn:hover, #calc_submit:hover, #askQuestion a:hover { box-shadow: 0 4px 15px 0 #67807c; } .calc_step .inputtext, .calc_step .inputphone { width: 250px; padding: 6px 15px; margin: 15px auto 5px; height: 40px; border-radius: 4px; font-size: 16px; } .step_label { display: flex; width: 100%; position: absolute; bottom: 0; left: 0; padding: 20px 10px; border-top: 1px solid #dddddd; } .nav-item { width: 25%; position: relative; } .nav-item:after { content: " "; width: 34%; height: 1px; background: #dddddd; position: absolute; top: 50%; right: -17%; } .nav-item:last-child:after { content: none !important; } .nav-item span { background: #eeeeee; width: 40px; height: 40px; display: flex; justify-content: center; align-items: center; border-radius: 50%; color: #222222; font-size: 19px; margin: 0 auto 0 auto; cursor: pointer; transition: 0.3s all ease-in-out; } .nav-item span:hover { transform: translateY(-2px); box-shadow: none; } .nav-item span.active { color: #fff; background: #084b8d; } .nav-item span.active:hover { box-shadow: 0 0 10px 0 #084b8d; } .csubmit { display: block; width: 100%; text-align: center; } .last_step .inputField { border-bottom: 1px solid #E4E4E4; transition: 0.3s all ease-in-out; } .last_step .inputField:focus { border-bottom: 2px solid #084b8d; margin-top: -1px !important; } .last_step .inputField[disabled] { background: rgb(234, 234, 234); padding: 4px 0 5px 10px; border-radius: 5px; } /* end of calculator */ #askQuestion:hover { box-shadow: none; } .btn.active.focus, .btn.active:focus, .btn.focus, .btn:active.focus, .btn:active:focus, .btn:focus { outline: none; } .front-calculator .personalInfo, .mobile-calculator .personalInfo, .newsDetail .personalInfo { /*position: absolute;*/ /*bottom: 140px;*/ margin-bottom: 20px; } .front-calculator .personalInfo label, .mobile-calculator .personalInfo label, .newsDetail .personalInfo label { font-size: 15px; line-height: 15px; font-weight: 400; background: none !important; padding: 0 0 0 30px; } .front-calculator .personalInfo label:after, .mobile-calculator .personalInfo label:after, .newsDetail .personalInfo label:after { border-radius: 4px; } /* calculator gradient */ .newsDetail__calculator.calculator__gradient { border: none; box-shadow: 0 0 15px 0 rgba(127, 127, 127, 0.4); transition: 0.3s all ease-in-out; background-color: #2b73bb; -webkit-gradient(radial, right bottom, 0, right bottom, 723, color-stop(0, #2b73bb), color-stop(1, #084b8d)); background-image: -webkit-repeating-radial-gradient(right bottom, ellipse farthest-corner, #2b73bb 0%, #084b8d 100%); background-image: repeating-radial-gradient(ellipse farthest-corner at right bottom, #2b73bb 0%, #084b8d 100%); background-image: -ms-repeating-radial-gradient(right bottom, ellipse farthest-corner, #2b73bb 0%, #084b8d 100%); } .newsDetail__calculator.calculator__gradient:hover { transform: translateY(-2px); box-shadow: 0 3px 20px 0 rgba(12, 12, 12, 0.45); } .newsDetail__calculator.calculator__gradient .cstep_desc, .newsDetail__calculator.calculator__gradient .front-calculator__title, .newsDetail__calculator.calculator__gradient .cstep_title, .newsDetail__calculator.calculator__gradient .personalInfo label a, .newsDetail__calculator.calculator__gradient .personalInfo label { color: #fff; } .newsDetail__calculator.calculator__gradient .calc_step > label { padding: 9px 16px; border: none; } .newsDetail__calculator.calculator__gradient .step_label { border-top: 1px solid rgba(251, 251, 251, 0.75); } .newsDetail__calculator.calculator__gradient .nav-item span { border: 2px solid #d0d0d0; background: #d0d0d0; } .newsDetail__calculator.calculator__gradient .nav-item span.active { border: 2px solid #d0d0d0; background: #084b8d; } .newsDetail__calculator.calculator__gradient #cnext_btn, .newsDetail__calculator.calculator__gradient #calc_submit { font-weight: 500; background: #eee; color: #084b8d; box-shadow: none; } .newsDetail__calculator.calculator__gradient .calc_step > label { background: #eee; } .newsDetail__calculator.calculator__gradient .calc_step label:hover { background: #e0e0e0; transform: translateY(-1px); } .newsDetail__calculator.calculator__gradient .nav-item span:hover { transform: translateY(-1px); box-shadow: none; } .newsDetail__calculator.calculator__gradient .personalInfo label:hover { transform: translateY(0px) !important; } .newsDetail__calculator.calculator__gradient .personalInfo { /*bottom: 145px;*/ /*margin: 0;*/ } .newsDetail__calculator.calculator__gradient .form-success { font-size: 12px; } .newsDetail__calculator.calculator__gradient .calc_step input[type="radio"]:checked + label:hover { transform: translateY(0px) !important; background: #c9e3fd; color: #084b8d; } .newsDetail__calculator.calculator__gradient { padding: 0 !important; } .newsDetail__calculator.calculator__gradient .last_step .inputField { color: #fff; background: none; } .newsDetail__calculator.calculator__gradient .inputLabel { color: #f5f5f5; } .newsDetail__calculator.calculator__gradient #cnext_btn:hover, .newsDetail__calculator.calculator__gradient #calc_submit:hover { transform: translateY(-1px); background: #e0e0e0; } .newsDetail__calculator.calculator__gradient .form-success { color: #fff; } .newsDetail__calculator.calculator__gradient .changeInput .inputLabel { color: #d0d0d0; } .newsDetail__calculator.calculator__gradient .last_step .inputField { transition: 0.3s all ease-in-out; } .newsDetail__calculator.calculator__gradient .last_step .inputField:focus { border-bottom: 2px solid #d0d0d0; margin-top: 0 !important; } .newsDetail__calculator.calculator__gradient .sendOkey { background: #eeeeee !important; color: #084b8d !important; } /* end of calculator gradient */ .front-calculator .errorInput .inputLabel { color: #e52222; font-weight: 500; } .calc-submit__prompt { display: none; padding: 5px 10px; border: 1px solid #000; width: auto; position: absolute; bottom: 55px; margin-left: 70px; border-radius: 4px; box-shadow: 2px 2px 5px 0 #000; background: #fff; z-index: 10; } .mainTitle { padding: 45px 0 70px 0; } .main-title__program { max-width: 1200px; margin: 25px auto 0; padding-top: 10px; font-size: 24px; color: #ffffff; font-weight: 300; } .mainTitle h1 { margin: 10px auto 0 auto; } .front-clients__img { height: 200px; justify-content: center; display: flex; align-items: center; transition: all 0.3s ease-in-out; } .front-clients__img:hover { opacity: 0.6; } .front-clients__img img { max-width: 100%; } .front-serv-list__nav-anchor { margin: 0 0 50px; cursor: pointer; } .front-serv-list__nav-anchor > a { font-size: 26px; margin-right: 50px; letter-spacing: 2px; font-weight: 300; line-height: 40px; transition: all 0.3s ease-in-out; position: relative; } .front-serv-list__nav-anchor > a:hover { color: #c9e3fd; } .front-serv-list__nav-anchor > a:after { content: ""; width: 1px; height: 15px; background: #e6e6e6; position: absolute; top: 8px; right: -25px; } .front-serv-list__nav-anchor > a:last-child:after { content: none; } .footer__copyright { color: #b5b5b5; font-weight: 400; /* font-size: 13px; */ line-height: 1.5; margin-bottom: 15px; } .footer__copyright div { color: #888888; margin: 0 0 10px 0; font-size: 15px; } .footer__copyright a { /* font-size: 15px; */ text-decoration: none; font-weight: 400; transition: 0.3s all ease-in-out; } .footer__contacts { margin-bottom: 15px; } .footer__contacts div { color: #555; line-height: 22px; margin: 0 0 9px 0; font-size: 15px; } .footer__other-sites { margin-bottom: 15px; } .footer__other-sites div { color: #555; line-height: 22px; margin: 0 0 9px 0; font-size: 15px; } .footer__other-sites a { font-size: 15px; text-decoration: none; font-weight: 400; transition: 0.3s all ease-in-out; } .footer__contacts span, .footer__copyright span { font-weight: 700; } .newsDetail > div:not(.backAndShare), .newsDetail > p { padding: 10px 40px 15px 0; } /*CITY CHANGE*/ .city { min-width: 124px !important; } .header__home .city { color: #fff; margin-left: 15%; } .wrapGeoIpReaspekt { display: flex; flex-direction: column; } .wrapGeoIpReaspekt .linkReaspekt { width: max-content; width: -moz-max-content; } .detailed .city { margin-left: 15%; } .header__home .city span { color: #fff; border-bottom-color: #fff; transition: all 0.3s ease; } .header__home .city span:hover { color: #81d0ff; border-bottom-color: #81d0ff; transition: all 0.3s ease; } .reaspektGeobaseWrapperPopup .reaspektGeobaseAct a { transition: all 0.3s ease; } .reaspektGeobaseWrapperPopup .reaspektGeobaseAct a:hover { color: #067ec3; } /*SCROLLBOTTOM BLOCK*/ .header-section__wrap .header-botscroll__wrap { cursor: pointer; width: 70px; height: 50px; position: absolute; bottom: 0; margin-bottom: 50px; left: 50%; margin-left: -25px; } .header-section__wrap .header-botscroll__wrap img { width: 100%; opacity: 0.5; transition: opacity 0.3s ease; animation: scrollmouse 3s ease-in-out infinite; } .header-section__wrap .header-botscroll__wrap img:hover { opacity: 1; } @keyframes scrollmouse { 0% { transform: translateY(0); } 50% { transform: translateY(-10px); } 100% { transform: translateY(0); } } /*LIC-LINK*/ .info-logo__wrap { position: relative; } .lic-link { width: -moz-max-content; width: max-content; position: absolute; top: 75px; left: 15px; font-size: 10px; color: #fff; transition: all 0.3s ease; } .detailed .lic-link { top: 80px; left: 10px; color: #225e9a !important; } .detailed .lic-link:hover { color: #5a90c5 !important; } .detailed .lic-link:focus { color: #5a90c5 !important; outline: none; } .lic-link:hover { color: #81d0ff; } .lic-link:focus { color: #81d0ff; outline: none; } .logo_detail .lic-link { color: #177f70; } .logo_detail .lic-link:hover { color: #2ab19d; } .logo_detail .lic-link:focus { color: #2ab19d; outline: none; } .logo-block > a, .logo-block__desc { transition: all 0.3s ease; } .mapCallback .modalSend { background-color: #084b8d; } .buttonTop { background: #084b8d; } .link-footer { display: block; margin-bottom: 15px; } .wrap-link-footer { column-count: 2; line-height: 16px; } /*СТИЛИ ДЛЯ ОТКРЫТОЙ ФОРМЫ*/ #openFormBlock { display: flex; justify-content: center; margin-bottom: 50px; } .openForm { border-radius: 10px; box-shadow: 0 0 15px 0 rgba(127, 127, 127, 0.4); background-image: -webkit-repeating-radial-gradient(right bottom, ellipse farthest-corner, #2b73bb 0%, #084b8d 100%); background-image: repeating-radial-gradient(ellipse farthest-corner at right bottom, #2b73bb 0%, #084b8d 100%); background-image: -ms-repeating-radial-gradient(right bottom, ellipse farthest-corner, #2b73bb 0%, #084b8d 100%); display: flex; flex-direction: column; width: 900px; padding: 30px; } .openForm__managerPhotoWrap { width: 250px; height: 250px; } .openForm__managerPhoto { border-radius: 50%; border: 2px solid #d0d0d0; background-size: cover; width: 250px; height: 250px; background: url("/local/templates/bezopasnost/css/../img/callcenter_photo.jpg") no-repeat center; } .openForm__inputsWrap { width: 50%; display: flex; flex-direction: column; justify-content: space-between; } .openForm__inputsWrap input, .openForm__inputsWrap textarea { padding: 7px 15px; font-size: 16px; border: none; border-radius: 3px; } .openForm__inputsWrap input, .openForm__inputsWrap textarea { margin-bottom: 15px; } .openForm__wrapContent { display: flex; justify-content: space-around; } .openForm__titleBlock { font-size: 22px; text-align: center; color: #fff; padding-bottom: 20px; border-bottom: 1px solid #fff; margin-bottom: 30px; } .openForm__sendButton { cursor: pointer; padding: 7px 15px; font-size: 16px; border: none; transition: all 0.3s ease-in-out; font-weight: 500; background: #eee; color: #084b8d; } .openForm__sendButton:hover { transform: translateY(-1px); background: #e0e0e0; } .tobkcehc { display: none; } .openForm input, .openForm textarea { outline: none; } .openForm input:-webkit-autofill, .openForm textarea:-webkit-autofill { -webkit-box-shadow: inset 0 0 0 50px #fff !important; -webkit-text-fill-color: #000 !important; color: #000 !important; } .openForm__managerPhotoWrap { position: relative; } .openForm__sendedText { display: none; position: absolute; text-align: center; font-size: 18px; color: #fff; } .openForm__loader { display: none; position: absolute; justify-content: center; width: 100%; bottom: -30px; } /*VIBER AND WHATSAPP STLES*/ .vibAndWhats__wrap { padding: 10px 1px 15px 0 !important; display: none !important; flex-direction: column; align-items: center; } .vibAndWhats__wrap img { width: 30px; height: 30px; } .vibAndWhats__wrap a { border-radius: 7px; width: max-content; text-decoration: none; padding: 10px 20px 10px 10px; font-weight: 400; } .whats__wrap { border: 4px double #fff; color: #fff; margin-top: 15px; background-color: #01d300; transition: all 0.3s ease; } .vib__wrap { border: 4px double #fff; color: #fff; background-color: #655bab; transition: all 0.3s ease; } .vib__wrap:hover { color: #fff; background-color: #4f4692; } .whats__wrap:hover { color: #fff; background-color: #03bd02; } .vib__wrap:focus, .whats__wrap:focus { color: #fff; outline: none; } /*AND AGAIN NEW MOBILE STYLES*/ .main-section__phoneWrap { display: none !important; } .mapForm__layout { position: fixed; z-index: 999; top: 0; width: 100vw; height: 100vh; background-color: rgba(0, 0, 0, 0.9); display: none; justify-content: center; align-items: center; } .mapForm__layout form { height: 90%; } .map-form__titleWrap { display: flex; justify-content: space-between; align-items: center; } .map-form__titleWrap img { width: 30px; height: 30px; } .sendForm.mapCallback.front_mapForm { background-color: #fff !important; } .map-form__closeImg { cursor: pointer; opacity: 0.7; transition: all 0.3s ease; } .map-form__closeImg:hover { opacity: 1; } .front-docs__wrapTitle { margin: 0 0 20px 0 !important; } .front-docs__title { margin-bottom: 0; } .mobileCirclePlus { cursor: pointer; width: 35px; height: 35px; margin: 0 auto; background-color: #058e79; transition: all 0.3s ease; border-radius: 50%; font-size: 23px; display: none; justify-content: center; align-items: center; color: #fff; } .mobileCirclePlus:hover { background-color: #0b8673; } .text-accordion { padding-left: 0 !important; } .detailed .title-accordion { display: block; margin-bottom: 20px; } .search__main { width: 100%; } .front-serv-search__container-outside { display: none; } .mobile-calculator .newsDetail .newsDetail__calculator { margin: 0 auto; } /*MOBILE DETAIL-PAGE ACCORDION STYLES*/ .title-accordion .circle-plus { display: none; } .mobileColorActive { color: #598ab5; } .closed .vertical { -webkit-transition: all 0.5s ease-in-out; -o-transition: all 0.5s ease-in-out; transition: all 0.5s ease-in-out; -webkit-transform: rotate(-90deg); -ms-transform: rotate(-90deg); transform: rotate(-90deg); } .closed .horizontal { -webkit-transition: all 0.5s ease-in-out; -o-transition: all 0.5s ease-in-out; transition: all 0.5s ease-in-out; -webkit-transform: rotate(-90deg); -ms-transform: rotate(-90deg); transform: rotate(-90deg); opacity: 1; } .opened { opacity: 1; } .opened .vertical { -webkit-transition: all 0.5s ease-in-out; -o-transition: all 0.5s ease-in-out; transition: all 0.5s ease-in-out; -webkit-transform: rotate(90deg); -ms-transform: rotate(90deg); transform: rotate(90deg); } .opened .horizontal { -webkit-transition: all 0.5s ease-in-out; -o-transition: all 0.5s ease-in-out; transition: all 0.5s ease-in-out; -webkit-transform: rotate(90deg); -ms-transform: rotate(90deg); transform: rotate(90deg); opacity: 0; } .circle-plus { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; font-size: 1em; opacity: 1; margin-top: 5px; } .circle-plus .circle { position: relative; width: 1.5em; height: 1.5em; border-radius: 100%; background-color: #084b8d; } .circle-plus .circle .horizontal { position: absolute; background-color: #fff; width: 16px; height: 2px; left: 50%; margin-left: -8px; top: 50%; margin-top: -1px; } .circle-plus .circle .vertical { position: absolute; background-color: #fff; width: 2px; height: 16px; left: 50%; margin-left: -1px; top: 50%; margin-top: -8px; } /*MEDIA QUERIES*/ @media(max-width:1400px){ .header-section { height: 130vh; } } @media (max-width: 1272px) { .header__home .city { margin-left: 5%; } } @media (max-width: 1270px) { .mainTitle { padding: 30px 30px 80px 30px; } } @media (max-width: 1170px) { .detailed .city { margin-left: 10%; } } @media (max-width: 1120px) { .header__home .city { margin-left: 0; } } @media (max-width: 1100px) { .header__banner { width: 450px; } .header__title-sert { display: none; } .header__title { font-size: 22px; } .header__text { font-size: 16px; } .header__text > ul { font-size: 16px; } .header__buttons > a { font-size: 14px; } } @media (max-width: 1090px) { .detailed .city { margin-left: 5%; } } @media (max-width: 1070px) { .header__home .main-section__phone { display: none; } .header__home .city { margin-left: 10%; } } @media (max-width: 1025px) { .detailed .header__page .logo_detail { margin: 0; } } @media (max-width: 1000px) { .detailed .main-section__phone { display: none !important; } } @media (max-width: 991px) { .front-serv-list { -moz-column-count: 1; -webkit-column-count: 1; column-count: 1; } } @media (max-width: 950px) { .header__home .city { margin-left: 0; } } @media (max-width: 940px) { .front-serv-list__nav-anchor > a { font-size: 18px; margin-right: 30px; letter-spacing: 1px; } .front-serv-list__nav-anchor > a:after { content: ""; width: 1px; height: 10px; background: #e6e6e6; position: absolute; top: 6px; right: -15px; } } @media (max-width: 922px) { .header__calculator { right: 30px !important; top: 52% !important; margin-top: -160px; } .header__banner { margin-top: -160px; } .header-section { height: 840px; } } @media (max-width: 885px) { .header__banner { width: 420px; } } @media (max-width: 855px) { .header__title { font-size: 20px; } } @media (max-width: 842px) { .header__home .city { display: none; } } @media (max-width: 823px) { .header-botscroll__wrap { display: none; } .header__banner { width: 320px; } } @media (max-width: 768px) { .front-serv-list { -moz-column-count: 1; -webkit-column-count: 1; column-count: 1; } .detailed .header__page { padding-left: 10px !important; padding-right: 5px !important; overflow: hidden; } .header__home .top_callBack { margin-right: 0; } .openForm__wrapContent { justify-content: space-between; } .openForm__managerPhoto, .openForm__managerPhotoWrap { width: 200px; height: 200px; } .openForm__inputsWrap { width: 60%; } } @media screen and (max-width: 767px) { .detailed .city { display: none; } .detailed .top_callBack { margin-top: 10px; } .header__home .top_callBack { float: left; } .text-accordion { display: none; } .title-accordion { text-align: center; font-size: 24px !important; color: #000 !important; font-weight: bold; padding-bottom: 8px; } .title-accordion .circle-plus { display: -webkit-box; display: -ms-flexbox; display: flex; margin-top: 10px; } .header__calculator { display: none; } .header__banner { width: 100%; } .mobile-calculator.service_page { display: block; } .mobile-calculator .newsDetail__calculator { float: initial; } .mobile-calculator .newsDetail__calculator { margin: 0; } .service_page .newsDetail { padding: 20px 20px 45px; } .mapForm__layout .front_mapForm { width: 95%; } .map { display: none; } .mapCallback { padding: 20px 20px 20px 20px; } .headerWrap .logo, .headerWrap .logo_detail { margin: 0 0 10px 0; } .newsDetail__calculator.calculator__gradient { float: none; margin: 20px auto !important; } .detailed .logo-block__img img { width: 65px; } .lic-link { width: unset; } .detailed .lic-link { top: 52px; left: 15px; /* width: max-content; */ } .detailed .mainTitle h1 { font-size: 24px !important; } .detailed .main-title__program { margin-top: 0; padding-top: 0; } .breadwrap { display: none; } .front-dosc-list { padding: 35px 0; } .secTitle { margin-top: 20px; } .clientsWrap { display: none; } body.detailed header .headerWrap { padding: 5px 15px 10px 15px; } .detailed .logo-block__desc { font-size: 17px; line-height: 20px; } .headerWrap { display: block; } .header__title { font-size: 20px; } .mainTitle { padding: 15px !important; } .mainTitle h1 { margin-top: 0; } .main-title__program { font-size: 18px !important; } .main-section__phoneWrap { display: flex !important; justify-content: center; } .main-section__phoneWrap .main-section__phone { margin: 0; } .logo-block__desc { margin: 10px 0 0 15px !important; } .headerWrap .logo_detail { margin-bottom: 5px; } .front-serv-list { margin: 20px 0px; } .front-serv-list__title { margin: 30px 0 30px 0; } .front-serv-list .front-serv__block { padding: 0 0 30px 0; } } @media (max-width: 736px) { .header-section { height: 850px; } .header-section__wrap { padding-bottom: 0 !important; } .header__home .top_callBack { float: left; } } @media (max-width: 690px) { .front_Advantages { display: none; } .map { padding-top: 50px; } } @media screen and (max-width: 680px) { .openForm__managerPhotoWrap { margin-bottom: 50px; } .openForm__wrapContent { flex-direction: column; align-items: center; } .openForm__inputsWrap { width: 80%; } .openForm { padding: 20px; } .openForm__titleBlock { font-size: 18px; padding-bottom: 10px; margin-bottom: 20px; } } @media (max-width: 667px) { .header__home .top_callBack { float: left; } } @media (max-width: 585px) { .detailed .logo-block__img { width: 50px; } .detailed .logo-block__desc { font-size: 14px; line-height: 16px; } .detailed .lic-link { top: 43px; } .detailed header .request_call { padding: 8px 10px !important; width: max-content; } .detailed .top_callBack { margin-right: 0; } .detailed .logo_detail { display: inline-block !important; } } @media (max-width: 568px) { .header__title { padding-top: 30px !important; } .detailed .header__page .logo-block { margin-bottom: 10px; } } @media (max-width: 550px) { .workArea { padding: 0 0; } .footerContacts { width: 100% !important; margin: 0 0 30px 0; padding: 0 10px; } .openForm__inputsWrap { width: 90%; } #openFormBlock { width: 95%; margin: 0 auto 30px auto; } .openForm__managerPhoto, .openForm__managerPhotoWrap { width: 150px; height: 150px; } .header__banner { padding-left: 0; } } @media (max-width: 500px) { .detailed .logo_detail { display: inline-block !important; } .detailed .top_callBack { width: 100%; display: flex; justify-content: center; } } @media (max-width: 450px) { .header__banner { top: inherit; bottom: 30px; padding-right: 25px; } .header-section { height: 700px; } .newsDetail__calculator { min-height: 520px; } .header__calculator { display: none; } .header__title { font-size: 26px; line-height: 30px; } .header__title-sert { display: none; } .header__text { font-size: 14px; line-height: 24px; } .header__home .top_callBack { margin: 24px 0 0 0; } .main-section__phone { margin: 30px 15px 0 0; } .main-section__phone a { font-size: 14px; } .main-section__phone p { font-size: 13px; } .header__buttons > a { font-size: 15px; } .front-serv-list { -moz-column-count: 1; -webkit-column-count: 1; column-count: 1; } .front-serv-list__title { font-size: 26px; line-height: 30px; } .mobile-calculator .newsDetail { padding: 0; } .mobile-calculator .newsDetail .newsDetail__calculator { width: 100%; } .mobile-calculator .newsDetail .newsDetail__calculator { border-radius: 0; } .detail-page-calculator__container { padding: 0; } .vibAndWhats__wrap { display: flex !important; } } @media (max-width: 430px) { .header__home .lic-link { top: 90px; } } @media (max-width: 420px) { .header-section__wrap { padding-left: 20px !important; } } @media (max-width: 414px) { .header__text { display: none; } .main-section__phone { float: left; } .top_callBack { float: left !important; } .logo-block__img { margin-top: 5px; } .header-section { height: 525px; background-position-x: -210px; } .header__banner { bottom: 30px; padding-right: 20px; } footer { padding-bottom: 90px; } .detailed .top_callBack { /* margin: 0 0 5px 15px; */ margin: 10px 0; } .header__home .logo-block__desc { font-size: 16px; line-height: 20px; } .header__home .lic-link { top: 60px; } } @media screen and (max-width: 390px) { .openForm { width: 100%; } } @media screen and (max-width: 374px) and (min-width: 321px) { .lic-link { left: 0; } } @media (max-width: 375px) { .header-section__wrap { padding-left: 10px; } .lic-link { font-size: 9px; } } @media (height: 812px) and (max-width: 375px) { .header-section { height: 60vh !important; } } @media (max-width: 360px) { .header-section { background-position-x: -225px; } .header__home .lic-link { top: 75px; } } @media (max-width: 350px) { .detailed .top_callBack { display: flex !important; } } @media (max-width: 320px) { .header-section { background-position-x: -225px; } .header__banner { bottom: 30px; padding-left: 0; padding-right: 50px; } .header__home .logo-block__desc { font-size: 15px; line-height: 20px; margin: 10px 0 0 15px; } .header__home .top_callBack { margin: -5px 0 0 0; } .header__home .lic-link { top: 73px; width: 170px; } .detailed .header__page .city { margin-bottom: 10px; } .detailed .logo-block__desc { margin-top: 10px; } .info-logo__wrap { margin-left: 0; } .lic-link { top: 65px; } .logo-block { margin-bottom: 40px; } } /*НОВЫЕ СТИЛИ ДЛЯ ЛЕНДИНГОВ*/ .detailed .front_Advantages__wrap { padding-bottom: 70px; } .detailed .indexServices.front-adv { padding-top: 0; } .anchor-links__wrap { padding: 0 0 20px 0 !important; } .anchor-links { margin-right: 25px; text-decoration: none !important; font-weight: 400; padding: 8px 15px; background-color: #c9e3fd; border-radius: 4px; transition: all 0.3s ease; } .anchor-links:last-child { margin-right: 0; } .anchor-links:hover { background-color: #9ccdff; } .link-anchor__mobile { display: none; } @media (max-width: 500px) { .link-anchor__nonMobile { display: none; } .link-anchor__mobile { display: block; } .anchor-links__wrap { display: flex; flex-wrap: wrap; } .anchor-links { margin-right: 5px; margin-top: 5px; padding: 4px 12px; } .detailed .front-questions .indexWrapper { background-color: #f6f6f6; } .detailed .front_Advantages__wrap { padding: 0; } } /*ПРЕИМУЩЕСТВА*/ .indexServices_img { display: flex; justify-content: center; } .indexServices_img img { height: max-content; } .indexServices_name, .indexServices_text { text-align: center; } blockquote { font-size: inherit; } /* .indexServices_text { font-size: 15px; } */ /*КАЛЬКУЛЯТОР*/ .actstep, .cstep_title, .front-calculator__title { text-align: center; } .front-calculator { padding: 20px 30px 20px 30px; } .front-calculator .buttonAnimation { display: flex; justify-content: center; flex-direction: column; } .personalInfo { position: relative; } .header__calculator { height: auto; } .licenseCalculator { font-size: 11px; color: #084b8d; text-align: center; margin-top: 10px; } .detailed .licenseCalculator { color: #fff; } .newsDetail__calculator .show-laststep { background: #fff; color: #084b8d; box-shadow: none; } .newsDetail__calculator .show-laststep:hover { background-color: #e0e0e0; transform: translateY(-1px); box-shadow: none; } .show-laststep, .calc_submit{ margin-top: 20px; border: none; font-size: 14px; line-height: 25px; text-transform: uppercase; letter-spacing: 1.4px; font-weight: 700; padding: 10px 31px; background: #084b8d; color: #fff; border-radius: 5px; transition: 0.3s all ease-in-out; box-shadow: 0 2px 10px 0 #a0d0c9; } .calc_submit { margin-top: 0px; } .show-laststep:hover { box-shadow: 0 4px 15px 0 #67807c; } .show-laststep:focus { outline: none; } .front-docs__title { margin-bottom: 30px; text-align: center; } #show-laststep2 { background-color: #b4ddd7; } @media (max-width: 1024px) { .header-section { min-height: auto; } } @media (max-width: 768px) { .cstep_title { line-height: 14px; } .personalInfo { display: none; } .sms-number { font-size: 14px; line-height: normal; } .front-calculator { padding: 15px 30px !important; } } @media (max-width: 500px) { .front-docs__title { margin-bottom: 0; } .newsDetail__calculator { min-height: 430px; } .wrapCalcAndSeoPic { width: 100%; padding: 0 10px 30px 10px; } .newsDetail__calculator.calculator__gradient { margin: 0 auto !important; } .prog-kind__doc img { margin-left: 0 !important; } } /*ОТВЕТЫ НА ЧАСТО ЗАДАВАЕМЫЕ ВОПРОСЫ*/ .front-questions { background-color: #fff; } .questions-list h2 { margin: 20px 0 43px 0; } .questions-list__wrapper { background-color: #fff; padding: 50px 0; } .questions-list__item { margin-bottom: 10px; } .questions-list__titleWrap { cursor: pointer; width: 100%; padding: 10px 30px; display: flex; align-items: center; background-color: #5483b1; border-radius: 5px; transition: all 0.5s ease; } .questions-list__title { /* font-size: 18px; */ color: #fff; } .questions-list__textWrap { display: none; background-color: #ddeeff; padding: 20px 30px; /* font-size: 16px; */ border-bottom-left-radius: 5px; border-bottom-right-radius: 5px; } .questions-list__item .opened { border-bottom-left-radius: 0; border-bottom-right-radius: 0; } .detailed .front-questions { background-color: transparent; } .detailed .questions-list__wrapper { padding-top: 0; background-color: transparent; } @media (max-width: 414px) { .questions-list__wrapper { padding: 10px 0 20px 0; } .questions-list__titleWrap { padding: 10px 10px; } .questions-list__title { /* font-size: 15px; */ line-height: 1.25; } .questions-list__textWrap { padding: 10px 15px; } .questions-list__text { /* font-size: 14px; */ line-height: 1.25; } .questions-list h2 { margin-bottom: 30px; } } @media (max-width: 1007px) { #indexMap { display: none; } } @media (max-height: 768px) { .front-calculator { padding: 15px 20px 25px 20px; } } /* front-serivce search */ .front-search__input-group { display: flex; max-width: 600px; } .front-search__input-group #title-search-input { border: 2px solid #e4e2e2 !important; box-shadow: none; border-right: none !important; border-radius: 4px 0 0 4px; color: #6d6d6d; font-size: 18px; line-height: 1.42857143; padding: 10px 15px; height: auto; transition: all 0.2s ease-in-out; } .front-search__input-group #title-search-input:focus { box-shadow: none; border-color: #b2dcff !important; background: #f5f5f5 !important; color: #285781 !important; } .front-search__input-group .btn-primary { width: auto; font-size: 18px; border-radius: 0 4px 4px 0; height: 49px; color: #285781; background-color: #b2dcff; border-color: #b2dcff!important; border: 2px solid; transition: all 0.2s ease-in-out; } .front-search__input-group .btn-primary:hover { color: #ffffff; background-color: #285781; border-color: #285781!important; } .title-search-result { box-shadow: 0 3px 15px 0 rgba(0, 0, 0, 0.19) !important; z-index: 100 !important; max-width: 600px; border-radius: 4px; } .title-search-result .bx_searche .bx_img_element { display: none; } .title-search-result .bx_searche { padding: 10px 0; } .title-search-result .bx_searche .bx_item_element a { font-size: 16px; line-height: 34px; padding: 0 10px; color: #285781; position: relative; text-decoration: none !important; } .front-serv-search__block { margin: 20px 0 0; } .title-search-result .bx_searche .all_result .bx_item_element a { color: #a7a7a7; } .title-search-result .bx_searche .all_result .bx_item_element a:hover { text-decoration: underline !important; } .title-search-result .bx_searche .bx_item_element a:after { content: " "; position: absolute; width: calc(100% - 20px); height: 1px; background: #efe1e1; left: 10px; bottom: 0; } .title-search-result .bx_searche .all_result .bx_item_element a:after { content: none; } .licenseButtonCheckWrap { display: flex !important; justify-content: center; align-items: center; margin-bottom: 25px; } .licenseButtonCheck { height: max-content; padding: 0 15px !important; background: #fff; color: #0078bf; font-size: 16px; font-weight: 400; border-radius: 25px; margin-left: 20px; box-shadow: 0 0 25px rgba(0,0,0,0.2); transition: all 0.3s ease; } .licenseButtonCheck:hover { transform: translateY(-1px); opacity: 1 !important; color: #0078bf !important; } .detailed .wrapCalcAndSeoPic { margin-left: 20px; } .front-adv .indexServicesItem { width: 100%; } .inputLabel { left: 0; } .front-clients__img img { max-width: 75%; } @media (max-width: 767px) { .licenseButtonCheckWrap { display: block !important; } .licenseButtonCheck { display: none; } } .cookie_wrapper { width:100%; position:fixed; bottom:0; background:#fff; z-index: 50; box-shadow: 0 0 16px rgba(0,16,46,.2); background-color: #fdfdfd; color: #084b8d; } .cookie_body { padding: 10px 40px; max-width: 1000px; text-align:center; margin: 0 auto; position:relative; } .cookie_close { display:block; position: absolute; top: 50%; transform: translateY(-50%); font-size: 42px; cursor: pointer; transform: translate(-70%,-50%); padding-left:20px; padding-right:20px; } @media (max-width: 780px){ .cookie_close { margin-top: 3px; top:0; left:0; line-height: 1; transform: none; padding-left: 5px; padding-right:5px; } .cookie_wrapper { font-size: 13px; line-height: 1.5; } } .modalClose { background: #fff; width: 47px; height: 47px; cursor: pointer; border-radius: 50%; line-height: 34px; text-align: center; position: absolute; top: -23.5px; right: -23.5px; box-shadow: 0 2px 2px 0 rgb(0 0 0 / 16%), 0 0 0 1px rgb(0 0 0 / 8%); font-size: 45px; font-weight: bold; } /* tables programm */ .table-programm__list { border-collapse: unset; background: #fff; border-spacing: 2px; overflow-x: auto; width: 100%; } @media(max-width: 1170px){ .table-programm__list { display: block; border: 1px solid #cccccc; border-radius: 5px; } } .table-programm__list td { border: 1px solid #C9E3FD; padding: 10px; margin: 10px; background: #fff; color: #4D62AD; } .table-programm__list td a{ color: #4D62AD; } .table-programm__list tr:first-child td { background: #4D62AD; color: #fff; border: 1px solid transparent; } .table-programm__list tr:first-child td:first-child { border-radius: 5px 0 0 0; width: 428px; } .table-programm__list tr:first-child td:not(:first-child) { text-align: center; } .table-programm__list tr:first-child td:last-child { border-radius: 0 5px 0 0; } .table-programm__list tr:not(:first-child):hover td{ background: #C9D4FD; } .table-programm__list tr:not(:first-child) td:not(:first-child){ text-align: center; } .table-programm-item__btn { min-width: 170px; font-size: 17px; line-height: 25px; padding: 10px; background: #3C1FAE; border: none; color: #fff; border-radius: 2px; transition: 0.2s; } .table-programm-item__btn:hover { box-shadow: 0 4px 15px 0 #67807c; color: #fff; } /*картинка блок программы обучения*/ .indexWrapper{ position: relative; } .front-more-programm { position: absolute; top: -40px; right: -20px; } .front-more-programm__link { position: absolute; left: 0px; bottom: 55px; padding: 0px 75px 0px 75px; text-align: center; font-size: 18px; line-height: 106.5%; color: #fff; transition: .2s; } .front-more-programm__link svg { display: block; text-align: center; margin: 0 auto; margin-top: 10px; } .front-more-programm__link:hover{ color: #fff; text-decoration: none; } .text-page { background: #fff; } @media (max-width: 1020px){ .front-more-programm { position: relative; top: 10px; left: 0px; right: 0; display: inline-block; } .front-more-programm img { width: 100%; height: auto; } } @media (max-width: 370px){ .front-more-programm__link{ padding: 0px 45px 0px 45px; } } /* Блок лицензии */ .front-license { background-color: #fff; padding-bottom: 80px; } .front-license h2 { margin: 0px 0 43px 0; } .front-license__list { display: flex; flex-direction: row; align-items: center; justify-content: space-between; } @media (max-width:992px) { .front-license__list { /* flex-direction: column; */ flex-wrap: wrap; justify-content: space-around; } .front-license__list a { margin-bottom: 20px; } } /* Блок доставка, оплата, гарантии*/ .indexServicesBlock { margin-bottom: 30px; } .services__wrapper { padding-top: 80px; display: flex; flex-direction: row; justify-content: space-between; flex-wrap: wrap; } .services-item { border: 1.5px solid #C9E3FD; box-sizing: border-box; border-radius: 5px; padding: 42px; width: 31%; transition: .25s; background: #FFFFFF; } .services-item:hover { box-shadow: rgb(0 0 0 / 12%) 2px 2px 20px; background: #C9E3FD; } @media (max-width:992px) { .services-item { width: 100%; margin-bottom: 30px; } } .services-item__title { font-weight: bold; font-size: 30px; line-height: 36px; padding: 18px 0 24px 0; } .services-item__text { color: #6D6D6D; } /* page smi o nas */ .smi__wrapper { min-height: 40vh; } .smi__wrapper .wrap_pagination{ display: none; } .smi__wrapper { margin-top: 50px; margin-bottom: 50px; } .smi-list { display: flex; flex-direction: column; } .smi-item { margin-bottom: 35px; } .smi-item__source { font-size: 20px; font-weight: 500; } .smi-item__title { font-size: 20px; } /* End */ /* /local/templates/bezopasnost/components/bitrix/breadcrumb/.default/style.css?1782886051392 */ /* /local/templates/bezopasnost/styles.css?17828860511750 */ /* /local/templates/bezopasnost/template_styles.css?178288605127937 */ /* /local/css/reaspekt/reaspekt.geobase/style.css?1782886050930 */ /* /local/templates/bezopasnost/themes/7/style.css?17828860513162 */ /* /local/templates/bezopasnost/vendor/lightbox/css/lightbox.min.css?17828860512608 */ /* /local/templates/bezopasnost/css/gridlex.min.css?178288605135003 */ /* /local/templates/bezopasnost/css/custom.css?178288605157760 */