@charset "utf-8";

/* CSS Document */
/*
Theme Name: Techies Logistics
Description: Techies Logistics Theme
Version: 1.0
Author: Innosavv
Author URI: https://innosavv.com
*/

*{padding:0;margin:0;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;box-sizing:border-box;transition: all 0.4s ease;}
/*-webkit-transform: translateX(-50%);-moz-transform: translateX(-50%);transform: translateX(-50%);*/

/*fonts*/
@font-face {
    font-family: 'OpenSans';
    src: url('../fonts/OpenSans.woff2') format('woff2'),
        url('../fonts/OpenSans.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'OpenSans-Semibold';
    src: url('../fonts/OpenSans-Semibold.woff2') format('woff2'),
        url('../fonts/OpenSans-Semibold.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'OpenSans-Bold';
    src: url('../fonts/OpenSans-Bold.woff2') format('woff2'),
        url('../fonts/OpenSans-Bold.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'Fontawesome';
    src: url('../fonts/fontawesome-webfont.woff2') format('woff2'),
        url('../fonts/fontawesome-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}

/*defaults*/
body{color:#333;font-family: 'OpenSans';font-size:15px;background:#fff;letter-spacing: 0.5px;}
img{border:none;max-width:100%;height:auto;vertical-align: top;}
p{clear:both;line-height:26px;padding:0 0 20px;}
h1,h2{padding:10px 0;font-weight:normal;font-family: 'OpenSans-Bold';position:relative;}
h3,h4,h5,h6{padding:10px 0;font-weight:normal;font-family: 'OpenSans-Semibold';position:relative;}
h1{font-size:42px;padding-bottom:30px;}
h2{font-size:32px;padding-bottom:30px;}
h3{font-size:22px;}
.subline{display: block;margin-top:-25px;margin-bottom: 35px;}

a{word-break: break-all;}
a:link,a:hover,a:active,a:visited{color:#1b2936;text-decoration:none;outline:none;}
.content a{text-decoration: underline;}
ul{list-style:none;font-size:0;padding: 0 0 20px;}
li{font-size:15px;line-height: 26px;margin-left:20px;list-style-type: disc;}

.row{clear:both;float:left;width:100%;position: relative;}
.block{width:100%;max-width:1270px;padding:0 15px;margin:0 auto;}

/*columns*/
.column_wrap{display: flex;flex-grow: 1;justify-content: space-between;flex-wrap: wrap;}
.column{order:1;display:inline-block;vertical-align: top;position: relative;width:100%;padding:20px;margin-bottom: 20px;}
.column-no-padding-left{padding:40px 40px 40px 0;}
.column-no-padding-right{padding:40px 0 40px 40px;}
.column-no-padding-top{padding:0 40px 40px 40px;}
.column-no-padding-bottom{padding:40px 40px 0 40px;}
.column-2per-row .column{width:50%;}
.column-3per-row .column{width:33.333333%;}
.column-4per-row .column{width:25%;}
.column p,.column li,.column a{font-size:14px;}
.column-no-padding .column{padding:0;}
.column .columncontent{margin:15px;}
.column .size-full{width: 100%;}

@media screen and (max-width: 1024px){
	h1{font-size:32px;}
	h2{font-size:26px;}
	h3{font-size:18px;}
}
@media screen and (max-width: 992px){
	.column_wrap{justify-content:center;align-items:flex-start;}
	.column-3per-row .column{width:50%;}
	.column-4per-row .column{width:33.333333%;}
}
@media screen and (max-width: 768px){
	.column-2per-row .column{width:100%;}
	.column-3per-row .column{width:100%;}
	.column-4per-row .column{width:50%;}
	h1{font-size:24px;}
	h2{font-size:20px;}
}
@media screen and (max-width: 576px){
	.column-3per-row .column,.column-4per-row .column{width:100%;}
}
/*end columns*/

.italic{font-style: italic;}
.textcenter{text-align:center;}
.textleft{text-align:left;}
.textright{text-align:right;}
.alignright { float: right; margin: 0 0 1em 1em; }
.alignleft { float: left; margin: 0 1em 1em 0; }
.aligncenter { display: block; margin-left: auto; margin-right: auto; }
.uppercase{text-transform:uppercase;}

button#responsive-menu-button .responsive-menu-box{top:-2px;}
#responsive-menu-container{z-index: 99999999 !important;}

/*form*/
input[type=date],input[type=text],input[type=email],input[type=tel],select,textarea{display:inline-block;font-size:14px !important;padding:8px !important;font-family:Arial, Helvetica, sans-serif;resize:none;border:1px solid #c4c4c4;background:#fff;width:100%;color:#333;margin:5px 0;}
input[type=submit],.button,input[type=text],input[type=email],input[type=tel],select,textarea{outline:none;-webkit-border-radius: 6px;border-radius: 6px;}
textarea{clear:both;height:100px !important;width:100%;}
a.button,input[type=submit]{display:inline-block;color:#fff;background:#1b2936;padding:20px 30px;font-size:20px;letter-spacing: 1px;text-transform: uppercase;font-family: 'OpenSans-Bold';position: relative;margin:10px 0;pointer-events: all;}
a.button:hover,input[type=submit]:hover{background: #c0241e;}
input[type=submit]{width: 100% !important;text-align:center;border:0;text-transform: uppercase;cursor: pointer;font-size:14px;}
.gform_wrapper div.validation_error{color:#ff0000 !important;border-color:#ff0000 !important;}
.gform_wrapper li.gfield_error input:not([type=radio]):not([type=checkbox]):not([type=submit]):not([type=button]):not([type=image]):not([type=file]), .gform_wrapper li.gfield_error textarea{border-color:#ff0000 !important;}
.gform_wrapper li.gfield.gfield_error, .gform_wrapper li.gfield.gfield_error.gfield_contains_required.gfield_creditcard_warning{background:none !important;border:none !important;}
.gform_wrapper .validation_message{display: none !important;}
.gform_wrapper .gform_footer,body .gform_wrapper ul li.gfield{margin: 0 !important;padding:0  !important;}
.gform_wrapper form li, .gform_wrapper li{width: 100%;}
div.gform_wrapper.gform_validation_error .gform_body ul li.gfield.gfield_error:not(.gf_left_half):not(.gf_right_half){max-width: none !important;}
.gform_wrapper ul.gform_fields li.gfield{padding:0 !important;}
body .gform_wrapper .top_label div.ginput_container{margin-top: 2px !important;}
.gform_wrapper .gform_heading{display: none;}
.gform_wrapper .gform_footer input.button, .gform_wrapper .gform_footer input[type=submit], .gform_wrapper .gform_page_footer input.button, .gform_wrapper .gform_page_footer .gform_wrapper{margin: 0 !important;}

/*page*/
.sub_banner{position: relative;}
.sub_banner img{width: 100%;opacity: 0;min-height: 400px;}
.sub_banner .subpage_title{width:100%;text-align: center;position: absolute;left:50%;top:50%;-webkit-transform: translate(-50%,-50%);-moz-transform: translate(-50%,-50%);transform: translate(-50%,-50%);color: #fff;font-size: 50px;font-family: 'OpenSans-Bold';text-shadow: -4px 4px 0 #000000;text-transform: uppercase;}

h2:before{content: "";width:100px;height:6px;background: #ffcc00;display: table;margin: 30px auto;}

.header{border-bottom: 10px solid #1b2936;}
.header .logo{float:left;margin-top:0px;margin-bottom:0px;}
.header .logo img{border: none;
    max-width: 100%;
    height: 100px;
    vertical-align: top;}
.header .menu{float:right;}
.header ul{padding:0;}
.header li{float:left; font-size:0;margin: 0;}
.header li a{float:left;text-transform:uppercase;color:#333;padding:40px 30px;font-family: 'OpenSans-Semibold';font-size: 20px;}
.header .current_page_item a{background:#1b2936;color: #fff;}
.header li a:hover{background: #c0241e;color: #fff;}

.slider{position: relative;}
#banner_slider{width:100%;display:inline-block;position:relative;}
#banner_slider .item img{display:block;width:100%;height: auto;cursor:pointer;opacity: 0;min-height: 400px;}

.featured_services{background: url("../images/featured_bg.jpg") no-repeat left top;background-size:cover ;margin-top:-5px;}
.featured_services .column{margin-top:-230px;position: relative;z-index: 10;}
.featured_services .column .columncontent{background: #fff;min-height: 500px;}
.featured_services .column .columncontent *:not(img){padding:10px 20px 20px;}
.featured_services .column .columncontent h3{text-transform: uppercase;}
.featured_services .column .columncontent h3:before{content: "";width:100px;height:6px;background: #ffcc00;display: table;margin: 20px 0;}
.featured_services .button{background: #ffcc00;margin-bottom:50px;}
.featured_services .column img{width:100%;}

.whatweoffer p{font-size:20px;font-family: 'OpenSans-Bold';padding:0;}
.whatweoffer .columncontent{text-align: left;}
.whatweoffer .left{display: inline-block;width:100%;max-width: 23%;padding-right:20px;vertical-align: middle;}
.whatweoffer .right{display: inline-block;width:100%;max-width: 70%;vertical-align: middle;}

.whoweare .column:first-child{background: #1b2936;color:#fff;}
.whoweare h2:before{margin:30px 0;}
.whoweare .column:last-child .columncontent{margin: 0;}
.whoweare .column:last-child {padding: 0;}

.about_page h2:before,.contact_page h2:before,.service_page h2:before{margin: 30px 0;}
.contactinfo iframe{width: 100%;height:400px;}
.about_page,.service_page{background: #f2f2f2;}
.service_page .entry h4{font-size:16px;font-family: 'OpenSans-Bold';}
.service_page{padding: 40px 0;}

.service_page .pgrid #columns{-webkit-column-count: 4;-webkit-column-gap: 10px;-webkit-column-fill: auto;	-moz-column-count: 4;-moz-column-gap: 10px;	-moz-column-fill: auto;	column-count: 4;column-gap: 10px;column-fill: auto;}
.service_page .pgrid #columns .entry{min-height: 255px;padding: 15px;text-align: center;display: inline-block;-webkit-column-break-inside: avoid;-moz-column-break-inside: avoid;column-break-inside: avoid;background: #fff;margin-bottom: 10px;}
.service_page .pgrid #columns .entry img{width:100%;}
.service_page .pgrid #columns .entry:first-child{text-align: left;min-height: 520px;}

.member_title{color:#4266a5;padding:30px 0 20px;}
.memberlogos{display:inline-block;vertical-align:top;margin:0 5px;}
.footer{padding-top:40px;}
.footer a{margin:5px;text-transform: none;}
.copy{background: #1b2936;color:#fff;text-align:center;padding:30px 0;margin-top:50px;}

#reworklabs-check-form{display:inline-block !important;max-width:500px;}
.tracking{width:100%;margin:0 auto;text-align:center;padding:30px 0;border-bottom:1px solid #ccc;}
.tracking h3{padding-bottom:30px;}
.tracking input{margin:5px 0 !important;}
.tracking table{width:100%;margin-top:30px;}
#reworklabs-complete-schedule{margin-top:50px !important;}
#reworklabs-complete-schedule th, #reworklabs-complete-schedule td, #reworklabs-projected-schedule th, #reworklabs-projected-schedule td{text-align:left;padding:10px;font-size:14px;}
#reworklabs-loading {padding-top: 20px;text-transform:capitalize;}
.tracking table tr:nth-child(even){background:#fafafa;}
.tracking table tr:nth-child(odd){background:#f1f1f1;}
.tracking table thead tr{background:#1b2936 !important;color:#fff;}

@media screen and (max-width: 1145px){
	.header li a{font-size: 16px;padding: 40px 20px;}
}
@media screen and (max-width: 992px){
	.featured_services .column{margin-top: 0;}
	.featured_services .column_wrap{display: block;}
	.featured_services .column_wrap .column{display: table;margin:20px auto 0;}
}
@media screen and (max-width: 1270px){
	.whoweare .column_wrap{display: block;}
	.whoweare .column_wrap .column{display: table;margin:0 auto;}
}
@media screen and (max-width: 540px){
	.footer a{width:100%;}
}
@media screen and (max-width: 1024px){
	.service_page .pgrid #columns{-webkit-column-count: 3;-moz-column-count: 3;column-count: 3;}
}
@media screen and (max-width: 767px){
	.service_page .pgrid #columns{-webkit-column-count: 2;-moz-column-count: 2;column-count: 2;}
	.service_page .pgrid #columns .entry{width: 100%;}
}
@media screen and (max-width: 500px){
	.service_page .pgrid #columns{-webkit-column-count: 1;-moz-column-count: 1;column-count: 1;}
	.service_page .pgrid #columns .entry{min-height: 0 !important;}
}

@media screen and (max-width: 767px) {
	table, thead, tbody, th, td, tr {display: block;}
	thead tr {position: absolute;top: -9999em;left: -9999em;}
	tr{ border: 1px solid #eee;margin-bottom:10px;}
	td {border: none;border-bottom: 1px solid #eee;position: relative;padding-left: 50%;}
	td:before {position: absolute;top: 6px;left: 6px;width: 45%;padding-right: 10px;white-space: nowrap;}
	td:nth-of-type(1):before { content: "Sr No"; }
	td:nth-of-type(2):before { content: "Location"; }
	td:nth-of-type(3):before { content: "Activity Detail"; }
	td:nth-of-type(4):before { content: "Date"; }
	td:nth-of-type(5):before { content: "Vessel"; }
	td:nth-of-type(6):before { content: "Voyage"; }
	td:nth-of-type(7):before { content: "Next Stop"; }
	td:nth-of-type(8):before { content: "ETA"; }
	#reworklabs-complete-schedule th, #reworklabs-complete-schedule td, #reworklabs-projected-schedule th, #reworklabs-projected-schedule td{text-align:left;font-size:15px;}
}