/*
| --------------------------------------------------------
| Theme Name : WebPanda
| Version : 1.2
| Theme Date : 07/08/2018
| Modified Date : 12/09/2018
| Platforms : HTML5, CSS3, Bootstrap3, JS, Jquery
| Theme Author : Yankee Themes
| Author URI : https://themeforest.net/user/yankeethemes
| Author Contact : enquiry[at]yankeeinfoweb[dot]com
| Tags : yankeethemes, yankeeinfoweb, webdesign, boostrap, wordpress, support, html, responsive, css3, wellorganized, retina, animation
| File : yit-logistic.css
| --------------------------------------------------------
*/

/*
| --------------------------------------------------------
| TABLE OF CSS CONTENT
| --------------------------------------------------------
| Index Page CSS
| Responsive CSS
*/

/* NOTE: This file contains the styling for the "Logistic Template". You can edit/add anything in this file! */

/*** Page Global CSS BOF ***/
.heading-josefin-sans h1, .heading-josefin-sans h2, .heading-josefin-sans h3, .heading-josefin-sans h4, .heading-josefin-sans h5, .heading-josefin-sans h6, h1.heading-josefin-sans,
h2.heading-josefin-sans, h3.heading-josefin-sans, h4.heading-josefin-sans, h5.heading-josefin-sans, h6.heading-josefin-sans { font-weight:500; line-height:1.1; }
.logistic .svg-pattern.style-1 svg, .svg-pattern.style-3 svg { fill:#ec161e; }

/*
| ========================================================
| Index Page CSS BOF
| ========================================================
*/

/* HEADER CSS BOF
====================================================== */

/*** Navigation CSS BOF ***/
.logistic .yit-top-nav.fancy-style::after { display:none; }
.logistic .yit-top-nav.fancy-style a, .logistic .yit-nice-select.language-select { color:rgba(255, 255, 255, .8); }
.logistic .yit-top-nav.fancy-style a:hover { color:#fff; }
.logistic .nice-select::after { border-bottom:solid 2px #fff; border-right:solid 2px #fff; height:7px; width:7px; }
.logistic .yit-top-nav { border-color:rgba(255, 255, 255, .5); }
.logistic .yit-middle-nav.contact-info-style .media i { padding-top:6px; }
.logistic .logistic-header .navbar-light .navbar-nav .nav-link { font-size:16px; font-weight:500; }

	/* Navigation Hover CSS BOF */
	.logistic-header .yit-nav .navbar-nav .nav-link:hover, .logistic-header .yit-nav .navbar-nav .nav-link:focus,
	.logistic-header .yit-nav .navbar-nav .nav-link:active, .logistic-header .yit-nav .navbar-nav .nav-link.active,
	.logistic-header .yit-nav .navbar-nav .dropdown:hover, .logistic-header .yit-nav .navbar-nav .dropdown:focus,
	.logistic-header .yit-nav .navbar-nav .dropdown:active, .logistic-header .yit-nav .navbar-nav .dropdown:hover .nav-link,
	.logistic-header .yit-nav .navbar-nav .dropdown:focus .nav-link, .logistic-header .yit-nav .navbar-nav .dropdown:active .nav-link,
	.logistic-header .yit-nav .navbar-nav .show .nav-link, .logistic-header .yit-nav .navbar-nav .active .nav-link, .logistic-header .yit-nav .nav-link.show,
	.logistic-header .yit-nav .navbar-nav .nav-link.active { color:#000000; background-color:transparent; }  /* override nav-link background */

/*** Dropdown CSS BOF ***/
.logistic .logistic-header .navbar-light .navbar-nav .nav-item.dropdown { border:medium }
.logistic .logistic-header .yit-mega-menu .dropdown-menu { border-top:3px solid #ec161e; }

		/* Dropdown Hover CSS BOF */
		.logistic-header .yit-nav .navbar .dropdown .dropdown-item:hover, .logistic-header .yit-nav .navbar .dropdown .dropdown-item:focus,
		.logistic-header .yit-nav .navbar .dropdown .dropdown-item:active, .logistic-header .yit-nav .navbar .dropdown .dropdown-item.active { background:#ec161e; color:#fff; }

/*** Banner CSS BOF ***/
.logistic .logistic-banner .height-cover { height:calc(100vh - 220px) }
.logistic .logistic-banner .bg-overlay:before { background-color:rgba(17, 39, 88, 0.7); }
.logistic .logistic-banner.yit-slick-slider .yit-slick-thumbslider-nav img { width:50px; display:inline-block; }
.logistic .logistic-banner.yit-slick-slider .yit-slick-thumbslider-nav .item-link { background: rgba(0, 0, 0, 0.4); color: #ffffff; padding: 10px; border-top:solid 3px transparent; }

	/* Slider Control CSS BOF */
	.logistic .logistic-banner.yit-slick-slider .slick-prev, .logistic .logistic-banner.yit-slick-slider .slick-next, .logistic .logistic-banner.yit-slick-slider .slick-dots {
		display:none !important; }
	.logistic .logistic-banner.yit-slick-slider.slick-thumbnail-slider .yit-slick-thumbslider-nav .slick-current .item-link { border-top:solid 3px #ec161e; }

/* CONTENT CSS BOF
====================================================== */

/*** Service Section CSS BOF ***/
.logistic-service .yit-feature.style-38 .yit-feature-content::after { border-bottom:15px solid #ec161e; bottom:0; }

/*** Why Section CSS BOF ***/
.logistic-offers .yit-feature.style-3 .yit-feature-item img { width:60px; }
.logistic-offers .key-feature-head:after { background-image:url(../../images/demo-categories/logistic/bg-curve-bottom-arrow.png); background-position:right 0; background-repeat:no-repeat; content:""; width:270px; height:188px; right:-20px; bottom:-182px; position:absolute; background-size:60% auto; }

/*** Process CSS BOF ***/
.logistic-process .yit-process::before { border-top: 1px dashed #9e9e9e; content: ""; left: 0; margin: 0 auto; position: absolute; right: 0; top: 110px; width: 80%; }

/*** Footer CSS BOF ***/
.logistic-footer:before { background-image:url(../../images/entrega.png); background-position:left 0; background-repeat:no-repeat; content:""; width:447px; height:600px; bottom:0; position:absolute; }

/*
| ========================================================
| Responsive Media CSS BOF
| ========================================================
*/

/*** iPhone Mobile CSS BOF ***/
@media (max-width:767px) {
.logistic hr.style-eight { display:none; }
.logistic .logistic-header .yit-nav .navbar-light .navbar-toggler { border-color:#ec161e; }
.logistic .logistic-header .yit-nav .navbar-light .navbar-toggler-icon {
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg viewBox=\'0 0 30 30\' xmlns=\'http://www.w3.org/2000/svg\'%3E%3Cpath stroke=\'rgba(286, 22, 30, 1\' stroke-width=\'2\' stroke-linecap=\'round\' stroke-miterlimit=\'10\' d=\'M4 7h22M4 15h22M4 23h22\'/%3E%3C/svg%3E"); }
.logistic .yit-process .yit-process-item { padding:0; }
.logistic .head-title.border-left-only, .logistic .head-title.border-right-only { border:medium none; }
.logistic .logistic-banner .height-cover { height:100vh; }
.logistic-process .yit-process::before, .logistic-offers .key-feature-head::after, .logistic-footer:before { display:none; }
 }

/*** iPad Portrait CSS BOF ***/
@media (min-width:768px) and (max-width:980px){
.logistic .logistic-header .yit-nav .navbar { padding:15px !important; } /* override general navigation padding */	
.logistic .logistic-header .navbar-light .navbar-nav .nav-link { padding:10px 15px; }
.logistic .caption-title::before, .logistic .caption-title::after { display:none; }
.logistic .logistic-header .yit-nav .navbar-light .navbar-toggler { border-color:#ec161e; }
.logistic .logistic-header .yit-nav .navbar-light .navbar-toggler-icon {
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg viewBox=\'0 0 30 30\' xmlns=\'http://www.w3.org/2000/svg\'%3E%3Cpath stroke=\'rgba(286, 22, 30, 1\' stroke-width=\'2\' stroke-linecap=\'round\' stroke-miterlimit=\'10\' d=\'M4 7h22M4 15h22M4 23h22\'/%3E%3C/svg%3E"); }
.logistic-service .yit-feature .yit-feature-item h6 { font-size:1.15rem; }
.logistic-offers .key-feature-head::after, .logistic-footer:before { display:none; } { display:none; }
}

/*** iPad Landscape CSS BOF ***/
@media (min-width: 979px) and (max-width: 1200px) {
.logistic .logistic-header .yit-middle-nav p { font-size:12px; }
.logistic-offers .key-feature-head::after, .logistic-footer:before { display:none; } { display:none; }
}

/*** Small Tablet Landscape CSS BOF ***/
@media (min-width: 980px) and (max-width: 1023px) { }