/* FONTS*/

/*font-family:'Helvetica Neue LT W01_35 Thin';
font-family:'Helvetica Neue LT W01_41488878';
font-family:'Helvetica Neue LT W01_55 Roman';
font-family:'Helvetica Neue LT W01_65 Md';
font-family:'Helvetica Neue LT W01_71488914';
font-family:'Helvetica Neue LT W01_85 Heavy';

font-family: 'gilroylight';
font-family: 'gilroyextrabold';
*/


@font-face {
    font-family: 'gilroylight';
    src: url('../fonts/gilroy-light-webfont.woff') format('woff'),
         url('../fonts/gilroy-light-webfont.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'gilroyextrabold';
    src: url('../fonts/gilroy-extrabold-webfont.woff') format('woff'),
         url('../fonts/gilroy-extrabold-webfont.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;

}

/* theme */

body {	font-family:'Helvetica Neue LT W01_41488878'; font-size: 18px; }
#mainbody { display: block; width: 100%; max-width: 100%; margin: 0 auto;}

/*BASIC ELEMENTS*/

p { font-family:'Helvetica Neue LT W01_41488878'; font-size: 18px; line-height: 1.5; display: block; margin: 0 auto 40px; width: 100%; }
a { }
a.underline { text-decoration: underline }
a:hover { color: #aaa; }
b,strong { font-family:'Helvetica Neue LT W01_41488878'; font-weight: bold}
i, em { font-family:'Helvetica Neue LT W01_41488878'; font-style: italic}
.extra-bold {
	font-family:'Helvetica Neue LT W01_85 Heavy' !important;
}

h1 { font-family:'Helvetica Neue LT W01_41488878'; font-size: 72px; color: #000; }
h2 { font-family:'Helvetica Neue LT W01_65 Md'; font-size: 42px; color: #000; }
h3 { font-family:'Helvetica Neue LT W01_35 Thin'; font-size: 62px; color: #000; }
	h3.content-type{
		max-width: 1080px;
		margin: 0 auto;
	}
h4 { font-family:'Helvetica Neue LT W01_35 Thin'; font-size: 80px; color: #fff}
h4.smaller {
	font-size: 42px
}
h5 { font-family:'Helvetica Neue LT W01_41488878'; font-size: 28px; color: #000}
/*h6 { font-family:'News Gothic W01'; font-size: 24px; color: #000; display: block; width: 100%; text-align: center; margin-bottom: 45px;}*/



ul.default {width: 100%; max-width: 1140px; display: block; margin: 0 auto;}
ul.default li { display: block; width: 100%; padding: 30px 0px;}

.f-red { color: #ffffff;}
.f-blue { color: #004890;}
.f-yellow { color: #fdbe55;}
.f-black { color: #000;}
.f-heavy { font-family: 'Helvetica Neue LT W01_41488878' !important;}
.b-red { background-color: #ffffff;}
.b-blue { background-color: #004890;}
.b-yellow { background-color: #fdbe55;}

/*ADJUSTMENTS*/
.margin-top-50 { margin-top: 50px !important; }
.margin-top-100 { margin-top: 100px !important; }
.margin-top-150 { margin-top: 150px !important; }

.margin-bottom-50 { margin-bottom: 50px !important; }
.margin-bottom-100 { margin-bottom: 100px !important; }
.margin-bottom-150 { margin-bottom: 150px !important; }

.text-center { text-align: center !important; }
.text-left { text-align: left !important; }
.text-left-all{
	text-align: left !important;
}
	.text-left-all > * {
		text-align: left !important;	
	}
.text-right { text-align: right !important;}

.line-height-double { line-height: 2;}

.display-inline { display: inline-block !important}
.align-top { vertical-align: top !important}

.size24, h3.size24, p.size24 { font-size: 24px}
.size30, p.size30 { font-size: 30px}
.size36, p.size36 { font-size: 36px}
.size62, h3.size62, p.size62 { font-size: 62px}

.b-red *, .b-blue * { color: #000000}

p.thin { font-family:'Helvetica Neue LT W01_35 Thin';}

/*CONTAINERS*/

article { padding-top: 80px}
div.content { margin: 100px auto; max-width: 1280px; padding: 0px 20px;}
div.colorbox { margin: 100px auto; max-width: 1280px; padding: 100px 20px; text-align: center;}
div.full-width { margin: 100px auto; max-width: 100%;}
div.flush { margin-top: 0px !important; margin-bottom: 0px !important;}
div.masthead { margin: 0px auto 100px; max-width: 1280px; padding: 0px; position: relative}
div.masthead.noimage { margin-bottom: 50px}
div.image { margin: 100px auto; max-width: 1280px; padding: 0px; position: relative}
div.career-listings { margin: 0px auto; max-width: 1280px; padding: 0px; position: relative}
div.button-set { display: block; width: 100%; text-align: center; margin: 20px auto 50px}
div.accordion { margin: 100px auto; max-width: 1280px; padding: 0px 70px;}
div.contacts { width: 100%; display: block; text-align: center;}

article.home-brampton > div.masthead, article.home-mississauga > div.masthead, article.home-vaughan > div.masthead {
	max-width: 1280px;
}

/*SHARED ELEMENTS*/

ul.grid-2 {font-size: 0; display: block; width: 100%;}
ul.grid-2 li {width: 50%; vertical-align: top; display: inline-block;}

ul.grid-3 {font-size: 0; display: block; width: 100%;}
ul.grid-3 li {width: 33.33%; vertical-align: top; display: inline-block;}

ul.grid-4 {font-size: 0; display: block; width: 100%;}
ul.grid-4 li {width: 25%; vertical-align: top; display: inline-block;}

ul.grid-2.our-values { margin-bottom: -50px}
ul.grid-2.our-values li div { display: block; max-width: 350px; margin: 0 auto 100px;}
ul.grid-2.our-values p { font-size: 18px; font-family:'Helvetica Neue LT W01_35 Thin';}

a.button { color: #fff; font-size: 14px;  font-family: 'gilroyextrabold'; display: table; padding: 0 20px; line-height: 30px; border-radius: 9px; background-color: #7a0a28; cursor: pointer;}
a.button.tall { font-size: 16px;  padding: 0 30px; line-height: 40px; border-radius: 12px; }
a.button.yellow { background-color: #fdbe55;}
a.button.white { background-color: #7a0a28; color: #fff}
a.button.blue {background-color: #004890;}
a.button.white.selected { background-color: #fdbe55;}

a.button:hover { background-color: #7a0a28;}
a.button.white:hover { background-color: #ccc;}
a.button.yellow:hover { background-color: #dc8b03;}
a.button.white.selected:hover { background-color: #dc8b03;}

a.button.centered { margin: 0 auto;}

div.image img { display: block; width: 100%; height: auto}

div.content p { color: #000; display: block; max-width: 1080px; text-align: center; line-height: 1.5; margin: 0 auto 40px; font-family:'Helvetica Neue LT W01_35 Thin';}
div.content p.less-space{
	margin: 0 auto 20px auto;
}
div.content p b { font-family:'Helvetica Neue LT W01_55 Roman'; font-weight: normal}
div.content .content-holder {
	color: #000;
	display: block;
	max-width: 1080px;
	text-align: center;
	line-height: 1.5;
	margin: 0 auto 40px;
	font-family: 'Helvetica Neue LT W01_35 Thin';
}
	div.content .content-holder.less-space {
		margin: 0 auto 20px;
	}
	div.content .content-holder ul{
		padding: 0 10px 0 20px;	
	}
div.content h3 { text-align: center; font-size: 42px; margin-bottom: 20px}
div.content h3.size62 { font-size: 62px;}
div.image h3 { color: #fff; display: block; position: absolute; top: 50%; text-align: center; width: 100%; padding: 0 20px; left: 0; margin-top: -20px}
div.masthead img { display: block; width: 100%;}
div.masthead h1 { color: #fff; display: block; position: absolute; bottom: 50px; text-align: center; width: 100%; padding: 0 20px; left: 0}
div.masthead h1.dark { color: #000}
div.masthead.noimage h1 { position: static; color: #000; margin-top: 50px; font-family:'Helvetica Neue LT W01_35 Thin';}

div.colorbox h5 { margin-bottom: 20px;}
div.colorbox p {  display: block; max-width: 720px; text-align: center; line-height: 1.5; margin: 0 auto 40px; font-size: 24px}
div.colorbox p:last-child {  margin-bottom: 0}
div.colorbox img.icon { margin-bottom: 40px;}

div.button-set a.button { display: inline-block; margin: 0 10px;}
div.button-set span { display: inline-block; margin: 0 10px;     font-size: 20px;     font-family: 'gilroylight'; font-family:'Helvetica Neue LT W01_41488878'; color: #fff; margin-top: 0px}
div.button-set.inactive a.button { cursor: default;}
div.button-set.inactive a.button:hover { background: #fff}

div.accordion h6 { display: block; width: 100%; padding: 30px 80px 30px 40px; font-size: 36px; color: #004890; font-family:'Helvetica Neue LT W01_55 Roman'; text-align: left; position: relative; cursor: pointer; border-top: 1px solid #d7d7d7; }
div.accordion div { transition: none; display: block; padding: 0 80px 30px 40px; text-align: left; font-size: 30px; font-family:'Helvetica Neue LT W01_35 Thin'; color: #000; line-height: 1.5}
div.accordion h6 span.ui-accordion-header-icon { display: block; position: absolute; height: 50px; width: 40px; right: 20px; top; 0; background: url(../img/icons/plus.png) no-repeat center center;}
div.accordion h6.ui-accordion-header-active span.ui-accordion-header-icon { transform: rotate(45deg);}


div.service-info {display:none;}
div.service-info.active {display:block; margin-top: 20px}

/*HEADER*/
header { font-size: 0; position: fixed; top:0;  left: 0; z-index: 3; /* background: #ffffff; */ background: #004890;  height: 80px; }
header > div { display: block; width: 100%; margin: 0 auto; }

div.burger { left: 20px}

/*div.logo { width: calc(100% -1100px); display: inline-block;  vertical-align: top; height: 80px; margin-left: 80px; background:  #004890;} */
div.logo { width: 300px; display: inline-block;  vertical-align: top; height: 80px; margin-left: 80px; background:  #004890;} 
div.logo a { display: block; width: 100%; }
div.logo img { height: 40px; width: auto; margin: 20px}

header div > div.textNav { width: calc(100% - 700px);  display: inline-block; vertical-align: top; height: 80px; padding: 13px 0px 0 30px; text-align:right;}
header div > div.textNav a.textNavLink { 
		display: inline-block;
		color: #fff; 
		text-align: right; 
		font-size: 16px; 
		font-family:'Helvetica Neue LT W01_65 Md';
		line-height: 16px; 
		transition: all .1s ease-out;
		margin-right: 9%;
		padding-right: 2%;
    padding-left: 2%;
    margin: 0 !important;
    border-right: 1px solid #fff9;
		}
header div > div.textNav a.textNavLink:hover { color: #aaa;}


header div > div.contact { width: 270px;  display: inline-block; vertical-align: top; height: 80px; padding: 20px 30px 0 0; float:right; text-align:right;}

header nav div.contact {
    margin: 18px 0 38px;
    display: block;
    width: calc(100% - 30px);
    font-size: 0;
    margin-left: 30px;
} 
header div > div.contact a.phone { /* display: block;*/ color: #fff; width: 100%; text-align: right; font-size: 18px; line-height: 22px; text-transform: uppercase;  transition: all .1s ease-out}
.mobile-shop-now-btn {
	display:none !important; } 


header div > div.contact a.phone:hover { color: #aaa;}
header div > div.contact a.phone span { width: 115px; text-align: left; display: inline-block;}
header div > div.contact a.phone small { font-family: 'gilroylight'; margin-right: 8px; font-size: 14px; line-height: 22px}
header div > div.contact a.button { position: absolute; right: 28px; top: 50%; margin-top: -15px}

nav { width: 480px; display: block; text-align: left; vertical-align: top; background: #ffffff; padding: 100px 0px 20px; position: absolute; top: 0; left: 0; z-index: 99; min-height: 100vh; left: -480px}
nav.active { left: 0;}

nav h4 { font-family:'Helvetica Neue LT W01_35 Thin'; font-size: 48px; line-height: 1; padding-left: 30px; display: block; width: 100%; text-align: left;}

header div > div.contact a.phone
header nav div.contact { margin: 18px 0 38px; display: block; width: calc(100% - 30px); font-size: 0; margin-left: 30px;}
header nav div.contact a.phone { display: inline-block; color: #000000; width: 50%; text-align: left; font-size: 30px; font-family:'Helvetica Neue LT W01_35 Thin'; line-height: 1; text-transform: uppercase;  transition: all .1s ease-out}
header nav div.contact a.phone small { font-family:'Helvetica Neue LT W01_65 Md'; font-size: 12px; display: block; text-align: left; margin-bottom: 2px}

/* .mobile-shop-now-btn {
	display:none !important; } */

nav > ul { width: 100%; display: block; margin: 0 auto; text-align: left; margin-top: 35px}
nav > ul > li { display: block; text-align: left; position: relative;}
nav > ul > li > a { padding: 0px 30px; display: block; line-height: 40px; font-family:'Helvetica Neue LT W01_35 Thin'; font-size: 25px; color: #000000; }
nav > ul > li > a:hover { background-color: #004890; color: #ffffff}
nav > ul > li:hover { background-color: #004890; }

ul.social { width: 140px; display: inline-block; text-align: right; padding-right: 70px; vertical-align: top; font-size: 0;}
ul.social li { display: inline-block; text-align: right; vertical-align: middle; font-size: 0; width: 50%}
ul.social li a { display: block; text-align: right; padding-left: 20px; line-height: 90px;}
ul.social li a img { display: inline-block; margin: 0 0 0 auto; vertical-align: middle; height: 14px;}
ul.social li a img:nth-child(2) { height: 16px;}
ul.social li a:hover img { filter: invert(50%)}


/*FOOTER*/

footer { display: block; width: 100%; margin: 0 auto; background-color: #fff; padding: 60px 70px 0px; font-size: 0; max-width: 1280px; margin: 0 auto;}
a.footer-logo { display: inline-block; width: 50%; vertical-align: top}
a.footer-logo img { display: block; margin: 0 auto 0 0; }

ul.footer { display: block; width: 100%; font-size: 0; text-align: left; margin-top: 50px}
ul.footer > li { display: inline-block; vertical-align: top; font-size: 0; padding-right: 80px}
ul.footer > li  a { display: block; width: 100%; vertical-align: top; font-size: 0; text-align: left; color: #959595; font-size: 12px; font-family:'Helvetica Neue LT W01_55 Roman'; line-height: 18px}
ul.footer > li  a:hover { color: #000}
ul.footer > li  h6 { font-family: 'gilroyextrabold'; color: #000; font-size: 14px; margin-bottom: 10px}

ul.social-footer { display: inline-block; width: 50%; text-align: right; font-size: 0; margin: 0 auto; vertical-align: top}
ul.social-footer li { display: inline-block; text-align: center; font-size: 0; vertical-align: top; padding-top: 6px}
ul.social-footer li a { display: block; text-align: right; padding: 0px 0 0 20px; }
ul.social-footer li a img { display: block; margin: 0 auto; vertical-align: middle;}
ul.social-footer li a:hover img { filter: invert(100%)}


div.copyright { display: block; width: 100%; text-align: left; margin: 40px 0 0; padding-right: 300px; position: relative}
div.copyright p { display: block; width: 100%; text-align: left; color: #959595; font-size: 12px; font-family:'Helvetica Neue LT W01_55 Roman';}
div.copyright a { color: #959595; font-size: 12px; font-family:'Helvetica Neue LT W01_55 Roman';}
div.footer-contact { display: block; width: 250px; text-align: right; right: 0; top: 0px; position: absolute; display: block; color: #959595; font-size: 12px; font-family:'Helvetica Neue LT W01_55 Roman'; line-height: 1.5}
div.footer-contact a  { color: #959595; font-size: 12px; font-family:'Helvetica Neue LT W01_55 Roman';}

div.targeted-links {
		position: relative;
		text-align: center;
		font-size: 12px;
		color: #959595 !important;
	margin-top: 40px;
	}

div.targeted-links a {
	font-size: 12px;
	color: #959595 !important;
	text-align: center;
}
div.targeted-links a:hover {
	color: #000000 !important;
}

p.reveal-response { color: #000; font-size: 24px;}

/* PAGE SPECIFIC */

div.animation { width: 100%;height: 400px; height: 220px; display: block; background: url(../img/home/bg-animation.png) no-repeat center bottom; background-size: cover; position: relative}
div.animation p {     
    font-family: 'Helvetica Neue LT W01_41488878';
    color: #004890;
    font-size: 58px;
    display: block;
    margin: 0 auto;
    padding: 20px 20px 0 20px;
    /* max-width: 620px; */
    text-align: center;
    width: 100%;
    line-height: 1;
}
div.animation p span {
	color: #ffffff;
}

div.animation div.road {
	left: 40px;
	display: block;
	position: absolute;
	width: calc(100% - 80px);
	bottom: 0;
	z-index: 2;
	height: 250px;
	overflow: hidden
}

div.animation #pointa {
	left: 0px;
	display: block;
	position: absolute;
	width: 120px;
	bottom: 0;
	z-index: 2;
}

div.animation #pointa img {
	display: block;
	width: 100%;
}

div.animation #pointb {
	right: 0px;
	display: block;
	position: absolute;
	width: 94px;
	bottom: 0;
	z-index: 2;
}

div.animation #pointb img {
	display: block;
	width: 100%;
}

div.animation #vehicle {
	left: 200px;
	display: block;
	position: absolute;
	bottom: 0;
	z-index: 2;
	opacity: 1;
	transition: left 3s ease-in-out, opacity ease-in .2s 2.1s;
	background: url(../img/home/moose.svg) no-repeat center center;
	background-size: contain;
}

div.animation #vehicle.moving {
	opacity: 0
}

div.animation #vehicle.return {
	transition: none;
	opacity: 1;
	left: 00px;
}

div.animation #vehicle.moose {
	transition: left 3s ease-in-out, opacity ease-in .2s 2.1s;
	background-image: url(../img/home/moose.svg);
	width: 404px;
	height: 98px
}

div.animation #vehicle.dolly {
	transition: left 7s ease-in-out, opacity ease-in .2s 6.1s;
	background-image: url(../img/home/dolly.png);
	width: 100px;
	height: 100px
}

div.animation #vehicle.car {
	transition: left 2s ease-in-out, opacity ease-in .2s 1.1s;
	background-image: url(../img/home/car.png);
	width: 168px;
	height: 101px;
}

div.animation #vehicle.plane {
	transition: left 1s ease-in-out, opacity ease-in .2s 0.9s;
	background-image: url(../img/home/plane.png);
	width: 330px;
	height: 98px
}

div.animation #vehicle.ship {
	transition: left 5s ease-in-out, opacity ease-in .2s 4.1s;
	background-image: url(../img/home/ship.png);
	width: 503px;
	height: 80px
}

div.boxholder { display: block; width: 100%; font-size: 0; max-width: 1280px; margin: -1px auto 0;}
div.boxholder div.box { display: inline-block; width: 50%; font-size: 0; height: 0; padding-bottom: 35.15%; vertical-align: top; position: relative}
div.boxholder div.box > img { position: absolute; width: 100%; height: auto; top: 0; left: 0; display: block;}
div.boxholder div.box > div { position: absolute; width: 100%; height: 100%; top: 0; left: 0; display: block; padding: 50px  70px;}
div.boxholder div.box > div h4 { line-height: 0.9}
div.boxholder div.box > div h4 sup { font-size: .5em}
div.boxholder div.box > div p { font-family:'Helvetica Neue LT W01_41488878'; color: #fff; display: block; margin: 20px auto 0 0; font-size: 18px; line-height: 1.25; max-width: 97%}
div.boxholder div.box > div a.button { line-height: 40px; font-size: 16px; margin-top: 40px;}
div.boxholder div.box form { display: block; width: 100%; text-align: left; margin-top: 20px}
div.boxholder div.box form input[type="text"] {
    display: block;
    width: 100%;
    text-align: left;
    font-family: 'Helvetica Neue LT W01_41488878';
    background-color: #fff;
    border: 1px solid #fff;
    border-radius: 8px;
    line-height: 46px;
    height: 48px;
    font-size: 16px;
    color: #464646;
    padding-left: 15px;

    border: 1px solid #d7d7d7;
    border-radius: 10px;
    padding: 0 25px;
    font-size: 18px;
    margin: 0px 0 10px;
}
div.boxholder div.box form input[type="submit"] { color: #fff; font-size: 16px;  font-family: 'gilroyextrabold'; display: table; padding: 0 20px; line-height: 40px; border-radius: 9px; background-color: #7a0a28; border: 0; cursor: pointer;}
div.boxholder div.box form input[type="submit"]:hover { background-color: #7a0a28;}

#TrackingNumber {
    margin-bottom: 16.5px;
}

div.boxholder *::-webkit-input-placeholder { line-height: 38px; color: #464646; font-size: 16px; font-family:'Helvetica Neue LT W01_41488878';; text-transform: none;}
div.boxholder *:-moz-placeholder { line-height: 38px; color: #464646; font-size: 16px;font-family:'Helvetica Neue LT W01_41488878';; text-transform: none;}
div.boxholder *:-ms-input-placeholder { line-height: 38px; color: #464646; font-size: 16px;font-family:'Helvetica Neue LT W01_41488878';; text-transform: none;}



div.boxholder div.box-transport >div p {
	min-height: 2.5em;
}
div.boxholder div.box-careers >div p {
	min-height: 6.75em;
}




div.bg-triangle {
	position: absolute;
	z-index: 2;
	left: 0;
	right: 0;
	bottom: 0;
	background-image: url(../img/home/box7-triangle.png);
	background-repeat: no-repeat;
	background-size: cover;
}
div.bg-triangle h4 {
	font-family:'Helvetica Neue LT W01_65 Md';
	font-style: italic;
	color: #ffffff;
	font-size: 24px;
	padding-top: 1em;
	width:310px;
}
div.box-web-ad p {
	color: #000000 !important;
}
div.bg-triangle a.button {  
		margin-top: 30px;
}

article.home-brampton {

	}



div.masthead-targeted-overlay {
		position: absolute;
		left:0;
		right:0;
		bottom:0;
	padding-bottom: 50px;
	padding-left: 80px;
	}
	div.masthead-targeted-overlay h1 {
		position: relative;
		font-size: 90px;
		color: #ffffff !important;
		text-align: left;
		padding: 0;
		bottom: 40px;
	}
	div.masthead-targeted-overlay a.button {
		color: #fff;
		font-size: 18px;
		font-family: 'gilroyextrabold';
		display: table;
		padding: 0 20px;
		line-height: 3.299em;
		border-radius: 9px;
		background-color: #ffffff;
		cursor: pointer;
	}
div.masthead-targeted-overlay h1 span {
	display:block;
	font-size: 36px;
}
h1.hidden-title {
	display:none;
    font-size: 38px;
    text-align: center;
    padding-bottom: .5em;
	padding-left: 10px;
	padding-right:10px;
}
div.box-white {
	background-color: #FFFFFF;	
	}
	div.box-white h2, div.box-white p {
		color: #000000 !important;;
		text-align: center !important;
	}
div.box-red {
	background-color: #ffffff;	
	}
	div.box-red h2, div.box-red p {
		color: #ffffff !important;;
		text-align: center !important;
	}
div.box-blue {
	background-color: #004890;
	}
	div.box-blue h2, div.box-blue p {
		color: #ffffff !important;;
		text-align: center !important;
	}
div.box-yellow {
	background-color: #fdbe55 !important;
}
div.box-yellow h2, div.box-yellow p {
	color: #000000 !important;
	text-align: center !important;
}
div.boxholder-targeted div.box {
	min-height: 64rem;
}
div.boxholder-targeted div.box > div {
    position: absolute;
    width: 100%;
	height:auto;
    top: 50%;
    left: 0;
    display: block;
    padding: 50px 20px;
	    transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
}
div.boxholder-targeted div.box > div a.button { 
	line-height: 40px; 
	font-size: 16px; 
	margin-top: 40px;
	margin-left: auto !important;
	margin-right: auto !important;
}
div.boxholder-targeted h4 {
	font-size: 48px;
	text-align: left;
}
div.boxholder-targeted div.box > div p {
	margin-left: auto;
	margin-right: auto;
	line-height: 1.5;
	
}
div.boxholder-targeted div.box > div p.extra-bold {
	line-height: 1.75;
	
}

div.boxholder-targeted div.box form input[type="submit"] {
	    padding: 30px 70px;
    background-color: #00467f ;
	line-height: 0;
}
/*article.home-brampton > div.boxholder div.box form input[type="submit"] {
    color: #fff;
    font-size: 16px;
    font-family: 'gilroyextrabold';
    display: table;
    padding: 30px 70px;
    line-height: 0px;
    border-radius: 9px;
    background-color: #ffffff;
    border: 0;
    cursor: pointer;
}*/
div.boxholder-targeted div.box form input[type="submit"]:hover {
	color: #00467f ;
    background-color: #ffffff ;
}
div.boxholder-targeted div.contactform div.skin-checkbox {
    margin-top: 10px;
    display: block;
    width: auto;
}
div.boxholder-targeted div.skin-checkbox.missing label {
    color: #ffffff !important;
	font-family:'Helvetica Neue LT W01_71488914';
}

div.map-holder {
    position: relative;
    width: 100%;
    height: 640px;
    display: block;
    margin: 0 auto;
    max-width: 100%;
}
div.gmap {
    position: absolute;
    width: 100%;
    height: 100%;
    display: block;
    top: 0;
    left: 0;
}
div.gmap-overlay {
	position: relative; 
	width:100%; 
	max-width: 1280px;
	height: 120px; 
	margin-top: -120px;
	z-index: +2;
	margin-left: auto;
	margin-right: auto;
}
div.gmap-overlay a.button {
	position: absolute; 
	margin-left: 70px; 
	z-index: +200;
	font-size: 18px;
	line-height: 3;
}


#ServiceType { width: 212px; }
#ServiceType + span { margin-right: 20px}
.select2-container { outline: none; width: 100%; display: inline-block; height: 40px;background: none; z-index: 99999999; vertical-align: top}
.select2-container .select2-selection--single {height: auto; padding: 0; outline: none; }
.select2-container--default .select2-selection--single { border-radius: 8px; background-color: #fff; border: 0; font-size: 16px; color: #464646; font-family:'Helvetica Neue LT W01_41488878'; padding: 0px 20px; outline: none; position: relative;margin-top: 0px}
.select2-container--default .select2-selection--single .select2-selection__rendered { line-height: 1; color: #000; outline: none;  padding-left: 0px; line-height: 40px; height: 40px; padding: 0px 0px; margin: 0; display: inline-block; text-align: left; vertical-align: middle;}
.select2-container--default .select2-selection--single .select2-selection__arrow { position: absolute; right: 0; width: 40px; top: 0; height: 100%; background-color: #004890; border-radius: 0 7px 7px 0}
.select2-container--default .select2-selection--single .select2-selection__arrow b { outline: none; position: absolute; display: block; border: 0; width: 0; height: 0; border-style: solid; border-width: 10px 9px 0 9px; border-color: #fff transparent transparent transparent; vertical-align: middle; left: auto; margin: 0; right: 10px; top: 15px;}
.select2-container--default .select2-selection--single .select2-selection__arrow:hover { }
.select2-container--default .select2-selection--single .select2-selection__arrow:hover b { border-color: #fdbe55 transparent transparent transparent; }
.select2-container--default.select2-container--open .select2-selection--single .select2-selection__arrow { background: #fff}
.select2-container--default.select2-container--open .select2-selection--single .select2-selection__arrow b { outline: none; position: absolute; display: block; border: 0; width: 0; height: 0; border-style: solid; border-width: 10px 9px 0 9px; border-color: #fdbe55 transparent transparent transparent; vertical-align: middle; left: auto; margin: 0; right: 10px; top: 15px;}
ul.select2-results__options { border: 0px solid #004890 }
ul.select2-results__options li { font-size: 18px; color: #000;  font-family:'Helvetica Neue LT W01_41488878'; line-height: 40px; text-align: left;}

.select2-container--default .select2-selection--single .select2-selection__placeholder { color: #000}
.select2-container--default .select2-search--dropdown .select2-search__field { font-family:'Helvetica Neue LT W01_41488878' !important;; font-size: 16px !important;; color: #000 !important;;  border: 0; border-bottom: 1px solid #000 !important;}
.select2-container--default .select2-results>.select2-results__options { max-height: 40em !important;} 
ul.select2-results__options li { line-height: 40px; padding: 0 0px 0 20px;} 
.select2-dropdown { background: transparent; border: 0 !important; background-color: rgba(255,255,255,1) ; }

ul.hours { display: block; width: 100%; font-size: 0; max-width: 1280px; margin: 0 auto; background: #ffffff}
ul.hours li { display: inline-block; width: 33.33%; height: 0px; padding-bottom: 35.16%; font-size: 0; vertical-align: top; position: relative}
ul.hours li > div { display: block; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: url(../img/home/bg-hours1.jpg) no-repeat center center; background-size: cover; padding: 60px 70px; }
ul.hours li:nth-child(1) { background-image: url(../img/boxads/ad-any-size-cargo.jpg); background-size: cover!important;}
ul.hours li:nth-child(2) > div { background-image: url(../img/home/bg-hours2.jpg)}
ul.hours li:nth-child(3) > div { background-image: url(../img/home/bg-hours3.jpg)}
ul.hours li h4 { color: #000000; font-size: 48px; line-height: 1; margin-bottom: 5px; min-height: 110px; font-family:'Helvetica Neue LT W01_35 Thin';}
ul.hours li p { color: #000000; font-size: 18px; line-height: 1.4; font-family:'Helvetica Neue LT W01_41488878'; display: block; text-align: left; margin: 0}
ul.hours li p.half { display: inline-block; width: 50%; vertical-align: top; text-align: left; padding-right: 15px;}
div.slideshow { position: relative}


div.loginbox {  display: block; max-width: 1280px; margin: 0 auto; background: #fff; height: 270px; font-size: 0; }







/* START CASH ORDER CHANGES */
.remterms {width:210px;}
.remterms div.skin-the-checkbox input[type="checkbox"] {border: 1px solid #d7d7d7; width: 14px;
    height: 14px;
    padding: 5px;
    margin: 0;
    float: left;
    border-radius: 3px;}
.remterms div.skin-the-checkbox input[type="checkbox"]:checked { background-image: url(../lib/img/blue/checkmark.svg); background-size: 12px 12px; }
div.login div.skin-the-checkbox label {font-size: 10px; color: #000 ;font-family:'Helvetica Neue LT W01_55 Roman';  margin: 0px auto 0 6px; padding:3px 0; display:inline-block; }

a.login-terms {
    font-size: 9px;
    color: #000;
    font-family: 'Helvetica Neue LT W01_55 Roman';
    width: 100%;
    display: block;
    text-align: left;
    max-width: 330px;
    margin: 0px auto 0 17px;
    text-decoration: underline;
    padding: 1px 0;
}

a.login-terms + a.login-terms {
	margin-top: 0px
}

div.login form input[type="submit"] { float:right; color: #fff; font-size: 16px;   font-family:'Helvetica Neue LT W01_55 Roman';  display: table; padding: 0 10px; height: 40px; line-height: 40px; border-radius: 10px; background-color: #004890; border: 0; cursor: pointer; margin: 0 0 0 auto}

div.login form input[type="submit"]:hover { background-color: #002A55;}

div.login { width: 50%; display: inline-block; vertical-align: top; background: url(../img/home/bg-tracking.jpg) no-repeat #fff right top; height: 100%; padding-top: 17px; padding-left: 0px; background-size:cover;}

div.login form { display: inline-block; width: 50%; text-align: left; margin-bottom: 40px; margin-left: 0; float:left}

div#loginHeading {padding: 15px;}

div.cashorder { display:inline-block; width: 50%; margin-bottom: 40px; padding-top: 53px; float: left;}
div.cashorder span.cashContent { display:table; width:auto; margin: 0 auto; text-align:left;}

div.cashorder a{ 
	color: #fff; 
	font-size: 18px; 
	font-family: 'Helvetica Neue LT W01_55 Roman';
	display: table; 
	padding:  8px 15px; 
	line-height: 24px; 
	border-radius: 10px; 
	background-color: #004890; 
	border: 0; 
	cursor: pointer; 
	width: auto; 
	margin: 0 auto; 
	text-align: center;}

div.cashorder a:hover { background-color: #002A55;}

.cashorder .subText{  
	font-size: 14px;
    color: #000;
    font-family: 'Helvetica Neue LT W01_55 Roman';
    width: 100%;
    display: block;
    text-align: left;
    padding-left:13px;
    display: block;
    margin: 0px auto;
    margin-top: 0px;
    padding-top: 3px;}


div.login form > div { display: inline-block; padding-left: 70px; text-align: left; vertical-align: top}
div.login form > div > div { max-width: 330px; display: block; margin: 0 auto}
div.login form input[type="text"], div.login form input[type="password"]{ 
	font-family:'Helvetica Neue LT W01_55 Roman';  
	display: inline-block; 
	width: 98%; 
	max-width: 212px; 
	text-align: left; 
	line-height: 40px; 
	height: 40px; 
	border: 1px solid #d7d7d7; 
	border-radius: 10px; 
	padding: 0 2% 0px 2%; 
	font-size: 18px; 
	margin: 0px auto 6px; }
	
div.login form input[type="password"] { max-width: 212px;}
/*div.login form #AccountID { margin-right: 10px}*/




div.last-row { width: 100%; display: block; font-size: 0;}
div.last-row > div { width: 30%; display: inline-block; vertical-align: top; text-align: right;}
div.login form div.skin-checkbox { width: 55%; text-align: left;}
div.login  div.skin-checkbox input[type="checkbox"]:checked + label:before { background-image: url(../lib/img/blue/checkmark.svg); }


div.login form *::-webkit-input-placeholder { color: #000; font-size: 20px; font-family:'Helvetica Neue LT W01_55 Roman';text-transform: none;}
div.login form *:-moz-placeholder { color: #000; font-size: 20px; font-family:'Helvetica Neue LT W01_55 Roman';text-transform: none;}
div.login form *:-ms-input-placeholder { color: #000; font-size: 20px; font-family:'Helvetica Neue LT W01_55 Roman'; text-transform: none;}


div.login form > label { display: inline-block; font-family:'Helvetica Neue LT W01_35 Thin'; color: #000; font-size: 42px; line-height: 1; width: 25%; text-align: center;vertical-align: top; margin: 0}

div.call-us { width: 50%; display: inline-block; vertical-align: top;height: 100%; padding: 30px 0 0 60px; background-color: #004890; background: url(../img/home/bg-phone.jpg) no-repeat #fff right top;; position: relative}
div.call-us > div { display: block;}
div.call-us label { display: block; font-family:'Helvetica Neue LT W01_35 Thin'; color: #fff; font-size: 42px; line-height: 48px; width: 100%;}
div.call-us a.phone { font-family:'Helvetica Neue LT W01_41488878'; font-size: 42px; color: #fff; margin-top: 16px; display: block; text-align: left; }
div.call-us a.phone small { font-family: 'gilroyextrabold'; font-size: 16px; display: block; color: #fff; margin-bottom: 2px ; text-transform: uppercase;}
a.start-by-phone { display: none; position: absolute; top: 80px; left: 60px; width: 280px; height: 120px; background-color: #ffffff; border-radius: 10px; color: #fff; font-size: 60px; font-family:'Helvetica Neue LT W01_35 Thin'; text-align: left; padding: 10px 20px; line-height: 1}
a.start-by-phone small { display: block; font-size: 0.5em; position: relative; top: 5px}

div.login *::-webkit-input-placeholder { line-height: 46px; color: #464646; font-size: 18px; font-family:'Helvetica Neue LT W01_35 Thin';; text-transform: none;}
div.login *:-moz-placeholder { line-height: 46px; color: #464646; font-size: 18px;font-family:'Helvetica Neue LT W01_35 Thin';; text-transform: none;}
div.login *:-ms-input-placeholder { line-height: 46px; color: #464646; font-size: 18px;font-family:'Helvetica Neue LT W01_35 Thin';; text-transform: none;}


div.contactform form div.form-row-three input[type="text"]  { width: 31%; display: inline-block; margin-right: 3%}
div.contactform form div.form-row-three input[type="text"]:last-child  { margin-right: 0}

#addskid { font-size: 18px; font-family:'Helvetica Neue LT W01_55 Roman'; color: #000; display: block; margin: 10px 0}

div.slideshow .bx-wrapper .bx-controls-direction a { width: 22px; height: 40px; margin-top: -20px; background-position: center center !important; opacity: .6}
div.slideshow .bx-wrapper .bx-controls-direction a:hover { opacity: 1}
div.slideshow .bx-wrapper .bx-next { right: 40px; background-image: url(../lib/img/white/arrow.svg); }
div.slideshow .bx-wrapper .bx-prev { left: 40px; background-image: url(../lib/img/white/arrow.svg); transform: rotate(180deg);}
div.video iframe { display: none;}
div.video:after {z-index: 99; position: absolute; width: 120px; height: 120px; top: 50%; left: 50%; margin: -60px 0 0 -60px; background: url(../img/play.html) no-repeat transparent center center; background-size: cover; content: ""; cursor: pointer;}
div.video.active iframe {display: block; width: 100%; height: 100%; z-index: 100; top: 0; left: 0; position: absolute; border: 0}
div.video.active img {opacity: 0}

ul.slideshow-fade li { transition: none}
/*ul.slideshow-fade li:first-child { opacity: 1}*/



div.content h3.hours { font-size: 62px; line-height: 1; margin: 90px auto 50px}
div.trucks {display: block; width: 100%; max-width: 1157px; margin: 0 auto 50px; padding: 0 20px; font-size: 0;}
div.trucks img {display: block; width: 100%; }
/*div.trucks {display: block; width: 100%; max-width: 976px; margin: 0 auto 40px; font-size: 0;}*/
/*div.trucks img {display: inline-block; vertical-align: top;}*/
/*div.trucks img:nth-child(1) {width: 20.5882353%}*/
/*div.trucks img:nth-child(2) {width: 26.9896194%; margin: 0 7%}*/
/*div.trucks img:nth-child(3) {width: 36.8512111%}*/

div.career-listings { font-size: 0;}
div.listing { width: 100%; display: block; }
div.career-listings div.thumbnail, div.career-listings div.info { display: inline-block; width: 50%; vertical-align: top; position: relative; height: 0; padding-bottom: 35.15%;}
div.career-listings div.info div { position: absolute; top: 50%; left: 0; width: 100%; transform: translateY(-50%); -webkit-transform: translateY(-50%);  -ms-transform: translateY(-50%); text-align: center}
div.info div a.button { display: table; margin: 0 auto}
div.info div h2  { margin: 50px auto 40px; line-height: 1; font-size: 36px; font-family:'Helvetica Neue LT W01_41488878';}
div.career-listings div.thumbnail img { position: absolute; width: 100%; top: 0; left: 0; display: block;}

div.contacts { font-size: 30px;}
div.contacts b { display: block; width: 100%; margin-top: 70px; margin-bottom: 10px;}
div.phone-entry { display: inline-block;  padding: 10px 25px 0; vertical-align: top; line-height: 1;}
div.phone-entry span { font-family: 'gilroyextrabold'; font-size: 16px; display: block; text-align: center; margin-bottom: 7px; text-transform: uppercase;}

div.contactform { display: block; width: 100%; text-align: center; margin: 0 auto;}
div.contactform form { display: block; width: 100%; text-align: left; max-width: 710px; margin: 0 auto; font-size: 0;}
div.contactform form div.form-row { display: inline-block; width: 50%; text-align: left; vertical-align: top; padding: 0 5px 10px; position: relative;}
div.contactform form div.form-row.invalid-email:after { display: block; width: 100%; position: absolute; bottom: 0; left: 0; font-size: 10px; line-height: 1.2; content: "missing or invalid email address" ; padding: 0 10px; color: #ff3300}
div.contactform form div.form-row-full {  width: 100%;}
div.contactform form div.form-row-no-padding { padding: 0px; }
div.contactform form input[type="text"] { display: block; width: 100%; text-align: left; line-height: 48px; height: 50px; border: 1px solid #d7d7d7; border-radius: 14px; padding: 0 20px; font-size: 20px; font-family:'Helvetica Neue LT W01_35 Thin'; }
div.contactform form input[type="text"].missing, textarea.missing { border: 1px solid #ff3300!important}
div.contactform form textarea { display: block; width: 100%; text-align: left; line-height: 1.5; border: 1px solid #d7d7d7; border-radius: 14px; padding: 16px 20px; font-size: 20px; font-family:'Helvetica Neue LT W01_35 Thin'; }
div.contactform form input[type="submit"] { color: #fff; font-size: 16px;  font-family: 'gilroyextrabold'; display: inline-block; padding: 0 24px; height: 40px; line-height: 38px; border-radius: 10px; background-color: #7a0a28; border: 0; cursor: pointer; margin: 10px 0 0 auto; display: table}
div.contactform form input[type="submit"]:hover { background-color: #7a0a28;}

div.contactform h4 {text-align: center;}
div.contactform p.inline-response { font-size: 24px;  font-family:'Helvetica Neue LT W01_35 Thin'; }
div.contactform p.reveal-response { font-size: 24px;  font-family:'Helvetica Neue LT W01_35 Thin'; padding-top: 50px; padding-bottom: 50px}


div.contactform div.skin-checkbox { margin-top: 10px; display: block; width: 150%;}
div.contactform div.skin-checkbox label { display: inline-block; font-family:'Helvetica Neue LT W01_35 Thin'; color: #000; font-size: 14px; line-height: 1; margin-right: 0px ; padding-top: 15px; padding-left: 53px}
div.contactform div.skin-checkbox label:before { width: 40px; height: 40px; border-radius: 12px; border: 1px solid #d7d7d7}
div.contactform div.skin-checkbox input[type="checkbox"]:checked + label:before { background-image: url(../lib/img/blue/checkmark.svg); background-size: 18px 15px;}
div.contactform *::-webkit-input-placeholder { line-height: 48px; color: #252525; font-size: 20px; font-family:'Helvetica Neue LT W01_35 Thin';; text-transform: none;}
div.contactform *:-moz-placeholder { line-height: 48px; color: #252525; font-size: 20px;font-family:'Helvetica Neue LT W01_35 Thin';; text-transform: none;}
div.contactform *:-ms-input-placeholder { line-height: 48px; color: #252525; font-size: 20px;font-family:'Helvetica Neue LT W01_35 Thin';; text-transform: none;}
div.contactform textarea::-webkit-input-placeholder { line-height: 1.5; }
div.contactform textarea:-moz-placeholder { line-height: 1.5; }
div.contactform textarea:-ms-input-placeholder { line-height: 1.5; }

div.contactform span.skin-radio {  display: inline-block; font-family:'Helvetica Neue LT W01_35 Thin'; color: #000; font-size: 18px; margin-right: 20px ; line-height: 40px}
div.contactform div.skin-radio { margin-top: 0px; display: inline-block; margin-right: 20px}
div.contactform div.skin-radio label { display: inline-block; font-family:'Helvetica Neue LT W01_35 Thin'; color: #000; font-size: 18px; line-height: 1; margin-right: 0px ; padding-left: 40px; line-height: 30px}
div.contactform div.skin-radio label:before { width: 30px; height: 30px; border-radius: 15px; border: 1px solid #d7d7d7; }
div.contactform div.skin-radio input:checked + label:after { width: 20px; height: 20px; border-radius: 15px; border: 1px solid #d7d7d7; position: absolute; left: 5px; top: 5px; display: block; content:  ""; background-color: #d7d7d7}

div.contactform span.select2-container { display: block; width: 100%!important; min-height: 50px;}
div.contactform span.select2-container--default .select2-selection--single .select2-selection__rendered { font-size: 20px; color: #252525; line-height: 48px; height: 50px;  }
div.contactform .select2-container--default .select2-selection--single { border: 1px solid #d7d7d7; border-radius: 14px; font-size: 20px; height: 50px;  color: #252525; font-family:'Helvetica Neue LT W01_35 Thin'}
div.contactform  .select2-container--default .select2-selection--single .select2-selection__placeholder { color: #252525; }
div.contactform .select2-container--default .select2-selection--single .select2-selection__arrow { background: none;}
div.contactform .select2-container--default .select2-selection--single .select2-selection__arrow b { border-color: #d7d7d7 transparent transparent transparent; top: 22px; right: 20px}
div.contactform .select2-container--default .select2-selection--single .select2-selection__arrow:hover b { border-color: #7a0a28 transparent transparent transparent;  }


/*QUOTE FORMS*/
form h2 { font-family:'Helvetica Neue LT W01_35 Thin'; font-size: 32px;}
form h3 { font-family:'Helvetica Neue LT W01_35 Thin'; font-size: 20px; font-family:'Helvetica Neue LT W01_41488878'; margin-bottom: 10px}
form div.form-block { margin-bottom: 50px;}

div.table { display: block; width: 100%; margin: 30px 0}
div.table-body div.table-row:last-child div.table-cell { border-bottom: 1px solid #d7d7d7}
div.table-row { display: block; width: 100%; border-left: 1px solid #d7d7d7; }

div.table-head div.table-row { border: 0}
div.table-head div.table-cell { font-size: 20px; font-family: 'Helvetica Neue LT W01_35 Thin'; border: 0; padding: 0 10px; line-height: 36px;}
div.table-cell { display: inline-block; vertical-align: top; padding: 0px; border: 1px solid #d7d7d7; border-left: 0; border-bottom: 0}
div.table-cell input { border: 0 !important; border-radius: 0 !important; }
div.table-cell { width: 80px; }
div.table-cell select { display: block; width: 100%; text-align: left; line-height: 48px; height: 50px; border: 0px; padding: 0 20px; font-size: 20px; font-family: 'Helvetica Neue LT W01_35 Thin'; }

div.table-cell:nth-child(2) { width: calc(70% - 234px); }
div.table-cell:nth-child(6) { width: calc(30% - 106px); }
div.table-cell:last-child { width: 20px; height: 50px; border: 0!important}
div.table-cell a.remove-row { display: block; width: 16px; height: 16px; background: url(../img/icons/delete.png) no-repeat center center; margin-top: 17px; margin-left: 4px; filter: grayscale(100%); cursor: pointer; transition: all .2s ease-out}
div.table-cell a.remove-row:hover { filter: grayscale(0)}


div.contactform form div.form-row.hazardous { display: none}
.datefield, .timefield, .datefield-claim { display: inline-block !important; width: 60%!important; margin-right: 2%}
.timefield { width: 38%!important; margin-right: 0}
.datefield, .datefield-claim { background: url(../img/icons/calendar.png) no-repeat right center; background-size: contain;}
div.contactform.quoteform div.skin-checkbox { margin-top: 0px; width: 100%;}
div.contactform.quoteform div.skin-checkbox label { font-size: 18px; padding-left: 40px; line-height: 30px; padding-top: 0}
div.contactform.quoteform div.skin-checkbox label:before { width: 30px; height: 30px; border-radius: 0; box-sizing: border-box}

p.credit-disclaimer-links a {font-size: 12px; padding-top: 5px} 


.ui-datepicker{ position: relative;	width: 100%;	max-width: 360px;	border: 1px solid #d7d7d7;	border-radius: 10px;	background: #fff;	padding: 0;	margin: 10px auto;	font-family:'Helvetica Neue LT W01_65 Md';}
.ui-datepicker::after{	position: absolute;	top: 100%;	left: 50%;	transform: translateX(-50%);	width: 0;	height: 0;	border-style: solid;	border-width: 10px 10px 0 10px;	border-color: #d7d7d7 transparent transparent transparent;	}
.ui-datepicker-header{	position: relative;	height: 60px;	padding: 20px}.ui-datepicker-next, .ui-datepicker-prev,.ui-datepicker-title{	position: absolute;	}
.ui-datepicker-next{	top: 50%;	-webkit-transform: translateY(-50%);	-ms-transform: translateY(-50%);	transform: translateY(-50%);	left: calc( 100% - 30px );	height: 19px;	width: 24px;	background: url(../img/icons/next-arrow.png) no-repeat center center/contain;	cursor: pointer;}
.ui-datepicker-prev{	top: 50%;	-webkit-transform: translateY(-50%);	-ms-transform: translateY(-50%);	transform: translateY(-50%);	left: calc( 0% + 30px );	height: 19px;	width: 24px;	background: url(../img/icons/prev-arrow.png) no-repeat center center/contain;	cursor: pointer;}
.ui-datepicker-title{	top: 50%;	left: 50%;	-webkit-transform: translateX(-50%) translateY(-50%);	-ms-transform: translateX(-50%) translateY(-50%);	transform: translateX(-50%) translateY(-50%);}
.ui-datepicker-calendar{	width: 100%;	color: #004890;	}
.ui-datepicker-calendar td{	text-align: center;	margin: 5px 5px;	width: 14.285%;	color: #004890;	width: 39px;	height: 39px;}
.ui-datepicker-calendar td.ui-datepicker-days-cell-over{	/*background-color: #004890;	color: #fff;*/}
.ui-datepicker-calendar td a{	color: #004890;}
.ui-datepicker-calendar td.ui-datepicker-days-cell-over a{/*color: #fff;*/}
.ui-datepicker-calendar td.ui-datepicker-unselectable span{color: #d7d7d7;}

#ptTimeSelectCntr .ui-widget.ui-widget-content { background-color: #fff; border: 1px solid #d7d7d7; margin-top: 10px; border-radius: 10px}
#ptTimeSelectCntr .ptTimeSelectHrCntr a, #ptTimeSelectCntr .ptTimeSelectMinCntr a { color: #004890; padding: 0px; font-size: 18px; font-family:'Helvetica Neue LT W01_35 Thin'; line-height: 39px; width: 39px; text-align: center; line-height: 39px}
#ptTimeSelectCntr .ptTimeSelectTimeLabelsCntr { font-weight: normal; font-family:'Helvetica Neue LT W01_65 Md'; font-size: 18px; line-height: 40px; display: block; width: 100%; margin-top: 10px}
#ptTimeSelectCntr .ui-widget-header { padding: 10px;}
#ptTimeSelectCntr #ptTimeSelectUserTime { font-weight: normal; font-family:'Helvetica Neue LT W01_65 Md'; font-size: 18px;  color: #004890;}
#ptTimeSelectCntr .ptTimeSelectHrCntr a.ui-state-active, #ptTimeSelectCntr .ptTimeSelectMinCntr a.ui-state-active { background-color: #004890; color: #fff}
#ptTimeSelectCntr #ptTimeSelectSetButton a { font-weight: normal; font-family:'Helvetica Neue LT W01_65 Md'; font-size: 18px;  color: #000; display: table; margin: 10px 0 20px auto}
#ptTimeSelectCntr .ptTimeSelectHrAmPmCntr a { font-size: 18px; color: #000; line-height: 24px;}
#ptTimeSelectCntr .ptTimeSelectRightPane.ui-widget-content { margin-top: 28px;}

#frmGetQuote { margin-top: 50px}


/* ORDER TRACKING */

div.tracking { display: table; width: auto; margin: 0 auto; padding: 0 20px; }
div.tracking h2 { font-size: 24px; margin: 0 auto 10px 0;}
div.tracking-block { display: block; width: 100%; margin: 0 auto 20px; }
div.tracking-block div.full { display: block!important; width: 100%!important; }
div.tracking-block > div { padding: 20px; min-width: 450px}
div.tracking-block div.half { display: inline-block; width: calc(50% - 20px); padding-right: 40px; vertical-align: top;}
div.tracking-block div.half:last-child { padding-right: 0px;}
div.tracking div.tracking-row { display: block; width: 100%; padding: 10px 0px; text-align: left; font-size: 0px;}
div.tracking div.tracking-row div { display: inline-block; width: calc(100% - 180px); vertical-align: top; text-align: left; color: #000; font-size: 18px;}
div.tracking div.tracking-row > div:first-child { width: 180px; font-family:'Helvetica Neue LT W01_65 Md'; font-size: 16px;}
div.tracking div.tracking-row > div:last-child { font-family:'Helvetica Neue LT W01_35 Thin'; font-size: 16px;}

div.trackingform { margin: 100px auto; max-width: 640px}
div.trackingform h3 { font-size: 32px; margin: 0 auto 30px}
div.trackingform form input[type="submit"] { margin: 20px auto}

#tracking div.masthead.with-tracking-header { max-width: 980px; margin: 0 auto; padding-bottom: 60px; background-color: #fdbe55;}
#tracking div.masthead.with-tracking-header h1 { font-size: 24px; bottom: 0px; line-height: 2;}
.tablet-shop-now-btn {
    display: none;
}
article {
    padding-top:80px !important;
}

/* added by nandhini 12 dec 2019 */

@media screen and (max-device-width:1874px), screen and (max-width:1920px)  {
header div > div.textNav {
width: 65%  !important;
}
}
@media screen and (max-device-width:1773px), screen and (max-width:1874px)  { 
header div > div.textNav {
width: 63%  !important;
}
}
@media screen and (max-device-width: 1126px), screen and (max-width: 1773px) {

	header div > div.contact {
    width: 315px;
	}

header div > div.textNav {
width: 53%  !important;
}
}


/*@media only screen and (min-width:1126px) {

	


	header div > div.contact {
    width: 315px;
	}

header div > div.textNav {
width: 61%  !important;
}
} */

@media only screen and (max-width:1500px) {
	div.logo { width: calc(100% - 350px); display: inline-block;  vertical-align: top; height: 80px; margin-left: 80px; background:  #004890;} 
	header div > div.textNav {display:none;}
	
	.tablet-shop-now-btn {
    display: inline-block !important;
}
.mobile-shop-now-btn {
	display:inline-block !important; } 
	/*.mobile-shop-now-btn {
	display:none !important; } */
	header div > div.contact  { display: block; width: 100%; height: auto; margin: 0;padding: 0 0px;background: #ffffff;}
		 header div > div.contact a.phone { /* line-height: 24px; */ cursor: pointer; padding: 10px 0; display: inline-block;width: 33%; vertical-align: top; /* padding: 0 10px; */ margin: 0; text-align: center; /* font-size: 12px !important; */ font-family: 'Helvetica Neue LT W01_35 Thin'; } 
article {
    padding-top:125px !important;
}
	
}


@media only screen and (max-width:1280px) {
	header { left: 0}  

	ul.footer > li  { margin-bottom: 30px}

		 header div > div.contact  { display: block; width: 100%; height: auto; margin: 0;padding: 0 0px;background: #ffffff;}

	 header div > div.contact a.phone { /* line-height: 24px; */ cursor: pointer; padding: 10px 0; display: inline-block;width: 33%; vertical-align: top; /* padding: 0 10px; */ margin: 0; text-align: center; /* font-size: 12px !important; */ font-family: 'Helvetica Neue LT W01_35 Thin'; } 

article {
    padding-top: 123px !important;
}
	
}


@media only screen and (max-width: 1200px) {

		h1 { font-size: 60px; }
		h2 { font-size: 28px; }
		h3 { font-size: 28px; }
		h4 { font-size: 40px; }
		nav h4 { font-size: 40px; }
		h5 { font-size: 22px; }

		.size30, p.size30 { font-size: 24px}
		.size24, h3.size24, p.size24 { font-size: 20px}
		.size36, p.size36 { font-size: 28px}
		div.content h3.size62, .size62, h3.size62, p.size62 { font-size: 40px}
		div.contacts { font-size: 24px}

		a.button { padding: 0 16px; line-height: 26px; border-radius: 8px; }
		a.button.tall { padding: 0 24px; line-height: 32px; border-radius: 10px; }
		div.boxholder div.box > div a.button { padding: 0 16px; line-height: 26px; border-radius: 8px;  margin-top: 20px}
		
		div.boxholder-targeted div.box > div a.button {
			line-height: 40px;
			font-size: 16px;
			margin-top: 40px;
			margin-left: auto !important;
			margin-right: auto !important;
		}
	
		div.content h3 { font-size: 28px; }
		div.content h3.hours { font-size: 40px;}

		/*div.animation p { font-size: 38px; padding: 90px 20px 0; }*/

		/*div.animation div.road { left: 20px; width: calc(100% - 40px); height: 110px; }
		div.animation #pointa { width: 100px; }
		div.animation #pointb { width: 78px; }
		div.animation #vehicle { left: 100px; }
		div.animation #vehicle.return { left: 100px;}
		div.animation #vehicle.moose { width: 202px; height: 99px}
		div.animation #vehicle.dolly { width: 50px; height: 50px}
		div.animation #vehicle.car { width: 84px; height: 51px}
		div.animation #vehicle.plane { width: 165px; height: 49px}
		div.animation #vehicle.ship { width: 251px; height: 40px}*/
	div.animation { height: 150px}
	div.animation div.road { left: 0px; width: 100%; height: 110px; }
	div.animation #pointa { width: 70px; }
	div.animation #pointb { width: 55px; }
	div.animation #vehicle { left: 50px; }
	div.animation #vehicle.return { left: 40px;}
	div.animation #vehicle.moose { width: 65px; height: 30px}
	div.animation #vehicle.dolly { width: 28px; height: 28px}
	div.animation #vehicle.car { width: 40px; height: 28px}
	div.animation #vehicle.plane { width: 115px; height: 35px}
	div.animation #vehicle.ship { width: 175px; height: 28px}
	div.animation p {
		padding: .2em 0px 0 0;
	}

		ul.hours li h4 { font-size: 32px; min-height: 50px;}
		 ul.hours li div { padding: 20px}	


		div.accordion { padding: 0 20px;}
		div.accordion h6 { font-size:28px}
		div.accordion div { font-size: 24px}
		div.accordion h6 span.ui-accordion-header-icon { top: 20px}

		.margin-top-150 { margin-top: 100px !important; }
		.margin-bottom-150 { margin-bottom: 100px !important; }

}

@media only screen and (max-width:1100px) {
	div.animation p {     
		font-size: 5vw;
		padding-top: 2.4vw;
	}
}


@media only screen and (max-width:1100px) {
	div.login form > div { padding-left: 0px; }

	div.boxholder div.box > div { padding: 20px}
	div.bg-triangle {
		background-size: 120% 100%
	}
	div.login {
		padding: 20px;
	}

	 div.career-listings div.thumbnail, div.career-listings div.info { height: 380px; padding-bottom: 0}
	 div.career-listings div.thumbnail img { height: 100%; width: auto; max-width: 990px}
	

div.boxholder div.box-careers > div p {
	min-height: 6.75em;
}

		div.info div h2 { font-size: 32px;}
	ul.footer > li { min-width: 0 ; padding-right: 60px}
	
}


@media only screen and (max-width:1080px) {
/*	div.animation #pointa {
		width: 200px;
	}
	div.animation #pointb {
    	width: 156px;
	}*/
	
}



@media only screen and (max-width:1000px) {
	div.login { width: 100%; }
	div.call-us { width: 30%; padding: 20px}
	div.call-us div { background: rgba(255, 255, 255, 0.7); width: 100%; position: absolute; top: 0; left: 0; height: 100%; padding: 20px}
	a.start-by-phone { top: auto; bottom: 20px; left: 10%; width: 80%; height: 80px; font-size: 36px; padding: 10px 20px; bottom: 20px}
	div.call-us a.phone { font-size: 30px; color: #000}
	div.call-us a.phone small { color: #000}
	div.call-us label { color: #000}

	ul.hours li p { font-size: 16px;}
	ul.hours li h4 { font-size: 28px; min-height: 36px;}
	
	div.tracking { width: 100%; display: block; font-size: 0}
	div.tracking-block div.half { width: 40%;}
	div.tracking-block div.half:nth-child(2) { width: 60%;}
	#tracking div.masthead.with-tracking-header h1 { font-size: 18px; bottom: 10px; line-height: 1.25;}
	div.tracking-block > div { padding: 20px; min-width: 0px}
	
	div.loginbox {height: auto;}
	
	div.track-shipment { 
		display:block; 
		width:100% !important;
		height: 270px !important;
	}
	div.track-shipment > img {
   		 width: 100% !important;
		height: auto !important;
	}
	div.login form > div form {
		max-width: 330px;
		margin: 0 auto;
		display: block;
	}
	div.track-shipment > div {
		max-width: 330px;
		margin-left: auto;
		margin-right: auto;
	}
	div.track-shipment > form {
	max-width: 330px;
    margin-left: auto;
    margin-right: auto;
	}

}
@media only screen and (max-width:900px) {
	div.boxholder div.box { padding-bottom: 0; height: 330px}
	div.boxholder div.box > img { height: 100%; width: auto}
	ul.footer > li { padding-right: 40px}

	ul.hours li p { font-size: 15px; line-height: 1.25}

	ul.grid-2.our-values li div { padding: 0px 20px}
	div.track-shipment > img {
   		 width: 100% !important;
		height: auto !important;
	}

	div.bg-triangle {
		background-size: 150% 100%
	}


}

@media only screen and (max-width:768px) {
		h1 { font-size: 50px; }
		h2 { font-size: 24px; }
		h3 { font-size: 24px; }
		h4 { font-size: 32px; }
		nav h4 { font-size: 32px; }
		h5 { font-size: 20px; }

		.size30, p.size30 { font-size: 20px}
		.size24, p.size24 { font-size: 18px}
		.size36, p.size36 { font-size: 24px}
		div.content h3.size62, .size62, h3.size62, p.size62 { font-size: 32px}

		div.contacts { font-size: 20px}
		a.button { padding: 0 16px; line-height: 24px; border-radius: 7px; font-size: 14px}
		a.button.tall { padding: 0 24px; line-height: 28px; border-radius: 8px; }
		div.boxholder div.box > div a.button { padding: 0 15px; line-height: 24px; border-radius: 7px;  margin-top: 20px}
	
	div.boxholder-targeted div.box > div a.button {
    line-height: 40px !important;
    font-size: 16px !important;
    margin-top: 40px !important;
    margin-left: auto !important;
    margin-right: auto !important;
}
	div.gmap-overlay a.button {
    margin-left: 20px;
	}
	div.masthead-targeted-overlay h1 {
		font-size: 54px;
	}
	
	
	
		div.content h3 { font-size: 24px; }
		div.content h3.hours { font-size: 32px;}


		ul.hours li { padding-bottom: 0px!important; height: auto!important; }
		ul.hours li div { position: static}
		ul.hours li h4 { font-size: 32px; min-height: 0; padding-bottom: 20px}
		ul.hours li p { font-size: 18px; line-height: 1.5}


		footer { padding: 40px 20px 20px}
		div.copyright { padding-right: 20px}
		div.copyright p { margin-bottom: 20px}
		div.footer-contact { position: static; text-align: left; }

		div.accordion h6 { font-size:24px}
		div.accordion div { font-size: 20px}

		div.contacts b { margin-top: 50px}
		div.phone-entry { margin-bottom: 20px}

		
}


@media only screen and (max-width:767px) {

		.remterms {width: 100%;}

		header div > div.contact { padding-right: 20px; width: 260px}
		div.logo { width: calc(100% - 340px);}
	 	header div > div.contact a.button { display: none;}

		div.loginbox { min-height: 270px; height: auto}
	 	div.login { padding: 40px 20px 0; background-position: right bottom; display: block; width: 100%; background-size: cover;}
		/* div.login form label { margin-right: 0; display: block; width: 100%; margin-bottom: 20px}*/
		div.login form > div { width: 100%; max-width: 330px; margin: 0 auto; display: block}
		 div.login form input[type="text"], div.login form input[type="password"] { height: 40px; line-height: 40px; max-width: 100%; width: 100%; margin-right: 10px; margin-bottom: 10px;}
		div.login form input[type="submit"] { height: 30px; line-height: 30px; border-radius: 8px}
		div.call-us { display: none}

		ul.hours li:nth-child(1) { width: 100%; display: block; padding-bottom: 100%; display: none;}
		ul.hours li:nth-child(2), ul.hours li:nth-child(3) { width: 50%; padding-bottom: 55%}

			ul.footer { display: none;}

		div.info div h2 { font-size: 28px;}

	div.tracking { width: 100%; display: block; font-size: 0}
	div.tracking-block div.half { width: 100%; display: block}
	div.tracking-block div.half + div.half { padding-top: 0}
	div.tracking-block div.half:nth-child(2) { width: 100%;}
	div.tracking div.tracking-row > div:first-child { width: auto; padding-right: 30px;}
	div.tracking div.tracking-row > div:last-child { width: auto;}
	h2.empty { display: none}
	
	div.boxholder-targeted div.box { 
		height: 500px;
				min-height: 500px;
		width: 100%; display: block;
	}
	div.boxholder-targeted div.box-form {
		height: 800px;
		min-height: 800px
	}
	div.boxholder-targeted div.first-box, div.boxholder-targeted div.box-form {
		height: auto !important;
		min-height: auto !important;
	}
	div.boxholder-targeted div.first-box > div, div.boxholder-targeted div.box-form > div {
    position: relative !important;
    width: 100%;s
	height:auto !important;;
	min-height: 0 !important;;
    top: 0 !important;;
    left: 0;
    display: block;
    padding: 0px 20px 50px 20px;
	   transform: translateY(0) !important;
    -webkit-transform: translateY(0) !important;
    -ms-transform: translateY(0%) !important;
		transform:none !important
}
	div.boxholder-targeted div.box-form > div {
		padding-top: 50px;s
	}
nav {
padding-top:40px !important; }

.left-panel-logo {
	width:48% !important;}
	.left-panel-hr {
	margin: 5px 30px 5px 30px !important; }
	
	nav > ul > li > a {
	font-size: 20px !important;
    line-height: 25px !important; }
	header nav div.contact {
    margin-top: 6px !important;
    margin-bottom: 6px !important;
}

.mobile-btn { top: -262px !important;}	 header div > div.contact  { display: block; width: 100%; height: auto; margin: 0;padding: 0 0px;background: #ffffff;}


} 



@media only screen and (max-width:600px) {

/* CASH ORDER RESPONSIVE */
div.login form { display: inline-block; width: 98%; text-align: left; margin-bottom: 40px; margin-left: 1%; font-size: 0; float:none}
div.cashorder { display:inline-block; width: 100%; margin-bottom: 40px; padding-top: 0px; float: none;}	
div#loginHeading {text-align: center}	
	
	
	
		h1 { font-size: 32px; }
		h2 { font-size: 24px; }
		h3 { font-size: 24px; }
		h4 { font-size: 28px; }
		h5 { font-size: 20px; }
	h4.smaller {font-size: 28px;}


		.size30, p.size30 { font-size: 18px}
		.size36, p.size36 { font-size: 20px}
		div.content h3.size62, .size62, h3.size62, p.size62 { font-size: 28px}
		div.content h3.hours { font-size: 28px;     margin: 50px auto 20px;}
		a.button { padding: 0 16px; line-height: 24px; border-radius: 7px; font-size: 14px}
		a.button.tall { padding: 0 24px; line-height: 28px; border-radius: 8px; }
		div.boxholder div.box > div a.button { padding: 0 15px; line-height: 24px; border-radius: 7px;  margin-top: 20px !important}

	 div.logo { height: 60px; width: calc(100% - 60px); display: block; margin-left: 60px}

	 
	 div.logo a { display: block; width: 100%; padding-top: 10px}
	 div.logo img{ margin: 0px auto; display: block}
	 header { height: 90px; background: #004890}
	 div.burger { top: 20px; left: 14px;}
	 header div > div.contact  { display: block; width: 100%; height: auto; margin: 0;padding: 0 0px;background: #ffffff; margin-top: 12px;}
	 /* header div > div.contact a.phone { line-height: 30px; display: inline-block; width: 50%; vertical-align: top; padding: 0 10px; margin: 0; text-align: center; font-size: 14px; font-family:'Helvetica Neue LT W01_35 Thin';} */
	 header div > div.contact a.phone { /* line-height: 24px; */ cursor: pointer; padding: 10px 0; display: inline-block;width: 37%; vertical-align: top; /* padding: 0 10px; */ margin: 0; text-align: center; /* font-size: 12px !important; */ font-family: 'Helvetica Neue LT W01_35 Thin'; } 

	.tablet-shop-now-btn { display:none !important}
	.mobile-shop-now-btn { display:inline-block !important;}
	 header div > div.contact a.phone span { width: auto}
	 header div > div.contact a.phone small { font-size: 11px}
	nav { padding-top: 60px}
	nav h4 { font-size: 32px;     padding-left: 20px;}
	nav > ul > li > a {font-size: 24px;}
	nav > ul { margin-top: 20px}
	header nav div.contact { width: calc(100% - 20px); margin-left: 20px;}
	header nav div.contact a.phone { font-size: 24px; width: auto; margin-right: 20px}

	
	div.content { margin: 50px auto; }
	div.colorbox { margin: 50px auto; padding: 50px 20px; }
	div.full-width { margin: 50px auto; }
	div.masthead { margin: 0px auto 50px; }
	div.image { margin: 50px auto; }
	div.button-set { margin: 20px auto 30px; width: calc(100% + 40px); left: -20px; position: relative}
	div.accordion { margin: 50px auto; padding: 0px 20px;}
    .mobile-shop-now-btn { cursor: pointer;
    /* border-right: none; */
    padding-right: 0;
    background: #ffffff;
    text-transform: capitalize !important;
    width: 25% !important;
    text-align: left;
    padding-left: 15px;
    height: 44px;
    float: left;}
	.star-img {
	left: 62px; }


	.margin-top-100 { margin-top: 50px !important; }
	.margin-top-150 { margin-top: 50px !important; }

	.margin-bottom-100 { margin-bottom: 50px !important; }
	.margin-bottom-150 { margin-bottom: 50px !important; }

	div.button-set a.button { margin: 10px 3px;}

	div.masthead h1 { bottom: 20px}

	/*div.animation { height: 150px}
	div.animation div.road { left: 0px; width: 100%; height: 110px; }
	div.animation #pointa { width: 70px; }
	div.animation #pointb { width: 55px; }
	div.animation #vehicle { left: 50px; }
	div.animation #vehicle.return { left: 40px;}
	div.animation #vehicle.moose { width: 65px; height: 30px}
	div.animation #vehicle.dolly { width: 28px; height: 28px}
	div.animation #vehicle.car { width: 40px; height: 28px}
	div.animation #vehicle.plane { width: 115px; height: 35px}
	div.animation #vehicle.ship { width: 175px; height: 28px}
	div.animation p {
		padding: 26px 20px 0;
	}*/
	div.animation {
    height: 120px;
}
	div.animation p {     
		padding-top: 1em;
	}

/* 	div.login { background: #fff}*/
	 div.login form input[type="text"], div.login form input[type="password"] { width: 100%; margin-right: 0}

	div.boxholder div.box { height: 400px; width: 100%; display: block}
	div.boxholder div.box > div { top:50%; transform: translateY(-50%); -webkit-transform: translateY(-50%);  -ms-transform: translateY(-50%); height: auto}

		ul.hours { background: none}
		ul.hours li { margin-bottom: 0px !important; height: auto!important; display: block; width: 100% !important;}
		ul.hours li:first-child { width: 100vw!important; height: 100vw!important; display: block!important; }

	div.boxholder div.box > div.bg-triangle {
		position: absolute;
			top: 0;
		transform: translateY(0%);
		-webkit-transform: translateY(0%);
		-ms-transform: translateY(0%);
		z-index: 2;
		left: 0;
		right: 0;
		bottom: 0;
		background-size: cover;
	}
	
	div.boxholder div.box-careers > div p {
	min-height: 0em;
}


	


	div.accordion { padding: 0 0px;}
	div.accordion h6 { padding: 20px; font-size: 20px}
	div.accordion div { padding: 0 20px 20px; font-size: 18px}
	div.accordion h6 span.ui-accordion-header-icon { display: none;}

	 div.career-listings div.thumbnail, div.career-listings div.info { width: 100%; display: block;}
	 div.career-listings div.thumbnail img { height: 100%; width: auto; max-width: 990px}

	div.contactform form div.form-row { display: block; width: 100%;}

		ul.grid-2 li {width: 100%; display: block;}


		div.table { display: block; width: 100%; margin: 30px 0}
		div.table-body div.table-row:last-child div.table-cell { border-bottom: 1px solid #d7d7d7}
		div.table-row { display: block; width: 100%; border-left: 1px solid #d7d7d7; }

		div.table-head div.table-row { border: 0}
		div.table-head div.table-cell { font-size: 20px; font-family: 'Helvetica Neue LT W01_35 Thin'; border: 0; padding: 0 10px; line-height: 36px;}
		div.table-cell { display: inline-block; vertical-align: top; padding: 0px; border: 1px solid #d7d7d7; border-left: 0; border-bottom: 0}
		div.table-cell input { border: 0 !important; border-radius: 0 !important; }
		div.table-cell { width: calc(16% - 4px) !important; }
		div.table-cell:nth-child(2) { width: calc(20% - 4px) !important; }
		div.table-cell select { display: block; width: 100%; text-align: left; line-height: 48px; height: 50px; border: 0px; padding: 0 20px; font-size: 20px; font-family: 'Helvetica Neue LT W01_35 Thin'; }

/*		div.table-cell:nth-child(2) { width: calc(70% - 234px); }*/
/*		div.table-cell:nth-child(6) { width: calc(30% - 106px); }*/
		div.table-cell:last-child { width: 20px!important; height: 50px; border: 0!important}
		div.table-cell a.remove-row { display: block; width: 16px; height: 16px; background: url(../img/icons/delete.png) no-repeat center center; margin-top: 17px; margin-left: 4px; filter: grayscale(100%); cursor: pointer; transition: all .2s ease-out}
		div.table-cell a.remove-row:hover { filter: grayscale(0)}

		div.contactform div.table input, div.contactform div.table select { font-size: 16px; padding: 0 3px; text-align: center;}
		div.contactform div.table *::-webkit-input-placeholder { line-height: 48px; font-size: 16px; }
		div.contactform div.table *:-moz-placeholder { line-height: 48px; font-size: 16px; }
		div.contactform div.table *:-ms-input-placeholder { line-height: 48px; font-size: 16px; }


		div.tracking { padding: 0 20px}
		div.tracking div.tracking-row div { width: 240px; font-size: 18px;}
		div.tracking div.tracking-row div:first-child { calc(width: 100% - 240px); }

		div.trackingform { margin: 50px auto; }
		div.trackingform h3 { font-size: 26px; margin: 0 auto 20px}

	div.masthead-targeted-overlay  h1 {
		display: none
	}
	h1.hidden-title {
		display:none;
	}
	

}

@media only screen and (max-width:450px) {
	a.button-large.button-green {
		margin-left: 0px;
		margin-top: 24px;
	}
}



/*	IPHONE 6 PLUS */

@media only screen and (max-width:437px) {
	div.login form input[type="submit"] { display: table}
	header div > div.contact a.phone small { margin-right: 4px}
	ul.hours li p.half { padding-right: 0; width: 100%; display: block}
	ul.hours li p { text-align: center !important;}
	ul.hours li h4 { text-align: center;}
	div.contactform form div.form-row-three input[type="text"] { width: 100%; margin: 0 0 10px; }

	#tracking div.masthead.with-tracking-header { padding-bottom: 80px}
	#tracking div.masthead.with-tracking-header h1 { font-size: 16px; bottom: 10px; line-height: 1.25;}
.mobile-shop-now-btn { cursor: pointer;
    /* border-right: none; */
    padding-right: 0;
    background: #ffffff;
    text-transform: capitalize !important;
    width: 25% !important;
    text-align: left;
    padding-left: 15px;
    height: 66px;
    float: left;
    line-height: 46px !important;}

	article {
    padding-top: 138px !important ;
}




}

/*	IPHONE 6*/
@media only screen and (max-width:375px) {



article { padding-top: 138px !important;}



.mobile-shop-now-btn { cursor: pointer;
    /* border-right: none; */
    padding-right: 0;
    background: #ffffff;
    text-transform: capitalize !important;
    width: 25% !important;
    text-align: left;
    padding-left: 15px;
    float: left;
    line-height: 46px !important;}
	
	
}

/*	IPHONE 5 */
@media only screen and (max-width:360px) {
	 header div > div.contact a.phone { padding: 0; font-size: 13px}
	 
.mobile-shop-now-btn { cursor: pointer;
    /* border-right: none; */
    padding-right: 0;
    background:#ffffff;
    text-transform: capitalize !important;
    width: 20% !important;
    text-align: left;
    padding-left: 15px;
    height: 46px;
    float: left;
    line-height: 46px !important;}

article { padding-top: 118px !important;}

}


@media only screen and (max-height:950px) {
}

@media only print {

p { font-family:'Helvetica Neue LT W01_41488878'; font-size: 14px; line-height: 1.5; display: block; margin: 0 auto 40px; width: 100%; }
a { }
a:hover { color: #aaa; }
b,strong { font-family:'Helvetica Neue LT W01_41488878'; font-weight: bold}
i, em { font-family:'Helvetica Neue LT W01_41488878'; font-style: italic}

h1 { font-family:'Helvetica Neue LT W01_41488878'; font-size: 32px; color: #000; }
h2 { font-family:'Helvetica Neue LT W01_65 Md'; font-size: 20px; color: #000; }
h3 { font-family:'Helvetica Neue LT W01_35 Thin'; font-size: 24px; color: #000; }
	h3.content-type{
		max-width: 1080px;
		margin: 0 auto;
	}
h4 { font-family:'Helvetica Neue LT W01_35 Thin'; font-size: 32px; color: #fff}
h5 { font-family:'Helvetica Neue LT W01_41488878'; font-size: 20px; color: #000}
/*h6 { font-family:'News Gothic W01'; font-size: 24px; color: #000; display: block; width: 100%; text-align: center; margin-bottom: 45px;}*/

div.boxholder div.box > div { padding: 20px}

ul.hours li h4 { font-size: 24px}
ul.hours li p { font-size: 14px}
ul.hours li { padding: 10px !important}
header { position: absolute; top: 0}
div.burger { position: absolute}
div.login form > label { font-size: 20px;}
div.login form input[type="submit"] { height: 30px; line-height: 30px; font-size: 14px;}

.size24, h3.size24, p.size24 { font-size: 18px}
.size30, p.size30 { font-size: 20px}
.size36, p.size36 { font-size: 22px}
.size62, h3.size62, p.size62 { font-size: 32px}

}

@media only print {
	footer.tbf { display: none;}
}

/*--below code added by nandhini on 3-Dec-2019-->*/
/*start*/
/*div.burger.active::before, div.burger.active::after {
width:30px !important; 
}
div.burger {
top:30px !important;
}
nav {
padding-top:65px !important;
}
nav > ul {
margin-top: 0px !important;
}

header div > div.textNav {
text-align: right !important
}
header nav div.contact {
margin-top: 12px !important;
margin-bottom: 12px !important;
}
.left-panel-logo {
padding: 0px 30px;
width: 50%;
}
.left-panel-hr {
margin: 15px 30px 15px 30px;
border-bottom: 1px solid rgba(255, 255, 255, 0.3);
}
.show-now-img {
padding:0px;
width: 100%;
margin-bottom:20px;
}


header div > div.textNav a.textNavLink { 
padding-right: 2%;
padding-left: 2%;
margin:0 !important;
border-right: 1px solid #fff9;
}
a.button.yellow {
background:#ffffff !important
}*/

div.burger.active::before, div.burger.active::after {
    width:30px !important; 
    }
    div.burger {
    top:20px !important;
    }
    nav {
    padding-top:65px !important;
    }
    nav > ul {
    margin-top: 0px !important;
    }

    header div > div.textNav {
    text-align: right !important;
    padding: 10px 0px 0 30px !important;
    float:left;
    width:65%;
    }
    header nav div.contact {
    margin-top: 12px !important;
    margin-bottom: 12px !important;
    }
    .left-panel-logo {
    padding: 0px 30px;
    width: 62%;
    }
    .left-panel-hr {
    margin: 20px 30px 20px 30px;
    border-bottom: 1px solid rgba(255, 255, 255, 0.3);
    }
    .show-now-img {
    padding:0px;
    width: 100%;
    margin-bottom:20px;
    }

    header div > div.textNav a.textNavLink { 
    padding-right: 2%;
    padding-left: 2%;
    margin:0 !important;
    border-right: 1px solid #fff9;
    }
    a.button.yellow {
    background:#7a0a28 !important
    }
    
    header nav div.contact a.phone 
    {
        font-size: 25px !important;
    }
   /* header div > div.contact 
    {
        float:right !important;
        width:247px !important 
     } */

     div.logo 
     {
         float:left !important
     }
/* .mobile-shop-now-btn {
	display:none !important; } */

	 @media only screen and (max-width: 360px)
	header div > div.contact a.phone {
    padding: 0 !important;
    font-size: 13px  0 !important;
	}
	@media only screen and (max-width: 600px)
	header div > div.contact a.phone {
    /* line-height: 24px; */
    display: inline-block;
    width: 40% !important;
    vertical-align: top;
    /* padding: 0 10px; */
    margin: 0;
    text-align: center !important;
    /* font-size: 12px !important; */
    font-family: 'Helvetica Neue LT W01_35 Thin';
}

/*end*/