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

/* Overwrite */
.grid-container {max-width:1650px;}

a {color:#0c83c8;}

span.icon i {font-size:25px;cursor:pointer;}

.button {background:linear-gradient(to top,#1d9ed9,#0c83c8);margin:0 !important;}
.button.big {padding:18px 20px;font-size:20px;} 
.button.big i {margin:0 15px 0 0;}
input[type="text"], textarea {margin:0;background:rgb(0,0,0,0.2);color:#fff;}
input[type="text"]:focus, textarea:focus {background:rgb(0,0,0,0.5);}

.button.w300 {width:100%;}
@media print,screen and (min-width:40em){
	.button.big {padding:20px;font-size:24px;}
	.button.w300 {width:300px;}
}

.response {}
.callout {border:none;margin:0;opacity:0.85;}

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

/* HTML */
body {font-family: 'Oswald', sans-serif;background:#fafafa;}
body.dark {color:#fff;background:#000;}
body.light header {border-bottom:1px solid #eee;}

header {position:fixed;top:0;left:0;width:100%;z-index:99;}


header.light {background:rgb(255,255,255,0.9);}
header.light span.icon {color:#222;}

header {padding:0;font-size:13px;}
header .grid-container {position:relative;}
header .logo img {}
@media print,screen and (min-width:40em){ header .logo img {max-width:100px;} }
@media print,screen and (min-width:64em){ header .logo img {max-width:130px;} }

header .address {position:absolute;top:15px;right:20px;font-size:13px;}
header .address i {margin:0 5px 0 15px;}

header.dark .address a {color:#fff;}
header.light .address a {color:#222;}

header ul.menu {}
header ul.menu li {margin:0;padding:0;position:relative;}
header ul.menu.simple li + li {margin:0;}
header ul.menu li a {text-transform:uppercase;font-size:18px;color:#222;}
header ul.menu li a:hover {color:#0c83c8;}
header ul.menu li.parent a i {margin:0 0 0 10px;}
header ul.menu li ul.submenu {display:none;position:absolute;top:40px;left:0;z-index:2;}
header ul.menu li:hover ul.submenu {display:block;list-style:none;background:#fff;box-shadow:0 0 5px #ddd;border-radius:5px;margin:0;padding:10px 0;}
header ul.menu li ul.submenu li {padding:0;}
header ul.menu li ul.submenu li a {text-transform:none;padding:10px 20px;display:block;}

header a.phone {font-size:20px;font-weight:bold;color:#222;}

header.dark {color:#fff;background:rgb(0,0,0,0.9);}
header.dark ul.menu {}
header.dark ul.menu li {margin:0;padding:0;position:relative;}
header.dark ul.menu.simple li + li {margin:0;}
header.dark ul.menu li a {text-transform:uppercase;font-size:18px;color:#fff;}
header.dark ul.menu li a:hover {color:#fff;}
header.dark ul.menu li.parent a i {margin:0 0 0 10px;}
header.dark ul.menu li ul.submenu {display:none;position:absolute;top:40px;left:0;z-index:2;}
header.dark ul.menu li:hover ul.submenu {display:block;list-style:none;background:#fff;box-shadow:0 0 5px #ddd;border-radius:5px;margin:0;padding:10px 0;}
header.dark ul.menu li ul.submenu li {padding:0;}
header.dark ul.menu li ul.submenu li a {text-transform:none;padding:10px 20px;display:block;color:#222;}
header.dark ul.menu li ul.submenu li a:hover {color:#0c83c8;}
header.dark a.phone {color:#fff;}
header.dark ul.lang a {color:#fff;}
header.dark ul.lang a:hover {color:#fff;}
header.dark span.icon {color:#fff;}

footer {padding:0;background:linear-gradient(-45deg,#333 0%,#111 50%, #333 100%);color:#fff;}
footer h3 {font-size:16px;text-transform:uppercase;margin:20px 0;}
footer p {font-family:arial;font-size:13px;margin:5px 0;}
footer hr {display:block;max-width:100%;height:1px;margin:0;border-bottom:1px solid #666;}

footer ul.menu {margin:0;padding:0;list-style:none;}
footer ul.menu li {padding:0;}
footer ul.menu li {margin:0 5px 0 0;}
footer ul.menu li a {color:#fff;padding:5px 0;display:inline;font-family:arial;font-size:13px;}
footer ul.menu li a:hover {color:#0c83c8;}
footer .social a {display:inline-block;width:36px;height:36px;line-height:36px;color:#fff;margin:0 2px;font-size:24px;text-align:center;}
footer .social a:hover {color:#0c83c8;}
footer .copy p {margin:0;color:#aaa;font-size:11px;}
footer .copy a {color:#aaa;}
footer .copy ul.menu li a {color:#aaa;font-size:11px;}
footer .copy ul.menu li a:hover {color:#fff;}

.content {padding:90px 0 0;}

/* Language */
ul.lang {list-style:none;margin:0;padding:0;}
ul.lang li {display:inline;}
ul.lang li a {display:inline-block;border-radius:5px;color:#222;padding:2px 6px;line-height:20px;}
ul.lang li a:hover {color:#0c83c8;}
ul.lang li a.active {color:#fff;background:linear-gradient(to top,#1d9ed9,#0c83c8);cursor:inherit;}

.reveal ul.lang li a {color:#fff;}

/* Content */
.text {padding:0 20px;font-family:sans-serif;}
.text h1 {font-family: 'Oswald', sans-serif;margin:0 0 30px;font-size:36px;}
.text h2 {font-family: 'Oswald', sans-serif;font-size:30px;margin:40px 0 20px;}
.text h2 strong {font-weight:normal;color:#0c83c8;}
.text h3 {font-family: 'Oswald', sans-serif;font-size:18px;margin:20px 0 10px;font-size:20px;font-weight:normal;}
.text p {margin:0 0 10px;}
.text table {width:100%;margin:20px 0;}
.text table tbody {background:none;border:none;}
.text table tbody tr {background:none;}
.text table tbody tr td {padding:10px;}
.text table tbody tr td:first-child {padding:10px 10px 10px 0;}
.text table tbody tr td:last-child {padding:10px 10px 10px 0;}
.text big {font-size:1.2em;line-height:1.5em;}
.text.small {font-size:13px;padding:0 10px;} 
.text table.col-3 tr td {width:100%;padding:10px 0;}

.text iframe {margin:20px 0;}

@media print,screen and (min-width:64em){
	.text table.col-3 tr td {width:33%;padding:0;}
}

.text table.foto td a {display:block;height:200px;background-size:cover;background-repeat:no-repeat;background-position:center center;opacity:0.9;transition:0.5s all;}
.text table.foto td a:hover {opacity:1;}
.text table.foto td a img {display:transparent;}
.text table.foto td:last-child {padding:10px;}
.text table.foto td:first-child {padding:10px;}

@media print,screen and (min-width:64em){
	.text table.cars tr td:first-child {width:300px;}
}

/* Slider */
#fon {position:absolute;top:0;left:0;width:100%;height:100%;background:linear-gradient(-25deg, rgb(0,0,0,0.8) 0%, rgb(0,0,0,0.3) 35%, rgb(0,0,0,0.6) 65%, rgb(0,0,0,0.85) 90%);z-index:-1;}
#background {position:absolute;top:0;left:0;width:100%;height:100%;background-color:#000;background-size:cover;background-position:center center;background-repeat:no-repeat;z-index:-2;}

.slides {}
.slides .grid-container {position:relative;height:100%;}
.slides .slide {display:none;position:absolute;bottom:0;left:0;width:100%;}
.slides .slide.active {display:block;}
.slides .slide .text {position:absolute;bottom:0;left:0;padding:20px;color:#fff;}
.slides .slide .text .title {font-size:40px;line-height:46px;font-family: 'Oswald', sans-serif;}
.slides .slide .text .description {font-size:20px;line-height:30px;margin:30px 0 20px;padding:0;}
.slides .slide .text .offer {margin:20px 0 40px;}
.slides .slide .text .offer .more {color:#fff;font-size:18px;padding:0 0 3px;border-bottom:1px dashed #fff;}
.slides .slide .text .offer .more:hover {border-bottom:none;}

@media print,screen and (min-width:40em){
	.slides .slide .text {width:80%;}
	.slides .slide .text .title {font-size:46px;line-height:46px;}
	.slides .slide .text .description {font-size:24px;line-height:30px;margin:40px 0 30px;}
}

@media print,screen and (min-width:64em){
	.slides .slide .text {width:50%;}
	.slides .slide .text .title {font-size:64px;line-height:66px;}
	.slides .slide .text .description {font-size:24px;line-height:34px;margin:50px 0 40px;}
	.slides .slide .text .offer {}
	.slides .slide .text .offer .more {line-height:67px;margin:0 0 0 40px;font-size:24px;}
}

/* breadcrumbs */
ul.breadcrumbs {margin:20px 0 13px 2px;}
ul.breadcrumbs li {}
ul.breadcrumbs li a {color:#0c83c8;}

/* service */
.image_background {position:relative;padding:0;margin:0;background-position:center center;background-size:cover;background-repeat:no-repeat;}
.image_background .fon {position:absolute;top:0;left:0;width:100%;height:100%;background:linear-gradient(-25deg, rgb(0,0,0,0.8) 0%, rgb(0,0,0,0.3) 35%, rgb(0,0,0,0.6) 65%, rgb(0,0,0,0.85) 90%);}
.service.text {position:relative;z-z-index:1;}
.service.text h1 {margin-top:60px;font-size:40px;line-height:46px;color:#fff;}
.service.text .short_description {font-size:20px;line-height:34px;margin:30px 0 20px;color:#fff;}
.service.text ul.breadcrumbs {margin-top:0;padding-top:20px;}
.service.text ul.breadcrumbs li a {color:#fff;}
.service.text ul.breadcrumbs li span {color:#fff;}
.service.text .offer {padding:20px 0;}
.service.text .offer .button.large {padding:20px 25px;}
.service.text .offer .button.large i {margin:0 15px 0 0;}

@media print,screen and (min-width:64em){
	.service.text .short_description {max-width:600px;}
}

.description {padding:40px 20px;}

/* pages */
.center {text-align:center;}
.center ul.breadcrumbs {text-align:center;margin:15px auto 10px;}
.center ul.breadcrumbs li {display:inline-block;float:none;}
.center h1 {text-align:center;position:relative;}
.center h1:after {content:"";position:absolute;bottom:-15px;left:50%;width:200px;border-bottom:2px solid #1fa0dc;margin-left:-100px;}

/* Services */
.services {margin:20px 0;}
.services a.item {display:block;position:relative;height:300px;background-position:center center;background-repeat:no-repeat;background-size:cover;}
.services a.item .fon {position:absolute;top:0;left:0;width:100%;height:100%;background:rgb(0,0,0,0.4);transition:0.5s all;}
.services a.item:hover .fon {background:rgb(0,0,0,0.2);} 
.services a.item .name {position:absolute;bottom:15px;left:20px;color:#fff;font-family: 'Oswald', sans-serif;font-size:26px;padding:0 20px 0 0;}
.services a.item:hover .name {}

/* Reveal */
.reveal {border:none;font-family:sans-serif;background:rgb(0,0,0,0.85);color:#fff;}
.reveal .close-button {color:#fff;}
.reveal label {color:#fff;}
.reveal input {margin:0;}
.reveal textarea {margin:0;}
.reveal .description {}
.reveal .description p {margin:5px 0;}
.reveal .description h2 {font-family: 'Oswald', sans-serif;font-size:24px;margin:0 0 20px 0;}
.reveal .description h3 {font-family: 'Oswald', sans-serif;font-size:24px;margin:0 0 20px 0;}
.reveal .agreement {text-align:center;}

/* Up button */
#up {position:fixed;right:3%;bottom:105px;cursor:pointer;transition:0.5s all;background:#0c84c8;border-radius:50%;padding:0;width:44px;height:44px;color:#fff;opacity:0.85;text-align:center;}
#up i {line-height:44px;height:44px;font-size:28px;}
#up:hover {opacity:1;}

/* connect button */
#connect {position:fixed;right:3%;bottom:90px;}
#connect .btn {transition:0.5s all;background:#0c84c8;border-radius:50%;padding:0;width:44px;height:44px;cursor:pointer;text-align:center;color:#fff;opacity:0.85;position:absolute;top:0;right:0;z-index:2;}
#connect .btn:hover {opacity:1;}
#connect .btn i {line-height:44px;font-size:20px;}
#connect .msgs {display:none;}
#connect .msgs {position:absolute;top:0;right:0;padding:0 44px 0 10px;width:172px;background:#fff;height:44px;border-radius:44px;z-index:1;box-shadow:0 0 3px #aaa;}
#connect .msgs a {display:inline-block;margin:0 10px 0 0;}
#connect .msgs a i {font-size:26px;line-height:44px;opacity:0.9;}
#connect .msgs a i:hover {opacity:1;}
#connect .msgs a i.fa-whatsapp {font-size:29px;color:#01bc39;} 
#connect .msgs a i.fa-telegram-plane {font-size:30px;color:#25a3e1;} 
#connect .msgs a i.fa-phone {font-size:23px;position:relative;top:-1px;} 

/* Info */
.information {background:linear-gradient(-45deg,#333 0%,#000 50%, #333 100%);color:#fff;padding:20px 0;font-size:22px;}
.information .info {}
.information .info strong {font-size:38px;}

@media print,screen and (min-width:40em){
	.information .info strong {font-size:48px;}
}
/* Reviews */
.reviews {background:#fff;color:#222;padding:20px 0 80px;}
.reviews .relative {position:relative;}
.reviews .write-review {position:absolute;right:50%;margin-right:-80px;color:#000;font-size:20px;display:block;width:160px;bottom:-45px;}
.reviews .write-review i {margin:0 10px 0 0;}

@media print,screen and (min-width:40em){
	.reviews {padding:20px 0;}
	.reviews .write-review {position:absolute;top:30px;right:10%;z-index:10;width:auto;margin-left:0;}
}

.reviews h2 {font-family: 'Oswald', sans-serif;font-size:36px;margin:20px 0 40px;position:relative;text-align:center;}
.reviews h2:after {content:"";position:absolute;bottom:-15px;left:50%;width:200px;border-bottom:2px solid #1fa0dc;margin-left:-100px;}

.reviews .item {font-family:sans-serif;}
.reviews blockquote {font-style:italic;color:#000;border:none;padding:0;font-size:15px;}
.reviews blockquote cite {margin:10px 0 0;}

/* Clients */
.clients {background:#fff;color:#222;padding:40px 0 20px;}
@media print,screen and (min-width:40em){
	.clients {padding:40px 0 20px;}
}
.clients h2 {font-family: 'Oswald', sans-serif;font-size:36px;margin:0 0 60px;position:relative;text-align:center;}
.clients h2:after {content:"";position:absolute;bottom:-15px;left:50%;width:200px;border-bottom:2px solid #1fa0dc;margin-left:-100px;}
.clients_slider {width:100%;overflow:hidden;position:relative;margin:0;}
.clients_slider ul {list-style:none;margin:0;position:relative;}
.clients_slider ul li {display:block;float:left;text-align:center;height:100%;}
.clients_slider ul li .item {margin:0 30px;height:100%;display:table;max-width:100%;}
.clients_slider ul li .item .table-cell {vertical-align:middle;display:table-cell;height:100%;}
.clients_slider ul li .item a {}
.clients_slider ul li .item span {}
.clients_slider ul li .item img {width:auto;}
@media print,screen and (min-width:40em){
	.clients_slider ul li .item img {width:100%;}
}
.clients_slider .arrow {position:absolute;top:42%;font-size:26px;cursor:pointer;width:26px;height:26px;line-height:26px;}
.clients_slider .arrow:hover {color:#ff0000;}
.clients_slider .prev {left:0;}
.clients_slider .next {right:0;text-align:right;}

/* Form Consult */
.consult {color:#fff;background:url(../img/consult.jpg) center center no-repeat;background-size:cover;}
.consult .fon {background:linear-gradient(-25deg, rgb(0,0,0,0.8) 0%, rgb(0,0,0,0.3) 35%, rgb(0,0,0,0.6) 65%, rgb(0,0,0,0.85) 90%);padding:20px 0 60px;}
.consult label {color:#fff;}

/* Services */
section.services {background:#fff;color:#222;padding:40px 0 20px;margin:0;}
section.services .text h2 {font-family: 'Oswald', sans-serif;font-size:36px;margin:0 0 60px;position:relative;text-align:center;}
section.services .text h2:after {content:"";position:absolute;bottom:-15px;left:50%;width:200px;border-bottom:2px solid #1fa0dc;margin-left:-100px;}

/* Contacts */
section.contacts {background:linear-gradient(-45deg,#333 0%,#000 50%, #333 100%);}
section.contacts a[href^="tel:"] {font-size:18px;color:#fff;}