﻿@import url('https://fonts.googleapis.com/css?family=Lato:400,400i,700&display=swap');
@import url('https://fonts.googleapis.com/css?family=Roboto+Condensed:400,700&display=swap');
@import url('https://fonts.googleapis.com/css?family=Arvo&display=swap');

html, body, #hg-Wrapper {
    background: #f7f8f8;
    margin: 0;
    padding: 0;
    font-family: "Lato",Helvetica,sans-serif;
    font-size: 20px;
    color:#1E1F22;
    min-height:100vh;
}
img{border:0;}

@media (max-width: 950px){
    #hg-Wrapper .cw-ProductCollageNarrow{display:block;}
    #hg-Wrapper .cw-ProductCollageFull{display:none;}
}

@media (max-width: 768px) {
    #hg-Wrapper .cw-LeftSide{width:170px;}
    #hg-Wrapper .cw-RightSide{width:calc(100% - 170px);}
    #hg-Wrapper .cw-SideNav ul ul{margin:-94px 0 0 170px;}
    #hg-Wrapper .cw-GlobalLinks a span{font-size:10px;}

}

@media (max-width: 700px){
    #hg-Wrapper .cw-FooterBar{padding:5%;width:90%;}
    #hg-Wrapper .cw-Phone{display:none;}
    #hg-Wrapper .cw-SideNav{display:none;padding:20px 0;}
    #hg-Wrapper .cw-LeftSide li:hover > ul{display:none;}
    #hg-Wrapper .cw-LeftSide li a{padding:15px 0 0 6%;}

    #hg-Wrapper .cw-MobileNav{display:block;float:left;width:23%;padding:12px 2% 0 2%;}
    #hg-Wrapper .cw-LeftSide .cw-GlobalLinks{position:absolute;right:0;top:0;margin-top:0px;}
    #hg-Wrapper .cw-LeftSide .cw-GlobalLinks p{margin-top:5px;}
    #hg-Wrapper .cw-GlobalLinks a span{display:none;}

    #hg-Wrapper .cw-LeftSide{position:absolute;z-index:1000;width:100%;padding-bottom:0;box-shadow:3px 3px 5px #000000;border-bottom-right-radius:0px;}
    #hg-Wrapper .cw-Logo{width:50%;padding:5px 0;height:35px;text-align:center;}
    #hg-Wrapper .cw-Logo img{float:none;height:35px;}
    #hg-Wrapper .cw-RightSide{width:100%;}
    #hg-Wrapper .cw-RightContent{width:96vw;padding:0 calc(2vw - (100vw - 100%));}

    #hg-Wrapper .cw-ColorQuestion{width:100%;height:23vw;}
    #hg-Wrapper .cw-ColorQuestion span{font-size:13vw;}
    #hg-Wrapper .cw-ColorQuestion strong{font-size:3vw;margin-left:-46vw;padding-right:0;}
    #hg-Wrapper .cw-HomeBannerInner{width:100%;}
    #hg-Wrapper .cw-HomeImages div{width:100%;}
    #hg-Wrapper .cw-HomeBanner hr{width:60%;}

    #hg-Wrapper .cw-Footer form{width:100%;padding:0;}
    #hg-Wrapper fieldset p span input{width:92%;}
    #hg-Wrapper fieldset p span input:first-child{margin-bottom:2%;}
    #hg-Wrapper form .cw-ApplyFile{width:92%;margin:0 0 2% 2% !important;float:left !important;}
    #hg-Wrapper form .cw-ApplyFile input, #hg-Wrapper form .cw-ApplyFile label{width:92%;}

    #hg-Wrapper .cw-ProductCollage{margin:0;}
    #hg-Wrapper .cw-ProductCollage a{background-image:none !important;padding:0;margin:0;clear:both;}
    #hg-Wrapper .cw-ProductCollage a span{background:none;color:#EF4023;}

    #hg-Wrapper .cw-EmployeeCollage {width:86vw;}
    #hg-Wrapper .cw-EmployeeCollage .cw-ECSide{clear:both;width:86vw;margin-left:0 !important;}
    #hg-Wrapper .cw-EmployeeCollage .cw-ECRight{margin-left:2vw;}
    #hg-Wrapper .cw-EmployeeCollage p{width:42vw;margin-top:2vw;height:42vw;}
    #hg-Wrapper .cw-EmployeeCollage .cw-Wide{width:86vw;}
    #hg-Wrapper .cw-EmployeeCollage .cw-Wide .cw-EmpName{width:84vw;padding:1vw;}
    #hg-Wrapper .cw-EmployeeCollage .cw-Tall{height:86vw;}
    #hg-Wrapper .cw-EmployeeCollage .cw-EmpName{font-size:2.8vw;bottom:0px;width:40vw;}
    #hg-Wrapper .cw-EmployeeCollage .cw-Years{font-size:2.4vw;}
    #hg-Wrapper .cw-EmployeeCollage .cw-Years strong{line-height:6vw;height:6vw;width:6vw;border-radius:6vw;}
    #hg-Wrapper .cw-EmployeeCollage .cw-EmpName strong{font-size:3vw;}

    #hg-Wrapper .cw-ImageCollage{width:94vw;}

    #hg-Wrapper .cw-ImageCollage .cw-ICW1_5{width:45vw;}
    #hg-Wrapper .cw-ImageCollage .cw-ICW2_5{width:92vw;}
    #hg-Wrapper .cw-ImageCollage .cw-ICW3_5{width:92vw;}

    #hg-Wrapper .cw-ImageCollage .cw-ICW3_5 .cw-ICH2_5{height:61vw;}
    
    #hg-Wrapper .cw-ImageCollage .cw-ICH1_5{height:45vw;}
    #hg-Wrapper .cw-ImageCollage .cw-ICW1_5 .cw-ICH2_5{height:92vw;}
    #hg-Wrapper .cw-ImageCollage .cw-ICH2_5{height:92vw;}

    #hg-Wrapper .cw-ImageCollage span{margin-top:-5vw;line-height:5vw;font-size:3vw;}
    
}

@media (min-width: 1920px){
	/*
    #hg-Wrapper .cw-LeftSide{width:calc(420px - (100vw - 100%));}
    #hg-Wrapper .cw-RightSide{width:calc(1500px - (100vw - 100%));}
    #hg-Wrapper .cw-RightContent{width:1350px;padding:0 25px;}
	
	#hg-Wrapper .cw-HomeImages div{width:calc(1500px - (100vw - 100%));background-size:cover;background-position:50% 70%;}
	#hg-Wrapper .cw-RightSide .cw-HomeBannerInner{width:calc(1500px - (100vw - 100%));}
	
    #hg-Wrapper .cw-EmployeeCollage{width:1350px;}
    #hg-Wrapper .cw-EmployeeCollage .cw-ECSide{width:675px;}
    .cw-EmployeeCollage p{position:relative;margin:0;padding:0;line-height:normal;float:left;width:16vw;margin-top:2vw;height:16vw;color:#FFFFFF;background:#CCCCCC;background-size:cover;}
    .cw-EmployeeCollage .cw-Wide{width:34vw;}
    .cw-EmployeeCollage .cw-Tall{height:34vw;}
    .cw-EmployeeCollage .cw-Years{float:right;font-size:1.2vw;font-weight:bold;margin:15px;text-shadow:1px 1px 3px #000000;}
    .cw-EmployeeCollage .cw-Years strong{background-color:#1D8BCB;display:inline-block;text-align:center;line-height:3vw;height:2.9vw;width:2.9vw;border-radius:2.9vw;text-shadow:none;}
    .cw-EmployeeCollage .cw-EmpName{padding:1vw;position:absolute;font-size:1.4vw;bottom:0px;width:14vw;background-color:rgba(0,0,0,0.7);}
    .cw-EmployeeCollage .cw-Wide .cw-EmpName{width:32vw;padding:1vw;}
    .cw-EmployeeCollage .cw-EmpName strong{color:#EF4023;text-transform:uppercase;font-size:1.5vw;font-family:Roboto-Condensed,Helvetica,sans-serif;}
	*/
}

body{background:#AAAAAA;display:table;}

#hg-Wrapper{width:calc(100vw - (100vw - 100%));display:table;margin:0 auto;background:#F7F8F8;box-shadow:0px 5px 5px #000;}

.cw-LeftSide {float:left;width:calc(22vw - (100vw - 100%));padding-bottom:20px;background:#FFFFFF;box-shadow:5px 5px 10px #BBBBBB;border-bottom-right-radius:20px;}
.cw-RightSide {float:left;width:78vw;}
.cw-RightContent{float:left;width:70vw;padding:0 4vw;line-height:30px;}
.cw-Footer {float:left;width:100%;margin-top:5%;color:#FFFFFF;background:#404041;}
.cw-Logo{float:left;width:90%;padding:25px 5%;}
.cw-Logo img{float:left;width:90%;}

.cw-MobileNav{display:none;}

h1{font-family:Arvo,serif;font-size:36px;color:#243E99;font-weight:normal;}
h2{font-family:Arvo,serif;font-size:29px;color:#243E99;font-weight:normal;text-transform:lowercase;}

/************Common******************/
.cw-Left{float:left !important;}
.cw-Right{float:right !important;}
.cw-Clear{clear:both;}
.cw-Full{float:left;display:table;width:100%;}
.hgv-Fail{outline:2px solid red;}

/************Navigation******************/
.cw-SideNav{width:100%;float:left;}
.cw-LeftSide ul{float:left;width:100%;margin:0;padding:0;list-style-type:none;}
.cw-LeftSide li{float:left;width:100%;margin-bottom:6px;background: #81AEDD;}
.cw-LeftSide li a {
    display: inline-block;
    width: 83%;
    height: 38px;
    padding: 56px 0 0 12%;
    margin-left:5%;
    font-size: 18px;
    font-family: Roboto-Condensed,Helvetica,sans-serif;
    font-weight: bold;
    color: #30261C;
    text-decoration: none;
    text-transform: uppercase;
}
.cw-SideNav li:nth-child(2) {background: #6BA5D9;}
.cw-SideNav li:nth-child(3) {background: #579BD4;}
.cw-SideNav li:nth-child(4) {background: #3993D0;}
.cw-SideNav li:nth-child(5) {background: #1D8BCB;}
.cw-LeftSide li:hover > a{background:#404041;color:#FDFDFD;}

.cw-LeftSide ul ul{display:none;margin:-94px 0 0 calc(22vw - (100vw - 100%));width:17%;min-width:213px;position:absolute;box-shadow:5px 5px 5px;z-index:1000;}
.cw-LeftSide li:hover > ul {display:block;}
#hg-Wrapper .cw-LeftSide li li{background:#404041;margin:0;}
#hg-Wrapper .cw-LeftSide li li a{margin-left:0;padding:23px 5% 0 12%;height:auto;color:#FDFDFD;text-transform:none;}
#hg-Wrapper .cw-LeftSide li li:last-child a{padding-bottom:23px;}
#hg-Wrapper .cw-LeftSide li li a:hover{color:#FF4020;}

#hg-Wrapper .cw-GlobalLinks{float:left;margin-top:20px;}
#hg-Wrapper .cw-GlobalLinks{padding-left:20px;}
#hg-Wrapper .cw-GlobalLinks a{line-height:20px;text-decoration:none;font-size:12px;font-weight:bold;text-transform:uppercase;color:#1E1F22;}
#hg-Wrapper .cw-GlobalLinks a img{height:20px;margin-right:10px;width:20px;vertical-align:middle}
/************Forms******************/
form{margin:0;float:left;width:100%;}
fieldset{margin:0;padding:0;width:100%;border:none;float:left;}
fieldset legend{color:#243e99;font-family:Arvo,serif;font-size:25px;font-weight:normal;text-transform:lowercase;margin:2% 0 2% 2%;}
fieldset legend:after{content:'';border-top:3px solid #1895DD;width:45%;position:absolute;margin:17px 0 0 2%;}

fieldset p, fieldset p span{width:100%;float:left;}
fieldset input{line-height:42px;height:42px;}
fieldset input, fieldset textarea{float:left;width:92%;margin:0 2%;padding:5px 2%;border:none;outline:1px solid #939598;font-size:16px;font-family: "Lato",Helvetica,sans-serif;}
fieldset p span input{width:42%;}
fieldset p{margin:0 0 2% 0;}
button{margin:0 2%;padding:0;background:none;color:#1e1f22;font-size:18px;border:none;line-height:27px;text-transform:uppercase;letter-spacing:1px;}
button img{float:left;padding-right:2px;}

.cw-Captcha{width:100%;float:left;margin-left:2%;}
.cw-Captcha .g-recaptcha{float:left;}

/************Global******************/
.cw-Phone{float:right;margin:-13vmin 2vmin 0 0;}
.cw-Phone a{line-height:42px;text-decoration:none;color:#FFFFFF;font-weight:bold;text-shadow:1px 1px 3px #000000;}
.cw-Phone img{float:right;margin-left:5px;}

.cw-Banner{min-height:305px;height:43vmin;background-size:cover;background-position:50% 70%;}

.cw-Footer .cw-ThanksMessage{margin:5% 0 5% 27%;font-size:24px;}
.cw-Footer form{padding:0 0 0 22%;margin-top:3%;width:78%;}
.cw-Footer fieldset{padding:20px 5%;width:90%;}
.cw-Footer fieldset legend{color:#FFFFFF;}
.cw-Footer fieldset div{margin:0 2% 2% 2%;}
.cw-Footer fieldset input,.cw-Footer fieldset textarea{background:#322f31;outline:none;color:#FFFFFF;}
.cw-Footer fieldset textarea{height:100px;}
.cw-Footer fieldset button{color:#FFFFFF;}
.cw-Footer .cw-Captcha div{margin:0;}


.cw-FooterBar{float:left;min-height:75px;padding:0 10% 0 27%;line-height:75px;width:63%;background:#EF4023;color:#FFFFFF;}
.cw-FooterBar p{margin:0;padding:0;}
.cw-FooterBar a{text-decoration:none;color:#FFFFFF;}
.cw-FooterBar img{margin-right:5px;}

/************Home******************/
.cw-HomeBanner hr{width:300px;position:relative;background:#1D8BCB;height:6px;border:none;margin:0 auto;}
.cw-HomeBanner hr:first-child{margin-bottom:-2px;}
.cw-HomeBanner hr:last-child{margin-top:-2px;}

.cw-RightSide .cw-HomeBanner{min-height:200px;height:60vmin;width:100%;background-size:cover;background-position:50% 70%;}
.cw-RightSide .cw-HomeBannerInner{position:absolute;z-index:100;max-height:487px;min-height:200px;padding-top:15vmin;height:45vmin;width:78vw;}

.cw-HomeImages div{position:absolute;min-height:200px;height:60vmin;width:78vw;background-size:cover;background-position:50% 70%;}
.cw-ColorQuestion{width:500px;height:125px;padding-top:30px;margin:auto;text-align:center;color:#FFFFFF;background-color:#404041;}
#hg-Wrapper .cw-ColorQuestion{background-color:rgba(0,4,9,0.5);}
.cw-ColorQuestion strong{display:block;padding-right:250px;text-transform:uppercase;}
.cw-ColorQuestion span{display:block;margin-top:-20px;font-family:Arvo,serif;font-size:70px;letter-spacing:-3px;}
.cw-ColorQuestion u{text-decoration:none;border-bottom:4px solid #ffffff}


/************Product Collage******************/
.cw-ProductCollage{margin:0 auto;display:table;width:681px;}
.cw-ProductCollageNarrow{display:none;width:446px;}
.cw-PCLeft{float:left;width:210px;margin-right:24px;}
.cw-ProductCollage .cw-PCLeft a{width:210px;}

.cw-PCRight{float:left;width:446px;}
.cw-PCRight a{width:211px;margin-left:24px;}
.cw-PCRight .cw-Wide{width:100%;margin-left:0;}
.cw-PCRight .cw-Tall{margin-left:0;}
.cw-ProductCollage a{float:left;max-width:211px;margin-top:24px;overflow:hidden;}
.cw-ProductCollage img{float:left;height:177px;}
.cw-ProductCollage a span{color:#FFFFFF;background:#EF4023;width:calc(100% - 10px);padding-left:10px;float:left;line-height:34px;font-weight:bold;font-family: Roboto-Condensed,Helvetica,sans-serif;text-transform:uppercase;}
.cw-ProductCollage .cw-Wide{width:100%;max-width:446px;}
.cw-ProductCollage .cw-Tall img{height:412px;}

.cw-ProductCollageNarrow a{padding-top:177px;}
.cw-ProductCollageNarrow .cw-Tall{padding-top:412px;}

/************Employee Collage******************/
.cw-EmployeeCollage{margin:0 auto;display:table;width:70vw;}
.cw-EmployeeCollage .cw-ECSide{width:34vw;float:left;}
.cw-EmployeeCollage .cw-ECRight{float:right;}
.cw-EmployeeCollage p{position:relative;margin:0;padding:0;line-height:normal;float:left;width:16vw;margin-top:2vw;height:16vw;color:#FFFFFF;background:#CCCCCC;background-size:cover;}
.cw-EmployeeCollage .cw-Wide{width:34vw;}
.cw-EmployeeCollage .cw-Tall{height:34vw;}
.cw-EmployeeCollage .cw-Years{float:right;font-size:1.2vw;font-weight:bold;margin:15px;text-shadow:1px 1px 3px #000000;}
.cw-EmployeeCollage .cw-Years strong{background-color:#1D8BCB;display:inline-block;text-align:center;line-height:3vw;height:2.9vw;width:2.9vw;border-radius:2.9vw;text-shadow:none;}
.cw-EmployeeCollage .cw-EmpName{padding:1vw;position:absolute;font-size:1.4vw;bottom:0px;width:14vw;background-color:rgba(0,0,0,0.7);}
.cw-EmployeeCollage .cw-Wide .cw-EmpName{width:32vw;padding:1vw;}
.cw-EmployeeCollage .cw-EmpName strong{color:#EF4023;text-transform:uppercase;font-size:1.5vw;font-family:Roboto-Condensed,Helvetica,sans-serif;}


/************Image Collage******************/
.cw-ImageCollage{float:left;width:70vw;margin:3vw 1vw 1vw 1vw;}
.cw-ImageCollage span{float:left;color:#FFF;padding:0 1vw;margin-top:-3vw;line-height:3vw;font-size:1.5vw;width:calc(100% - 2vw);background-color:rgba(0,0,0,0.7);font-family:Roboto-Condensed,Helvetica,sans-serif;text-transform:uppercase;}
.cw-ImageCollage img{float:left;width:100%;height:100%;}

.cw-ImageCollage div div{box-shadow:3px 3px 3px #000;}

.cw-ImageCollage .cw-ICW1_5{float:left;width:12vw;margin-left:1vw;margin-right:1vw;}
.cw-ImageCollage .cw-ICW2_5{float:left;width:26vw;margin-left:1vw;margin-right:1vw;}
.cw-ImageCollage .cw-ICW3_5{float:left;width:40vw;margin-left:1vw;margin-right:1vw;}
.cw-ImageCollage .cw-ICH1_5{background:#CCC;float:left;width:100%;height:12vw;margin-top:1vw;margin-bottom:1vw;}
.cw-ImageCollage .cw-ICH2_5{background:#CCC;float:left;width:100%;height:26vw;margin-top:1vw;margin-bottom:1vw;}


/************************/
#hg-Wrapper .cw-ApplyFile{float:left;width:31.5vw;max-width:620px;margin:0 0 0 2%;height:15vmin;outline:2px dashed #939598;clear:none; }
#hg-Wrapper .cw-ApplyFile:last-child{float:right;margin:0 2% 0 0;}
#hg-Wrapper .cw-ApplyFile label{display:block;width:31.5vw;max-width:620px;color:#EF4023;text-align:center;height:15vmin;line-height:15vmin;float:none;font-weight:bold;text-transform:uppercase}
#hg-Wrapper .cw-ApplyFile input{position:absolute;padding:0;margin:0;width:31.5vw;max-width:620px;height:15vmin;float:none;opacity:0;}
#hg-Wrapper .cw-ApplyFile .cw-Selected{color:#1e1f22;font-weight:bold;text-transform:none;}

.cw-ContactNumbers{float:left;width:100%;margin:25px 0;}
.cw-ContactNumbers a{float:left;text-decoration:none;color:#1E1F22;width:50%;font-weight:bold;line-height:normal;}
.cw-ContactNumbers a *:nth-child(2){margin-top:15px;}
.cw-ContactNumbers span{float:left;margin-right:20px;display:block;border-radius:60px;height:60px;width:60px;background:#FFFFFF;box-shadow:5px 5px 5px #bbbbbb}
.cw-ContactNumbers img{display:block;margin:auto;padding:17px 0;}
.cw-ContactNumbers em{color:#EF4023;font-style:normal;}

.cw-SubPages{float:left;width:100%;margin-top:25px;}
.cw-SubPages a{position:relative;float:left;width:44%;margin:3%;text-decoration:none;color:#1E1F22;background:#FFFFFF;}
.cw-SubPages a:hover{box-shadow:5px 5px 5px #bbbbbb;}
.cw-SubPages img{float:left;width:100%;}
.cw-SubPages strong{float:left;clear:both;margin:0 5%;text-transform:lowercase;color:#243E99;font-family:Arvo,serif;font-size:23px;font-weight:normal;}
.cw-SubPages span{float:left;clear:both;margin:0 5%;}
.cw-SubPages button{position:absolute;bottom:0;left:0;margin:5%;width:90%;text-align:left;}
.cw-SubPages button img{width:auto;margin-right:3%;}