/*
Theme Name: www.point2ship.com.wpdev Template
Theme URI: https://sandhills.com
Author: Sandhills
Author URI: https://sandhills.com
Description: Sandhills default template.
Version: 1.0
Text Domain: sandhills
Tags: Sandhills default
*/
@media only screen and (min-width: 769px){ 
	#menu-primary {
		display: flex;
		flex-direction: row;
		width: 100%;
	}
	.navbar-collapse.collapse:not(.in):not([data-blockstyles="sheditor-element"]) {
		display: flex !important;
        flex-direction: column;
    }
    
    .navbar:not([data-blockstyles="sheditor-element"]) .navbar-nav.navbar-center:not([data-blockstyles="sheditor-element"]) {
        display: flex !important;
        flex-direction: column;
    }
}

ul li .sub-menu-item{ position: absolute; }

@media only screen and (max-width: 768px){
    .is-active {
        display: flex !important;
        flex-direction: row;
        justify-content: left;
    }

}
.ico-wrap {
	display: flex;
    flex-direction: row;
    justify-content: center;
}
html, body {
	height:100%;
	width:100%;
	font-family: 'Lato', sans-serif;
	overflow-y: scroll;
}

.wp-custom-header iframe,
.wp-custom-header img,
.wp-custom-header video {
	display: block;
	height: auto;
	max-width: 100%;
}
.wp-custom-header {
	position: relative;
	padding-bottom: 56.25%; /* 16:9 */
	padding-top: 25px;
	height: 0;
}
.wp-custom-header iframe {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
} 
/* Class for Google Map widget */
.google_map {
	width:100%; 
	min-height:58vh;
}
  
h1 {font-family: 'Roboto', sans-serif;}
h3 {font-family: 'Roboto', sans-serif;}

a{color: #666;}

/*--------------------------------------------------------------
## Menus
--------------------------------------------------------------*/

.navbar-default { 
	background-color:transparent!important;
	border-color:transparent!important;
}
.navbar {
	min-height:auto!important;
	margin-bottom:0!important;
}
.navigation-top {
	width:100%;
}
.menu li {
	width:auto!important;
	padding-right:6%;
	display:inline-block;
}
.menu li:last-child {
	padding-right:0!important;
} 
.menu li > a {
	color:#000;
	font-size:1.5em;
}
.dropdown-menu {
	background-color: rgba(0,0,0,0.7);
	color:orange;
	border-radius:0px;
}

.nav>li>a {
	padding: 10px 20px; 
	text-decoration: none !important;
	border-radius: 10px;	
	-webkit-transition: background-color 1s ease-out;
  	-moz-transition: background-color 1s ease-out;
  	-o-transition: background-color 1s ease-out;
  	transition: background-color 1s ease-out;
}

.navbar-default .navbar-nav>li>a {
    color: #fff;
	font-size:16px; 
	font-family: 'Roboto', sans-serif;
}
.navbar-default .navbar-nav>li>a:focus, .navbar-default .navbar-nav>li>a:hover {
	background-color: rgba(24, 47, 63, 0.85);
	color: #eee;
}
.dropdown-menu:not(.head-list)>li>a {
    color: #000;
	font-size:16px;
	font-weight:400;
}
.dropdown-menu:not(.head-list)>li>a:hover {
    background-color: #e68a24;
    transition: linear 0.2s;
}

.site-main .comment-navigation, .site-main
.posts-navigation, .site-main
.post-navigation {
	margin: 0 0 1.5em;
	overflow: hidden;
}

.comment-navigation .nav-previous,
.posts-navigation .nav-previous,
.post-navigation .nav-previous {
	float: left;
	width: 50%;
}

.comment-navigation .nav-next,
.posts-navigation .nav-next,
.post-navigation .nav-next {
	float: right;
	text-align: right;
	width: 50%;
}

/*--------------------------------------------------------------
## HEADER
--------------------------------------------------------------*/

/*---------HOMEPAGE----------*/

#homeheader {
	background-color: transparent;
	padding: 10px 10%;
	position: fixed;
	top: 0; 
	left: 0; 
	width: 100%;
	transition: background-color 0.4s ease-out;
	z-index: 1000;
}

#homeheader.scroll {
	background-color: #24475E;
	box-shadow: 0px 2px 5px #000;
}

/*---------SUBPAGES----------*/

#subheader {
	background-color: #24475E;
	padding: 10px 10%;
	box-shadow: 0px 2px 5px #000;
}

/*---------BOTH HEADERS----------*/

.nav-right {
    padding-top: 4px;
}

.nav-logo {
	max-width: 200px;
	width: 100%;	
}

.nav-logo:hover {
	opacity: .75;	
}

.nav-ship-btn {
	background-color: #347C9D;
	border-radius: 10px;
	margin-right: 10px; 
	margin-left: 10px;
	box-shadow: 0px 2px 5px #333;
	font-weight: 500;
}

.nav-signup-btn {
	background-color: #CF3F3F;
	border-radius: 10px;
	box-shadow: 0px 2px 5px #333;
	text-transform: uppercase;
	font-weight: 500;
}

.nav-signup-btn>a:hover{
	background-color: #9d453f!important; 
}

.nav-ship-btn>a:hover {
	background-color: #3c748d!important; 
}

.tel-btn>a:hover {
	background-color: #545454!important; 
}

/* LEGAL */

.legal{padding: 50px 0;}
.legal h1, .legal h2{margin: 25px 0; font-size: 24px; text-align: center; text-decoration: underline;}
.legal h1:after, .legal h2:after{background-color: transparent;}
.legal h3{margin: 15px 0; font-size: 16px; text-decoration: underline;}

.legal p{margin: 15px 0;}
.legal a{text-decoration: underline;} .legal a:hover{text-decoration: none;}

.legal ol{margin: 15px 0;}
.legal ol li{margin-left: 20px; list-style: decimal;}

.legal ul{margin: 15px 0;}
.legal ul li{margin-left: 20px; list-style: disc;}
.legal ul ul{margin: 5px 0;}
.legal ul ul li{list-style: circle;}

.flex-col{display: flex; flex-wrap: wrap;}
.flex-col .col{flex: 1;}

/* TABLE */

.table-container{overflow: auto;}
.table{min-width: 1076px; line-height: 1.25; border: 1px #000 solid;}
.table>:not(caption)>*>*{padding: 0; color: inherit;}
.table .table-head{font-weight: 700; text-align: center;}
.table .table-head span{display: block; font-size: 12px;}
.table .table-row{display: flex; border-bottom: 1px #000 solid;}
.table .table-row:last-child{border-bottom: none;}
.table .table-row .table-column{padding: 15px; border-right: 1px #000 solid;}
.table .table-row .table-column:first-child{width: 350px;}
.table .table-row .table-column:not(:first-child){flex: 1;}
.table .table-row .table-column:last-child{border-right: none;}

.table .table-multi-row{flex: 1;}
.table .table-multi-row .table-column:first-child{flex: 1;}

@media screen and (max-width: 1000px){
	.legal{padding: 25px 0;}
}

/*--------------------------------------------------------------
## FOOTER
--------------------------------------------------------------*/

.footerbg {
	background-color: #24475E;
	padding: 50px 10%; 
}

.inner-foot-section {
	padding-left: 5%!important;	
}

.foot-logo {
	max-width: 175px;	
}

.foot-logo:hover {
	opacity: .75;
}

ul.foot-list {
	list-style-type: none;
	padding: 0;
	margin: 0;
}

.foot-head {
	font-family: 'Roboto Condensed', sans-serif;
	margin: 0; 
	padding-bottom: 10px; 
	color: #80BADB;
	text-transform: uppercase;
	font-size: 16px; 
	font-weight: 700;
	letter-spacing: 1px;
}

.copyright {
	font-family: 'Lato',sans-serif;
	font-size: 12px; 
	margin: 0; 	
	color: #eee;
	letter-spacing: 1px;
	padding: 5px 0 15px 0;
}

.foot-link {
	color: #eee;
	line-height: 20px; 	
	font-family: 'Lato', sans-serif;
	font-size: 14px; 
	letter-spacing: 1px; 
}

.foot-link:hover {
	color: #fff;
}

.soc-box {
	display: inline-block;
	padding: 8px; 
	border-radius: 5px; 
	background-color: #CF3F3F;
	margin-right: 5px;
    min-width: 35px;
	-webkit-transition: background-color 1s ease-out;
  	-moz-transition: background-color 1s ease-out;
  	-o-transition: background-color 1s ease-out;
  	transition: background-color 1s ease-out;
}

.soc-box:hover {
	background-color: #347C9D;
}

.white-icon {
	font-size: 18px; 
	color: #fff;	
	text-align: center;
	display: block;
	margin: auto;
}

/*--------------------------------------------------------------
## HOMEPAGE
--------------------------------------------------------------*/

.home-hero {
	background-color: #24475E;
	background-image: url('/wp-content/uploads/2019/09/home-hero.jpg'); 
	background-size: cover;
	background-repeat: no-repeat; 
	background-position: center;
	background-attachment: fixed;
}

.home-head-wrap {
	padding: 250px 10% 300px 10%!important; 	
}

/*-------------ICON SECTION UNDER HERO--------*/

.home-icon {
	display: block; 
	margin: auto; 
	max-width: 225px;
}

.ico-head {
	font-family: 'Roboto Condensed', sans-serif;
	font-size: 20px; 
	margin: 0; 
	padding-top: 15px; 
	padding-bottom: 10px; 
	font-weight: 700; 	
	color: #24475E;
	text-transform:uppercase;
	text-align: center;
}

/*-------------PROCESS MAP--------*/

.sm-icon {
	max-width: 100px; 
	display: block; 
	margin: auto;	
}

.side-pad {padding: 0px 25px;}

.grey-bg {
	padding: 10px; 
	background-image: 	url("images/grey-bg-shape.png"); 
	background-size: contain; 
	background-position: center;
	background-repeat: no-repeat;
	background-color: transparent;
	margin-top: 15px; 
	margin-bottom: 10px;
}

.blue-bg {
	padding: 10px; 
	background-image: 	url("images/ltblue-bg-shape.png"); 
	background-size: contain; 
	background-position: center;
	background-repeat: no-repeat;
	margin-top: 15px; 
	margin-bottom: 10px;
}

.drk-blue-bg {
	padding: 10px; 
	background-image: 	url("/wp-content/uploads/2019/09/dkblue-bg-shape.png"); 
	background-size: contain; 
	background-position: center;
	background-repeat: no-repeat;
	margin-top: 15px; 
	margin-bottom: 10px;
}

.red-bg {
	padding: 10px; 
	background-image: 	url("images/red-bg-shape.png"); 
	background-size: contain; 
	background-position: center;
	background-repeat: no-repeat;
	margin-top: 15px; 
	margin-bottom: 10px;
}

/*-------------RATES SECTION NO HIDDEN ICONS-------*/

.ico-box {
	padding: 1%!important; 
}

.border-box {
	border: solid #eee 1px; 
	padding: 20px!important;	
}

.no-icon {
	width: 100%;
	max-width: 125px;
	display: block;
	margin: auto;
}

.ico-txt {
	font-family: 'Roboto Condensed', sans-serif;
	font-size: 16px; 
	margin: 0; 
	font-weight: 800; 	
	padding-top: 15px;
	color: #24475E;
	text-transform:uppercase;
	text-align: center;
}

/*--------------LOGO SLIDER AREA----------------*/

#sidebar1-logo-slider-area {
	background-image: url('/wp-content/uploads/2019/09/logo-carousel-bg.jpg'); 
	background-size: cover;
	background-repeat: no-repeat; 
	background-color:#000;
	background-position: center;
	background-attachment: fixed;
}


/*--------------------------------------------------------------
## LOGO CAROUSEL
--------------------------------------------------------------*/

.carriercarousel-wrap {
	padding: 0 15% 50px 15%;
}

.carousel-showmanymoveone .carousel-control {
   width: 4%;
   background-image: none;
}

.carousel-showmanymoveone .carousel-control.left {
   margin-left: -125px;
   margin-top: 6%; 
}

.carousel-showmanymoveone .carousel-control.right {
    margin-right: -50px;
	margin-top: 6%; 
}


.carousel-showmanymoveone .cloneditem-1,
.carousel-showmanymoveone .cloneditem-2,
.carousel-showmanymoveone .cloneditem-3 {
   display: none;
}

.carousel .item .col-xs-12 {
   padding: 0;
}


.logo-wrap {
	padding: 0 1% 0 1%!important;
	-webkit-transition: .5s ease-out;
  -moz-transition: .5s ease-out;
  -o-transition: .5s ease-out;
  transition: .5s ease-out;
}

.logo-wrap:hover {
	margin-top: -15px;
}

.carrier-logo {
	-webkit-filter: drop-shadow(0px 2px 5px #333);
  	filter: drop-shadow(0px 2px 5px #333);
	padding: 15px 0 15px 0;
}

.left-arrow {
	width: 75px; 
	height: auto;
	position: absolute;
}

.right-arrow {
	width: 75px; 
	height: auto;
	position: absolute;
}

/*--------------------------------------------------------------
## COLLAPSE ACCORDION AREA PARTNERS
--------------------------------------------------------------*/

.collapse-btn {
	background-color: transparent;
	border: none;
	padding: 0;
	border-radius: 50px;
}

.collapse-btn:hover {
	background-color: transparent;
}

.open-btn {
	width: 50px; 
	height: auto;
}

.logo-area {
	padding-top: 30px; 	
}

.logo-section {
	padding: 10px!important;	
}

.partner-logo {
	width: 100%;
	max-width: 250px; 
	display: block; 
	margin: auto;	
}

.partner-logo:hover {
	opacity: .75;	
}

/*--------------------------------------------------------------
## HEADERS
--------------------------------------------------------------*/

.sub-head-wrap {
	padding: 75px 10% 180px 10%!important; 	
}

.head-content-left{
	padding: 75px 5% 75px 10%!important;
}

.sub-gen-wrap {
	padding: 75px 10% 100px 10%;
}

/*--------------------------------------------------------------
## CLOUD INTEGRATION
--------------------------------------------------------------*/

.overlayimg {
	position: absolute; 
	right: 0; 
	width: 50%;
}

.insurancebg {
	background-image: url('/wp-content/uploads/2019/09/shipping-insurance-bg.jpg'); 
	background-position: center;
	background-repeat: no-repeat; 
	background-attachment: fixed;
	padding: 50px 10%;
}

.content-left-pad {
	padding-right: 5%!important;
}

.content-right-pad {
	padding-left: 5%!important;
}

.left-icon {
	max-width: 125px;
	padding-bottom: 30px;
}

/*--------------------------------------------------------------
## PRICING
--------------------------------------------------------------*/

.para-btm {
	padding-top: 8%;	
}

.feat-wrap {
	padding: 4%!important;
}

.feat-head {
	color: #CF3F3F;
	font-family: 'Roboto', sans-serif;
	font-weight: 700;
	font-size: 20px;
}

/*PRICE BOX*/

.price-box {
	box-shadow: 0px 2px 5px #777;
	border-radius: 15px;
}

.free-bg {
	background-color: #CF3F3F;
	padding: 20px 5%!important;
	border-radius: 15px 15px 0 0; 
}

.body-col-wrap {
	padding-top: 20px; 
	padding-bottom: 20px;	
}

.body-col {
	padding: 10px 5%!important;
	background-color: #fff;
}

.discounts-bg {
	background-color: #EEEEEE;
	padding: 30px 5%!important;
	border-radius: 0 0 15px 15px; 
}

.lg-price {
	margin: 0; 
	color: #fff;
	font-family: 'Roboto', sans-serif; 
	font-weight: 900; 
	letter-spacing: 1px; 
	font-size: 40px; 
	text-align: center;
	text-transform: uppercase;
}

.price-icon {
	width: 100%;
	max-width: 30px;
	display: block;
	margin: auto;	
}

.blue-text {
	color: #24475E;
	text-transform: uppercase;
	letter-spacing: 2px; 
	font-family: 'Roboto Condensed', sans-serif;
	font-size: 18px; 
	margin: 0;
	font-weight: 700;
}

.grey-text {
	color: #666;
	text-transform: uppercase;
	letter-spacing: 2px; 
	font-family: 'Roboto Condensed', sans-serif;
	font-size: 18px; 
	margin: 0;
	font-weight: 700;
	padding-top: 8px;
}

/*--------------------------------------------------------------
## CONTACT PAGE
--------------------------------------------------------------*/

#sidebar29-left-contact {
	padding: 0 0 0 10%!important;	
	margin-top: -45px;
}

#sidebar29-right-contact {
	padding: 0 10% 0 0!important;
	margin-top: -45px;	
}

.lblue-box {
	background-color: #347C9D;
	padding: 50px 8%!important;
	min-height: 263px;
}

.dkblue-box {
	background-color: #24475E;
	padding: 50px 8%!important;
	min-height: 263px;
}

.grey-box {
	background-color: #666;
	padding: 50px 8%!important;
	min-height: 263px;
}

.contact-head {
	background-color: #eeeeee;
	padding: 50px 8% 15px 8%;
}

.contactForm {background-color: #eeeeee; padding: 0 8% 50px 8%!important;}
.contactForm .btn-primary, .contactForm .btn-primary:focus{background: #337ab7 !important;}
.form-control-feedback.glyphicon.glyphicon-star {display: none!important;}
.bv-form h1 {display: none;}

.form-group {margin-bottom: 5px;}

.btn-success {
	background-color: #CF3F3F;
	border: none; 
	min-width: 200px;
	border-radius: 10px;
	box-shadow: 0px 2px 5px #333;
	padding: 10px 20px; 
	color: #fff; 
	font-family: 'Roboto', sans-serif!important; 
	font-size: 16px;
	text-transform: uppercase;
	letter-spacing: 1px; 
	font-weight: 500;
	-webkit-transition: background-color 1s ease-out;
  	-moz-transition: background-color 1s ease-out;
  	-o-transition: background-color 1s ease-out;
  	transition: background-color 1s ease-out;
}

.btn-success:hover {
	background-color: #9d453f; 	
}

.form-control {
	border: solid 1px #666;	
}

.contactFormLabel {
	color: #666;
	font-family: 'Lato', sans-serif;
	font-style: italic;
	font-size: 16px;	
}

.control-label.sh-control-label {
	color: #666;
	font-family: 'Lato', sans-serif;
	font-style: italic;
	font-size: 16px;	
}

.contact-btn-wrap {
	padding-top: 15px;	
}

.connect-txt {
	color: #666;
	font-family: 'Lato', sans-serif;
	text-transform: uppercase; 
	letter-spacing: 3px; 
	font-weight: 400; 
	font-size: 16px;
}

.soc-btn {
	border: none;
	border-radius: 50%;
	font-size: 16px; 
	padding: 10px; 
	color: #fff;
	background-color: #666;
	text-align: center;
	width:40px;
	height: 40px;
	margin: 1px;
}

.soc-btn:hover {
	opacity: .75;
}

/*--------------------------------------------------------------
## Content Areas
--------------------------------------------------------------*/

.top-pad {padding-top: 20px;}

.addtotop {padding-top: 6%;}

.content-link {
	color: #C03030;
	font-weight: 700;
}

.content-link:hover {
	color: #666;
}

.right-image {
	padding: 0 0 0 5%; 
	max-height: 325px;
	display: block; 
	margin: auto;
}

.left-image {
	padding: 0 5% 0 0; 
	max-height: 325px;
	display: block; 
	margin: auto;
}

/*--------------------------------------------------------------
## SLANTS
--------------------------------------------------------------*/

.slant-pad {
	padding: 100px 10% 50px 10%;
}

#slantleft {
    border-bottom: 88px solid #fff;
    border-right: 98vw solid transparent;
    margin-top: -88px;
}

#slantleftbtm {
	 border-bottom: 88px solid #fff;
    border-right: 98vw solid transparent;
    margin-top: 0px;
}

#slantright {
	border-top: 88px solid #fff;
    border-left: 98vw solid transparent;
    margin-bottom: -88px;
}

/*--------------------------------------------------------------
## TYPOGRAPHY
--------------------------------------------------------------*/

.head {
	font-family: 'Roboto', sans-serif;
	font-weight: 900; 
	letter-spacing: 1px; 
	font-size: 40px; 
	margin: 0;	
}

.subhead {
	font-family: 'Roboto', sans-serif;
	font-weight: 900; 
	letter-spacing: 1px; 
	font-size: 30px; 
	margin: 0;
	color: #24475E;
	padding-bottom: 10px;
}

.head-tag {
	font-family: 'Lato', sans-serif;
	font-size: 18px; 
	font-weight: 500;
	letter-spacing: 1px; 
	padding-top: 10px; 
	padding-bottom: 15px; 
	margin: 0;
}

.content {
	margin: 0; 
	color: #24475E;
	font-family: 'Lato', sans-serif;
	font-size: 16px; 
	line-height: 22px; 
	font-weight: 500;
}

/*--------------------------------------------------------------
## ADD PHONE NUMBER
--------------------------------------------------------------*/

.foot-phone-wrap {
	padding-top: 10px;	
}

.phone-link {
	color: #eee;
	font-family: 'Roboto', sans-serif;
	letter-spacing: 1px;
	font-size: 14px;	
	font-weight: 400;
}

.phone-link:hover {
	color: #347C9D;
}

.tel-btn {
	display: none!important;
	background-color: #666;
    border-radius: 10px;
    box-shadow: 0px 2px 5px #333;
    text-transform: uppercase;
	text-align: center;
    font-weight: 700;
}

/*--------------------------------------------------------------
## Form Alert
--------------------------------------------------------------*/

.alert h2 {
margin: 0;
font-weight: 400!important;
border: none;
font-size: 18px;
letter-spacing: 1px;
font-family: 'Roboto',sans-serif;
}

h2 {
margin: 0;
}

.alert-success {
    background-color: #24475E!important;
    border-color: transparent;
    border-left: 5px solid #CF3F3F!important;
    color: #fff;
    font-family: 'Roboto',sans-serif;
    margin: 0!important;
}

/*--------------------------------------------------------------
## Fixed PHONE TAB
--------------------------------------------------------------*/

/* Fixed Flag on Side of Screen */
#fixed-tab {
	background: #CF3F3F;
	position: fixed;
	top: 120px;
	left: 0;
	z-index: 2000;
	direction: ltr;
	border-radius: 0 5px 5px 0;
}

#fixed-tab a {
	display: block;
	position: relative;
	padding: 15px 15px 15px 15px;
	font-size: 14px;
	font-weight: 600;
	letter-spacing: 2px;
	text-transform: uppercase;
	color: #fff;
	line-height: 1.1;
	text-align: right;
	box-shadow: 0 2px 4px 0 rgba(0,0,0,0.10);
	-webkit-transition: all 0.4s;
	-moz-transition: all 0.4s;
	-ms-transition: all 0.4s;
	-o-transition: all 0.4s;
	transition: all 0.4s;
}

/* Fixed Flag - Expand on hover */
#fixed-tab a:hover {
    padding-left: 30px;
    -webkit-transition: all 0.4s;
    -moz-transition: all 0.4s;
    -ms-transition: all 0.4s;
    -o-transition: all 0.4s;
    transition: all 0.4s;
	background-color: #347C9D;
	border-radius: 0 5px 5px 0;
}

#fixed-tab a:hover:after {
    right: 26px;
    -webkit-transition: all 0.4s;
    -moz-transition: all 0.4s;
    -ms-transition: all 0.4s;
    -o-transition: all 0.4s;
    transition: all 0.4s;
}

/*------------------------------
	Thank you Page
------------------------------*/

.ty-row {padding: 8% 5%;}
.ty-btn-wrap {padding-top: 15px;}

/*--------------------------------------------------------------
## COMMON
--------------------------------------------------------------*/
.extrapad-content {padding: 150px 10% 50px 10%;}
.pad-content {padding: 50px 10%;}
.center {text-align: center; display: block; margin: auto;}
.ico-section {padding: 0 2% 0 2%!important;}
.title-wrap {padding-bottom: 30px;}
.bold {font-weight: 700;}

.white {color: #fff;}
.red {color: #CF3F3F;}
.lblue {color: #80BADB;}

.red-btn {
	background-color: #CF3F3F;
	border: none; 
	min-width: 200px;
	border-radius: 10px;
	box-shadow: 0px 2px 5px #333;
	padding: 10px 20px; 
	color: #fff; 
	font-family: 'Roboto', sans-serif; 
	text-transform: uppercase;
	letter-spacing: 1px; 
	font-weight: 500;
	-webkit-transition: background-color 1s ease-out;
  	-moz-transition: background-color 1s ease-out;
  	-o-transition: background-color 1s ease-out;
  	transition: background-color 1s ease-out;
	font-size: 16px;
}

.red-btn:hover {
	background-color: #9d453f; 	
}

.legal-wrap {
	color: #24475E;
}


/*--------------------------------------------------------------
## SIGN UP MODAL
--------------------------------------------------------------*/
#signUpModal {
	z-index: 9999999!important;
}
#signUpModal .modal-dialog {
	 width: 100% !important;
	 min-width: 80% !important;
 }
#signUpModal .content-link{
	color: #fff !important;
}


#signUpModal .modal-body {
	padding:0 7.5px!important;
	z-index: 9999999!important;
}
#signUpModal .close {
	font-size:32px;
	padding:5px!important;
	position: absolute;
    right: 15px;
}


#signUpModal .formPadding, #signUpModal .leftPadding {
	padding:30px;
}

#signUpModal .signUpLeft {
	display: flex;
	align-items: center;
	background-color: #000;
	background-image:url('/wp-content/uploads/2019/09/girl-with-boxes-bg.jpg');
	background-size: cover;
	background-repeat: no-repeat;
	background-position: center top;
	min-height:300px;
}

#signUpModal .leftPadding h2 {
	color:#EEEEEE;
	font-family: 'Roboto', sans-serif;
	font-weight: bold;
}
#signUpModal .leftPadding h2 span.lightBlue {
	color:#347C9D;
	font-family: 'Roboto', sans-serif;
	font-weight: bold;
}
#signUpModal .leftPadding p {
	color: #EEEEEE;
	font-family: 'Roboto Condensed',sans-serif;
	letter-spacing:.04em;
	padding:0;
}

#signUpModal .signUpRight {
	background-color:#fff;
}
#signUpModal .formPadding h2 {
	color:#24475E;
	font-family: 'Roboto', sans-serif;
	font-weight: bold;
}
#signUpModal .formPadding h2 span.red {
	color:#CF3F3F;
	font-family: 'Roboto', sans-serif;
	font-weight: bold;
}
#signUpModal .formPadding p {
	color: #666;
	font-family: 'Roboto Condensed',sans-serif;
	letter-spacing:.04em;
	padding:0 0 7.5px 0;
}
#signUpModal .red-btn {
	margin-top: 7.5px;
}
#signUpModal .contactForm{background-color: transparent !important; padding-left: 0 !important; padding-right: 0 !important;}
#signUpModal .reCaptchaList li .form-control-feedback{display: none !important;}

::placeholder { /* Chrome, Firefox, Opera, Safari 10.1+ */
	color: #666;
	font-family: 'Roboto', sans-serif;
	font-style: italic;
	opacity: 1; /* Firefox */
}

:-ms-input-placeholder { /* Internet Explorer 10-11 */
	color: #666;
	font-family: 'Roboto', sans-serif;
	font-style: italic;
}

::-ms-input-placeholder { /* Microsoft Edge */
	color: #666;
	font-family: 'Roboto', sans-serif;
	font-style: italic;
}



/*==========  Non-Mobile First Method  ==========*/
/* Large Devices, Wide Screens */

@media only screen and (max-width : 1400px) {	
	.navbar-collapse {padding-right: 0!important; padding-left: 0!important;}
	.navbar-default .navbar-nav>li>a {font-size: 14px;}
	.legal-wrap {padding: 0px 10% 0px 10%;}
}

@media only screen and (max-width : 1200px) {		
	#sidebar29-left-contact {padding: 0 10% 0 10%!important; width: 100%;}
	#sidebar29-right-contact {padding: 0 10% 0 10%!important; width: 100%;}
	.lblue-box {padding: 8%!important; min-height: 350px;}
	.dkblue-box {padding: 8%!important; min-height: 350px;}
	
	#homeheader {padding: 10px 5%;}
	#subheader {padding: 10px 5%;}
	.nav>li>a {padding: 10px 10px;}
	
	.home-icon {max-width: 200px;}
	.addtotop {padding-top: 3%;}
}


/* Medium Devices, Desktops */


/* Medium Devices, Desktops */

@media only screen and (max-width: 992px) {
   .carousel .item .col-xs-12:nth-last-child(-n+2) {
      display: none;
   }
}

@media all and (min-width: 992px) {
   .carousel-showmanymoveone .carousel-inner > .active.left,
   .carousel-showmanymoveone .carousel-inner > .prev {
      left: -16.6%;
   }
   .carousel-showmanymoveone .carousel-inner > .active.right,
   .carousel-showmanymoveone .carousel-inner > .next {
      left: 16.6%;
   }
   .carousel-showmanymoveone .carousel-inner > .left,
   .carousel-showmanymoveone .carousel-inner > .prev.right,
   .carousel-showmanymoveone .carousel-inner > .active {
      left: 0;
   }
   .carousel-showmanymoveone .carousel-inner .cloneditem-2,
   .carousel-showmanymoveone .carousel-inner .cloneditem-3 {
      display: block;
   }
}

@media all and (min-width: 992px) and (transform-3d),
all and (min-width: 992px) and (-webkit-transform-3d) {
   .carousel-showmanymoveone .carousel-inner > .item.active.right,
   .carousel-showmanymoveone .carousel-inner > .item.next {
      -webkit-transform: translate3d(16.6%, 0, 0);
      transform: translate3d(16.6%, 0, 0);
      left: 0;
   }
   .carousel-showmanymoveone .carousel-inner > .item.active.left,
   .carousel-showmanymoveone .carousel-inner > .item.prev {
      -webkit-transform: translate3d(-16.6%, 0, 0);
      transform: translate3d(-16.6%, 0, 0);
      left: 0;
   }
   .carousel-showmanymoveone .carousel-inner > .item.left,
   .carousel-showmanymoveone .carousel-inner > .item.prev.right,
   .carousel-showmanymoveone .carousel-inner > .item.active {
      -webkit-transform: translate3d(0, 0, 0);
      transform: translate3d(0, 0, 0);
      left: 0;
   }
}


@media only screen and (max-width : 991px) {
	.inner-foot-section {padding-left: 0!important;}
	.company-links {margin-top: -25px;}
	.right-image {float: none;}
	.left-image {float: none;}
	.nav-logo {padding-top: 5px;}
	.navbar-default .navbar-nav>li>a {font-size: 13px;}	
	.home-icon {padding: 20px 0 0 0;}
	.process-section {padding-bottom: 20px;}
	.side-pad {text-align: center;}
	
	.carrier-logo {max-width: 250px; display: block; margin: auto;}
	.carousel-showmanymoveone .carousel-control.right {margin-top: 17%; margin-right: 0;}
	.carousel-showmanymoveone .carousel-control.left {margin-top: 17%; margin-left: -80px;}
	.addtotop {padding-top: 0;}
	.half-content-right {padding-top: 30px;}
	
	.content-right-pad {padding-left: 0!important; padding-top: 30px;}
	.para-btm {padding-top: 30px;}
}

/* Small Devices, Tablets */
@media all and (min-width: 768px) {
   .carousel-showmanymoveone .carousel-inner > .active.left,
   .carousel-showmanymoveone .carousel-inner > .prev {
      left: -50%;
   }
   .carousel-showmanymoveone .carousel-inner > .active.right,
   .carousel-showmanymoveone .carousel-inner > .next {
      left: 50%;
   }
   .carousel-showmanymoveone .carousel-inner > .left,
   .carousel-showmanymoveone .carousel-inner > .prev.right,
   .carousel-showmanymoveone .carousel-inner > .active {
      left: 0;
   }
   .carousel-showmanymoveone .carousel-inner .cloneditem-1 {
      display: block;
   }
}

@media all and (min-width: 768px) and (transform-3d),
all and (min-width: 768px) and (-webkit-transform-3d) {
   .carousel-showmanymoveone .carousel-inner > .item.active.right,
   .carousel-showmanymoveone .carousel-inner > .item.next {
      -webkit-transform: translate3d(50%, 0, 0);
      transform: translate3d(50%, 0, 0);
      left: 0;
   }
   .carousel-showmanymoveone .carousel-inner > .item.active.left,
   .carousel-showmanymoveone .carousel-inner > .item.prev {
      -webkit-transform: translate3d(-50%, 0, 0);
      transform: translate3d(-50%, 0, 0);
      left: 0;
   }
   .carousel-showmanymoveone .carousel-inner > .item.left,
   .carousel-showmanymoveone .carousel-inner > .item.prev.right,
   .carousel-showmanymoveone .carousel-inner > .item.active {
      -webkit-transform: translate3d(0, 0, 0);
      transform: translate3d(0, 0, 0);
      left: 0;
   }
}

@media only screen and (max-width : 768px) {
	.navbar-nav {margin: 0!important; background-color: #24475E;}
	.navbar-default .navbar-toggle {background-color: transparent!important;}
	.hamburger-inner, .hamburger-inner::after, .hamburger-inner::before {background-color: #fff!important; border-radius: 0px!important; width: 30px!important; height: 3px!important;}
	.navbar-nav {padding: 5%;}
	.navbar-default .navbar-collapse, .navbar-default .navbar-form {border: none!important;}
	.hamburger {padding: 0!important;}
	.hamburger-box {width: 30px!important;}
	.nav-right {padding-top: 0;}
	.hamburger--3dxy.is-active .hamburger-inner {background-color: transparent!important;}
	.nav-ship-btn {margin-left: 0; width: 100%; display: inline-block!important; text-align: center; margin-bottom:5px;}
	.nav-signup-btn {width: 100%; display: inline-block!important; text-align: center; margin-bottom: 5px;}
	
	
	#slantleft {display: none;} 
	#slantright {display: none;}
	#slantleftbtm {display: none;}
	
	.home-head-wrap {padding: 125px 10% 75px 10%!important;}
	.nav-logo {padding-top: 0;}
	
	.left-arrow {width: 50px;}
	.carousel-showmanymoveone .carousel-control.right {margin-top: 22%; margin-right: -16px;}
	.carousel-showmanymoveone .carousel-control.left {margin-top: 22%; margin-left: -70px;}
	
	.sub-head-wrap {padding: 75px 10%!important;}
	.logo-wrap:hover {margin-top: auto;}
	
	
	.head {font-size: 30px;}
	.subhead {font-size: 25px;}
	
	#signUpModal .signUpLeft {
		min-height: 235px;
	}
	#signUpModal .formPadding{
		padding: 20px 5px;
	}
}

@media only screen and (max-width : 767px) {
	.company-links {margin-top: 0px; padding-top: 20px;}
	.partner-links {padding-top: 30px;}
	.foot-head {padding-bottom: 5px;}
	.lblue-box {min-height: auto;}
	.dkblue-box {min-height: auto;}
	
	.nav-logo {max-width: 125px;}
	
	#sidebar29-left-contact {padding: 50px 10% 0 10%!important; margin: 0;}
	#sidebar29-right-contact {padding: 0 10% 0 10%!important; margin: 0;}
	
	.slant-pad {padding: 50px 10%;}
	
	.left-arrow {width: 40px;}
	.carousel-showmanymoveone .carousel-control.right {margin-top: 18%; margin-right: 110px;}
	.carousel-showmanymoveone .carousel-control.left {margin-top: 18%; margin-left: 70px;}
	
	.carrier-logo {max-width: 200px;}
	
	.navbar-header.sh-navbar-header {padding-right: 5%;}
	.grey-box {min-height: auto;}
	
	.tel-btn {display: block!important;}
}



/* Extra Small Devices, Phones */ 
@media only screen and (max-width : 500px) {
	.carousel-showmanymoveone .carousel-control.right {margin-left: 0; margin-top: -40px;}
	.carousel-showmanymoveone .carousel-control.left {margin-right: 0; margin-top: -40px;}
	
	.head {font-size: 30px;}
	.head-tag {font-size: 16px;}
	.subhead {font-size: 20px;}
}

/* Medium Devices, Desktops */
@media only screen and (max-width : 400px) {
	.carousel-showmanymoveone .carousel-control.right {margin-right: 20%; margin-top: -40px;}
	.carousel-showmanymoveone .carousel-control.left {margin-left: 5%; margin-top: -40px;}
	.grey-text {font-size: 16px;}
	.blue-text {font-size: 16px;}
	.price-icon {max-width: 25px; padding-top: 3px;}
	
	#signUpModal .leftPadding h2, #signUpModal .formPadding h2 {
		font-size:24px!important;
	}
}
