/* Fonts */
@font-face { font-family:'Open Sans'; src: url('../fonts/OpenSans-Regular.ttf'); }
@font-face { font-family:'Open Sans Bold'; src: url('../fonts/OpenSans-Bold.ttf'); }

/* Overwrite */
.grid-container {max-width:1400px;}
a {color:#2476e4;text-decoration:none;}
a:hover {color:#ea080b;text-decoration:none;opacity:0.9;}
a:focus {color:#ea080b;text-decoration:none;opacity:0.9;}

.button {margin:0;font-size:15px;background:#424242;border-radius:3px;color:#fff !important;padding:15px 35px;border:none;transition:0.5s all;text-decoration:none;}
.button:hover {opacity:0.9;background:#f9a31c;}
.button:focus {opacity:0.9;background:#f9a31c;}

.button.big {padding:20px 45px;}
.button.orange {background:#f9a31c;color:#fff;text-decoration:none;border-bottom:none;}
.button.orange:hover {background:#424242;color:#fff;}

button {border:none;}


input::placeholder {opacity:1;color:#999;}
textarea::placeholder {opacity:1;color:#999;}
textarea:focus {border:1px solid #dde3eb;background:#fff;}
input[type="text"], textarea[type="text"] {font-size:14px;}
input[type="text"]:focus::placeholder {opacity:0;}
input[type="text"]:focus {border:1px solid #dde3eb;background:#fff;}


input[type="submit"] {padding:32px 65px;}

input[type=radio] {display: none !important;}
input[type=radio] + label:before {content:" ";color:#fff;border: 1px solid #dde3eb;border-radius:9px;display:inline-block;line-height:30px;margin:0 7px;height:30px;width:30px;padding:0;top:8px;position:relative;text-align:center;}
input[type=radio]:checked + label:before {background:url(../img/radio.png) no-repeat center center;}

input[type="file"]::file-selector-button {background-color:transparent;color:#a6ccff;padding:0;border:none;border-radius:5px;cursor: pointer;font-size:14px;}
input[type="file"]::file-selector-button:hover {}

.form-group {position:relative;}
.form-group .help-block {position:absolute;top:3px;right:0;font-size:12px;color:red;}
.form-group.has-error input {border:1px solid #ff0000;}
.form-group.has-error textarera {border:1px solid #ff0000;}

.title-bar {display:none;background:#425259;}
.top-bar, .top-bar ul {background:none;}
.top-bar {padding:0;margin:0;width:100%;}
.top-bar ul {width:100%;}

.close-button {position:absolute;top:10px;right:10px;display:block;width:30px;height:30px;border-radius:30px;color:#fff;transition: 0.5s all;}
.close-button:hover {color:#fff;transform: rotate(180deg);transform-origin: center center;}
.close-button i {font-size:16px;display:block;height:30px;width:30px;line-height: 30px;}

h1, .h1 {font-size:32px;margin:40px 0 20px;font-family: "Open Sans Bold", sans-serif;color:#262626;font-weight:bold;}
h2 {font-size:1.6em;margin:30px 0 10px;padding:10px 0;line-height:30px;font-family: "Open Sans Bold", sans-serif;color:#353535;font-weight:bold;}
h3 {font-size:1.5em;font-family: "Open Sans Bold", sans-serif;}
h4 {font-size:1.2em;}

.h1 {padding:0;margin:0 20px 20px;line-height:40px;}

.dark h1, .dark h2 {color:#fff;}

h1.line, h2.line {position:relative;padding:0 0 20px;margin:0 0 10px;font-size:1.6em;}
h1.line:before, h2.line:before {position:absolute;content:"";bottom:0;left:50%;width:50px;height:3px;margin-left:-25px;background:#f9a31c;}


@media print,screen and (min-width:64em){
	h1.line, h2.line {margin:0 0 25px;}
}

.black {color:#121212;}
.red {color:#cd3a31;}

.bold {font-weight:bold;font-size:16px;}

.no-opacity p {opacity:1 !important;}

.reveal {background: linear-gradient(45deg, rgba(51, 137, 255, 1) 0%, rgba(35, 118, 231, 1) 100%);color:#fff;border:none;}
.reveal button[type="submit"] {background:#fff;border-radius:25px;color:#2475e3;}

@media print,screen and (min-width:40em){
	.reveal {border-radius:10px;}
}


.reveal-overlay {background-color:rgb(0,0,0,0.6);}
.js-off-canvas-overlay {background-color:rgb(0,0,0,0.6);}

.callout {margin:10px 0;border:1px solid #6dabfe;padding:10px;border-radius:10px;text-align:center;}
.callout.success {margin:20px 0;border:1px solid #fff;background:#428cef;color:#fff;}
.callout.alert {margin:20px 0;border:1px solid #fac47c;background:#428cef;color:#fff;}
.callout.yellow {border:none;background:#428cef;}

.table-scroll table {width:100%;}

.table{display:table;}
.tr {display:table-row;}
.td {display:table-cell;}

.btns {margin:0 0 50px;}
.btn {margin:0 20px 30px;min-width:250px;}

.agree p {font-size:13px;}
.agree {display:block;position:relative;padding-left:25px;color:#fff;}
.agree input[type="checkbox"] {display:block;position:absolute;top:5px;left:0;}

.for-mobile {display:none;}
@media print,screen and (min-width:40em){ .for-mobile {display:block;} }

/* Canvas */
.off-canvas {background:linear-gradient(to top, #3289ff, #2475e3);display: flex;flex-direction: column;justify-content:space-between;height:100vh;}
.off-canvas .close-button {font-size:20px;color:#fff;font-weight: normal;}

.off-canvas .top {margin:20px 0;min-height:60px;}
.off-canvas ul.menu li {border-top:1px dashed #398cfd;display:block;width:100%;}
.off-canvas ul.menu li:last-child {border-bottom:1px dashed #398cfd;}
.off-canvas ul.menu li a {color:#fff;text-transform: uppercase;transition: 0.5s all;}
.off-canvas ul.menu li a:hover {background:#3289ff;}
.off-canvas ul.menu li ul.menu li a {padding-left:25px;text-transform:none;display: block;position: relative;}
.off-canvas ul.menu li ul.menu li a:before {content:"-";position: absolute;top:10px;left:15px;}
.off-canvas ul.menu li ul.menu li:last-child {border-bottom:none;}

.breadcrumbs {display:block;border:none;text-align:center;}
.breadcrumbs li {float:none;display:inline;}

ul.slick-dots li button {background:#1e8cc6;}
ul.slick-dots li.slick-active button {background:#1e8cc6;}

/* HTML */
html {height:100%;}
body {font-family: "Open Sans", sans-serif;margin:0;padding:0;height:100%;min-height:100%;color:#222;font-size:1em;background:#fff;}

.loading {position:fixed;width:100%;height:100%;z-index:100;background:#fff;}

header {font-size:13px;}
header button {display:inline-block;font-size:19px;padding:10px 15px 10px 10px;border-radius:20px !important;border:1px solid #d8e9ff;cursor: pointer;transition: 0.5s all;}
header button:hover {border:1px solid #2678e7;}
header button i {margin:0 10px;position:relative;top:1px;color:#2475e3;}

header a.logo {display:block;margin:0 0 0 10px;padding:5px 10px;}
header a.phone {display:inline-block;text-align:center;font-size:19px;font-weight:600;color:#222;height:36px;width:36px;border:1px solid #d8e9ff;border-radius:5px;transition: 0.5s all;position: relative;top:1px;}
header a.phone:hover {border:1px solid #2678e7;}
header a.phone i {margin:0;font-size:19px;line-height:36px;color:#2779e9;}

.slogan {position: relative;top:4px;padding:0 0 0 20px;}

@media print,screen and (min-width:40em){
	header a.logo {margin:0;padding:15px 10px;}
	header a.phone {width:auto;height:auto;border:none;}
	header a.phone:hover {border:none;}
	header a.phone i {margin:0 10px 0 0;transform:scale(-1, 1);font-size:15px;position: relative;top:-1px;}
}

header .mobile button {margin:0 15px 0 0;padding:0;font-size:17px;text-align:center;width:36px;height:36px;line-height:32px;border-radius:5px !important;}

nav {background:linear-gradient(to top, #297dee, #2475e3);}
nav ul.menu li a {text-align: center;color:#fff;transition: 0.5s all;}
nav ul.menu li a:hover {background: #3289ff;}

/* left menu  */
.btm {margin:20px 0;color:#fff;}
.btm .messengers a {border: border:1px solid #d8e9ff;}
.btm .messengers a i {color:#fff;}

/* messengers */
.messengers {margin:5px 0 0;display: inline-block;}
.messengers a {display:inline-block;margin:0 7px;border:1px solid #d8e9ff;height:40px;line-height: 40px;border-radius: 20px;width:40px;transition: 0.5s all;text-decoration: none;position: relative;text-align: center;}
.messengers a:hover {border:1px solid #2678e7;}
.messengers a i {font-size:20px;line-height:20px;color:#2475e3;position:relative;}
.messengers a img {width:18px;}
.messengers a.max img {position:relative;top:-2px;}
.messengers a.telegram i {top:2px;left:-2px;}
.messengers a.whatsapp i {top:1px;}

.messengers.square {position: relative;top:-1px;margin:0 2px 0 0;}
.messengers.square a {margin:0 3px;border-radius:5px;width:36px;height:36px;line-height:36px;}
.messengers.square a i {font-size:20px;}

/* Cookies  */
#accept_cookies {display:none;position:fixed;bottom:10px;left:50%;width:350px;margin-left:-175px;background:#2576e5;color:#fff;border-radius:5px;padding:15px 20px;box-shadow:0 0 5px #999;}
#accept_cookies p {margin:0 0 10px;font-size:12px;}
#accept_cookies a {color:#fff;text-decoration: underline;}
#accept_cookies a:hover {text-decoration: none;}
#accept_cookies .close {display:inline-block;background:#2475e3;color:#fff;padding:4px 18px;cursor:pointer;font-size: 14px;border:1px dashed #fff;}
#accept_cookies .close:hover {border:1px solid #fff;}

@media print,screen and (min-width:40em){ #accept_cookies {width:450px;margin-left:-225px;} }
@media print,screen and (min-width:64em){ #accept_cookies {width:600px;margin-left:-300px;} }

/* Slider */
.slides {position:relative;background:#fafafa;margin:0 0 8px;border-radius:0;overflow:hidden;min-height:450px;}
.slides .slick-slider {margin-bottom:0;}
.slides .slide {display:flex !important;flex-direction: column;}
.slides .slide .gradient {flex-grow: 1;width: 100%;display: flex;align-items: center; box-sizing: border-box;}


.slides .slide .text {padding:0 15px 60px;width:100%;position:relative;}
.slides .slide .text ul, .slides .slide .text ol {list-style: none;}

.slides .text a.button {display:block;width:auto;position:relative;bottom:-20px;right:0;background:#f34c53;color:#fff;border:1px solid #fff;border-radius:5px;text-transform: uppercase;font-size:18px;}

.slides .arrow {position: absolute;top:50%;font-size: 20px;z-index: 999;cursor: pointer;color:#2678e8;}
.slides .arrow:hover {color:#e01115;}
.slides .arrow.prev {left:2%;}
.slides .arrow.next {right:2%;}
.slides ul.slick-dots {position: absolute;bottom:10px;}
.slides ul.slick-dots li {width:8px;height:8px;}
.slides ul.slick-dots li.slick-active button {width:8px;height:8px;background:#e01115;}

@media print,screen and (min-width:64em){
	.slides {margin:20px 0 10px;border-radius:5px;}
	.slides .slide .text {padding:0 20px;}
	.slides .text a.button {position:absolute;bottom:40px;right:15%;}
}

/* Actions  */
.actions {margin:0 8px 10px !important;}
.actions .action {background-size: cover;border-radius:5px;overflow: hidden;}
.actions .action .fon {background:linear-gradient(135deg, rgba(50,137,255,0.95) 0%, rgba(50,137,255,0.9) 20%, rgba(37,119,230,0.25) 100%);height:100%;min-height:150px;width:100%;padding: 20px;display:flex;flex-direction:column;justify-content:space-between;transition: 0.5s all;}
.actions .action .fon:hover {background:linear-gradient(135deg, rgba(255, 85, 84, 1) 0%, rgba(255, 85, 84, 0.9) 20%, rgba(37,119,230,0.25) 100%);}
.actions .action h4 {color:#fff;font-weight: 600;width:200px;}
.actions .action p {margin:0;max-width:350px;display:block;color:#fff;font-size:14px;}
.actions .action a {color:#fff;padding: 0 0 2px;border-bottom: 1px dashed #fff;}
.actions .action a.more {width:auto;}

.actions.big {margin:10px 0 5px !important;}
.actions.big .action .fon {min-height:200px;}
.actions.big h4 {font-size:26px;}

@media print,screen and (min-width:64em){
	.actions {margin:0 -0.6rem 100px !important;}
	.actions .action {aspect-ratio:8/4;}
	.actions.big {margin:0 0 80px !important;}
	.actions.big h4 {font-size:28px;line-height:1.5;}
}

/* Pages */
.pages {margin:0 5px 8px !important;}
.pages .page {background-size: cover;border-radius:5px;overflow: hidden;aspect-ratio:8/4;}
.pages .page .fon {background:linear-gradient(135deg, rgba(50,137,255,0.95) 0%, rgba(50,137,255,0.9) 20%, rgba(37,119,230,0.25) 100%);height:100%;width:100%;padding: 20px;display:flex;flex-direction:column;justify-content:space-between;transition: 0.5s all;}
.pages .page .fon:hover {background:linear-gradient(135deg, rgba(255, 85, 84, 1) 0%, rgba(255, 85, 84, 0.9) 20%, rgba(37,119,230,0.25) 100%);}
.pages .page h4 {color:#fff;font-weight: 600;width:200px;}
.pages .page p {margin:0;max-width:350px;display:block;color:#fff;}
.pages .page a {color:#fff;padding: 0 0 2px;border-bottom: 1px dashed #fff;}
.pages .page a.more {width:auto;}

@media print,screen and (min-width:64em){
	.pages {margin:0 -0.6rem 100px !important;}
	.pages .page {aspect-ratio:8/4;}
}

/* Images  */
.images {margin:10px 0;}
.images a.image {display:block;aspect-ratio:2/1;border-radius:10px;}


/* Content */
.content {}
.content .text {padding:0 10px;}
.content h1 {padding: 0 5px;}
.content h2 {margin:20px 0;font-size:28px;font-weight: bold;}
.content h3 {font-size: 18px;font-weight: bold;}
.content table {}
.content table tbody {border:none;background:none;}
.content table tr {vertical-align: top;}
.content table tr:nth-child(even) {background:none;}
.content table tr:nth-child(odd) {background:none;}
.content table tr td h2 {margin:0;line-height:1.2;}
.content hr {max-width: none;width:100%;}

@media print,screen and (min-width:40em){
	.content .text {padding: 0;}
	.content h2 {margin:40px 0;font-size:38px;}
	.content table tr td h2 {margin:40px 0 0;line-height:1.4;}
	.content h3 {font-size:24px;}
	.content table.col-3 td {width:33%;}
}

/* Distance  */
.distance {position:relative;margin:0;padding:0 7px;background: linear-gradient(45deg, #3389ff, #2376e7);color:#fff;}
.distance h2 {max-width:600px;line-height: 1.4;color:#fff;}
.distance h3 {margin:30px 0;font-size:20px;line-height: 1.6;}
.distance p {font-size: 16px;}

.distance .image {position: relative;}
.distance .image img {display:block;margin:0 auto;}

@media print,screen and (min-width:40em){
	.distance {margin:250px 0 140px;padding: 0;}
	.distance h2 {position:absolute;top:-200px;max-width:600px;color:#222;}
	.distance .image {}
	.distance .image img {position: absolute;top:-150px;left:0;margin:0;}
}

/* Clients */
.clients {margin:0 0 40px;}
.clients h2 {text-align:center;margin:0 0 20px;}
.clients .container {position: relative;padding: 0 20px;}
.clients .container .arrow {position:absolute;top:41%;z-index:9999;cursor: pointer;font-size:20px;}
.clients .arrow:hover {color:#e01115;}
.clients .container .arrow.prev {left:10px;}
.clients .container .arrow.next {right:10px;}
.clients .container .slick-list .slick-slide {text-align:center;}
.clients .container .slick-list .slick-slide img {display: inline-block;}

@media print,screen and (min-width:40em){
	.clients {margin:40px 0 100px;}
	.clients h2 {text-align:left;margin:20px 0;}
}

/* Order form */
.frame {margin:20px 15px;padding:10px 20px;border:1px solid #6dabfe;border-radius: 10px;}
.order {background:url(../img/office.webp) no-repeat center center;background-size:cover;color:#fff;padding:0;}
.order .gradient {background: linear-gradient(45deg, rgba(51, 137, 255, 1) 0%, rgba(51, 137, 255, 1) 35%, rgba(35, 118, 231, 0.65) 100%);}
.order .text {margin:0;padding:20px 0 0;}
.order h2 {color:#fff;padding:0;margin:20px 0;}
form.ajax-form {padding:20px 0 0;}
form.ajax-form label {display: block;position: relative;margin:0 0 20px;}
form.ajax-form label.agree {margin:10px 0 20px;}
form.ajax-form i {color:#fff;display: block;position: absolute;top:14px;left:10px;font-size:17px;color:#a6ccff;}
form.ajax-form input {border-top:none;border-left:none;border-right:none;background:none;border-bottom: 1px solid #6dabfe;padding:10px 2px 10px 35px;color:#fff;height:auto;line-height:auto;font-size:16px;}
form.ajax-form textarea {border-top:none;border-left:none;border-right:none;background:none;border-bottom: 1px solid #6dabfe;padding:10px 2px 10px 35px;color:#fff;height:auto;line-height:auto;font-size:16px;resize:vertical;}
form.ajax-form input:focus {background: none;box-shadow:none !important;border:1px solid #fff;}
form.ajax-form textarea:focus {background: none;box-shadow:none !important;border:1px solid #fff;}
form.ajax-form input[name="name"] {}
form.ajax-form input[name="phone"] {}
form.ajax-form input[name="file"] {color:#a6ccff;font-size:14px;box-shadow: inset 0 1px 2px rgba(10,10,10,.1);}
form.ajax-form input::placeholder, form.ajax-form textarea::placeholder {color:#a6ccff;}
form.ajax-form button.button {background:#fff;border-radius:25px;border:none;color:#2475e3 !important;width:100%;}
form.ajax-form a {color:#fff;text-decoration: underline;}
form.ajax-form a:hover {text-decoration: none;} 
form.ajax-form .form-title {text-align: center;margin:0 0 20px;font-weight: bold;}

.order .messengers a {text-decoration: none;}
.order .messengers i {position:relative;}
.order .messengers a.max img {position:relative;top:-2px;}
.order .messengers a.telegram {top:-10px;}
.order .messengers a.telegram i {top:10px;left:0;}
.order .messengers a.whatsapp {top:-10px;}
.order .messengers a.whatsapp i {top:10px;left:0;}

@media print,screen and (min-width:40em){
	.frame {padding:20px 40px;margin:40px 0;}
	.order {padding:0;}
	.order h2 {font-size:32px;margin:0 0 20px;line-height:50px;}
	.order .consultant {position: relative;}
	.order .consultant img {position:absolute;bottom:0;right:0;}
	form.ajax-form button.button {width:auto;}
}

/* Footer  */
footer {}
footer p {margin:0;}

.bottom-menu {padding:10px 0;}
.bottom-menu ul.menu li {padding:10px;margin:0;}
.bottom-menu ul.menu li a {color:#222;position: relative;}
.bottom-menu ul.menu li a:before {content:"\00B7";display: block;position: absolute;top:2px;left:-10px;}
.bottom-menu ul.menu li a:after {content:"\00B7";display: block;position: absolute;top:2px;right:-10px;}
.bottom-menu ul.menu li a:hover {color:#2475e3;}

.bottom {border-top:1px solid #ddd;border-bottom:1px solid #ddd;padding:20px 0;}
.bottom .slogan {font-size: 13px;}
.bottom a.phone {font-size:26px;font-weight:bold;color:#222;}
.bottom a.call {font-size: 14px;font-weight: bold;}

.copyright {padding:10px 0;}
.copyright p {font-size:12px;color:#555;}
.copyright a {color:#555;}
.copyright ul.menu li {padding:5px 10px;}
.copyright ul.menu li a {font-size: 12px;}

@media print,screen and (min-width:40em){
	.bottom-menu {padding:40px 0;}
	.bottom-menu ul.menu li {padding:0;}
	.copyright ul.menu li {padding:0;}
}

/* call-modal  */
#call-modal {}