/*
Theme Name: CorpX - Divi Child Theme
Version: 1.0.0
Description: A Premium Divi Child Theme for Logistics or Trading related websites.
Author: Smmile Web Agency
Author URI: http://smmile.com
Template: Divi
License: Commercial
*/

#et-secondary-nav, #et-secondary-menu {
  width:100%;
}

#et-secondary-nav li.float_right {
    float: right;
    margin-left: 12px;
}

#top-header {
  border-bottom: 1px solid rgba(41,51,68,0.2);
}

.home_hero .header-content {
	max-width:100%!important;
}

.et_pb_fullwidth_header .et-pb-icon.scroll-down {
	animation: fullwidth-header-bounce 2.2s ease-out infinite;
}
@keyframes fullwidth-header-bounce {
  0% { transform:translateY(0%); }
  12.5% { transform:translateY(20%); }
  25% { transform:translateY(0%); }
  37.5% { transform:translateY(20%); }
  50% { transform:translateY(0%); }
}

.home_hero .header-content {
  width:100%;
  overflow:hidden;
}
.home_hero .header-content h1 {
  transform: translateX(-100%);
  animation: slideIn 1.2s forwards;
  animation-delay: 0.8s;
}

@keyframes slideIn {
  0% {
    transform: translateX(-100%);
  }
  100% {
    transform: translateX(0%);
  }
}

.home_hero .header-content .et_pb_fullwidth_header_subhead {
  transform: translateX(130%);
  animation: slideRight 2s forwards;
  animation-delay: 0.7s;
}

@keyframes slideRight {
  0% {
    transform: translateX(130%);
  }
  45% {
    transform: translateX(130%);
  }
  100% {
    transform: translateX(0%);
  }
}

.home_hero .header-content .et_pb_more_button {
  transform: translateY(150%);
    animation: slideUp 0.8s forwards;
    animation-delay: 2.5s;
}

@keyframes slideUp {
  0% {
    transform: translateY(150%);
  }
  100% {
    transform: translateY(0%);
  }
}

.fancy-line {
	width:65px;
	height:2px;
	background-color:#3e4f59;
}

.fancy-line.thick{
	height:5px;
}

.home_services .home_services_types .et_pb_column {
	transition: .4s background-color;
}

.home_services .home_services_types .et_pb_column:hover {
	background:#164998;
}

.home_services .home_services_types .et_pb_column:hover .et_pb_blurb_container h4{
	color:#fff!important;
}

.home_services .home_services_types .et_pb_column:hover .et_pb_blurb_container p{
	color:#fff;
}

.home_services .home_services_types .et_pb_column:hover .et_pb_main_blurb_image img {
	-webkit-filter: invert(100%) brightness(200%)!important;
    filter: invert(100%) brightness(200%)!important;
}

.home_services .home_services_types .et_pb_column:hover .et_pb_button {
	background-color:#fff!important;
	border-color:#fff!important;
	color:#3e4f59!important;
}

.home_products .et_pb_blurb {
	transition: background-size .3s ease-in;
-moz-transition: background-size .3s ease-in;
-ms-transition: background-size .3s ease-in;
-o-transition: background-size .3s ease-in;
-webkit-transition: background-size .3s ease-in;
background-size:100%;
}

.home_products .et_pb_blurb:hover {
	    background-size: 120%;
}

.home_products .product_one a{
	border-radius: 2px;
    background: transparent;
    border: 2px solid #fff;
    text-transform: uppercase;
    color: #fff!important;
    text-shadow: none;
    font-size: 18px;
    font-weight: normal!important;
    padding: 0.3em 1em!important;
}
.home_products .product_one a:hover{

    background: #fff;
    color: #164998!important;
}

.home_products .product_two a{
	border-radius: 2px;
    background: #fff;
    border: 2px solid #fff;
    text-transform: uppercase;
    color: #164998!important;
    text-shadow: none;
    font-size: 18px;
    font-weight: normal!important;
    padding: 0.3em 1em!important;
}

.home_products .product_two a:hover{
    background: transparent;
    color: #fff!important;
}

.home_form .et_contact_bottom_container {
	    margin: 0 auto;
    text-align: center;
    width: 100%;
}

.home_logos img {
	    filter: grayscale(100%) opacity(60%);
}

.contact_page_blurbs .et_pb_blurb_content{
	    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%,-50%);
    width: 100%;
}

.home_services.product_page .home_services_types .et_pb_column:hover .et_pb_main_blurb_image img {
	-webkit-filter: invert(0%) brightness(00%)!important;
    filter: invert(0%) brightness(100%)!important;
}

.product_categories .et_pb_widget ul li {
	position:relative;
	padding-left:20px;
}

.product_categories .et_pb_widget ul li::before {
	content: "";
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    left: 0;
    width: 0;
    height: 0;
    border-top: 7px solid transparent;
    border-bottom: 7px solid transparent;
    border-left: 7px solid #164998;
}

@media (max-width:767px) {
	.home_products .et_pb_code, .home_contact .et_pb_code, .home_contact .et_pb_code, .home_services .et_pb_code{
		margin-bottom:0!important;
	}

	.home_products .et_pb_blurb {
		background-size:cover;
	}

	.home_products .et_pb_blurb:hover {
		background-size:cover;
	}

	#product-1 .et_pb_equal_columns, #product-2 .et_pb_equal_columns {
    padding-top: 0;
	}

	#product-1 .et_pb_row .et_pb_column_1_4, #product-2 .et_pb_row .et_pb_column_1_4 {
    width: 44%!important;
    margin: 10% 3% 0 3%;
	}
}

.et_header_style_left #et-top-navigation nav > ul > li > a {
	position: relative;
}

.et_header_style_left #et-top-navigation nav > ul > li:before, .et_header_style_left #et-top-navigation nav > ul > li:after {
  content: '';
  position: absolute;
  width: 0%;
  height: 1px;
  top: 15%;
  margin-top: -0.5px;
  background: #3e4f59;
}

.et_header_style_left #et-top-navigation nav > ul > li {
	padding-right:0;
	margin-right:22px;
}
.et_header_style_left #et-top-navigation nav > ul > li > a:hover {
	opacity:1;
}

.et_header_style_left #et-top-navigation nav > ul > li:before {
  left: -2.5px;
}
.et_header_style_left #et-top-navigation nav > ul > li:after {
  right: 2.5px;
  background: #3e4f59;
  transition: width 0.8s cubic-bezier(0.22, 0.61, 0.36, 1);
}

.et_header_style_left #et-top-navigation nav > ul > li:hover:before {
  background: #3e4f59;
  width: 100%;
  transition: width 0.5s cubic-bezier(0.22, 0.61, 0.36, 1);
}

.et_header_style_left #et-top-navigation nav > ul > li:hover:after {
  background: transparent;
  width: 100%;
  transition: 0s;
}

.et_pb_slider .et-pb-controllers a {
	opacity:0.4;
    width: 20px;
    height: 5px;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0;
}

.et_pb_slider .et-pb-controllers a.et-pb-active-control {
	opacity:1;
}