/*
Theme Name: Transport Lite
Theme URI: https://gracethemes.com/themes/free-transport-wordpress-theme/
Author: Grace Themes
Author URI: https://gracethemes.com/
Description: Transport Lite  is a Transport is a flexible, powerful and responsive WordPress theme designed for businesses that specializes in transport, shipping, logistics, warehousing, movers and packers. it is user friendly, easy to use and fully responsive free transport WordPress theme. also, this theme is compatible with WordPress latest version and most papular plugins.  Demo Link: https://gracethemes.com/demo/transport/

Version: 1.2
License: GNU General Public License version 2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: transport-lite
Tags:blog,two-columns,right-sidebar,full-width-template,custom-colors,custom-menu,custom-header,custom-logo,featured-images,editor-style,custom-background,threaded-comments,theme-options, translation-ready

Transport Lite WordPress Theme has been created by Grace Themes(gracethemes.com), 2018.
Transport Lite WordPress Theme is released under the terms of GNU GPL
*/

body{ background-color:#fff; margin:0; padding:0;line-height:24px; font-size:16px; color:#363636; font-family: 'Roboto', sans-serif; -ms-word-wrap:break-word; word-wrap:break-word; }
*{ margin:0; padding:0; outline:none; box-sizing:border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box;}
img{ border:none; margin:0; padding:0; height:auto; max-width:100%;}
.wp-caption, .wp-caption-text, .sticky, .gallery-caption, .aligncenter{ margin:0; padding:0; max-width:100% !important;}
p{ margin:0; padding:0;}
a{ text-decoration:none; color:#efc62c;}
a:hover{ color:#333;}
ol,ul{ margin:0; padding:0;}
ul li ul, ul li ul li ul, ol li ol, ol li ol li ol{ margin-left:10px;}
h1,h2,h3,h4,h5,h6{ color:#101010; font-family: 'Roboto', sans-serif; margin:0 0 20px; padding:0; line-height:1.1; font-weight:400; }
h1.entry-title{ font-weight:bold; text-transform:uppercase; margin-bottom:35px;}
h1{ font-size:32px;}
h2{ font-size:28px;}
h3{ font-size:24px;}
h4{ font-size:20px;}
h5{ font-size:18px;}
h6{ font-size:14px;}
.clear{ clear:both;}
.left{ float:left;}
.right{ float:right;}
figcaption,figure{	display: block;}
figure {margin: 1em 0;}
blockquote{ background-color:#f2f2f2; border-left:5px solid #ccc; padding:15px 15px 15px 40px; color:#999; font-size:15px; line-height:1.5; margin-bottom:30px;}
blockquote p{ margin-bottom:0 !important;}
hr {
	-webkit-box-sizing: content-box;
	-moz-box-sizing: content-box;
	box-sizing: content-box;
	height: 0;
	overflow: visible;
	    border-color: #d3d3d338;
    margin: 50px 0;
}
.textwidget select{ width:100%;}
table{ width:100%}
.alignnone{ width:100%;}
img.alignleft, .alignleft{ float:left; margin:0 15px 0 0; padding:5px; border:1px solid #cccccc;}
img.alignright, .alignright{ float:right; margin:0 0 0 15px; padding:5px; border:1px solid #cccccc;}
.aligncenter, img.aligncenter { clear: both; display: block; margin-left: auto; margin-right: auto; margin-top:0;  height:auto;}

/*
Lists style CSS
--------------------------------------------------------------*/

ul,
ol {
	margin:0;
	padding: 0;
}
ul {list-style: inside none disc;}
ol {list-style: decimal;}

ul li,
ol li {
	margin-bottom: 0;
	margin-left: 1.5em;
}
dt {
	font-weight: 700;
}
dd {
	margin: 0 1.5em 1.5em;
}
audio:not([controls]) {
	display: none;
	height: 0;
}
img {
	border-style: none;
}
svg:not(:root) {
	overflow: hidden;
}

/* Buttons */
.button{  border:1px solid #404040; color:#404040; padding:8px 20px; display:inline-block; border-radius:25px; -moz-border-radius:25px; -webkit-border-radius:25px; -o-border-radius:25px; -ms-border-radius:25px; }
.button:hover{ border:1px solid #f6c311; color:#f6c311; }

a.ReadMore{ background-color:#333339; color:#fff ; padding:5px 15px; display:inline-block;}
a.ReadMore:hover{ background-color:#ffae00; color:#fff; }

.learnmore{ background-color:#f6c311; color:#fff ;display: inline-block; padding:8px 25px; text-transform:uppercase; font-weight:600; }
.learnmore:hover{ background-color:#333;color:#fff ;}

a {	background-color: transparent;	-webkit-text-decoration-skip: objects;}
.postmeta{padding:0 0 5px; color:#888; border-bottom:1px solid #ddd; margin-bottom:25px; display:inline-block; }
.postmeta a{color:#999;}
.postmeta a:hover{color:#e74c3c;}
.breadcrumbs{padding:10px 0; margin-bottom:0;font-size: 14px;color: gray;}
a:active,
a:hover {
	outline-width: 0;
}
b, strong {
	font-weight: inherit;
	font-weight:blod;
}
pre {
	background: #eee;	
	font-size: 14px;
	font-size: 0.9375rem;
	line-height: 1.4;
	margin-bottom: 1.6em;
	max-width: 100%;
	overflow: auto;
	padding:20px;
}
iframe{max-width:100%;}
#comment-nav-above .nav-previous, #comment-nav-below .nav-previous{ float:none !important; margin:10px 0;}
nav.pagination .page-numbers{ background-color:#ccc; padding:10px 15px; font-size:15px; font-weight:600; color:#444;}
nav.pagination .page-numbers.current{background-color:#efc62c;}
ol.comment-list li{ list-style:none; margin-bottom:5px;}
#sitelayout_type{ margin:0 auto;}
.container{ width:1170px; margin:0 auto; position:relative;}
.site-header{width:100%; z-index:9999; box-sizing:border-box; position: relative; }
.site-header.siteinner{ background-color:#111; position:relative; }
.header_wrap{ position:relative;  background-color:#fff !important; border-bottom: 1px solid #333333;}
.header-top{ background-color:#333333; color:#fff; line-height:40px;padding:10px 0;}
.phoneno{}
.header-top .left i{ margin-right:8px;}
.header-top .phoneno{ margin-right:20px;}

.logo {   
	float: left;
    padding: 25px 0;
    width: 200px;
	position: relative;
	text-align: left;
}
.logo h1 {
     margin: 0;
	 font-family: 'Roboto', sans-serif;
	 text-transform:uppercase;
	 font-size:22px;
	 font-weight:600;
}
.logo a, .logo p {
    color: #555;
}

.tagline{ font-size:13px; color:#828181; display:block; letter-spacing:1px;}
.header_navarea{ float:right; text-align:right;}


/*header menu css*/
.toggle{display: block;}
.toggle a{width:100%; color:#ffffff; background:url(images/mobile-nav.png) no-repeat right center #3e3e3e; padding:8px 10px; margin-top:5px; font-size:16px; display:none; text-align:left;}
.toggle a:hover{color:#ffffff !important;}
/*main menu*/
.sitenav{ padding:0; z-index:9999; }
.sitenav ul {margin:0; padding:0; font-family:'Roboto', sans-serif; font-size:16px; font-weight:500; }
.sitenav ul li{display:inline-block; position:relative; margin:0;}
.sitenav ul li:last-child{border-right:none;}
.sitenav ul li a{padding:30px 15px; display:block; text-align:center; color:#3f3e3e; }
.sitenav ul li ul li{ display:block; position:relative; float:none; top:1px; border-bottom:1px solid #ddd;}
.sitenav ul li ul li a{ display:block; padding-top:7px; padding-bottom:7px; position:relative; top:1px; text-align:left;}
.sitenav ul li ul{display:none; z-index:9999999; position:relative; background-color:#fff ;}
.sitenav ul li:hover > ul{display:block; width:300px; position:absolute; left:0; text-align:left; }
.sitenav ul li:hover ul li ul{display:none; position:relative;}
.sitenav ul li:hover ul li:hover > ul{display:block; position:absolute; left:300px; top:0;}
.sitenav ul li > a:hover, 
.sitenav ul li.current-menu-item > a,
.sitenav ul li.current-menu-parent a.parent,
.sitenav ul li.current-menu-item ul.sub-menu > li > a{ color: #3f3e3e !important;}
.sitenav ul li > a:hover,
.sitenav ul li.current-menu-item a:hover, 
.sitenav ul li.current-menu-parent a.parent:hover, 
.sitenav ul li.current-menu-item ul.sub-menu > li > a:hover { color:#f6c311 !important;} 


.hdr_slider{ position:relative;}
h2.sectiontitle{ font-weight:600; font-size:40px; margin-bottom:50px; position:relative; text-align:center;}
.last_column{ clear:right; margin-right:0 !important; }


/* = social icons css
-------------------------------------------------------------- */
.social-icons{ text-align:center;}
.social-icons a{  width:30px; height:40px; line-height:40px; margin:0; padding:0; color:#fff; border-radius:50%; -moz-border-radius:50%; -webkt-border-radius:50%; display:inline-block;  }
.social-icons a:hover{ color:#f6c311; }
.social-icons br{ display:none;}

/* = Our Story Section
-------------------------------------- */
#welcome_section{ background-color:#ffffff; padding:70px 0; }
.welcome_thumbox{ float:left; width:46%; margin:0 0 0 0;  }
.welcome_thumbox img{ width:100%; display:block;  transition: .5s ease;}
.welcome_contentbox{ width:53%;  float:right; margin:0; padding:30px 50px; }
.welcome_contentbox p{ margin-bottom:35px;}
.welcome_contentbox h3{ font-size:36px; margin:0 0 25px; color:#333; text-transform:uppercase; }
.welcome_contentbox h5{ font-size:20px; margin-bottom:40px;}

#transportservices{ position:relative; background-color:#f6f6f6; padding:70px 0;}
#transportservices h3.title{ text-align:left; font-size:34px; position:relative; margin-bottom:20px; padding-bottom:15px; }
#transportservices h3.title:after{ width:60px;left:0; bottom:0; border-bottom: 2px solid #f6c311; content:''; position:absolute; }
.box-border{ border:solid 6px #f6c311; padding:40px; box-sizing:border-box;}
#transportservices .descbox { width:48%; float:left; position:relative; margin:0 4% 0 0;}
#transportservices .descbox p{ margin:0 0 20px 0;}
#transportservices .imagebox { width:48%; float:left; margin:0;}

/* = sidebar
-------------------------------------------------------------- */
#sidebar{ float:right; width:28%; padding:25px;}
aside.widget{ padding:0; margin-bottom:30px;}
aside.widget ul{ list-style:disc; }
h3.widget-title{ padding:0 0 15px; margin:0 0 20px; color:#101010; font-size:22px; position:relative; text-transform:uppercase; font-weight:600; }

#sidebar ul li{ background:url(images/arrow.png) no-repeat center right; list-style: none; padding:6px 0 8px 0; list-style-position:inside; margin:0;border-bottom:1px solid #eee;}
#sidebar ul li:hover{ background-color:#f9f9f9; }
#sidebar ul li a{ padding:0; color:#3b3b3b;  display:inline-block; }
#sidebar ul li a:hover{ color:#34c6f6;}
#sidebar ul li:last-child{ border:none;}

#sidebar .search-form{ margin-bottom:20px;}
#sidebar .search-form input.search-field{ background-color:#fff; width:80%; padding: 12px 15px 12px 15px; box-sizing:border-box; border:1px solid #ddd; }
#sidebar .search-form input.search-submit{ background:url(images/search-icon.png) no-repeat center center #efc62c; padding: 12px 0 12px 0; font-size:0; width:20%; height:43px; float:right; border:0;}

/* = Page layout css
-------------------------------------------------------------- */
.content_wrapper_area{ width:67%; margin:0; float:left; padding:0 0 30px; box-sizing:border-box;}
.content_wrapper_area ul, .content_wrapper_area ol{ margin:0 0 20px 20px; }
.content_wrapper_area ul li, .content_wrapper_area ol li{ margin:0; }
.content_wrapper_area ul ul, .content_wrapper_area ol ol{ margin:0 0 0 30px; }

.fullwidth{ width:100% !important; float:none  !important;}
.fullwidth p{ margin-bottom:15px;}

.boxlayout{ width:1210px; margin:0 auto; background-color:#fff; position:relative; box-shadow:0 -8px 8px #111;}
.fulllayout{ width:100% !important;}
#website-pageholder{ padding:50px 0;}
#website-pageholder p{ margin-bottom:30px;}

.defaultpos_list{ border-bottom:1px solid #e8e8e8; padding:0 0 30px 0; margin-bottom:40px; }
.defaultpos_list .post-thumb{ width:35%; /*height:225px; */overflow:hidden; float:right; margin:0 0 0 5%;}
.defaultpos_list .post-thumb img{ height:auto; min-height:225px;}
.defaultpos_list h3, h3.single-title{ margin-bottom:5px; font-size:20px; text-transform:uppercase; font-weight:600;}
.defaultpos_list h3 a{ color:#484f5e;}
.defaultpos_list h3 a:hover{ color:#efc62c;}
.defaultpos_list p{ margin-bottom:20px;}
.blog-meta{ font-style:italic; margin-bottom:8px;}
.post-date, .post-comment, .post-categories, .edit-link{ display:inline; color:#333; font-weight:600; text-transform:uppercase; letter-spacing:2px; font-size:13px; margin:0 10px 0 0;} 
.single_title{ margin-bottom:5px;}
body.single-post .defaultpos_list .post-thumb{ margin-bottom:20px;}

/* = Footer css
-------------------------------------------------------------- */
.footer-wrapper{ background-color:#181818; padding:0; position:relative;  color:#999;}
/*.footer-wrapper .footer{ padding-top:40px; padding-bottom:40px;}*/

.copyright-txt span{color:#efc62c;}
.design-by { text-align:center;}
.design-by a:hover{color:#999;}

.widget-column-1{ width:23%; float:left; margin:0 3% 0 0; box-sizing:border-box; }
.widget-column-2{ width:23%; float:left; margin:0 3% 0 0; box-sizing:border-box;  }
.widget-column-3{ width:22%; float:left; margin:0 3% 0 0; box-sizing:border-box;  }
.widget-column-4{ width:22%; float:left; margin:0 0 0 0; box-sizing:border-box;  }

.footer-wrapper h5{ font-weight:400; font-size:24px; color:#ccc; margin-bottom:30px; text-transform:uppercase; }
.footer-wrapper ul{ margin:0; padding:0; list-style:inside disc;}
.footer-wrapper ul li { padding:0 0 5px 0; margin:0; color:#999; border-bottom:1px solid #222;}
.footer-wrapper ul li a { color:#999; }
.footer-wrapper ul li a:hover, .footer-wrapper ul li.current_page_item a { color:#ff8a01; }
.footer-wrapper .widget{ padding:25px 0 ;}


.footer-wrapper h2{ font-family: 'Roboto', sans-serif; color:#fff; text-align:center; text-transform:uppercase; font-size:40px; font-weight:800; margin:0 auto 25px; border:1px solid #fff; border-radius:60px; padding:25px 50px; display:table;}
.footer-wrapper h2 a{ color:#fff; }

.footer-copyright{ background-color:#070707; color:#fff; padding:25px 0;}
.footer-copyright a:hover{ color:#fff;}

/* = Contact Form 7 css
-------------------------------------------------------------- */
.wpcf7{ margin:20px 0 0; padding:0;}
.wpcf7 input[type="text"], .wpcf7 input[type="tel"], .wpcf7 input[type="email"]{ width:40%; border:1px solid #cccccc; box-shadow:inset 1px 1px 2px #ccc; height:35px; padding:0 15px; color:#797979; margin-bottom:0;}
.wpcf7 textarea{width:60%; border:1px solid #cccccc; box-shadow:inset 1px 1px 2px #ccc; height:150px; color:#797979; margin-bottom:25px; font:12px arial; padding:10px; padding-right:0;}
.wpcf7 input[type="submit"]{background-color:#efc62c; width:auto; border:none; cursor:pointer; font:18px 'Roboto',san-serif; color:#ffffff; padding:10px 40px; border-radius:3px;}


/* = Comment Form css
-------------------------------------------------------------- */
h1.screen-reader-text{font:22px 'Roboto',san-serif;}
.site-nav-previous, .nav-previous{ float:left;}
.site-nav-next, .nav-next{ float:right;}
h3#reply-title{ font-size:20px;}
#comments{ margin:30px 0 0; padding:0;}
nav#nav-below{ margin-top:15px;}

/* Comment styles */
ol.commentlist{list-style:none;}
#commentform p{margin:5px 0;}
#commentform label{display:block;}
#commentform input#email, #commentform input#url, #commentform input#author, #commentform textarea, #commentform input#eazycfc_captcha{max-width:96%; border:1px #ccc solid; padding:5px 2%;}
#commentform input#submit{ background-color:#32373a; border:none; padding:8px 15px; color:#fff; display:inline-block; cursor:pointer;}
#commentform input#submit:hover{background:#34c6f6; border-bottom-color:#ccc; color:#fff;}
.form-allowed-tags{display:none;}
.entry-content table, .comment-body table{ border-collapse:collapse; margin:10px 0;}
.entry-content table td, .entry-content table th, .comment-body table td, .comment-body table th{padding:10px 5px; text-align:left;}
.entry-content table th, .comment-body table th{color:#676767; font:normal 18px Oswald; border:1px #888 solid;}
.entry-content table td, .comment-body table td{border-bottom:1px #ccc solid;}
.fvch-codeblock:hover .comment-form-url{display:block !important;}
.commentlist, ol.commentlist {list-style:none; box-shadow:0 0 5px #666; -moz-box-shadow:0 0 5px #666; -webkit-box-shadow:0 0 5px #666; -khtml-box-shadow:0 0 5px #666; margin:10px 0; background-color:#fff; padding:10px 0;}
.commentlist li, ol.commentlist li { list-style:none; background-image:none !important; padding:0px 15px;}
.commentlist li ol li.depth-2, .commentlist li ol li.depth-3, .commentlist li ol li.depth-4, ol.commentlist li ol li.depth-2, ol.commentlist li ol li.depth-3, ol.commentlist li ol li.depth-4 { border-bottom:none;}
.commentlist li.bypostauthor article, ol.commentlist li.bypostauthor article { background:#f9ffe1;}
.commentlist article, .commentlist li.bypostauthor li article, ol.commentlist li.bypostauthor li article { border:none !important; padding:10px; position:relative; background-color:#fff;}
.commentlist li .fn { font-weight:normal; font-size:15px; font-style:normal;}
.commentlist li.bypostauthor .fn, ol.commentlist li.bypostauthor .fn { color:#000;}
img.avatar { vertical-align:middle; position:static; display:inline-block;}
.commentlist article a time { display:block; clear:both; padding:5px 0 10px; font-size:11px; font-style:italic; }
.commentlist, ol.commentlist p { font-size:14px;}
.commentlist .reply span, ol.commentlist .reply span { display:none;}
.commentlist .reply a, ol.commentlist .reply a { display:block;	padding:10px; text-align:center; background:#f6f6f6; margin:5px 0; border:1px #ddd solid;}
.comment-author.vcard{display:inline-block; margin-right:15px;}
.comment-list ul.children li.comment{background-image:none; padding-left:5px;}


/* WooCommerce plugin css code */
a.added_to_cart{background:#e1472f; padding:5px; display:inline-block; color:#fff; line-height:1;}
a.added_to_cart:hover{background:#000000;}
a.button.added:before{content:'' !important;}
#bbpress-forums ul li{padding:0;}
#subscription-toggle a.subscription-toggle{padding:5px 10px; display:inline-block; color:#e1472f; margin-top:4px;}
textarea.wp-editor-area{border:1px #ccc solid;}
.woocommerce input[type=text], .woocommerce textarea{border:1px #ccc solid; padding:4px;}
form.woocommerce-ordering select{ padding:5px; color:#777777;}
.woocommerce table.shop_table th, .woocommerce-page table.shop_table th{ color:#ff8a00;}
.woocommerce ul.products li.product .price, .woocommerce-page ul.products li.product .price{ color:inherit !important;}
h1.product_title, p.price{ margin-bottom:10px;}

.woocommerce table.shop_table th, .woocommerce-page table.shop_table th{ color:#ff6d84;}
.woocommerce ul.products li, #payment ul.payment_methods li{ list-style:none !important;}
.woocommerce ul.products li.product .price, .woocommerce-page ul.products li.product .price{ color:inherit !important;}
.woocommerce table.shop_table th, .woocommerce table.shop_table td{ border-bottom:0px !important}

.woocommerce .quantity .qty{ padding:7px; border:1px solid #ccc;}
.woocommerce-Price-amount.amount{font-size:14px !important;}
.woocommerce div.product .product_title{ padding-bottom:20px !important;}
.woocommerce div.product form.cart{ margin-top:15px !important;}

/* Accessibility */
/* Text meant only for screen readers. */
.screen-reader-text {
  border: 0;
  clip: rect(1px, 1px, 1px, 1px);
  clip-path: inset(50%);
  height: 1px;
  margin: -1px;
  overflow: hidden;
  padding: 0;
  position: absolute !important;
  width: 1px;
  word-wrap: normal !important; 
  /* Many screen reader and browser combinations announce broken words as they would appear visually. */
}

.screen-reader-text:focus {
  background-color: #f1f1f1;
  border-radius: 3px;
  box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.6);
  clip: auto !important;
  clip-path: none;
  color: #21759b;
  display: block;
  font-size: 14px;
  font-size: 0.875rem;
  font-weight: bold;
  height: auto;
  left: 5px;
  line-height: normal;
  padding: 15px 23px 14px;
  text-decoration: none;
  top: 5px;
  width: auto;
  z-index: 100000;
  /* Above WP toolbar. */
}

/* Do not show the outline on the skip link target. */
#website-pageholder[tabindex="-1"]:focus {
  outline: 0;
}


/* = Navigation Focus CSS
-------------------------------------------- */

button:focus,
input[type="button"]:focus,
input[type="reset"]:focus,
input[type="submit"]:focus,
input[type="text"]:focus,
input[type="email"]:focus,
input[type="url"]:focus,
input[type="password"]:focus,
input[type="search"]:focus,
input[type="number"]:focus,
input[type="tel"]:focus,
input[type="range"]:focus,
input[type="date"]:focus,
input[type="month"]:focus,
input[type="week"]:focus,
input[type="time"]:focus,
input[type="datetime"]:focus,
input[type="datetime-local"]:focus,
input[type="color"]:focus,
textarea:focus {
	outline: thin dotted #f6c311;
}

.main_page-about_company-background {
    position: absolute;
    width: 100%;
    z-index: -1;
    filter: brightness(30%);
    margin: -40px;
}

.about_company-advantages_container {
    background: #333;	
}
.main_page-about_company_text {
    text-align: center;
    font-size: 18px;
    line-height: 1.5;
    margin-bottom: 30px;
}

.main_page-about_company {
    position: relative;
    color: #fff;
    padding: 100px 0;
    margin-bottom: 50px;
    background: url(/wp-includes/images/r6QIloT.webp);
    background-size: cover;
}
.about_company-advantages_container {
    padding: 20px 20px 20px 20px;
}

.about_company-advantages_container, .main_page-advantages_container {
    display: flex;
    justify-content: space-between;
}
.full-width {
	width: 100% !important;
}
.about_company-advantages_item, .main_page-advantages_item {
	flex-basis: 30%;
    max-width: 250px;
    min-width: 100px;
    color: white;
    text-align: center;
    line-height: 1.3em;
    font-weight: bold;
}

.avtopark_main-container {
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
    margin-bottom: 50px;
}

.avtopark_main-item_title {
    font-size: 14px;
    line-height: 1.1em;
}
.avtopark_main-item_title span {
    font-size: 16px;
    display: block;
    font-weight: bold;
    margin-bottom: 10px;
}

.avtopark_main-item {
    flex-basis: calc(25% - 10px);
    border: 1px solid #f6c311;
    padding: 10px;
    text-align: center;
    box-shadow: 3px 3px 3px #f6c31152;
    margin-bottom: 10px;
}

.avtopark_main-item_specifications {
	text-align: left;
}

.nivo-caption .slide-title {
	font: 800 42px/42px 'Roboto', sans-serif;
    color: #fff;
    margin: 0 0 25px 0;
    position: relative;
    text-shadow: 0 5px 5px #596052;
    display: inline-block;
}

.avtopark-container {
    display: flex;
    flex-wrap: wrap;
    margin-bottom: 50px;
}

.avtopark-item-container {
    flex-basis: calc(25% - 10px);
    border: 1px solid #f6c311;
    text-align: center;
    box-shadow: 3px 3px 3px #f6c31152;
    margin: 0 10px 10px 0;
}
.avtopark-item img {
	width: 100%;
}

.avtopark-item-title {
    font-size: 16px;
    font-weight: bold;
    margin: 10px 0;
}

.avtopark-item-content {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    padding: 10px;
}


.avtopark-specifications .avtopark-item-content {
    display: flex;
    justify-content: space-between;
    flex-direction: column;
    height: 100%;
}
.avtopark-specifications .avtopark-item-container {
	display: flex;
    flex-wrap: nowrap;
    flex-direction: column;	
    padding: 10px;
}

.avtopark-specifications .avtopark-item-specifications ul {
    list-style-type: none;
    margin: 20px 0;
    font-size: 14px;
    text-align: left;
    line-height: 1.7em;;
}

.avtopark-specifications .avtopark-item-specifications ul li span {
    float: right;
    font-weight: bold;
}

header.site-header .main_page_h1 {
	z-index: 9999;
     height: 400px;
     /*background: url(/wp-includes/images/main-banner-2.png) no-repeat;*/
     background: url(/wp-includes/images/ban.jpg) no-repeat;
     background-size: cover;
     background-position: top;
     text-align: center;
     position: relative;
  }
.main_page_h1 h1 {
    position: absolute;
    top: 40%;
    height: 100%;
    width: 100%;
}

.entry-content table.price_table {
	margin: 10px auto 50px auto;
}

.price_table thead tr th {
    color: #efc62c;
    font-weight: bold;
    text-align: center;
}
.price_table thead tr {
    background: #181818;
}

.price_table tbody tr td {
	border: 1px #ccc solid;
	text-align: center;
}
.price_table_col1-left tbody tr td:first-child {
	text-align: left;
}

.skhema_raboty-container {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    margin-bottom: 50px; 
}
.skhema_raboty-container img {
    width: 100%;
    margin-bottom: 10px;
    max-width: 100px;
}

.skhema_raboty-item {
    flex-basis: 15%;
    text-align: center;
    font-weight: bold;
    line-height: 1.1;
    font-size: 14px;
    min-width: 80px;
    margin-bottom: 20px;
}

.skhema_raboty-title {
	color:#101010; 
	font-family: 'Roboto', sans-serif; 
	margin:0 0 20px; 
	padding:0; 
	line-height:1.1; 
	font-weight:400;
	font-size: 24px;
}
@media (max-width: 425px) {
	.skhema_raboty-item {
		flex-basis: 30%;
	    font-weight: normal;
	    font-size: 10px;
	}	
}


.form_zakaz-container {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    padding: 50px;
    background: url(/wp-includes/images/form_fon.jpg);
}

.form_zakaz-title {
    flex-basis: 100%;
    text-align: center;
    font-size: 40px;
    line-height: 1.5em;
    margin-bottom: 30px;
    color: white;
    text-transform: uppercase;
}

.form_zakaz-contacts {
    color: lightgray;
    line-height: 2em;
    text-transform: uppercase;
}

.form_zakaz-form {
    flex-basis: 50%;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}

.form_zakaz-input_container {
    flex-basis: calc(50% - 10px);
    margin-bottom: 20px;
}

.wpcf7 .form_zakaz-input_container input[type="text"], .wpcf7 .form_zakaz-input_container input[type="tel"] {
    width: 100%;
    box-shadow: none;
    font-size: 18px;
}
.wpcf7 .form_zakaz-textarea_container textarea {
	width: 100%;
    box-shadow: none;
    margin-bottom: 10px;
    font-size: 18px;
    height: 70px;	
}

.form_zakaz-textarea_container {
    flex-basis: 100%;
}

.form_zakaz-contacts_phone {
    font-size: 30px;
    margin: 0px 0px 30px 45px;
    position: relative;
}


.form_zakaz-contacts_phone {
    position: relative;
}
.form_zakaz-contacts_phone a:hover {
	color: white;
}

.form_zakaz-contacts_phone::before {
    content: "";
    position: absolute;
    top: -10px;
    left: -50px;
    width: 50px;
    height: 50px;
    background: url(/wp-includes/images/phone.svg);
}
.form_zakaz-contacts li {
	position: relative;
	list-style: none;
	margin-left: 30px;
}

.form_zakaz-contacts ul li::before {
    content: "";
    position: absolute;
    left: -30px;
    top: 5px;
    width: 20px;
    height: 20px;
    background: url(/wp-includes/images/arrow-right.png);
}

ul.all_directions {
    display: flex;
    flex-wrap: wrap;
    margin: 0px 0px 20px 0px;
}
ul.all_directions li {
	flex-basis: 25%;
	min-width: 280px;
	font-size: 16px;
	line-height: 20px;

}

.advantages-container {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    margin-bottom: 50px; 
}
.advantages-container img {
    width: 100%;
    margin-bottom: 10px;
    max-height: 100px;
}

.advantages-item {
    flex-basis: 15%;
    text-align: center;
    font-weight: bold;
    line-height: 1.1;
    font-size: 14px;
    min-width: 80px;
    margin-bottom: 20px;
}

.advantages-title {
	color:#101010; 
	font-family: 'Roboto', sans-serif; 
	margin:0 0 20px; 
	padding:0; 
	line-height:1.1; 
	font-weight:400;
	font-size: 24px;
}
@media (max-width: 425px) {
	.advantages-item {
		flex-basis: 30%;
	    font-weight: normal;
	    font-size: 10px;
	}	
}
.emodal.theme-1 {
	text-align: center;
}

.emodal.theme-1 .emodal-title {
    text-align: center !important;
    line-height: 1.1em;
}
.emodal.theme-1 form input[type="text"], .emodal.theme-1 form input[type="tel"] {
    width: 100%;
    height: 40px;
    font-weight: bold;
    color: #333333;
    display: block;
    background: rgba(100, 100, 100, 0.1);
    padding-left: 20px;
}

.emodal.theme-1 form textarea {
    width: 100%;
    height: 80px;
    font-weight: bold;
    color: #333333;
    display: block;
    background: rgba(100, 100, 100, 0.1);
    padding-left: 20px;	
}

p.text_form {
    font-size: 16px;
    line-height: 1em;
    margin: 15px 0;
}
.ajax-loader {
	display: none !important;
}
.custom-button span {
    padding: 10px;
    background: #efc62c;
    color: #333333;
}

.emodal-overlay {
  z-index: 9999!important;
}

.emodal {
    z-index: 999999999999!important;
}

.page-content.error_404 {
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
}

.error_404-left {
    flex-basis: 40%;
    font-size: 300px;
    line-height: 300px;
}

.error_404-right {
    flex-basis: 45%;
    font-size: 22px;
    line-height: 1.3em;
    text-align: center;
}

.rekvizity table {
	margin-bottom: 50px;
}

.rekvizity table tr td {
    border: 1px solid gray;
    padding: 5px;
}

.rekvizity table tr td:nth-child(1) {
    width: 30%;
    min-width: 150px;
}
h1.home_h1 {
    color: white;
    text-align: center;
    font-weight: bold;
}

.main_banner_content {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}

.main_banner_right {
    flex-basis: 300px;
}

.main_banner_left {
    flex-basis: calc(100% - 350px);
    max-width: 100%;
}
.main_banner_right form {
    max-width: 306px;
    width: 100%;
    background: #EFEFEF;
    border-radius: 20px;
    padding: 35px 27px 45px 27px;
}

.main_banner_right form input {
    width: 100%!important;
    height: 45px!important;
    display: flex;
    align-items: center;
    background: #FFFFFF;
    border: 1px solid #F1F1F1!important;
    border-radius: 30px;
    padding-left: 21px!important;
    padding-right: 5px!important;
    font-size: 16px;
}
.main_banner_right form input[type="submit"] {
    cursor: pointer;
    padding: 0 50%;
    margin-left: calc(50% - 90px);
    width: 180px !important;
    background-color: #C71A1D;
    border-radius: 3px;
    text-transform: uppercase;
    font-style: normal;
    font-weight: bold;
    font-size: 14px;
    line-height: 16px;
    color: #FFFFFF;
}

.form_title {
    color: black;
    text-align: center;
    font-size: 20px;
    margin-bottom: 20px;
}

@media (max-width: 768px) {
	.main_banner_left {
		flex-basis: 100%;
	}
	.main_banner_right {
		margin: auto;
	}
	.main_page-advantages_container {
		flex-wrap: wrap;
    	justify-content: space-around;
	}
	.main_page-advantages_item {
		flex-basis: 45%;
		font-weight: normal;
    	font-size: 14px;
    	margin-bottom: 15px;
	}
	.adapt_table {
	    overflow-x: scroll;
	}
	.adapt_table table {
		min-width: 768px;
	}

	
}
@media (max-width: 425px) {
	header .custom-button span {
		font-size: 14px;
	}
	
}

@media (max-width: 1024px) {
	.avtopark-specifications .avtopark-item-container {
		flex-basis: calc(50% - 10px);
	}
}
@media (max-width: 700px) {
	.avtopark-specifications .avtopark-item-container {
		flex-basis: calc(90%);
		margin: 0 auto 20px auto;
	}
}

.header-grafik {
    float: right;
    margin: 0px 20px;
}

.types_cargo-container {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-around;
    margin-bottom: 50px;
}

.types_cargo-item, .types_cargo-button {
    flex-basis: calc(33.334% - 30px);
    margin-bottom: 30px;
    position: relative;
    min-width: 135px;
}

@media(max-width: 768px) {
	.types_cargo-button {
		flex-basis: 100%;
	}
	.types_cargo-item {	
    	flex-basis: calc(50% - 30px);
	}
}

.types_cargo-item_name {
    text-transform: uppercase;
    text-align: center;
    color: #fff;
    width: 100%;
    position: absolute;
    background: rgba(24, 23, 25, 0.8);
    bottom: 0;
    left: 0;
    padding: 8px 0;
    font-size: 12px;
    line-height: 1.2;
}

.types_cargo-item_name_container {
    position: absolute;
    width: calc(100% - 10px);
    height: calc(100% - 10px);
    top: 0px;
    left: 0px;
    margin: 5px;
    border: 1px solid #ffffff;
}


.types_cargo-item img {
    width: 100%;
    height: 100%;
    border: 1px solid #14205c;
} 



.form_type_cargo-container {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    padding: 15px;
    background: url(/wp-includes/images/form_fon.jpg);
}

.form_type_cargo-title {
	flex-basis: 100%;
    text-align: center;
    font-size: 18px;
    line-height: 1.5em;
    margin-bottom: 10px;
    color: white;
    text-transform: uppercase;
}

.form_type_cargo-form {
    flex-basis: 100%;
    display: flex;
    max-width: 100%;
    flex-wrap: wrap;
    justify-content: space-between;
}

.form_type_cargo-input_container, .form_type_cargo-submit_container {
    flex-basis: 100%;
    margin-bottom: 10px;
}

.wpcf7 .form_type_cargo-input_container input[type="text"], .wpcf7 .form_type_cargo-input_container input[type="tel"], .wpcf7 .form_type_cargo-submit_container input[type="submit"] {
    width: 100%;
    box-shadow: none;
    font-size: 16px;
}

.types_cargo-button div[role="form"] {
	margin-top: 0px;
}
.types_cargo-button form, .types_cargo-button div[role="form"], .form_type_cargo-container {
	height: 100%;
}

.wpcf7 .form_type_cargo-submit_container input[type="submit"] {
    padding: 10px 5px;
}

.accordion {
    width: 100%;
/*
ширина произвольная выбирается
*в зависимостиот места размещения 
*/
    /*max-width: 800px;*/
    min-height: 0;
    display: block;
/* относительное позиционирование */
    position: relative;
    margin: 0 auto;
    padding: 0;
    overflow: hidden
}

/* Формируем блоки с содерханием */
.msg {
  position: relative;
  overflow: hidden;
  opacity: 1;
  transform: translate(0, 0);
  margin-left: 30px;
}

/* оформляем параграфы */
.msg p {
  color: rgba(48, 69, 92, 1);
  font-size: 14px;
  line-height: 20px;
  letter-spacing: 1px;
  margin-bottom: 15px !important;
}

/* Позаботимся о небольших экранах */
@media (max-width: 550px) {
  .accordion {
    box-sizing: border-box;
    transform: translate(0, 0);
    max-width: 100%;
    min-height: 100%;
    margin: 0;
    left: 0;
  }
} 

/* Формируем неупорядоченный список */
.accordion ul {
  list-style: none;
  perspective: 900;
  padding: 0;
  margin: 0;
}

/* Определяем и формируем отдельный элемент списка 
 * в который поместим скрытый флажек,
 * заголовок панелей и блок с содержанием
*/
.accordion ul li {
  position: relative;
  padding: 0;
  margin: 0;
  padding: 5px;
  background-color: #f9f9f9;
  margin-bottom: 3px;
}

/* устанавливаем время ожидания перед воспроизведением анимации 
 * на основе нумерации в дереве элементов
*/
.accordion ul li:nth-of-type(1) {
  animation-delay: 0.5s;
}
.accordion ul li:nth-of-type(2) {
  animation-delay: 0.75s;
}
.accordion ul li:nth-of-type(3) {
  animation-delay: 1s;
}
.accordion ul li:last-of-type {
  padding-bottom: 0;
}

/* Сформируем  указатель переключения состояния аккордеона */
.accordion ul li i {
  position: absolute;
  transform: translate(-6px, 0);
  margin-top: 16px;
/* расположим указатель на панели заголовка справа */
  right: 25px;
}

/* "Рисуем " сам указатель */
.accordion ul li i:before, .accordion ul li i:after {
  content: "";
  position: absolute;
  background-color: #363636;
  width: 3px;
  height: 9px;
}
/* Добавляем элемент трансформации указателя при переключении */
.accordion ul li i:before {
  transform: translate(-2px, 0) rotate(45deg);
}
.accordion ul li i:after {
  transform: translate(2px, 0) rotate(-45deg);
}

/* Делаем чекбокс скрытым*/
.accordion ul li input[type=checkbox] {
  position: absolute;
  cursor: pointer;
  width: 100%;
  height: 100%;
  margin: 0;
  padding: 0;
  opacity: 0;
}
/* Когда у флажка установлен checked  
 * блок с содержанием скрыт
*/
.accordion ul li input[type=checkbox]:checked ~ div.msg {
  margin-top: 0;
  max-height: 0;
  opacity: 0;
  transform: translate(0, 50%);
}
/* А указатель показывает вниз */
.accordion ul li input[type=checkbox]:checked ~ i:before {
  transform: translate(2px, 0) rotate(45deg);
}
.accordion ul li input[type=checkbox]:checked ~ i:after {
  transform: translate(-2px, 0) rotate(-45deg);
}
/*  Устанавливаем эффект перехода
 * между двумя состояниями указателя 
*/
div.msg, ul li i:before, ul li i:after {
    transition: all 0.5s ease-in-out;
}

.title_block {
    font-weight: bold;
    padding: 10px;
}









/*
Классы для переделанного advantages
*/

.advantages-container-new {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    margin-bottom: 50px; 
}

.advantages-container-new img {
    
    margin-bottom: 10px;
    max-height: 100px;
}

.advantages-item-new {
    flex-basis: 15%;
    text-align: center;
    line-height: 1.1;
    font-size: 16px;
    min-width: 80px;
    margin-bottom: 20px;
}
.banner__list {
    display: flex;
    flex-direction: row;
    justify-content: center;
    list-style: none;
    flex-wrap: wrap;
    margin: 0;
    padding: 0;
    margin: 0 0 35px;
}
.banner__list-item {
    display: flex;
    justify-content: flex-start;
    flex-direction: column;
    margin: 0 50px;
}
.banner__list-title {
    font-style: normal;
    font-weight: bold;
    font-size: 18px;
    line-height: 22px;
    opacity: 0.8;
    text-align: center;
    margin-bottom: -22px;
}
.banner__list-description {
    font-style: normal;
    font-weight: bold;
    font-size: 50px;
    line-height: 117px;
    opacity: 0.7;
    text-shadow: 2px 0 0 black;

}
/*
---------------------------------
*/