@charset "UTF-8";
/* CSS Document */


.container {
	width:100%;
	margin:0 auto;
	padding:0 3%;
}


.container-home {
    width:100%;
}
#home-harling-logo {
    width: 90%;
    text-align:center;
    margin:40px auto;
    height:60px;
}
#home-lang-choice-buttons {
    width:100%;
    text-align:center;
    background-color:#e9e9e9;
    height:180px;
    position:relative;
}
#home-button-container {
    width:90%;
    margin:0 auto 0 auto;
    text-align:center;
    position:absolute;
    top:10%;
    left:5%;
}


a.lang-choice-button, 
a.lang-choice-button:link,
a.lang-choice-button:visited {
	font-size:1.1em;
    text-transform:uppercase;
    background-color:#d6002c;
    padding:18px 40px;
    color:#fff;
	font-family: "Gotham-Bold", "Montserrat", Arial, Helvetica, sans-serif;
    text-align:center;
    margin:10px auto;
    display:block;
    width:200px;
    
}
a.lang-choice-button:hover {
   background-color:#000;
   text-decoration:none;
}

#home-tagline {
    width:95%;
    text-align:center;
    margin:30px auto 15px auto;
    text-transform:uppercase;
	font-size:0.9em;
	font-family: "Gotham-Bold", "Montserrat", Arial, Helvetica, sans-serif;

}
#lang-choice-partner-container {
    width:400px;
    margin: 0 auto;    
}
#home-PDI-logo {
    width:90%;
    float:none;
    height:60px;
    text-align: center;
}
#home-Hemlock-logo {
    width:90%;
    float:none;
    text-align: center;
    height:60px;
    margin-top: 37px;
}
#home-HemlockHarling-logo {
    width:90%;
    float:none;
    text-align: center;
    height:60px;
    margin-top: 17px;
}

#home-PrismTech-logo {
	width:90%;
    float:none;
    height:60px; 
	text-align: center;
}

header {
	height:65px;	
}

a#header-logo {
	background-image:url(../images/logo_harling.png);
    background-position: 0 15px;
	background-repeat:no-repeat;
	background-size:77%;
	width:185px;
	height:61px;
	display:block;
	text-indent:-9999px;
	float:none;
}

/* --------------------------------- header nav ------------------------*/
nav {
	width: 100%;
	display: block;
	overflow:hidden;/**/
	float:right;
	text-align:left;
	position:absolute;
	top:65px;
	left:0;
}
ul#nav-content {
    padding:0;
	margin:0;
	background-color:#d6002c;
	list-style:none;
}
li.nav-item {
	background-color:#d6002c;
	margin-bottom:0;
}
li.nav-item a {
	display: block;
	float:none;
	background-color:#d6002c;
	color:#fff;
	padding:20px 0;
	text-align:center;
	font-family: "Gotham-Bold", "Montserrat", Arial, Helvetica, sans-serif;
	font-size: .875em;
	text-transform:uppercase;
	text-decoration:none;
}
/*ul#nav-content li:first-child.nav-item a {
	border-top: 1px solid #37ad49;
	
}*/
li.nav-item a:hover, 
li.current-menu-item a{
	color: #fff;
	background-color:#be0229;
	text-decoration:underline !important;
}


/* --------------------------------- mobile trigger ------------------------*/

a.mobile_menu_tirgger {
	display: block;
	position:absolute;
	top:0px;
	right:0px;
	cursor:pointer;
	padding:0px 10px;
	height:65px;
	width:70px;
	background-color:#d6002c;
	z-index:6000 !important;
	text-indent:-99999px;
	background-image:url(../images/mobile_trigger_hamburger.png);
	background-repeat:no-repeat;
	background-position:center center
	/*NOTE: text is changed to "menu" using jQuery on the file "responsive_layout_jQuery_functions.js" line #39 & #44*/
}
a.mobile_menu_tirgger.selected {
	/*NOTE: text is changed to "close" using jQuery on the file "responsive_layout_jQuery_functions.js" line #39 & #44*/
	background-image:url(../images/mobile_trigger_close.png);
	background-repeat:no-repeat;
	background-position:center center
}

a {
	text-decoration:none !important;
}


/*  ------------------------------------------home hero banner-----------------------------------------------------------  */

#home-hero-banner-left {
	width:100%; 
	height:auto;
	padding-bottom:65%;
	float:none; 
	background:url(../images/header_home_warehouse_mobile.jpg) center center no-repeat;
	background-size:100%;
}
#home-hero-banner-right {
	width:100%; 
	height:auto;
	padding-bottom:65%;
	float:none; 
	background:url(../images/header_home_woman_mobile.jpg) top center no-repeat;
	background-size:100%;
}

#home-hero-banner-left-content {
	width:90%;
	position:absolute;
	top:4%;
	left:3%;
}/**/

#home-hero-banner-left-content a.button {
	margin-top:3%;
	margin-right:1%;
}

@media screen and (max-width: 450px) { 
    #french-content #home-hero-banner-left-content h1 {
        font-size: 2em;/*2.75*/
        line-height:.95em;
    }
}
@media screen and (max-width: 400px) { 
    #french-content #home-hero-banner-left-content h1 {
        font-size: 1.75em;/*2.5*/
        line-height:.95em;
    }
}
a.button, 
a.button:link,
a.button:visited {
	font-size:.8em;
}
#french-content a.button, 
#french-content a.button:link,
#french-content a.button:visited {
		font-size:.8em;
	}
#home-hero-banner-left-content h1 {
	font-size: 3.0em;
}


#home-callouts .one-third {
	width:90%;
	float:none;
	margin:20px auto 0 auto;
}
#home-callouts p {
	margin:.5em 0 2em 0;
}


/*  ------------------------------------------ foundation & experience ------------------------------------------------------*/
#foundation-experience .container {
	padding:30px 0 10px 0;
	margin-top:20px;
}

#foundation-experience .one-half {
	width:90%;
	float:none;
	position:relative;
}

#foundation-experience .circle-images {
	min-height:300px;
}
#circleImage-largeRed {
	position:absolute;
	top:0;
	left:15%;
	width:auto;
	height:95%;
}
#circleImage-woman {
	position:absolute;
	top:10%;
	left:5%;
	width:auto;
	height:30%;
}
#circleImage-man {
	position:absolute;
	bottom:10%;
	left:70%;
	width:auto;
	height:40%;
}
/*  -----------------------------   footer   --------------------------------------------*/
footer .container {
	padding:0 0 0 0;/**/
}

#footer-addresses {
	float:none;
	width:90%;
	margin:0 auto;
	padding: 10px 0;
}

.address-block {
	float:left;
	width:90%;
	font-size:1em;
} 
#canada-post-expert {
	padding:10px 0;
	clear:both;
	width:100%;
}
#canada-post-expert {
	float:none;
	width:100%;
	background-color:#fff;
	color:#5A666E;
	font-size:.875em;
	text-align:center;
}


/*  ------------------------------------------careers ---------------------------------------  */

#careers-hero-banner .container-full {
	background: url(../images/header_background_1_mobile.jpg) center center no-repeat;
	background-size:110%;
	position:relative;
	min-height:510px;
	width:100%;
}
#careers-hero-banner-left {
	width:90%;
	position:relative;
	margin:0 auto;
	float:none;
	padding:30px 0 0 0;
}
#careers-hero-banner-left h1 {
	color:#000;
	margin:0;
	padding:0;
}
#careers-hero-banner-left p {
	color:#000;
	font-size:1.2em;
	line-height:1.25em;
	margin:10px 0 0 0;
}
#careers-hero-banner-right {
	width:90%;
	position:relative;
	margin:15px auto;
	height:250px;
}
#careers-hero-banner-right #circleImage-largeRed {
	position:absolute;
	top:10px;
	left:10%;
	width:auto;
	height:220px;
}
#careers-hero-banner-right #circleImage-woman {
	position:absolute;
	top:40px;
	left:0%;
	width:85px;
	height:auto;
}
#careers-hero-banner-right #circleImage-man {
	position: absolute;
	top:130px;
	left: 65%;
	width: 95px;
	height: auto;
}

/*  ---------------------------------  side nav   ----------------------------------*/

ul.sideNav-list {
	display: none;
}
	
#side-nav {
	width:100%;
	background-color:#d6002c !important;
	color:#fff;
	padding:4% 0;
	position:relative;
}
#side-nav h2 {
	color:#fff;
	padding:0 5%;;
	font-size:1.6em;
	text-align:left; 
}
.sideNav-vtabs {
	background-color:#d6002c;
	padding-bottom:10%;
}

h3.sideNav-accordion {
	display: block;
	line-height: 1.0em;
	font-size:1.4em;
	font-weight: normal;
	text-decoration: none;
	font-family: "Gotham-Book", "Montserrat", Arial, Helvetica, sans-serif;
	background-color:#d6002c;
	margin:0;
	padding:15px 5%;
	background:#d6002c url(../images/sideNav-mobile-normal-chevron.png) 95% 18px no-repeat;
	color:#fff;
}
h3.sideNav-accordion.sideNav-tab-active {
	font-weight: bold;
	background:#b00024 url(../images/sideNav-mobile-active-chevron.png) 95% 18px no-repeat;/*b00024*/
	width:110%;
	margin-left:-5%;
	padding:15px 10%;
}
.sideNav-vtabs .content-container-withNav {
	float: none;
	width: 100%;
	min-height: initial;
	clear: none;
}
.sideNav-accordion-closed {
	display: none !important;
}

.sideNav-vtabs .content-container-withNav {
	/*clear: none;*/
	width:100%;
	float:none;
	padding: 0;
	margin:0px auto 0px auto;
}
.content-container-withNav div.content {
	background-color:#fff;
	padding:10%;
	width:110%;
	margin-left:-5%;
}


/* ---------------------------------------------------  services   -----------------------------------------------------------  */

#services-slider .slides li {
	height: 408px;
	min-height:408px;
	background-size:cover;
}
#slide-1 {
	background:url(../images/services_slider_image_1_mobile.jpg) no-repeat center center;
}
#slide-2 {
	background:url(../images/services_slider_image_2_mobile.jpg) no-repeat center center;
}
#slide-3 {
	background:url(../images/services_slider_image_3_mobile.jpg) no-repeat center center;
}
#slide-4 {
	background:url(../images/services_slider_image_4_mobile.jpg) no-repeat center center;
}
#slide-5 {
	background:url(../images/services_slider_image_5_mobile.jpg) no-repeat center center;
}

.slides h1 {
	display:block;
	float:none;
}
h1.slider-left {
	color:#000;
	padding:30px 0 0 5%;
	font-size:2.5em;
}
h1.slider-right {
	color:#d6002c;
	/*font-family: "Gotham-Book", "Montserrat", Arial, Helvetica, sans-serif;*/
	padding:14px 0 0 5%;
	font-size:2.5em;
}

/* ---------------------------------------------------  whats new   -----------------------------------------------------------  */

#whats-new-hero-banner .container-full {
	background:url(../images/header_whats_new_mobile.jpg) center center no-repeat;
	background-size:cover; 
	padding-bottom:70%;
	position:relative;
}
#whats-new-hero-banner h1 {
	position:absolute;
	top:42%;
	center:0;
	font-size:3.0em;
}
#whats-new .content{
	padding:6% 0;
	width:100%;
}
/* ---------------------------------------------------  contact us   -----------------------------------------------------------  */



#contact-montreal .container-full {
	background:url(../images/contactUs_map_montreal_mobile.jpg) bottom center no-repeat;
	background-size:100%; /**/
	height:600px;
	position:relative;
}
#contact-toronto .container-full {
	background:url(../images/contactUs_map_toronto_mobile.jpg) bottom center no-repeat;
	background-size:100%; /**/
	height:600px;
	position:relative;
}
#contact-vancouver .container-full {
	background:url(../images/contactUs_map_vancouver_mobile.jpg) bottom center no-repeat;
	background-size:100%; /**/
	height:600px;
	position:relative;
}

#contact-email .container {
	font-size:1.2em;
}
.contact-address-text {
	position:relative;
	padding:0;
	text-align:center;
	width:100%;
}
.contact-address-text h2 {
	font-size:4.0em;
	font-family: "Gotham-Book", "Montserrat", Arial, Helvetica, sans-serif;
}
.contact-address-text p {
	margin-bottom:20px;
	font-family: "Gotham-Medium", "Montserrat", Arial, Helvetica, sans-serif;
	font-size:1.125em;
}
#contact-montreal .container, 
#contact-toronto .container, 
#contact-vancouver .container {
	position:relative;
}

.google-link {
	position:absolute;
	height:250px;
	width:100%;
	top:350px;
	left:0;
	display:block;
}