* {margin: 0;
	padding: 0;
	border: 0;
	box-sizing: border-box;}
body {width: auto;
	font-family:'Open Sans', sans-serif;
	font-size: 16px; 
	padding: 0;
	margin: 0;
	/*background-color: #FAFAFA;*/}
a {text-decoration: none;}
#services:before {
	display: block;
	content: "";
	height: 1px;
	padding-top: 40px}
#contact_us:before {
	display: block;
	content: "";
	height: 1px;
	padding-top: 60px}
.select_menu {color: rgba(0,0,0,.63)!important;}
#open_okno_nav {overflow-x: all;
    width: 60%;
    height: 100%;
    text-align: left;
    padding: 15px;
    background-color: #2c5ca8;
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 40%;
    margin: 0 0 0 0;
	opacity: 0;
  transition: top 1.5s, opacity 1.0s;}
#open_okno_nav.open-menu {opacity: 1; position: fixed;}
#open_okno_nav:target {display: block;}
.zatemnenie {background: rgba(102, 102, 102, 0.4);
    width: 100%;
    height: 100%;
    position: fixed;
    top: 0;
    left: 0;
	display: none;
	z-index: 9999;}
.close {text-align: right;
    display: block;
    color: #FFF;
    padding: 10px;
    margin: 0px;
    text-decoration: none;
    font-size: 1.4em;
    cursor:pointer;}

.a-close {text-align: right;
	display: block;
	width: 40px;
	margin: 0 0 0 80%;}
@media (min-width: 769px) and (max-width: 1024px){body{font-size: 16px;}}
@media (max-width: 768px){body{font-size: 14px;}}
@media (min-width: 1025px){nav{display: none;} .footer-nav-widget-all{display: none;}}
@media (max-width: 1024px){.menu{display: none;}}
#top {display: none;
	position:fixed;
	right:1%;
	bottom:16px;
	width:40px;
	height:40px;
	border-radius: 5px;
	background:#999;
    color: #fff;
    background-color: rgba(0,0,0,.5);}
.header {top:  0;
	z-index: 1;
	width: 100%; 
	position: fixed; 
	transition: all 0.8s ease;
	height: 100px;
	background-color: #FFF;
	margin: 0 auto;
	padding: 0 10%;}
.mini-header {transition: all 0.8s ease;
	position: fixed; 
	left: 0; 
	top: 0; 
	width: 100%;
	font-size: 0.8em;
	height: 60px;
z-index: 1;}
@media (max-width: 359px){.mini-header {height: 80px;}}
.mini-header #logo img {transition: all 0.8s ease; max-width: 60%; margin: 0;}
@media (max-width: 359px){.mini-header #logo img {max-width: 50%;}}
.mini-header .menu {margin: 20px auto auto auto;}
#logo {float: left;
	margin: 0;
	padding: 0;}
@media (min-width: 360px) and (max-width: 768px){#logo img {max-width: 70%; margin: 6% 0;}}
@media (max-width: 359px){.mini-header #logo {padding: 7% 0;}}
@media (max-width: 359px){#logo img {max-width: 60%; margin: 8% 0;}}
.menu {float: right;
	margin: 40px 0 auto auto;
	padding: 0;}
.menu ul li {list-style: none;
	display: inline;
	padding: 0 10px;
	font-weight: bold;
	color: #2c5ca8;}
.menu a {text-decoration: none;
	color: inherit;}
.menu a:hover {color: inherit;
	opacity: .5;}
.header:after {display: block;
    content: "";
    clear: both;}
.header-img {max-width: 100%;
	height: 100%;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center center;
	margin: 0;
	padding: 0;
	position: relative;}
.clearUp {width: 100%; height: 200px;}
.clearMid {width: 100%; height: 20px;}
.clearDown {width: 100%; height: 90px;}
@media (max-width: 768px){.clearDown {height: 50px;}}
.elementor-background-overlay	{background-color: #000;
    opacity: .5;
    transition: background 0.3s,border-radius 0.3s,opacity 0.3s;
	height: 100%;
    width: 100%;
    top: 0;
    left: 0;
    position: absolute;}
.elementor-background-overlay.all {opacity: .3;}
.header-img.index {background-image: url(../img/images/0A5A1377A.jpg);	background-attachment: fixed ; top:  0;}
.header-img.about {background-image: url(../img/images/0A5A1341Acropped.jpg); 	background-attachment: scroll ; height: auto;}
.header-img.contact {background-image: url(../img/images/Contact-1600x500jpg.jpg); 	background-attachment: scroll ;height: auto;}
.header-img.services {background-image: url(../img/images/Vessel1-1600x500-1.jpg); 	background-attachment: scroll ;height: auto;}
.header-img.fleet {background-image: url(../img/images/Valparaiso2.jpg); 	background-attachment: scroll ;height: auto;}
@media (max-width: 768px){.header-img.index{background-attachment: scroll;background-position: bottom center; background-size: cover;}}
@media (max-width: 359px){.header-img.about, .header-img.contact, .header-img.fleet, .header-img.services  {height: auto;}}
.header-img-block {color: white;
	min-height: 100vh;
	display: flex;
	position: relative;
	text-align: center;}
.header-img-block.about-header-img-block, .header-img-block.contact-header-img-block, .header-img-block.fleet-header-img-block, .header-img-block.services-header-img-block {min-height: auto;}
.header-img-block-text {max-width: 89%;
	display: flex;
	align-content: center;
    align-items: center;
    flex-wrap: wrap;
	margin: 0 auto;
	background: none;}
.header-img-block-text.about-header-img-block-text, .header-img-block-text.contact-header-img-block-text, .header-img-block-text.services-header-img-block-text, .header-img-block-text.fleet-header-img-block-text {padding: 0; max-width: 80%;}
@media (min-width: 769px) and (max-width: 1024px){.html.translated-ltr .header-img-block-text.index-header-img-block-text {max-width: 90%; padding: 0 40px 60px 40px;}}
@media (min-width: 769px) and (max-width: 1024px){.header-img-block-text.about-header-img-block-text, .header-img-block-text.contact-header-img-block-text, .header-img-block-text.services-header-img-block-text, .header-img-block-text.fleet-header-img-block-text {max-width: 100%; padding: 0;}}
@media (max-width: 768px){.header-img-block-text.about-header-img-block-text, .header-img-block-text.contact-header-img-block-text, .header-img-block-text.services-header-img-block-text, .header-img-block-text.fleet-header-img-block-text {padding: 0;}}	
@media (min-width: 360px) and (max-width: 768px){.html.translated-ltr .header-img-block-text.index-header-img-block-text, .header-img-block-text.index-header-img-block-text {max-width: 100%; padding: 0 7% 60px 7%;}}
@media (max-width: 359px){.header-img-block-text.index-header-img-block-text {max-width: 100%; padding: 0 6% 60px 6%;}}
@media (max-width: 359px){.html.translated-ltr .header-img-block-text.index-header-img-block-text {max-width: 100%; padding: 0 5% 30px 5%;}}
.header-img-block p {max-width: 800px;
	margin: 0 auto;
	line-height: 1.6;
	font-size: 0.95em;}
.header-img-block-text.about-header-img-block-text p, .header-img-block-text.contact-header-img-block-text p, .header-img-block-text.fleet-header-img-block-text p, .header-img-block-text.services-header-img-block-text p {width: 550px;}
@media (min-width: 769px) and (max-width: 1024px){.header-img-block p {max-width: 90%;}}
@media (min-width: 360px) and (max-width: 768px){.header-img-block-text.about-header-img-block-text p, .header-img-block-text.contact-header-img-block-text p, .header-img-block-text.services-header-img-block-text p, .header-img-block-text.fleet-header-img-block-text p {max-width: 90%; font-size: 0.95em;}}
@media (min-width: 360px) and (max-width: 768px){.header-img-block p {max-width: 100%;padding: 0 5px 10px 5px;font-size: 1.1em;}}
@media (max-width: 359px){.header-img-block p {max-width: 100%;padding-bottom: 10px;font-size: 1.1em;}}
@media (max-width: 359px){.header-img-block-text.about-header-img-block-text p, .header-img-block-text.contact-header-img-block-text p, .header-img-block-text.services-header-img-block-text p, .header-img-block-text.fleet-header-img-block-text p {max-width: 100%;font-size: 1em;}}
.header-img-block h1 {font-size: 2.6em; width: 100%;margin: 0 auto;}
.html.translated-ltr .header-img-block h1 {width: 80%;}
@media (min-width: 769px) and (max-width: 1024px){.header-img-block h1 {width: 70%;}}
@media (max-width: 768px){.header-img-block h1 {padding: 0;}}
.header-img-block .header-img-block-text.about-header-img-block-text h1, .header-img-block .header-img-block-text.contact-header-img-block-text h1, .header-img-block .header-img-block-text.services-header-img-block-text h1, .header-img-block .header-img-block-text.fleet-header-img-block-text h1{font-weight: 600; font-size: 3.4em;}
@media (max-width: 452px){.html.translated-ltr .header-img-block .header-img-block-text.index-header-img-block-text h1 {word-break:break-all;}}
@media (min-width: 360px) and (max-width: 768px){.header-img-block .header-img-block-text.index-header-img-block-text h1, .header-img-block .header-img-block-text.about-header-img-block-text h1, .header-img-block .header-img-block-text.contact-header-img-block-text h1, .header-img-block .header-img-block-text.services-header-img-block-text h1, .header-img-block .header-img-block-text.fleet-header-img-block-text h1 {font-size: 2.5em;}}
@media (max-width: 359px){.header-img-block .header-img-block-text.about-header-img-block-text h1, .header-img-block .header-img-block-text.contact-header-img-block-text h1, .header-img-block .header-img-block-text.services-header-img-block-text h1, .header-img-block .header-img-block-text.fleet-header-img-block-text h1 {font-size: 2.6em; padding: 0;}}
.button {display: flex;text-align: center; margin: 0 auto; padding: 10px 0;}
.el-button {cursor: pointer;	
	font-weight: bold;
	font-size: 0.9em;
    color: #fff;
    background: none;
    border: 1px solid white;
    border-radius: 5px;
	margin: 0 0 0 15px;}
.fl .el-button {margin: 0 auto;}
.html.translated-ltr .header-img.index .el-button {width: auto; margin: 0 20px 0 -5px;}
@media (max-width: 359px){.html.translated-ltr .header-img.index .el-button {padding: 0;}}
#white_a:hover {background: #fff; color: #1a9fdb; transition: all .3s;}
#notwh_a {background-color: #1a9fdb; border-radius: 5px; padding: 13px 40px;}
#notwh_a:hover {background-color: rgba(26, 159, 219, 0.9);transition: all .3s;}
.el-button.about-el-button, .el-button.contact-el-button, .el-button.services-el-button, .el-button.fleet-el-button {margin: 0 auto;}
.selected {background-color: #1a9fdb; border: none;}
.el-button.not_border {border: none;margin: 0 10px 20px 0px;}
.el-button.border {margin: 0 auto 20px 10px;}
.button.fleet {margin-top: 50px;}
.button a {width: 100%;display: inline-block;text-decoration: none; color: white;padding: 12px 40px;}
@media (max-width: 768px){.el-button, .html.translated-ltr .el-button {display: block; margin: 0 auto 20px auto;}}
@media (max-width: 768px){.button.ind{display: block;text-align: center; margin: 0 auto; padding: 10px 0;}}
@media (max-width: 768px){.el-button{font-size: 1em;}.el-button.not_border {display:block;margin: 0 auto 25px auto;}.el-button.border {display:block;margin: 10px auto 25px auto;} .button a{padding: 9px 40px} #notwh_a {padding: 10px 40px}.fl.el-button{padding:5px 40px;}.fl,.button.fleet, .button.fleet,.el-button{display:flex;}}
@media (max-width: 359px){.dop-info .button a {padding: 12px 30px;}}


@media (max-width: 768px){.html.translated-ltr .header-img.index .el-button {display: block; margin: 0 auto 20px auto;}}
.home-services {margin: 20px auto 70px auto;
	display: block;
	position: relative;
	max-width: 1024px;
	padding: 0 60px;}
@media (max-width: 768px){.home-services {max-width: 100%; margin: 10px auto 30px auto; padding: 0 5%;}}
.services-section {width: 55%; margin: 0 auto;}
.services-section.services {width: 60%; margin: 0 auto;}
@media (min-width: 769px) and (max-width: 1024px){.services-section {width: 51%;}}
@media (min-width: 769px) and (max-width: 1024px){.services-section.services {width: 48%;}}
@media (max-width: 768px){.services-section {width: 100%; padding: 0;}}
@media (max-width: 768px){.services-section.services {width: 90%; padding: 0;}}
.services-section h2 {text-align: center;
	margin: 0;
	font-size: 2.4em;}
@media (min-width: 360px) and (max-width: 768px){.services-section h2 {font-size: 2.6em;}}
.services-section.services h2 {margin: 10px auto; font-size: 1.4em; padding: 20px 0;}
@media (max-width: 768px){.services-section.services h2 {font-size: 1.6em;}}
.services-section h3 {text-align: center;
	color: #999;
	font-weight: normal;
	font-size: 0.95em;
	padding-top: 20px;
	padding-bottom: 40px;}
@media (max-width: 768px){.services-section h3 {font-size: 1.2em;}}
.services-section ul, .services-section.services ul {padding-left: 0;text-align: left;}
.services-section ul li, .services-section.services ul li {text-align: left;
	font-family: "Open Sans",Sans-serif;
	color: #333333;
	line-height: 1.5;
	font-size: 0.9em;
	font-weight: 600;
	list-style: none;
	padding-bottom: 15px;
	clear: left;
	display: inline-block;}
@media (min-width: 769px) and (max-width: 1024px){.services-section ul li, .services-section.services ul li  {font-size: 0.8em;}}
@media (max-width: 768px){.services-section ul li, .services-section.services ul li {font-size: 1.2em;}}
.services-section img {width: 40px; 
	height: auto;
	margin-right: 30px;
	float: left;}
/*.services-section-button {text-align: center; margin: 40px auto;}*/
.serv {margin-top: 40px;}
.widget_index {background-image: url(../img/logo/GlamorousNastyGartersnake-size_restricted.gif);
	background-position: center center;
    background-repeat: no-repeat;
    background-size: contain;
    width: 100%;
    display: flex;
    flex-wrap: wrap;
	height: 56px;
	margin: 20px auto;}
.widget_all {background-image: url(../img/logo/arrow-down-animated.gif);
	background-position: center center;
    background-repeat: no-repeat;
    background-size: contain;
    width: 100%;
    display: flex;
    flex-wrap: wrap;
	height: 26px;
	margin: 0 auto;}
@media (max-width: 768px){.widget_index {margin: -30px auto 0 auto;} .widget_all {margin-top: 20px;}}
.about_home {max-width: 100%;
	background: url(../img/images/logistic-2.jpg);
	background-position: center center;
    background-size: cover;
	background-repeat: no-repeat;
	position: relative;}
.about-block {background: rgba(0, 0, 0, 0.5);}
.about-block-text{max-width: 1024px;
	margin: 0 auto;
	color: white;
	background: none;
	line-height: 1.5;
	display: flex;
	padding: 4% ;}
@media (min-width: 850px) and (max-width: 1024px){.about-block-text{max-width: 761px; padding: 2% 10px 30px 10px;}}
@media (min-width: 769px) and (max-width: 849px){.about-block-text{max-width: 761px; padding: 2% 40px 30px 40px;}}
@media (max-width: 768px){.about-block-text {width: 100%; display: block; padding: 5%;}}
@media (max-width: 359px){.about-block-text {padding: 25% 5%;}}
.left {width: 56.506%;
	margin: 0 0 0 0;
    padding: 25px 0 0 0;}
@media (min-width: 769px) and (max-width: 1024px){.left{padding: 25px 40px 0 30px;}}
@media (max-width: 768px){.left {padding: 4% 2%; width: 100%;}}
.left-section {width: 90%;
	margin: 0 auto;}
@media (min-width: 769px) and (max-width: 1024px){.left-section {width: 100%;}}
@media (max-width: 768px){.left-section {width: 100%;}}
.left h3 {font-weight: 600;
	font-size: 0.95em;}
@media (min-width: 769px) and (max-width: 1024px){.left h3 {font-size: 0.9em;}}
@media (max-width: 768px){.left h3 {font-size: 1.1em;}}
.left h2 {font-size: 2.2em;
	line-height: 1.2;
	margin-top: 20px;}
@media (min-width: 769px) and (max-width: 1024px){.left h2 {font-size: 1.9em;}}
@media (max-width: 768px){.left h2 {font-size: 1.8em;}}
.center {width: 30px;}
@media (max-width: 850px){.center {width: 0;}}
.right {width: 43.46%;
	margin: 0 0 0 0;
    padding: 60px 60px 0 10px;}
@media (min-width: 769px) and (max-width: 1024px){.right {padding-right: 10px; padding-bottom: 40px;}}
@media (max-width: 768px){.right {width: 100%; padding: 3% 2%;}}
.right-section {width: 90%;
	margin: 10px auto;}
@media (max-width: 768px){.right-section {width: 100%;}}
.right p {font-size: 0.95em;
	line-height: 1.6;}
@media (max-width: 768px){.right p {font-size: 1.1em;}}
.logist {margin: 70px 0;}
@media (max-width: 768px){.logist {margin: 40px auto;}}
.logist-text{max-width: 1024px;
   	margin: 0 auto;
   	padding: 2% 0;}
@media (max-width: 768px){.logist-text {width: 85%;}}
.logist h2 {text-align: center;
	font-size: 2.4em;}
@media (max-width: 452px){.html.translated-ltr .logist-text h2 {word-break:break-all;}}
.logist-text-p {max-width: 100%;
	margin: 30px auto;}
.logist p {text-align: center;
   	/*color: #606060;*/
   	font-size: 0.95em;
   	line-height: 1.6;}
@media (max-width: 768px){.logist p {font-size: 1.1em;}}
.logist-figure {/*max-width: 1024px;*/
	margin: 40px auto;
	padding: 0;
	display: flex;}
@media (min-width: 769px) and (max-width: 1024px){/*.logist-figure {padding: 0 60px;}*/ .logist-text{max-width: 90%; padding: 0 10px;}}
@media (max-width: 768px){.logist-figure {/*display: flex; */flex-wrap: wrap; margin: 0 auto; width: 100%;}}
figure {margin:0;
	max-height:100%;
	flex-wrap: wrap;}
.gallery {text-align: center;
    vertical-align: top;
    padding: 0 3px 8px 0;}
@media (max-width: 768px){.gallery {margin: 0 auto 5px auto;}}
.gallery-icon img{max-width: 100%;
 	max-height:300px;}
 @media (min-width: 360px) and (max-width: 768px){.gallery-icon img {max-width: 100%; height: auto; display: block; margin: 0 auto;}}
 @media (max-width: 359px){.gallery-icon img {max-width: 90%;}}
.home-fleet {margin: 0 auto;}
.home-fleet-img {max-width: 100%;
	background-image: url(../img/images/Valparaiso2.jpg);
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center center;
	background-attachment: fixed ;
	margin: 0 0 10px 0;
	padding: 0;}
.home-fleet-img-block {
	color: white;
	background: rgba(0, 0, 0, 0.5);
	text-align: center;}
.home-fleet-img-block-text {max-width: 1024px;
	margin: 0 auto;
	background: none;
	padding: 70px 40px;}
@media (min-width: 769px) and (max-width: 1024px){.home-fleet-img-block-text{max-width: 761px; padding: 60px 10px;}}
@media (max-width: 768px){.home-fleet-img-block-text{max-width: 100%; padding: 7%;}}
.fleet-section-p {max-width: 85%;
	margin: 10px auto;}
@media (min-width: 769px) and (max-width: 1024px){.fleet-section-p {max-width: 95%;}}
@media (max-width: 768px){.fleet-section-p {width: 100%;}}
.home-fleet-img-block p{line-height: 1.6;
	font-size: 0.93em;}
@media (max-width: 768px){.home-fleet-img-block p {font-size: 1.1em;}}
.fl {margin-top: 40px;}
@media (max-width: 768px){.fl {margin-top: 20px;}}
.home-fleet-img-block h2{padding: 0;
	font-size: 2.3em;}
@media (max-width: 768px){.home-fleet-img-block h2{font-size: 2.4em;}}
.home-contact {max-width: 1024px;
	margin: 0 auto 40px auto;
	text-align: center;}
@media (min-width: 769px) and (max-width: 1024px){.home-contact {max-width: 761px;}}
@media (max-width: 768px){.home-contact {margin: -10px auto 40px auto; width: 100%;}}
.home-contact.p {max-width: 100%;
	margin: 0 auto 30px auto;}
@media (max-width: 768px){.home-contact.p {margin-bottom: 10px;}}
.home-contact h2{font-size: 2.3em;
	margin-bottom: 15px;}
@media (max-width: 768px){.home-contact h2 {font-size: 2.4em;}}
.home-contact-us p {font-size: 0.95em;}
@media (max-width: 768px){.home-contact-us p {font-size: 1em;}}
.form-contact-us {
	vertical-align: baseline;
    border: 0;
    max-width: 70%;
	margin:0 auto;
	padding:10px 20px;
	resize: vertical;}
@media (min-width: 769px) and (max-width: 1024px){.form-contact-us {max-width: 90%;}}
@media (max-width: 768px){.form-contact-us {max-width: 90%;}}
#contact {display: block;
	position: relative;}
.txt_1, .txt_2, .txt_3 {background-color: rgba(153,153,153,.12);
	flex-wrap: wrap;
	border-radius: 5px 5px 5px 5px;
	border-color: rgba(0,0,0,0);
	border-width: 0 0 0 0;
	font-size:0.9em;
    margin-bottom: 10px;
	min-height: 40px;
	flex-basis: 100%;
    line-height: 1;
    transition: all 0.3s ease;
    box-sizing: border-box;
    overflow: visible;}
.txt_1 {width:49.5%; padding:10px 13px; color: #555;}
.txt_2 {width:49.5%; padding:10px 15px;}
.txt_3 {min-width: 100%; padding:10px 15px;}
.txtarea {font-family: inherit;
	display:inline-block;
	background-color: rgba(153,153,153,.12);
	width:100%;
	margin: 0 0 5px 0;
	border-radius: 5px 5px 5px 5px;
	border-color: rgba(0,0,0,0);
	border-width: 0 0 0 0;;
    padding:10px 15px;
    font-size:0.9em;
    line-height:1.4em;
    height:220px;
    flex-basis: 100%;
    line-height: 1;
    transition: all 0.3s ease;
    box-sizing: border-box;
    overflow: visible;}
@media (max-width: 768px){.txt_1, .txt_2, .txt_3, .txtarea {width: 100%; font-size: 1.1em;}}	
.txt_1:focus, .txtarea:focus {
   border-style:solid;
   border-color:rgb(133, 133, 133);
   color:#444;}
input:focus {border-color: grey;}
input.error, textarea.error {
    border-color:rgba(153,153,153,.12);
    border-style:solid;
    background:#F0BEBE;
    color:#A35959;}
input.error:focus, textarea.error:focus {
    border-color:rgba(153,153,153,.12);
    color:#A35959;}
#send { font-family: inherit;
	flex-basis: 100%;
	min-height: 40px;
	width: 100%;
    cursor:pointer;
    padding:12px 40px 12px 40px;
    font-size:0.9em;
    border:solid 1px #F9F9F9;
    border-radius:5px 5px 5px 5px;
    display: inline-block;
	font-weight: 700;
	margin: 0 0 20px 0;
    white-space: normal;
    -webkit-box-flex: 0;
    -ms-flex-positive: 0;
    flex-grow: 0;
    background-color: #1a9fdb;
    color: #fff;
    text-align: center;
    letter-spacing: .1em;
    line-height: 1;
    transition: all 0.3s ease;
    box-sizing: border-box;
    overflow: visible;}
@media (max-width: 768px){#send {font-size: 1em;}}
#send:hover {background-color: #1a9fdb;
	opacity: .6;}
.partner {max-width: 1024px;
	margin: 10px auto 60px auto;}

@media (min-width: 769px) and (max-width: 1024px){.partner {max-width: 761px;}}
@media (max-width: 768px){.partner {width: 100%;}}
.partner h2 {color: #999;
	font-size: 1.35em;}
@media (min-width: 769px) and (max-width: 1024px){.partner h2 {font-size: 1.75em;}}
@media (max-width: 768px){.partner h2 {font-size: 2em;}} 
.partner-col {max-width: 380px;
	margin: 40px auto;
	display: flex;}
@media (max-width: 768px){.partner-col {display: inline-block;}}
.partner-row {width: 100%;
	flex-wrap: wrap;}
.partner img {width: 156px;
    opacity: .5;
    filter: brightness(100%) contrast(0%) saturate(0%) blur(0) hue-rotate(0deg);}
.main {margin: 100px auto;width: 100%;}
.main.fleet-main {margin: 60px auto 0 auto;}
@media (max-width: 768px) {.main {margin: 8% auto; }}
.main-blok {padding: 0 8% 0 12%; max-width: 80%; margin: 0 auto;}
@media (min-width:  769px) and (max-width: 1024px){.main-blok {padding: 0 5%; max-width: 90%;}}
@media (max-width: 768px) {.main-blok {padding: 0 5%; max-width: 90%;}}
.main-blok-text p {line-height: 2; font-size: 0.95em; padding: 10px 0; color: #333333;}
.main-blok-text.services {max-width: 80%; margin: -80px auto 30px auto; padding: 0; text-align: center;}
@media (min-width: 360px) and (max-width: 768px){.main-blok-text.services {max-width: 90%;margin: -20px auto 30px auto;}}
@media (max-width: 359px){.main-blok-text.services {max-width: 90%;margin: -20px auto 30px auto;}}
@media (min-width: 360px) and (max-width: 768px) {.main-blok-text p {font-size: 1.1em; line-height: 1.5;}}
@media (max-width: 359px){.main-blok-text p {font-size: 1em;line-height: 1.5;}}}
.main-blok-text	.main-img, .main-blok-text.services .main-img.services {max-width: 100%;}
.main-blok-text	.main-img img, .main-blok-text.services .main-img.services img {max-width: 100%; height: auto; padding: 2% 0; margin: 10px auto;}
.main-blok-text h2 {font-size: 1.2em; margin: 10px 0;}
@media (max-width: 768px) {.main-blok.fleet-main-blok-img {margin: 0 auto; max-width: 95%; padding: 0 2%;}}

.contact-main-blok {display: flex; flex-wrap: wrap; width: 100%; margin: 0 auto; padding: 10px 8%;}
@media (max-width: 768px) {.contact-main-blok{display: block; padding: 10px 5%}}
.contact-main-blok p {line-height: 2; font-size: 0.95em; padding: 10px 0; color: #333333;}
.contact-main-blok h2 {font-size: 1.2em; margin: 10px 0;}
@media (min-width: 360px) and (max-width: 768px) {.contact-main-blok p {font-size: 1.1em; line-height: 1.5;}}
.contact-one-element {width:  46%; display: flex; align-content: flex-start; flex-wrap: wrap; margin: 0 2%;}
@media (max-width: 768px) {.contact-one-element{width:  100%; display: block;}}
.el-col {width: auto; margin: 0 auto;}
.contact-one-element a {color: #000;}
@media (max-width: 768px) {.contact-one-element iframe{width:  100%;}}
footer {background-color: #2c5ca8;}
.element-svg svg{height: 70px; width: 100%;}
.elementor-shape-fill {background-color: #2c5ca8;}
.dop-info {padding: 20px 10px; max-width: 60%; margin: 0 auto; text-align: center;	color: #FFF;}
.dop-info.fleet {max-width: 70%;}
@media (min-width:  769px) and (max-width: 1024px){.dop-info {max-width: 80%;}}
@media (max-width: 768px) {.dop-info, .dop-info.fleet {max-width: 80%;}}
.dop-info h2 {font-size: 2.4em;}
.dop-info p {font-size: 0.9em;padding: 20px;}
@media (max-width: 359px){.dop-info h2 {font-size: 2em;} .dop-info p {font-size: 1.1em; padding: 20px 0 0 0;}} 
iframe {max-width: 100%;height: 300px;margin: 0 auto;}
.footer-nav {color: #FFF;
	max-width: 1024px;
	margin: 10px auto 0 auto;
	padding: 40px 2%;}
.footer-nav-all {width: 100%;
	border-top-style: solid;
	border-top-width: 0.1px;
	border-top-color: rgba(255,255,255,.15);
	border-bottom-style: solid;
	border-bottom-width: 0.1px;
	border-bottom-color: rgba(255,255,255,.15);}
.footer-nav-all-section {
	display: flex;
	margin: 60px auto;
	width: 100%;}
.footer-nav-section {flex-wrap: wrap;
	width: 25%;
	padding: 0 10px;}
.footer-nav-section h3 {font-size: 0.95em;
	margin: 0 10px 10px 10px;}
.footer-nav-section p {padding-left: 10px;
	line-height: 1.6;
	font-size: 0.95em;}
.footer-nav-section a {text-decoration: none;
	color: inherit;}
.footer-nav-section a:hover {color: rgba(255,255,255,.75);}
.footer-nav-section ul {padding-left: 10px;}
.footer-nav-section ul li {list-style: none;
	line-height: 2;
	font-size: 0.9em;}
@media (min-width:  769px) and (max-width: 1024px){
	.footer-widget-section {transition: background .3s,border .3s,border-radius .3s,box-shadow .3s,-webkit-border-radius .3s,-webkit-box-shadow .3s;}
	.footer-nav-all {display: none;}
	.footer-nav-widget-all {width: 100%; padding-bottom: 40px;}
	.footer-nav-widget-section {max-width: 85%;margin: 0 auto;}
	.footer-nav-widget-border {width: 100%;	border-top-style: solid; border-top-width: 0.1px; border-top-color: rgba(255,255,255,.15);}
	details{display:block; background: none; max-width: 100%; overflow:hidden; margin: 10px 0 20px 0;}
	summary::-webkit-details-marker{display:none;}
	summary::-moz-list-bullet{list-style-type:none;}
	summary::marker{display:none;} 
	summary {outline: none; display:block; padding: .3em 1em .3em .9em; cursor: pointer; font-size: 0.8em; font-weight: 600; position: relative;color: rgba(255,255,255,.87);}
	summary:before {top: .4em; right: .3em; color: transparent; background: url("../img/str.png") no-repeat; width: 1em; height: 1em; content: ""; position: absolute; transition: transform .5s;}
	details p, details ul {padding: 20px 10px; font-size: 0.85em; line-height: 2;color: rgba(255,255,255,.87);}
	details a {text-decoration: none; color: inherit;}
	details ul li {list-style: none;}
	details[open] > summary:before {transform: scale(1,-1);}
	summary ~ * {padding: 0 1em 10px 1.4em;}
	details[open] summary ~ *{animation: sweep .5s ease-in-out;}
	@keyframes sweep {
		0%    {opacity: 0;}
	  100%  {opacity: 1;}}
	summary:focus {outline:0;}}
@media (max-width: 768px){
	.footer-nav {width: 100%;}
	.footer-widget-section {transition: background .3s,border .3s,border-radius .3s,box-shadow .3s,-webkit-border-radius .3s,-webkit-box-shadow .3s;}
	.footer-nav-all {display: none;}
	.footer-nav-widget-all {width: 100%; padding-bottom: 40px;}
	.footer-nav-widget-section {width: 90%;margin: 0 auto;}
	.footer-nav-widget-border {width: 100%;	border-top-style: solid; border-top-width: 0.1px; border-top-color: rgba(255,255,255,.15);}
	details{display:block; background: none; max-width: 100%; overflow:hidden; margin: 25px 0;}
	summary::-webkit-details-marker{display:none;}
	summary::-moz-list-bullet{list-style-type:none;}
	summary::marker{display:none;} 
	summary {outline: none; display:block; padding: .3em 1em .3em .1em; cursor: pointer; font-size: 1.1em; font-weight: 700; position: relative;color: rgba(255,255,255,.87);}
	summary:before {top: .4em; right: .3em; color: transparent; background: url("../img/str.png") no-repeat; width: 1em; height: 1em; content: ""; position: absolute; transition: transform .5s;}
	details p, details ul {padding: 20px 0; font-size: 1.1em; line-height: 2;color: rgba(255,255,255,.87);}
	details a {text-decoration: none; color: inherit;}
	details ul li {list-style: none;}
	details[open] > summary:before {transform: scale(1,-1);}
	summary ~ * {padding: 0 1em 10px 1.4em;}
	details[open] summary ~ *{animation: sweep .5s ease-in-out;}
	@keyframes sweep {
		0%    {opacity: 0;}
	  100%  {opacity: 1;}}
	summary:focus {outline:0;}}
@media (max-width: 500px){.overflow {overflow: auto;}}
.overflow table {width: 100%;
    background: #fff;
    margin: 1em 0;
    border: 1px solid rgba(34,36,38,.15);
    -webkit-box-shadow: none;
    box-shadow: none;
    border-radius: .28571429rem;
    text-align: left;
    color: rgba(0,0,0,.87);
    border-collapse: separate;
    border-spacing: 0;}
.overflow table tr {border: 1px solid rgba(34,36,38,.15)}
.overflow table td {display: table-cell; padding: .78571429em;}
.table_sort thead tr, tr:nth-child(2n), .tr-head {background-color: rgba(0,0,50,.02);}
.form-inline {display: block!important; margin-bottom: 0;}
table tr th {word-break: keep-all;}
.tr-head {text-align: right;border: 1px solid rgba(34,36,38,.15)}
.form-control {font-weight: bold; padding: 0.8em; margin: 1em 0;border: 1px solid rgba(34,36,38,.15);border-radius: .28571429rem;}
@media (max-width: 768px){.form-control {width: 100%;}}
input, textarea {outline: none;}
.table_sort table {border-collapse: collapse;}

.table_sort td {border-bottom: 1px solid rgba(34,36,38,.15);}
.td-head {position: relative;
	color: black;
	content: none;}

.td-head:hover::after {
	content: "\f0dc";
	font-family: FontAwesome;
	right: 8px;
    position: absolute;
    top: 15px;}

td.sorted[data-order="1"], td.sorted[data-order="-1"] {
    position: relative;
    color: black;}
@media (max-width: 550px) {td.sorted[data-order="1"], td.sorted[data-order="-1"] {font-size: 0.9em;}}

td.sorted[data-order="1"]::after, td.sorted[data-order="-1"]::after {
    right: 8px;
    position: absolute;}

td.sorted[data-order="-1"]::after {
	content: "\f0dd";
	font-family: FontAwesome;
	top: 15px;}

td.sorted[data-order="1"]::after {
	content: "\f0de";
	font-family: FontAwesome;
	top: 15px;}

.tr-head th {cursor: auto;
    background: #f9fafb;
    text-align: inherit;
    color: rgba(0,0,0,.87);
    padding: 0 .78571429em;
    vertical-align: middle;
    font-style: none;
    font-weight: 700;
    text-transform: none;
    border-bottom: 0.1px solid rgba(34,36,38,.05);
    border-left: none;}
.tr-head tr {border-bottom: none;}
.gallery-caption {background-color: #f5f5f5;
    color: #333;
    font-size: 14px;
    font-weight: 400;
    line-height: 1.3;
    padding: 8px 10px;}
.wp-caption-text {display: block;
    font-size: 1em;
    font-style: italic;
    color: #555;
    margin: -5px 0;}
@media (min-width: 500px) and (max-width: 768px){.wp-caption-text {margin: 0;}}
@media (max-width: 499px){.wp-caption-text {margin: 0 0 10px 0;}}
.elementor-image-gallery .gallery-item .gallery-caption {margin: 0;}
.logist:after {display: block;
    content: "";
    clear: both;}
figcaption {display: none;}
#demo-test-gallery {display: flex; padding: 0 5%;}
@media (min-width: 769px){.main.fleet-main #demo-test-gallery {display: flex; padding: 0; margin: 0 -30px;}}
@media (min-width: 769px){.main.fleet-main #demo-test-gallery a{margin: 0 3px;}}
@media (max-width: 768px){.main.fleet-main #demo-test-gallery a{margin: 0 auto 10px auto;}}
.section.section--head {text-align: center;
	margin: 0 auto;
    vertical-align: top;}
@media (max-width: 768px){.section.section--head {margin: 0 auto 5px auto;}}
.row img{padding: 0 1% 10px 1%; max-width: 100%;	max-height:300px;}
.main.fleet-main .row img{padding: 0; max-width: 100%;	max-height:300px;}
@media (min-width: 360px) and (max-width: 768px){.row img {max-width: 100%; height: auto; display: block; margin: 0 auto;}}
@media (max-width: 359px){.row img {max-width: 90%;}}
@media (max-width: 769px){#demo-test-gallery {flex-wrap: wrap; padding: 1% 10%;} #demo-test-gallery a {margin: 0 auto;}}
@media (min-width: 500px) and  (max-width: 768px){#demo-test-gallery {flex-wrap: wrap; padding: 1% 2%;} #demo-test-gallery a {margin: 0 auto; flex: 0 0 calc(50% - 30px);}}
@media (max-width: 499px){.row img {max-width: 90%; max-height: 90%;} #demo-test-gallery {padding: 0 2%; display: block; flex-wrap: nowrap;}}

 #cookie_notification{ display: none;
  justify-content: space-between;
  align-items: flex-end;
  position: fixed;
  bottom: 0;
  padding: 25px;
  background-color: black;}
#cookie_notification.show {display: block;
 	background-color: rgba(0,0,0,1);
 	padding: 15px 25px;
 	position: fixed;
 	min-width: 100%;
 	height: auto;
 	z-index: 2;
 	letter-spacing: 0;
    line-height: 20px;
    left: 0;
    text-align: center;
    font-weight: 400; }
#cookie_notification p{margin: 0;
	color: #fff;
	font-size: 0.95rem;
	text-align: center;
	padding: 0 5% 10px 5%;
	line-height: 1.8;}
.cookie_accept{margin: 0 auto;}
#cookie_notification, #cookie_notification * {-webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;}
.button.cookie_accept {background-color: #424242;
	width: auto;
	color: #fff;
	display: inline-block;
    font-family: inherit;
    font-size: 0.95rem;
    font-weight: 600;
    text-transform: uppercase;
	padding: 10px 20px;
    border: 0;
    cursor: pointer;
    text-align: center;
    letter-spacing: .1em;
    line-height: 1;
    -webkit-transition: all 0.3s ease;
    transition: all 0.3s ease;}
.cn-close-icon {position: absolute;
    right: 15px;
    top: 20%;
    width: 15px;
    height: 15px;
    opacity: .5;
    padding: 10px;
    outline: none;}
.cn-close-icon:before {transform: rotate(45deg);}
.cn-close-icon:after {transform: rotate(-45deg);}
.cn-close-icon:before, .cn-close-icon:after {
    position: absolute;
    content: ' ';
    height: 15px;
    width: 2px;
    top: 3px;
    background-color: #fff;}