/*
Project     :	logistics
Version     :	1.0
Last Change : 	13/03/2019
Primary Use :   logistics
*/

/*--------------------------------------------------------------
>>> TABLE OF CONTENTS:
----------------------------------------------------------------
1. Elementor General
2. Home	
3. About
4. Services
5. Portfolio
6. FAQ
7. Team
8. Contact
9. Coming Soon
10. Media Queries
--------------------------------------------------------------*/

/*--------------------------------------------------------------
1. Elementor General
--------------------------------------------------------------*/

.elementor-widget:not(:last-child) {
    margin-bottom: 0 !important;
}
.elementor-icon{
	text-align: center;
}

.elementor-button:focus, 
.elementor-button:hover, 
.elementor-button:visited{
	opacity: 1;
}

#sbi_load{ 
	padding: 0 !important;
}

.client-logo-row .gallery {
	margin:0 !important;
}

/*--------------------------------------------------------------
2. Home 
--------------------------------------------------------------*/

.header-banner-overlay {
    overflow: hidden;
}

.header-button  {
	display: table-cell;   
	width: auto !important;
}

.header-banner-overlay {
	position:relative;
}

.header-banner-overlay .elementor-background-overlay {
	position: absolute;
top: 0;
left: 0;
height: 100%;
background-color: rgba(3, 165, 150,0.8);
padding: 10px 0;
-webkit-transform: skew(20deg);
-ms-transform: skew(20deg);
transform: skew(20deg);
width: 65%;
}

.home-ser-mod {
	-webkit-transition: all 300ms; 
	transition: all 300ms; 
}

.home-ser-mod:hover .elementor-image-box-img {
	-webkit-transform: rotate(-30deg);
	transform: rotate(-30deg);
	-webkit-transition: all 300ms; 
	transition: all 300ms; 
}

.elementor-element.home-ser-mod .elementor-image-box-img { 
	width:100px;
}


.choose-col::before {
    content: "";
    border-left: 1px dashed #999999;
    left: 35px;
    top: 11px;
    position: absolute;    
    height: 90%;
}

.three-col-1 {
	transition: all 0.2s ease-in-out;
    -webkit-transition: all 0.2s ease-in-out; /** Chrome & Safari **/
    -moz-transition: all 0.2s ease-in-out; /** Firefox **/
    -o-transition: all 0.2s ease-in-out;
}

.three-col-1:hover .elementor-widget-wrap {
	background-color:#a83738;
	transition: all 0.2s ease-in-out;
    -webkit-transition: all 0.2s ease-in-out; /** Chrome & Safari **/
    -moz-transition: all 0.2s ease-in-out; /** Firefox **/
    -o-transition: all 0.2s ease-in-out;
}

.three-col-1 .elementor-image-box-content {
	padding-left:10px;
	padding-right:10px;
}

.elementor-element.elementor-column.three-col-1:hover .elementor-element.elementor-widget-image-box .elementor-image-box-title {
	color:#ffffff;
	
}

.elementor-element.elementor-column.three-col-1:hover .elementor-element.elementor-widget-image-box .elementor-image-box-description {
	color:#ffffff;
}

.elementor-element.elementor-column.three-col-1:hover .elementor-button-link.elementor-button {
	background-color:transparent;
	border:1px solid #ffffff;
	color:#ffffff;
}

/* News */

.news-date-1 .elementor-button-link{
	padding: 0;
	width: 80px;
	height: 80px;
	border-radius: 50%;	  
	display:table-cell;
	text-align: center;
	margin: 0 auto;
	vertical-align: middle;
}

.news-date-1 .elementor-button-content-wrapper {
	margin:auto;
	text-align:center;
}

.news-date-1 {
	margin: -50px auto 0 auto;   
	text-align: center;
	display: table;
	width:auto !important;
}

.elementor-element.news-col:hover  .news-date-1 .elementor-button-link.elementor-button{
	
	-webkit-box-shadow:0 8px 6px -6px rgba(0,0,0,0.4);
	box-shadow:0 8px 6px -6px rgba(0,0,0,0.4);
}


.readmore-link .elementor-button-link{
	padding: 0;
}



.news-col {
	position: relative;
}
.news-col .elementor-image::before {
	position: absolute;
	top: 0;
	left:0;
	z-index: 2;
	display: block;
	content: '';
	width: 50%;
	height: 100%;
	background: -webkit-linear-gradient(left, rgba(255,255,255,0) 0%, rgba(255,255,255,.3) 100%);
	background: linear-gradient(to right, rgba(255,255,255,0) 0%, rgba(255,255,255,.3) 100%);
	-webkit-transform: skewX(-25deg);
	transform: skewX(-25deg);
}
.news-col:hover .elementor-image::before {
	-webkit-animation: shine .75s;
	animation: shine .75s;
}
@-webkit-keyframes shine {
	100% {
		left:150px;
	}
}
@keyframes shine {
	100% {
		left:150px;
	}
}

/*Projects*/

.projects-mod .gallery-caption {
	background-color:#f2f2f2;
	padding:20px 10px;
}

.projects-slider .elementor-image-carousel-caption {
	background-color:#ffffff;
	color:#333333;
	padding:20px 10px;
}


.instagram-btn  #sbi_images{
	display:none;
}

.sbi_follow_btn a {
    text-transform: uppercase;
    -webkit-box-shadow: 0px 12px 18px -6px rgba(0, 0, 0, 0.3);
    box-shadow: 0px 12px 18px -6px rgba(0, 0, 0, 0.3);
    letter-spacing: 1px;
    font-size: 14px;
    font-family: 'Open Sans', Helvetica, Arial, Lucida, sans-serif !important;
    font-weight: 600 !important;
    padding: 15px 45px 15px 45px !important;
}

.team-content-4,
.team-content-3,
.team-content-2,
.team-content-1 {
	position:relative;
}

.team-content-2:before,
.team-content-1:before {	
	content: "";
	position: absolute;
	left: -20px;
	z-index: 1;
	top: 50%;
	-webkit-transform: translateY(-50%);
	transform: translateY(-50%);
}

.team-content-4:before,
.team-content-3:before {	
	content: "";
	position: absolute;
	right: -20px;
	z-index: 1;
	top: 50%;
	-webkit-transform: translateY(-50%);
	transform: translateY(-50%);
}

.team-content-1:before {
	border-bottom: 40px solid transparent;
	border-top: 40px solid transparent;
	border-right: 20px solid #ffffff;	
}

.team-content-2:before {
	border-bottom: 40px solid transparent;
	border-top: 40px solid transparent;
	border-right: 20px solid #fafafa;	
}

.team-content-3:before {
	border-bottom: 40px solid transparent;
	border-top: 40px solid transparent;
	border-left: 20px solid #fafafa;	
}
.team-content-4:before {
	border-bottom: 40px solid transparent;
	border-top: 40px solid transparent;
	border-left: 20px solid #ffffff;	
}
.pricing-col .elementor-icon-list-text {
	text-align:left;
}

/*--------------------------------------------------------------
3. About
--------------------------------------------------------------*/

.elementor-element.about-points .elementor-image-box-wrapper .elementor-image-box-content .elementor-image-box-title,
.elementor-element.about-points .elementor-image-box-content {
	margin:auto;
}


.about-mission .elementor-accordion-item {
	margin-bottom:20px;
}
.about-mission .elementor-accordion-item:last-child {
	margin-bottom:0px;
}
.counter-row::before {
    background-color: #eeeeee;
    height: 1px;
    width: 80%;
    content: "";
    position: absolute;
    top: 40px;   
    left: 0;
    right: 0;
    margin: 0 auto;
}

/*breadcrumb */

.breadcrumb-sec {
	text-align:center;
}

/*--------------------------------------------------------------
4. Services
--------------------------------------------------------------*/
.services-col .elementor-widget-wrap {
	-webkit-box-shadow:0 0 6px rgba(0,0,0,0.2);
	box-shadow:0 0 6px rgba(0,0,0,0.2);
	-webkit-transition: all 1s ease-in-out;
	transition: all 1s ease-in-out;
}

.services-col:hover .elementor-widget-wrap{
	-webkit-box-shadow:0 0 0px rgba(0,0,0,0.2);
	box-shadow:0 0 0px rgba(0,0,0,0.2);
}


.services-col:hover .service-icon .elementor-icon {
	 -webkit-box-shadow: 0 8px 6px -6px rgba(0,0,0,0.2);     
            box-shadow: 0 8px 6px -6px rgba(0,0,0,0.2);
}

.skill-bar .elementor-progress-wrapper {
	height:10px;
	line-height:10px;
}

.skill-bar .elementor-progress-percentage {
	position: absolute;
	top: -45px;
	right: 0;
	padding: 10px 20px;
	background-color: #a83738;
}


.skill-bar .elementor-progress-percentage::after {
    border-top: 5px solid #a83738;
    border-left: 5px solid transparent;
    border-right: 5px solid transparent;
    content: "";
    position: relative;
	top: 15px;
    right: 0;
    left: 0;    
    margin: 0 auto;
    display: table;
}


.cta-row .elementor-column {
	margin-left:auto;
	width:55%;			
}

.cta-row-1 .elementor-column {	
	width:55%;			
}

.address-col .elementor-widget-wrap {
	-webkit-box-shadow:-4px 0 20px -10px rgba(0,0,0,0.2);
	box-shadow:-4px 0 20px -10px rgba(0,0,0,0.2);
}

.address-img .elementor-image-box-content {
	padding:0 20px;
}

.address-mod .elementor-icon-box-title {
	margin-bottom:0;
}


/*testimonial*/
.testi-mod-1 .elementor-testimonial-content{
	padding:20px 20px;
}

.testi-mod-1 .elementor-testimonial-meta{
	background-color:rgba(3,165,150,0.6);
	padding:20px 20px;
}

.testi-mod .elementor-testimonial-name,
.testi-mod-1 .elementor-testimonial-name {
	margin-bottom:10px;
}

/*--------------------------------------------------------------
5. Portfolio
--------------------------------------------------------------*/

/* Home Gallery */

.gallery-row  .gallery{
	margin:0 !important;
}

/*--------------------------------------------------------------
6. FAQ
--------------------------------------------------------------*/

.faq-mod1 .elementor-accordion-item,
.faq-mod .elementor-accordion-item{
	margin-bottom:20px;
}

.faq-mod1 .elementor-accordion-item:last-child,
.faq-mod .elementor-accordion-item:last-child {
	margin-bottom:0px;
}

.faq-mod1 .elementor-accordion .elementor-accordion-item + .elementor-accordion-item {
	border-top:1px solid #cccccc;		 
}

/*--------------------------------------------------------------
7. Team
--------------------------------------------------------------*/

.team-mod {
	position:relative;
	 -webkit-transition: all 0.3s ease-in-out;
	-moz-transition: all 0.3s ease-in-out;
	-o-transition: all 0.3s ease-in-out;
	-ms-transition: all 0.3s ease-in-out;
	transition: all 0.3s ease-in-out;
}

.team-mod .elementor-image-box-img {
	overflow:hidden;
}

.team-mod:hover img {
	-webkit-transform: scale(1.2, 1.2);
	transform: scale(1.2, 1.2);
}

.team-mod:hover .team-icon { 
	 opacity: 1;
    -webkit-transform: scale(1, 1);
    -moz-transform: scale(1, 1);
    -ms-transform: scale(1, 1);
    transform: scale(1, 1);
	z-index:1;
}


.team-icon {
		position: absolute;
top: 53%;
left: 0;
right: 0;
margin: 0 auto;
opacity: 0;
-webkit-transform: scale(0, 0);
-moz-transform: scale(0, 0);
-ms-transform: scale(0, 0);
transform: scale(0, 0);
-webkit-transition: all 300ms ease-out;
-moz-transition: all 300ms ease-out;
-o-transition: all 300ms ease-out;
transition: all 300ms ease-out;
}

.team-mod-1,
.team-mod-1 .elementor-image-box-img {
	position:relative;
}

.team-mod-1,
.team-mod-1 .elementor-image-box-img{
    overflow:hidden;
}

 .team-mod-1 .elementor-image-box-img:after,
 .team-mod-1 .elementor-image-box-img:before{
	 content:"";
    height:50%;
    background:rgba(0,0,0,.5);
    position:absolute;
    top:0;
    left:0;
    z-index:1;
    -webkit-transform-origin:100% 0;
	 transform-origin:100% 0;
	 -webkit-transform:rotateZ(90deg);
    transform:rotateZ(90deg);
}

.team-mod-1 img,
.team-mod-1 .elementor-image-box-img:after,
.team-mod-1 .elementor-image-box-img:before{
    width:100%;
   -webkit-transition:all .3s ease 0s;
	transition:all .3s ease 0s;
}
 .team-mod-1 .elementor-image-box-img:after{
    top:auto;
    bottom:0;
	-webkit-transform-origin:0 100%;
    transform-origin:0 100%;
}
 .team-mod-1:hover .elementor-image-box-img:after,
 .team-mod-1:hover .elementor-image-box-img:before{
   	-webkit-transform:rotateZ(0);
	 transform:rotateZ(0);
}
.team-mod-1 img{
    height:auto;
	-webkit-transform:scale(1) rotate(0);
    transform:scale(1) rotate(0);
}
 .team-mod-1:hover img{
	 -webkit-transform:scale(1.3) rotate(10deg);
    transform:scale(1.3) rotate(10deg);
}

 .team-mod-1 .team-icon-1{
    text-align:center;
}

 .team-mod-1 .team-icon-1,
 .team-mod-1 .elementor-image-box-title{
    margin:0;
    position:absolute;
}
 
 .team-mod-1 .elementor-image-box-title{    
    bottom:110px;
    left:10px;
    opacity:0;
    z-index:2;
	 -webkit-transform:scale(0);
    transform:scale(0);
	-webkit-transition:all .5s ease .2s;
    transition:all .5s ease .2s;
}
 .team-mod-1:hover .elementor-image-box-title{
    opacity:1;
	-webkit-transform:scale(1);
    transform:scale(1);
}
 .team-mod-1 .team-icon-1{   
    top:-100%;
    right:0;
    z-index:2;
	 -webkit-transition:all .3s ease .2s;
    transition:all .3s ease .2s;
}
 .team-mod-1:hover .team-icon-1{
    top:0;
}
 .team-mod-1 .team-icon-1 li{
    display:block;
    margin:10px 0;
}
 .team-mod-1 .team-icon-1 a{
    display:table;  
   	margin-bottom:10px;
	 margin-right:0 !important;
	-webkit-transition:all .3s ease 0s;
    transition:all .3s ease 0s;
}

.team-mod-1 .team-icon-1 .elementor-widget-container{
	background-color:transparent !important;
}


/*--------------------------------------------------------------
8. Contact
--------------------------------------------------------------*/
.contact-form-mod {
	margin:0 auto;
	width:70%;
}

.contact-form-mod label {
	width:100%;
}

.contact-form-mod textarea,
.contact-form-mod input[type=email],
.contact-form-mod input[type=text]{
	 font-family: "Open Sans", Helvetica, Arial, Lucida, sans-serif;
     color: #ffffff;
     font-size: 14px;
     line-height: 24px;
     letter-spacing: 1px;
	background-color:transparent;
	border:1px solid #ffffff;
	width:100%;
}

.contact-form-mod textarea::-webkit-input-placeholder,
.contact-form-mod input[type=email]::-webkit-input-placeholder,
.contact-form-mod input.wpcf7-text::-webkit-input-placeholder,
.contact-form-mod .wpcf7-textarea::-webkit-input-placeholder { /* Chrome/Opera/Safari */
   color: #ffffff !important;
}


.contact-form-mod textarea::placeholder,
.contact-form-mod input[type=email]::placeholder,
.contact-form-mod input[type=text]::placeholder { /* Chrome, Firefox, Opera, Safari 10.1+ */
  color: #ffffff;
  opacity: 1; /* Firefox */
}

.contact-form-mod textarea:-ms-input-placeholder,
.contact-form-mod input[type=email]:-ms-input-placeholder,
.contact-form-mod input[type=text]:-ms-input-placeholder { /* Internet Explorer 10-11 */
  color: #ffffff;
}

.contact-form-mod textarea::-ms-input-placeholder,
.contact-form-mod input[type=email]::-ms-input-placeholder,
.contact-form-mod input[type=text]::-ms-input-placeholder { /* Microsoft Edge */
 color: #ffffff;
}



.contact-form-mod input[type=email],
.contact-form-mod input[type=text]{ 
	height:40px;	
	padding:0 20px;
}

.contact-form-mod textarea{ 
	height:60px;	
	padding:10px 20px;
}

div.wpcf7 .ajax-loader {
	width:100%;
}

.contact-form-mod .contact-btn {
	text-align: left;
margin-top: 15px;
}

.contact-form-mod .contact-btn input{ 
	font-family: "Open Sans", Helvetica, Arial, Lucida, sans-serif;	
	background-color:#ffffff;
	border:0;
	border-radius:4px;
	color:#03a596;
	font-size:14px;
	font-weight:600;
	letter-spacing:1px;
	text-transform:uppercase;
	padding:15px 30px;
}

.address-mail .elementor-icon-box-content {
		word-break: break-all;
	}

/*--------------------------------------------------------------
9. Coming Soon
--------------------------------------------------------------*/

.coming-soon-sec .time_circles span,
.coming-soon-sec .time_circles h4 {
	color:#ffffff;
}

.coming-mod {
	margin:0 auto;
	width:70%;
}

/* coming soon subscribe form */


.coming-soon-sec .footer-input input {
	background-color: rgba(255,255,255,0.8);
	border: 0;
	border-radius: 4px 0px 0 4px;
	padding: 15px 20px;
	color:#333333;
	width:100%;
}
 .coming-soon-sec .footer-btn input {
	background-color:#03a596;
	border: 0;
	 border-radius: 0px 4px 4px 0px;
	color:#ffffff;
	font-weight:600;
	padding: 15px 20px;
	letter-spacing:1px;
	 text-transform: uppercase;
	width:100%;
}
.coming-soon-sec .footer-btn input:hover {
	background-color:#a83738;
	color:#ffffff;
}

 .coming-soon-sec .mc4wp-form-fields {
	background-color: rgba(255,255,255,0.6);	
	border-radius: 4px;
	padding: 15px 20px 15px 20px;	
	width: 100%;
	margin: 0 auto;
}

.coming-soon-sec .mc4wp-form-fields .footer-form{ 
	display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox; 
	display: flex;	
}

.coming-soon-sec .footer-btn,
.coming-soon-sec .footer-input {
	width:50%;
}

.coming-soon-sec .footer-input {
	margin:0 !important;
}


/*--------------------------------------------------------------
10. Media Queries
--------------------------------------------------------------*/

@media only screen and (max-width: 767px) {
	
	
	.client-logo-row .gallery .gallery-item {
    padding: 10px 10px !important;
    width: 50%;
	}
	.cta-row .elementor-column {
  	  	margin-left: auto;
    	width: 100%;
	}
	.team-content-1::before {
		border-left: 40px solid transparent;
		border-right: 40px solid transparent;
		border-bottom: 20px solid #ffffff;
	}
	.team-content-2::before {
		border-left: 40px solid transparent;
		border-right: 40px solid transparent;
		border-bottom: 20px solid #fafafa;
	}
	.team-content-3::before {
		border-left: 40px solid transparent;
		border-right: 40px solid transparent;
		border-top: 20px solid #fafafa;
	}
	.team-content-4::before {
		border-left: 40px solid transparent;
		border-right: 40px solid transparent;
		border-top: 20px solid #ffffff;
	}
	
	.team-content-2::before,
	.team-content-1::before {
		content: "";
		position: absolute;
		left: 0;
		z-index: 1;
		top: -60px;
		right: 0;
		margin: 0 auto;
		display: table;
		-webkit-transform: translateY(0%);
		transform: translateY(0%);
	}
	.team-content-4::before,
	.team-content-3::before {
		content: "";
		position: absolute;
		left: 0;
		z-index: 1;
		top:auto;
		bottom: -60px;
		right: 0;
		margin: 0 auto;
		display: table;
		-webkit-transform: translateY(0%);
		transform: translateY(0%);
	}
	
	.team-content-2 .elementor-element-populated,
	.team-content-1 .elementor-element-populated {
		margin-bottom:30px;
	}
	.team-content-4 .elementor-element-populated {
		margin-top:30px;
	}
	
	.address-col .elementor-icon-box-wrapper,
	.Choose-mod .elementor-image-box-wrapper,
	.about-points .elementor-image-box-wrapper {
		display: -webkit-flex;
		display: flex;		
	}
	
	.Choose-mod .elementor-image-box-img,
	.about-points .elementor-image-box-img {
		margin:0 !important;
	}
	
	.address-col .elementor-icon-box-content,
	.Choose-mod .elementor-image-box-content,
	.about-points .elementor-image-box-content {
		text-align: left;
		padding-left: 20px;
	}
	.address-col .elementor-icon-box-content {
		width:85%;
	}
	.address-col .elementor-icon-box-icon {
		width:20px;
		margin:0;
	}
	.counter-row::before {
		position:inherit;
	}
	.choose-col::before {
		border-left:0;
	}
		.news-col .elementor-image::before {
	
	z-index: 2;
	
	width: 50%;
	height: 100%;
	
	-webkit-transform: skewX(0deg);
	transform: skewX(0deg);
}
.news-col:hover .elementor-image::before {
	-webkit-animation: shine .75s;
	animation: shine .75s;
}
	
	.contact-form-mod,
	.cta-row-1 .elementor-column {
	
	width:100%;		
	
}
}

@media only screen and (min-width: 440px) and (max-width: 767px) { 
	
	.address-col,
	.client-col,
	.testi-mod-1,
	.team-mod,
	.pricing-col,
	.services-col,
	.news-col,
	.team-mod-1,
	.three-col-1,
	.counter-col,
	.home-ser-mod1,
	.home-ser-mod,
	.contact-form-col,
	.client-logo-row {
		margin:0 auto;
		width:400px;
	}
	
	.team-mem-row-2 .elementor-column,
	.team-mem-row-1 .elementor-column {
		margin:0 auto;
		width:400px;
	}
	


}


@media only screen and (max-width: 479px) { 
	.header-banner-overlay .elementor-background-overlay {
		-webkit-transform: skew(0deg);
	-ms-transform: skew(0deg);
	transform: skew(0deg);
		width:100%;
	}
	
	
	
	.coming-soon-sec .mc4wp-form-fields {
		width:100%;
	}
	.coming-soon-sec .mc4wp-form-fields .footer-form {
    	display: block;
	}
	.coming-soon-sec .footer-btn input,
	.coming-soon-sec .footer-input input {
		border-radius:4px;
	}
	.coming-sub-sec .mc4wp-form-fields {
		padding:20px 20px;
	}
	.coming-soon-sec .footer-input {
		margin-bottom:15px !important;
	}

.coming-mod,	
.coming-soon-sec .footer-btn,
.coming-soon-sec .footer-input {
	width:100%;
}
	
}

@media only screen and (min-width: 768px) and (max-width: 991px) {  
	
	.team-mem-row-2,
	.team-mem-row-1 {
		margin:0 auto;
		width:80%;
	}
	
	.team-mem-row-2 .elementor-col-25,
	.team-mem-row-1 .elementor-col-25 {		
		width:50%;
	}
}

@media only screen and (max-width: 380px) {  
	.products li {
		width:100% !important;
	}
	
}