.form-consent { font-size:12px; line-height:1.4; margin:8px 0 10px; }
.form-consent a { text-decoration: underline; }
.form-consent input[type="checkbox"] { margin-right:6px; vertical-align:middle; }

#modConsent .modal-body p { margin-bottom:10px; }


* {margin:0; padding:0;}

body {font-family: 'Robotof'; font-weight: 300;}

@font-face {
    font-family: 'Robotof';
    src: url('fonts/roboto-light-webfont.eot');
    src: url('fonts/roboto-light-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/roboto-light-webfont.woff2') format('woff2'),
         url('fonts/roboto-light-webfont.woff') format('woff'),
         url('fonts/roboto-light-webfont.svg#Robotof') format('svg');
    font-weight: 300;
    font-style: normal;
}

@font-face {
    font-family: 'Robotof';
    src: url('fonts/roboto-regular-webfont.eot');
    src: url('fonts/roboto-regular-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/roboto-regular-webfont.woff2') format('woff2'),
         url('fonts/roboto-regular-webfont.woff') format('woff'),
         url('fonts/roboto-regular-webfont.svg#Robotof') format('svg');
    font-weight: 400;
    font-style: normal;
}

@font-face {
    font-family: 'Robotof';
    src: url('fonts/roboto-medium-webfont.eot');
    src: url('fonts/roboto-medium-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/roboto-medium-webfont.woff2') format('woff2'),
         url('fonts/roboto-medium-webfont.woff') format('woff'),
         url('fonts/roboto-medium-webfont.svg#Robotof') format('svg');
    font-weight: 500;
    font-style: normal;

}
@font-face {
    font-family: 'Robotof';
    src: url('fonts/roboto-bold-webfont.eot');
    src: url('fonts/roboto-bold-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/roboto-bold-webfont.woff2') format('woff2'),
         url('fonts/roboto-bold-webfont.woff') format('woff'),
         url('fonts/roboto-bold-webfont.svg#Robotof') format('svg');
    font-weight: 700;
    font-style: normal;
}


h1, h2, h3, h4, h5, h6 {margin:0 0 15px 0;}
h1 {font-size: 48px;}
h2 {font-size: 36px;}
h3 {font-size: 34px;}
h4 {font-size: 32px;}
h5 {font-size: 28px;}
h6 {font-size: 26px;}

strong {color: #000;}

a {outline:none !important; color:#2657B9; text-decoration: underline; transition: all .3s ease; -webkit-transition: all .3s ease; -moz-transition: all .3s ease; -o-transition: all .3s ease;}
a:hover {text-decoration: none; color:#2657B9;}

button {transition: all .3s ease; -webkit-transition: all .3s ease; -moz-transition: all .3s ease; -o-transition: all .3s ease;}

p {margin:0 0 15px 0; font-size:16px; color: #000; line-height: 20px;}
ul, ol {padding:0 0 0 20px; margin-bottom: 20px;}
li {font-size:16px; color: #000;}

img {border: 0; outline: 0;}
img:hover {opacity: 0.9;}

.right {float:right;}
.left {float:left;}
.hidden {display: none;}

.bg-site {background: rgba(0, 0, 0, 0.4); width: 100%; height: 100%; position: fixed; opacity: 0; z-index: 10; transition: opacity .5s ease-in-out; -webkit-transition: opacity .5s ease-in-out; -moz-transition: opacity .5s ease-in-out; -o-transition: opacity .5s ease-in-out; cursor: pointer;}
.bg-site.active {opacity: 1; top: 0; left: 0; transition: opacity .5s ease-in-out; -webkit-transition: opacity .5s ease-in-out; -moz-transition: opacity .5s ease-in-out; -o-transition: opacity .5s ease-in-out;}



/* ==============================================
********  Шапка
=============================================== */
.header-main {}
.header {padding-top: 20px; padding-bottom: 20px;}
.header .logo {}
.header .logo img {opacity: 1; max-width: 100%; height: auto;}

.header .contacts-info {width: 100%; height: 68px; display: table;}
.header .contacts-info > div {display: table-cell; vertical-align: middle; width: 33%;}
.header .contacts-info .address {background: url(images/ico-address.png) no-repeat; background-size: 27px; padding-left: 32px; font-size: 16px; color: #000; line-height: 19px; padding-top: 2px; display: table; margin: 0 auto;}
.header .contacts-info .address span {font-weight: 500;}
.header .contacts-info .phone {background: url(images/ico-phone.png) 0 6px no-repeat; background-size: 25px; color: #1E1E1E; font-size: 16px; font-weight: 300; padding-left: 28px; display: table; margin: 0 auto;}
.header .contacts-info .phone span {font-size: 26px; font-weight: 400; color: #000; display: block; margin-bottom: -5px;}
.header .contacts-info .btn-call {background: #FFD700; color: #000; text-decoration: none; font-weight: 500; font-size: 20px; display: block; float: right; border-bottom: 3px solid #EAD406; padding: 11px 20px; min-width: 225px; text-align: center;}
.header .contacts-info .btn-call:hover {background: #ffe03c; -webkit-transform: scale(1.03) !important; -moz-transform: scale(1.03) !important; -o-transform: scale(1.03) !important; transform: scale(1.03) !important;}


/* ==============================================
********  Основное меню
=============================================== */
.to_top {position: fixed; top: 0; left: 0; width: 100%; z-index: 20;}
.main-menu {background: #002945;}
.menu-block {}
.menu-block .menu {display: table; width: 100%; list-style: none; padding: 0; margin: 0;}
.menu-block .menu li {display: table-cell; vertical-align: middle; text-align: center; position: relative;}
.menu-block .menu li:after {content: ''; display: block ; background: url(images/bg-li.png) no-repeat; width: 1px; height: 55px; position: absolute; top: 50%; right: 0; margin-top: -27px;}
.menu-block .menu li:last-child:after {display: none;}
.menu-block .menu li a {font-size: 18px; font-weight: 300; color: #fff; text-decoration: none; display: block; padding: 20px 25px;}
.menu-block .menu li a:hover, .menu-block .menu li a.selected {background: #0E4C74;}

.to_top .menu-block .menu li a {padding: 12px 25px !important;}

/*Мобильное меню*/
.navbar-collapse {padding-left:0; padding-right:0; background: #818286; border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px;}
.navbar {margin-bottom:0; background: none; border: none; margin:0 0 20px 0; border-radius: 0; position: initial;}
.navbar .container-fluid {padding-right:0; padding-left: 0;}

.navbar-toggle {padding: 20px 17px; border:0; border-radius: 50px; -moz-border-radius: 50px; -webkit-border-radius: 50px; float: left !important; position: relative; z-index: 10; border: 2px solid #9F9F9F !important; position: absolute; top: 12px; left: 15px; margin: 0 !important;}
.navbar-default .navbar-toggle, .navbar-toggle:hover, .navbar-toggle:active {background: none !important;}
.navbar-toggle .icon-bar {width: 24px; height: 2px;}
.navbar-default .navbar-toggle .icon-bar {background-color: #9F9F9F;}
.navbar-toggle .icon-bar + .icon-bar {margin-top: 6px;}

/*Effect active*/
.navbar-toggle[aria-expanded=true] {border: 2px solid #0E4C74 !important;}
.navbar-toggle[aria-expanded=true] .icon-bar {background: #0E4C74 !important;}
.header .btn-contact-mobile[aria-expanded=true] {color: #0E4C74 !important; border: 2px solid #0E4C74 !important;}


/*Мобильная кнопка с контактами*/
.header .btn-contact-mobile {width: 60px; height: 60px; display: block; border-radius: 50px; -moz-border-radius: 50px; -webkit-border-radius: 50px; z-index: 10; cursor: pointer; position: absolute; top: 12px; right: 15px; color: #9F9F9F; border: 2px solid #9F9F9F;}
.header .btn-contact-mobile i {font-size: 37px; line-height: 60px; text-align: center; width: 56px;}

.header .btn-close {background: url(images/ico-close-menu.png) center top no-repeat; background-size: 58px 58px; width: 58px; height: 58px; display:block; margin: 35px auto 30px; text-align: center; cursor: pointer; opacity: 0.3;}
.header .btn-close:hover {opacity: 0.7;}
.header .btn-close-2 {background: url(images/ico-close-menu-2.png) center top no-repeat; background-size: 58px 58px; width: 58px; height: 58px; display:block; margin: 0 auto 30px; text-align: center; cursor: pointer; opacity: 0.3;}
.header .btn-close-2:hover {opacity: 0.7;}

/*Контент выпадающего меню с контактами*/
#contact > .contact-info {padding-top: 30px; padding-bottom: 30px; float: none !important; padding: 30px 15px; overflow: hidden;}
#contact .contact-info {float: none !important; display: table; margin: 0 auto;}

#contact .contacts-info > div {display: block !important; width: 100% !important;}
.header .contacts-info .phone, .header .contacts-info .address {margin: 0 0 15px 0 !important;}
.header .contacts-info .btn-call {float: none !important;}


/* ==============================================
********  Первый экран
=============================================== */
.first-block-main {background: url(images/bg-1.jpg) center top no-repeat; background-size: cover; min-height: 615px;}
.first-block {padding-top: 75px; padding-bottom: 35px;}
.first-block h1 {font-size: 46px; font-weight: 300; color: #000; margin-bottom: 50px;}
.first-block h1 span {font-weight: 400;}
.first-block p {font-size: 28px; font-weight: 300; color: #232321; line-height: 32px; margin-bottom: 90px;}
.first-block .btn-order {background: #FFD700; color: #000; text-decoration: none; font-weight: 500; font-size: 20px; display: table; border-bottom: 3px solid #EAD406; padding: 11px 20px; min-width: 225px; text-align: center; border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; border: 0; outline: 0; cursor: pointer; box-shadow: 0 0 33px 0 rgba(255, 255, 255, 0.5); -moz-box-shadow: 0 0 33px 0 rgba(255, 255, 255, 0.5); -webkit-box-shadow: 0 0 33px 0 rgba(255, 255, 255, 0.5);}
.first-block .btn-order:hover {background: #ffe03c; -webkit-transform: scale(1.03) !important; -moz-transform: scale(1.03) !important; -o-transform: scale(1.03) !important; transform: scale(1.03) !important;}


/* ==============================================
********  Услуги
=============================================== */
.services-main {}
.services-block {padding-top: 45px; padding-bottom: 45px;}
.services-block h2 {font-size: 40px; text-align: center; color: #000; margin-bottom: 40px; text-align: center; font-weight: 300;}

.service-list {}
.service-list .item {max-width: 360px; display: table; margin: 0 auto 35px;}
.service-list .item .title {font-size: 22px; font-weight: 400; text-align: center; margin-bottom: 10px; color: #000;}
.service-list .item .image {position: relative; margin-bottom: 15px;}
.service-list .item .image > img {max-width: 100%; height: auto; opacity: 1;}
.service-list .item .image span {background: #FFD700; width: 130px; height: 130px; text-align: center; display: block; position: absolute; bottom: 0; left: 0; line-height: 130px;}
.service-list .item .image span > img {max-width: 65px; height: auto; opacity: 1;}
.service-list .item ul {list-style: none; padding: 0; margin: 0;}
.service-list .item ul li {margin-bottom: 10px; font-size: 16px; font-weight: 300; position: relative; padding-left: 14px; line-height: 19px;}
.service-list .item ul li:before {content: '\2022'; color: #FFD700; font-size: 24px; position: absolute; top: -1px; left: 0;}



/* ==============================================
********  Форма на всю ширину
=============================================== */
.form-block-main {background: url(images/bg-2.jpg) center top no-repeat; background-size: cover; min-height: 320px;}
.form-block {padding-top: 60px; padding-bottom: 40px;}
.form-block h2 {font-size: 40px; font-weight: 300; color: #fff; text-align: center; margin-bottom: 50px;}
.form-block h2 span {font-size: 22px; display: block;}

.form-block form {padding: 0 90px;}
.form-block form input[type=text] {background: #CACACA; font-size: 18px; text-align: center; width: 100%; height: 55px; padding: 0 15px; border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; font-weight: 300; margin-bottom: 20px; border: 0; outline: 0; color: #000;}
.form-block form input[type=text]::-webkit-input-placeholder {color:#000;}
.form-block form input[type=text]::-moz-placeholder {color:#000;}
.form-block form input[type=text]:-moz-placeholder {color:#000;}
.form-block form input[type=text]:-ms-input-placeholder {color:#000;}

.form-block form button {background: #FFD700; color: #000; text-decoration: none; font-weight: 500; font-size: 20px; display: table; border-bottom: 3px solid #EAD406; padding: 11px 20px; text-align: center; display: block;
width: 100%; height: 55px; border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; border: 0; outline: 0; cursor: pointer; box-shadow: 0 0 33px 0 rgba(255, 255, 255, 0.5); -moz-box-shadow: 0 0 33px 0 rgba(255, 255, 255, 0.5); -webkit-box-shadow: 0 0 33px 0 rgba(255, 255, 255, 0.5);}
.form-block form button:hover {background: #ffe03c; box-shadow: 0 0 33px 0 rgba(255, 255, 255, 0.9); -moz-box-shadow: 0 0 33px 0 rgba(255, 255, 255, 0.9); -webkit-box-shadow: 0 0 33px 0 rgba(255, 255, 255, 0.9); -webkit-transform: scale(1.03) !important; -moz-transform: scale(1.03) !important; -o-transform: scale(1.03) !important; transform: scale(1.03) !important;}



/* ==============================================
********  Как мы работаем
=============================================== */
.steps-block-main {background: url(images/bg-3.jpg) center top no-repeat; background-size: cover; min-height: 500px;}
.steps-block {padding-top: 45px; padding-bottom: 40px;}
.steps-block h2 {font-size: 40px; font-weight: 300; color: #000; text-align: center; margin-bottom: 50px;}
.steps-block h2 span {font-size: 22px; display: block;}

.step-tab {}
.step-tab .tab-menu {list-style: none; padding: 0; margin: 20px 0 0 0; width: 165px; float: left;}
.step-tab .tab-menu li {margin-bottom: 10px;}
.step-tab .tab-menu li a {background: #0E4C74; font-weight: 500; font-size: 20px; color: #fff; text-decoration: none; display: block; text-align: center; border-radius: 5px 0 0 5px; -moz-border-radius: 5px 0 0 5px; -webkit-border-radius: 5px 0 0 5px; padding: 16px 5px;}
.step-tab .tab-menu li a:hover {opacity: 0.9;}
.step-tab .tab-menu li.ui-tabs-active a {background: #D6D6D6; color: #002945;}

.step-tab .tab-content {background: #F2F2F2; border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; padding: 35px 55px 35px 35px; overflow: hidden; min-height: 250px;}
.step-tab .tab-content h3 {font-size: 24px; font-weight: 400; color: #000;}
.step-tab .tab-content p {font-size: 18px; line-height: 22px;}
.step-tab .tab-content .btn-next-tab {border: 1px solid #8E9FAA; text-align: center; border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; padding: 10px 25px; display: table; text-decoration: none; font-size: 18px;}
.step-tab .tab-content .btn-next-tab i {font-size: 28px; vertical-align: top; margin: -1px 0 0 7px;}
.step-tab .tab-content .btn-next-tab:hover {background: #D6D6D6; color: #000;}


/* ==============================================
********  Преимущества
=============================================== */
.preference-main {background: url(images/bg-4.jpg) center top no-repeat; background-size: cover;}
.preference-block {padding-top: 45px; padding-bottom: 40px;}
.preference-block h2 {font-size: 40px; text-align: center; color: #000; margin-bottom: 50px; text-align: center; font-weight: 300;}

.why-we-list {list-style: none; padding: 11px 0 0 0; margin: 0 0 25px 0; counter-reset: myCounter; overflow: hidden;}
.why-we-list li {font-size: 20px; font-size: 300; color: #000; line-height: 22px; margin-bottom: 35px; position: relative; padding-left: 60px;}
.why-we-list li:before {counter-increment: myCounter; content:counter(myCounter); color: #fff; font-size: 20px; font-weight: 400; border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; background: #0E4C74; display: inline-block; text-align: center; line-height: 45px; width: 45px; height: 45px; position: absolute; top: -11px; left: 0;}
.why-we-list li span {font-weight: 400;}

.img-pref {opacity: 1 !important; max-width: 100%; height: auto;}

.preference-block .btn-consult {background: #FFD700; color: #000; text-decoration: none; font-weight: 500; font-size: 20px; display: table; padding: 13px 20px; min-width: 225px; text-align: center; border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; border: 0; outline: 0; cursor: pointer; box-shadow: 0 0 33px 0 rgba(255, 255, 255, 0.5); -moz-box-shadow: 0 0 33px 0 rgba(255, 255, 255, 0.5); -webkit-box-shadow: 0 0 33px 0 rgba(255, 255, 255, 0.5);}
.preference-block .btn-consult:hover {background: #ffe03c; -webkit-transform: scale(1.03) !important; -moz-transform: scale(1.03) !important; -o-transform: scale(1.03) !important; transform: scale(1.03) !important;}


/* ==============================================
********  Отзывы
=============================================== */
.feedback-main {background: url(images/bg-5.jpg) center top no-repeat; background-size: cover;}
.feedback-block {padding-top: 55px; padding-bottom: 50px;}
.feedback-block h2 {font-size: 40px; text-align: center; color: #fff; margin-bottom: 50px; text-align: center; font-weight: 300;}

.feed-list-wrap {position: relative; display: table; margin: 0 auto; padding: 0;}
.feed-list {}
.feed-list .item {}
.feed-list .item .text {font-size: 16px; line-height: 20px; padding: 25px 20px; position: relative; margin-bottom: 40px; color: #fff; font-weight: 300;}
.feed-list .item .text img {float: left; border-radius: 10px; -moz-border-radius: 10px; -webkit-border-radius: 10px; z-index: 1; position: relative; margin: 0 30px 0 0; max-width: 128px; max-height: 128px;}
.feed-list .item .text > span {overflow: hidden; display: block;}
.feed-list .item .text > span > span {font-size: 20px; font-weight: 400; display: block; margin-bottom: 10px;}

.feed-list-wrap .bx-controls {text-align: center;}
.feed-list-wrap .bx-pager {}
.feed-list-wrap .bx-pager > div {display: inline-block; vertical-align: top; margin: 0 4px;}
.feed-list-wrap .bx-pager a {background: #F2F2F2; position: relative; text-indent: -9999px; display: block; width: 15px; height: 15px; border-radius: 20px; -moz-border-radius: 20px; -webkit-border-radius: 20px;}
.feed-list-wrap .bx-pager a:hover {}
.feed-list-wrap .bx-pager a.active {background: #FFD700;}




/* ==============================================
********  Карты
=============================================== */
.maps-main {}
.maps-main .container  {position: relative;}

.map {width: 100%; height: 745px;}
.map .container {position: relative;}

/*Контактные данные*/
.contact-block {background: rgba(255, 255, 255, 0.90); position: absolute; top: 120px; left: 15px; max-width: 400px; width: 100%; z-index: 10; padding: 30px 35px;}
.contact-block .title {font-size: 26px; font-weight: 300; margin-bottom: 40px; color: #000;}
.contact-block ul {list-style: none; padding: 0; margin: 0;}
.contact-block ul li {margin-bottom: 30px; padding-left: 38px;}
.contact-block ul li p {margin: 0; font-size: 16px; font-weight: 300; line-height: 18px;}
.contact-block ul li p span {display: block; font-size: 16px; font-weight: 500;}
.contact-block ul li.address {background: url(images/ico-address-2.png) no-repeat; background-size: 27px;}
.contact-block ul li.time {background: url(images/ico-time.png) 3px 0 no-repeat; background-size: 23px;}
.contact-block ul li.invoice {background: url(images/ico-invoice.png) no-repeat; background-size: 31px;}
.contact-block .btn-politika {border: 1px solid #8E9FAA; text-align: center; border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; padding: 12px 5px; display: block; text-decoration: none; font-size: 16px; color: #163C55; margin: 0 15px;}
.contact-block .btn-politika:hover {background: #163C55; color: #fff; border: 1px solid #163C55;}

/*Контакты - форма*/
.contact-form-block {background: rgba(255, 215, 0, 0.9); position: absolute; top: 120px; right: 15px; max-width: 400px; width: 100%; z-index: 10; padding: 50px 35px;}
.contact-form-block h3 {font-size: 32px; font-weight: 300; text-align: center; color: #000; margin-bottom: 15px;}
.contact-form-block p {font-size: 20px; line-height: 22px; font-weight: 300; text-align: center; color: #000; margin-bottom: 48px;}
.contact-form-block form input[type=text] {background: #CACACA; font-size: 18px; text-align: center; width: 100%; height: 55px; padding: 0 15px; border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; font-weight: 300; margin-bottom: 20px; border: 0; outline: 0; color: #000;}
.contact-form-block form input[type=text]::-webkit-input-placeholder {color:#000;}
.contact-form-block form input[type=text]::-moz-placeholder {color:#000;}
.contact-form-block form input[type=text]:-moz-placeholder {color:#000;}
.contact-form-block form input[type=text]:-ms-input-placeholder {color:#000;}

.contact-form-block form button {background: #fff; color: #000; text-decoration: none; font-weight: 500; font-size: 20px; display: table; border-bottom: 3px solid #EAD406; padding: 11px 20px; text-align: center; display: block; width: 100%; height: 55px; border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; border: 0; outline: 0; cursor: pointer; box-shadow: 0 0 33px 0 rgba(255, 255, 255, 0.2); -moz-box-shadow: 0 0 33px 0 rgba(255, 255, 255, 0.2); -webkit-box-shadow: 0 0 33px 0 rgba(255, 255, 255, 0.2); border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; border: 0; outline: 0; cursor: pointer; box-shadow: 0 0 33px 0 rgba(255, 255, 255, 0.5); -moz-box-shadow: 0 0 33px 0 rgba(255, 255, 255, 0.5); -webkit-box-shadow: 0 0 33px 0 rgba(255, 255, 255, 0.5);}
.contact-form-block form button:hover {box-shadow: 0 0 33px 0 rgba(255, 255, 255, 1); -moz-box-shadow: 0 0 33px 0 rgba(255, 255, 255, 1); -webkit-box-shadow: 0 0 33px 0 rgba(255, 255, 255, 1); -webkit-transform: scale(1.03) !important; -moz-transform: scale(1.03) !important; -o-transform: scale(1.03) !important; transform: scale(1.03) !important;}


/* ==============================================
********  Копирайт
=============================================== */
.copyright-main {}
.copyright {overflow: hidden; padding-top: 25px; padding-bottom: 25px;}
.copyright .created {font-size: 14px; font-weight: 300; margin:0; float: left; color: #000;}
.copyright p {font-size: 14px; font-weight: 300; margin:0; float: right;}





/* ==============================================
********  Модальные окна
=============================================== */
.modal-backdrop {cursor: pointer;}

.modal-dialog {}
.modal-dialog .close {position: absolute; top: 8px; right: 12px; font-size: 24px; outline: none !important; opacity: 0.7; color: #000; text-shadow: none !important; font-weight: 400 !important;}
.modal-dialog .close:hover {opacity: 1;}
.modal-dialog .modal-content {background: #fff; padding: 35px 25px; box-shadow: none !important; -moz-box-shadow: none !important; -webkit-box-shadow: none !important; border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px;}
.modal-dialog .modal-content .modal-body {padding: 0 !important;}
.modal-dialog .modal-content h3 {font-size: 28px; font-weight: 400; color: #000; text-align: center; line-height: 32px; margin-bottom: 25px;}
.modal-dialog .modal-content h3 span {display: block; font-size: 15px;}

.modal-dialog form {}
.modal-dialog form input[type=text] {background: #CACACA; font-size: 18px; text-align: left; width: 100%; height: 48px; padding: 0 15px; border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; font-weight: 300; margin-bottom: 20px; border: 0; outline: 0; color: #000;}
.modal-dialog form input[type=text]::-webkit-input-placeholder {color:#000;}
.modal-dialog form input[type=text]::-moz-placeholder {color:#000;}
.modal-dialog form input[type=text]:-moz-placeholder {color:#000;}
.modal-dialog form input[type=text]:-ms-input-placeholder {color:#000;}

.modal-dialog form button {background: #FFD700; color: #000; text-decoration: none; font-weight: 500; font-size: 20px; display: table; border-bottom: 3px solid #EAD406; padding: 11px 20px; text-align: center; display: block; width: 100%; height: 55px; border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; border: 0; outline: 0; cursor: pointer; box-shadow: 0 0 33px 0 rgba(255, 255, 255, 0.5); -moz-box-shadow: 0 0 33px 0 rgba(255, 255, 255, 0.5); -webkit-box-shadow: 0 0 33px 0 rgba(255, 255, 255, 0.5);}
.modal-dialog form button:hover {background: #ffe03c; box-shadow: 0 0 33px 0 rgba(255, 255, 255, 0.9); -moz-box-shadow: 0 0 33px 0 rgba(255, 255, 255, 0.9); -webkit-box-shadow: 0 0 33px 0 rgba(255, 255, 255, 0.9); -webkit-transform: scale(1.03) !important; -moz-transform: scale(1.03) !important; -o-transform: scale(1.03) !important; transform: scale(1.03) !important;}



/*Сообщение спасибо*/
#thanks p {text-align: center;}


/* ===========================
   Cookie Banner — elegant look
   =========================== */
.cookie-banner{
  position: fixed; left: 16px; right: 16px; bottom: 16px;
  z-index: 9999;
  background: rgba(14, 76, 116, 0.97); /* #0E4C74 с легкой прозрачностью */
  color: #fff;
  border-radius: 14px;
  box-shadow: 0 12px 30px rgba(0,0,0,.25);
  backdrop-filter: blur(6px);
  padding: 0; /* внутренние отступы у .inner */
  font-size: 14px;
}
.cookie-banner .inner{
  display: flex; align-items: center; gap: 16px; flex-wrap: wrap;
  max-width: 1100px; margin: 0 auto; padding: 16px 18px;
}
.cookie-banner p{
  margin: 0; line-height: 1.55;
}
.cookie-banner a{
  color: #FFD700; text-decoration: underline;
}
.cookie-banner a:hover,
.cookie-banner a:focus{
  text-decoration: none; opacity: .9;
}

.cookie-banner .btns{
  margin-left: auto; display: flex; gap: 10px;
}
.cookie-banner button{
  appearance: none; border: 0; cursor: pointer;
  padding: 10px 16px; border-radius: 10px;
  font-weight: 600; line-height: 1;
  transition: transform .12s ease, box-shadow .12s ease, opacity .2s;
  box-shadow: 0 4px 10px rgba(0,0,0,.15);
}
.cookie-banner button:focus-visible{
  outline: 2px solid #FFD700; outline-offset: 2px;
}

/* Primary / Secondary */
.cookie-accept{
  background: #FFD700; color: #111;
}
.cookie-accept:hover{ transform: translateY(-1px); }
.cookie-accept:active{ transform: translateY(0); box-shadow: 0 2px 6px rgba(0,0,0,.2); }

.cookie-decline{
  background: transparent; color: #fff;
  border: 1px solid rgba(255,255,255,.7);
}
.cookie-decline:hover{ opacity: .9; }
.cookie-decline:active{ opacity: .85; }

/* “Управление cookie” — плавающая ссылочка */
.cookie-manage{
  position: fixed; right: 16px; bottom: 16px; z-index: 9998;
  font-size: 12px; color: #9fb9c9;
  background: rgba(14,76,116,.65);
  padding: 6px 10px; border-radius: 10px;
  box-shadow: 0 8px 20px rgba(0,0,0,.18);
  backdrop-filter: blur(4px);
}
.cookie-manage a{ color: #d6e6ef; text-decoration: none; }
.cookie-manage a:hover{ text-decoration: underline; }

/* Адаптив: на узких экранах кнопки вниз и на всю ширину */
@media (max-width: 640px){
  .cookie-banner{ left: 10px; right: 10px; bottom: 10px; }
  .cookie-banner .inner{ padding: 14px; }
  .cookie-banner .btns{
    width: 100%; margin-left: 0; justify-content: stretch;
  }
  .cookie-banner .btns button{ flex: 1; }
}

/* Respect reduced motion */
@media (prefers-reduced-motion: reduce){
  .cookie-banner, .cookie-banner button{ transition: none !important; }
}

/* Небольшая поддержка тёмной темы системно */
@media (prefers-color-scheme: dark){
  .cookie-banner{ background: rgba(10, 54, 83, 0.97); }
  .cookie-manage{ background: rgba(10,54,83,.7); color: #bcd0db; }
}


/* Центрируем согласие под формой (первый экран) */
.form-block-main .form-consent-wide {
  margin-top: 14px;
  text-align: center;   /* выравнивание по центру */
  color: #fff;
  font-size: 13px;
  line-height: 1.5;
}

.form-block-main .form-consent-wide label {
  display: inline-block;   /* чтобы текст центрировался красиво */
  margin: 0 auto;
  max-width: 90%;          /* чтобы не растягивалось на всю ширину */
}

.form-block-main .form-consent-wide input[type="checkbox"] {
  margin-right: 6px;
  vertical-align: middle;
}

.form-block-main .form-consent-wide a {
  color: #FFD700;
  text-decoration: underline;
  font-weight: 600;
}

.form-block-main .form-consent-wide a:hover {
  text-decoration: none;
  opacity: .9;
}

/* Адаптив — на мобильных уменьшим размер */
@media (max-width: 767px) {
  .form-block-main .form-consent-wide {
    font-size: 12px;
    line-height: 1.4;
  }
}

/* Кнопки отправки, когда чекбокс не отмечен (disabled) */
form.form button:disabled,
form.form button[disabled]{
  background: #BDBDBD !important;
  color: #666 !important;
  border-bottom: none !important;
  box-shadow: none !important;
  cursor: not-allowed !important;
  transform: none !important;
}

/* Чтобы при наведении не желтела/не подсвечивалась */
form.form button:disabled:hover,
form.form button[disabled]:hover{
  background: #BDBDBD !important;
  box-shadow: none !important;
}