﻿body {
    padding-top: 50px;
    padding-bottom: 0px;
    position: relative;
    font-family: 'Quicksand', sans-serif !important;
    text-rendering: optimizeLegibility;
    color:#000;
}


.text-danger{color:red!important;}
/* Set padding to keep content from hitting the edges */
.body-content {
    padding-left: 0;
    padding-right: 0;
}

/* Override the default bootstrap behavior where horizontal description lists 
   will truncate terms that are too long to fit in the left column 
*/
.dl-horizontal dt {white-space: normal;}
#phone_card{background-image: url('images/phone_card.jpg');background-size:cover;}
#tablet_card{background-image: url('images/tablet_card.jpg');background-size:cover;}
#hotspot_card{background-image: url('images/hotspot_card.jpg');background-size:cover;}
#signal_card{background-image: url('images/signal_card.jpg');background-size:cover;}
#accessories_card{background-image: url('images/accessories_card.jpg');background-size:cover;}
#more_card{background-image: url('images/more_card.jpg');background-size:cover;}
/*background:linear-gradient(to right, #3a7fd5, #6ebce2);  0f75bc  #8e8e8e*/
/* Set width on the form input elements since they're 100% wide by default */
input,
select,
textarea {
    max-width: 500px;
}
textarea{min-height:125px;}
.btn_prim{background-color:#fff;box-shadow:none;border:1px solid #000;color:#8e8e8e;font-size:18px;padding:8px 24px;}
.btn_prim:hover{color:#000}
.active_txt{border:1px solid #000;height:40px;border-radius:0;padding-left:5px;margin:10px 8px 10px 8px;font-weight:bold;width:300px;}
.nav_background{background:linear-gradient(to right, #FFF, #6ebce2);height:1000px;width:100%;position:absolute;top:0;z-index:-1;}
.navbar-header .navbar-brand img{z-index:9999;height:55px}
.navbar-header .navbar-brand{height:inherit;}
.navbar-header .navbar-brand:hover{}
.navbar-default{background-color:transparent;border-color:transparent;}
.navbar-default .navbar-nav > li > a{color:#0f75bc;font-size:16px;font-weight:bold;}
.navbar-default .navbar-nav > li > a:hover{color:#fff;}
.navbar-static-top{margin-top:-25px;}
.navbar-collapse{margin-top:12px;}
.hero{width:100%;z-index:1;min-height:600px;background-image: url('images/ess_hero.jpg');background-repeat:no-repeat;background-position:center top;background-size:cover;margin-bottom:100px;}
.hero_txt{width:100%;background-color:rgba(250,250,250,1);padding:30px 25px 50px;min-height:100px;height:100%;}
.hero_txt .container{width:90%;max-width:100%!important;margin-left:auto;margin-right:auto;}
.hero_txt h1{font-size:3vw;line-height:1.2;width:85%;white-space:pre-wrap;z-index:99999999;overflow:visible;font-family: 'Playfair Display', serif;}
.hero_sub_txt{background-color:#fff;width:800px;height:auto;position:absolute;top:10%;left:12%;padding:25px 25px 50px;}
.hero_sub_txt h2{font-family: 'Playfair Display', serif;font-size:2.2vw;line-height:1.5;}
.hero_divider{width:200px;border-top:1px solid #0f75bc;margin:25px 0;}
.hero_sub_txt p{font-size:1.5vw;}
.hero_img{background-color:rgba(250,250,250, 1);width:50%;float:left;min-height:600px;}
.panels{min-height:100vh;width:100%;padding:50px 0;}
.section_gray{background-color:#F5F5F5;}
.panel_divider{height:300px; width:100%;padding:25px 0;}
.header_el{width:100%;text-align:center;font-weight:bold;color:#000;font-size:1.8rem;text-transform:uppercase}
.sub_head{text-align:center;width:100%;font-size:2.5rem;line-height:1.5;color:#8e8e8e;font-weight:700;}
.divider{width:300px;border-bottom:1px solid #cacaca;margin-left:auto;margin-right:auto;height:25px;}
.section_pad{padding:30px 0;}
.logo_row {padding:50px 0;}
.logo_row img{display:inline-block;width:150px;padding:0 25px;}
.logo_row img.lg_img{width:175px !important;}
.car_row{text-align: justify;-ms-text-justify: distribute-all-lines;text-justify: distribute-all-lines;padding:50px 0;}
.car_row img.car_img {width: 200px; vertical-align: top; display: inline-block;*display: inline;}
.stretch {width: 100%; display: inline-block;font-size: 0;line-height: 0}
/*Sourcing Solutions*/
.grid_three { display: grid; grid-gap: 30px 30px;grid-template-columns: auto auto auto;}
.card{box-shadow: 0 2px 6px rgba(112,112,112,0.2);}
.card_img{height:250px;background-color:#8e8e8e;}
.card_txt{background-color:#fff;height:auto;padding:24px 12px;}
.card_txt h3, .card_txt p{margin:0;font-weight:bold;color:#333; }
.card_txt h3{font-size:1.8rem;}
.card_txt p{font-size:1.5rem;padding-top:12px;}
/*services*/
.grid_two{display:grid;grid-gap: 30px 30px;grid-template-columns: 50% 50%;height:400px;}
.grid_two_left .grid_text, .grid_two_right .grid_text{color:#333;padding:12%;}
.grid_text h3{font-size:2.5rem;color:#000;font-weight:bold;}
.grid_text h3:after{border-bottom:1px solid #000;content: "";display: block;width: 50%;padding-top: 5px;}
.grid_text p{padding:24px 0;}
.grid_two_left img, .grid_two_right img{width:80%;}
.img_holder{background-color:#f8f8f8;height:100%;width:100%;}
.grid_text p{font-size:2rem;}
.flex_panels{height:100%;padding:25px 0;min-height:300px;}
.option_container{max-width:500px;margin-left:auto;margin-right:auto;margin-top:45px;height:100%;padding:12px;}
.contact_opt_row .option{width:50%;float:left;text-align:center;}
/*Contact Forms*/
.contact_wrp{margin:25px 0 25px;}
.contact_wrp span{text-align:center;}
.contact_form_wrp{width:50%;text-align:center;padding:25px 0;margin-left:auto;margin-right:auto;}

/*Terms of Use/privacy policy*/
.policy_wrp{margin-bottom:25px;font-family: 'Open Sans', sans-serif;}
.policy_head {padding:25px 25px 12px 25px;background-color:#fff;text-align:center;}
.policy_head h2{font-size:3.5rem;margin-top:24px;line-height:1;}
.policy_head h3{font-size:3.2rem;line-height:1;margin-bottom:24px;}
.policy_body{font-size:1.8rem;position:relative;text-align:left;padding:25px 25px 12px 25px;background-color:#fff;padding-bottom:75px;}
b.header{text-transform: uppercase;}
b.under{text-decoration:underline;}
.policy_body section{padding:25px 0 0 0;}
.policy_body p, .policy_body b{padding:15px 0 0 0;font-size:1.6rem;line-height:1.75;margin:0;}
.policy_body ul li{padding:15px 0 0 0;font-size:1.6rem;line-height:1.75}
.policy_body ul li u{text-decoration:none;}
.policy_body p u{text-decoration:none;}

/*T&C;s*/
#terms_conditions b.header{text-transform: uppercase;}
#terms_conditions b.under{text-decoration:underline;}
#terms_conditions .policy_date {margin-bottom:25px;}
#terms_conditions .ol li.skip:before {content: "\a0\a0\a0"; /* some white-space... optional */}
#terms_conditions .ol {counter-reset: item}
#terms_conditions .ol li:not(.skip){ display: block;margin:24px 0;}
#terms_conditions .ol li:not(.skip):before {content: counters(item, ".") ".  ";counter-increment: item;font-weight:bold;}
#terms_conditions .ol .ol li:not(.skip):before {content: counters(item, ".") "  ";counter-increment: item;font-weight:bold;}
#terms_conditions ol.skip {counter-reset: list;}
#terms_conditions ol.skip li:before {content: counter(list, lower-alpha) ")  " !important;counter-increment: list !important;font-weight:bold;}
#terms_conditions ol.roman {counter-reset: roman;}
#terms_conditions ol.roman li:before {content: counter(roman, lower-roman) ")  " !important;counter-increment: roman !important;font-weight:bold;}

/*Footer*/
 footer {min-height: 300px;background-color: rgba(110, 188, 226, 0.3);color: #0f75bc;font-size:16px;font-weight:bold;}
.footer_contain{width:80%;margin-left:auto;margin-right:auto;}
.footer_left_logo{width:20%;float:left;padding-top:6%;}
.footer_left_logo img{height:75px;}
.footer_center{width:60%;float:left;padding-top:6%;text-align:center}
.footer_center ul{list-style:none;}
.footer_center ul li{display:inline;font-size:20px;padding:0 25px;}
.footer_right{width:20%;float:left;padding-top:2%;font-size:14px;}
.footer_right dl{display:inline-block;float:left;}
.footer_btm{position:absolute;bottom:0;left:0;right:0;border-top:1px solid #0f75bc;height:35px;font-size:14px;}
.footer_btm_left{width:30%;padding:5px 0 0 12px;margin:0;float:left;}
.footer_btm_left p{height:100%;vertical-align:middle}
.footer_btm_center{float:left;width:60%;text-align:right;}
.footer_btm_center ul{list-style:none;padding-top:5px;}
.footer_btm_center ul li{display:inline;padding:8px 12px 0}

/* Thank You */
.ty_body{background-color:#f2f2f2;margin-bottom:25px;height:85vh;}
.ty_body p b{font-size:24px;font-weight:bold;line-height:35px;width:75%;margin-left:auto;margin-right:auto;}
.ty{background-color:#fff;text-align:center;padding:1px 25px 25px 25px;margin-bottom:35px;margin-top:35px;}
.ty p{width:75%;margin-left:auto;margin-right:auto;}
.ty h1{font-size:2vw;padding-bottom:25px;}
.ty p b{padding-bottom:25px;}
hgroup{min-height:80vh;}

@media screen and (max-width:480px) {
body{padding-top:0;}
.navbar-collapse ul{width:100%;text-align:center;display:none;}
.navbar-collapse ul li{display:inline-block !important;}
.navbar{margin:0;}
.navbar-brand{width:100%;}
.navbar-brand img{float:none;margin: 0 auto;}
.hero{min-height:550px;margin-bottom:50px;background-position:top;background-size:contain;}
.hero_txt .container{width:100%;}
.hero_txt h1{font-size:3.2rem;width:100%;margin:0;}
.hero_sub_txt h2{font-size:2.2em;}
.hero_sub_txt p{font-size:18px;}
.nav_background{height:850px;}
.hero_sub_txt{background-color:#fff;width:100%;height:auto;position:absolute;top:6%;left:0;padding:25px 12px 50px;}
.grid_three{grid-gap: 50px 50px;grid-template-columns: auto;width:100%;margin-left:auto;margin-right:auto;}
.card_txt p {font-size: 1.8rem;}
.panel_divider{height:auto;} 
.logo_row{text-align:center;}
.logo_row img{width:125px;padding:25px 15px;clear:left;}
.logo_row img.lg_img{width:125px !important;}
.panels{min-height:100%;padding:25px 0;}
#expertise{height:1400px;padding:25px 0;}
.grid_text h3{font-size:2.2rem;}
.grid_text p{font-size:1.8rem;}
.grid_two_left .grid_text, .grid_two_right .grid_text{padding:0;}
.grid_two_right img{display:none;}
.grid_two{display:grid;grid-gap: 10px 10px;grid-template-columns: 100%;height:400px;width:80%;margin-left:auto;margin-right:auto;}
.container{width:100%}
.sub_head{font-size:2rem}
.car_row{text-align:center;}
.car_row img{margin:15px 5px;}
.car_row img.car_img{width:125px;}
.contact_form_wrp{width:100%;}
/*Footer*/
footer {min-height: 400px;height:auto;background-color: rgba(110, 188, 226, 0.3);color: #0f75bc;font-size:16px;font-weight:bold;}
.footer_contain{width:100%;margin-left:auto;margin-right:auto;}
.footer_left_logo{width:100%;padding-top:6%;text-align:center;margin:0 0 25px 0;}
.footer_center{width:100%;float:none;margin-top:25px;text-align:center}
.footer_center ul{list-style:none;padding:0;width:80%;margin-left:auto;margin-right:auto;}
.footer_center ul li{display:block;font-size:20px;padding:12px 25px;}
.footer_right{width:100%;float:none;padding:5% 0;font-size:14px;height:300px;}
.footer_right dl{display:inline-block;float:none;width:100%;text-align:center;}
.footer_btm{bottom:0;left:0;right:0;border-top:1px solid #0f75bc;height:100px;font-size:14px;}
.footer_btm_left{width:100%;padding:5px 0 0 12px;margin:0;float:none;}
.footer_btm_left p{height:100%;vertical-align:middle}
.footer_btm_center{float:none;width:100%;text-align:left;}
.footer_btm_center ul{list-style:none;padding-top:5px;margin:0;padding:0 12px;}
.footer_btm_center ul li{display:block;padding:0px 0px 0}
}
@media screen and (min-width:481px) and (max-width:767px) {
body{padding-top:0;}
.navbar-default .navbar-nav > li > a{}
.navbar-collapse ul{width:100%;text-align:center;}
.navbar-collapse ul li{display:inline-block !important;}
.navbar{margin:0;}
.navbar-brand{width:100%;}
.navbar-brand img{float:none;margin: 0 auto;}
.hero{min-height:550px;margin-bottom:50px;}
.hero_txt h1{font-size:3.2rem;}
.hero_sub_txt h2{font-size:2.2em;}
.hero_sub_txt p{font-size:18px;}
.nav_background{height:850px;}
.hero_sub_txt{background-color:#fff;width:600px;height:auto;position:absolute;top:7%;left:2%;padding:25px 25px 50px;}
.grid_three{grid-gap: 50px 50px;grid-template-columns: auto;width:80%;margin-left:auto;margin-right:auto;}
.card_txt p {font-size: 1.8rem;}
.panel_divider{height:auto;} 
.logo_row{text-align:center;}
.logo_row img{width:140px;padding:0 15px;}
.logo_row img.lg_img{width:125px !important;}
.panels{min-height:100%;padding:25px 0;}
#expertise{height:1100px;padding:25px 0;}
.grid_text h3{font-size:2.2rem;}
.grid_text p{font-size:1.8rem;}
.grid_two_left .grid_text, .grid_two_right .grid_text{padding:0;}
.grid_two_right img{display:none;}
.grid_two{display:grid;grid-gap: 10px 10px;grid-template-columns: 100%;height:300px;width:80%;margin-left:auto;margin-right:auto;}
.container{width:100%}
.sub_head{font-size:2rem}
.car_row{text-align:center;}
.car_row img{margin:15px 5px}
/*Footer*/
footer {min-height: 400px;height:auto;background-color: rgba(110, 188, 226, 0.3);color: #0f75bc;font-size:16px;font-weight:bold;}
.footer_contain{width:100%;margin-left:auto;margin-right:auto;}
.footer_left_logo{width:100%;padding-top:6%;text-align:center;margin:0 0 25px 0;}
.footer_center{width:100%;float:none;margin-top:25px;text-align:center}
.footer_center ul{list-style:none;padding:0;width:80%;margin-left:auto;margin-right:auto;}
.footer_center ul li{display:inline;font-size:20px;padding:0 25px;}
.footer_right{width:100%;float:none;padding:5% 0;font-size:14px;}
.footer_right dl{display:inline-block;float:left;width:50%;text-align:center;}
.footer_btm{position:absolute;bottom:0;left:0;right:0;border-top:1px solid #0f75bc;height:100px;font-size:14px;}
.footer_btm_left{width:100%;padding:5px 0 0 12px;margin:0;float:none;}
.footer_btm_left p{height:100%;vertical-align:middle}
.footer_btm_center{float:none;width:100%;text-align:left;}
.footer_btm_center ul{list-style:none;padding-top:5px;margin:0;padding:0 12px;}
.footer_btm_center ul li{display:block;padding:0px 0px 0}
}
@media screen and (min-width:768px) and (max-width:999px) {

.hero{min-height:550px;margin-bottom:50px;}
.hero_txt h1{font-size:3.2rem;}
.hero_sub_txt h2{font-size:2.2em;}
.hero_sub_txt p{font-size:18px;}
.nav_background{height:850px;}
.hero_sub_txt{background-color:#fff;width:600px;height:auto;position:absolute;top:8%;left:2%;padding:25px 25px 50px;}
.grid_three{grid-gap: 30px 30px;grid-template-columns: auto auto;}
.panel_divider{height:auto;} 
.logo_row{text-align:center;}
.logo_row img{width:140px;padding:0 15px;}
.logo_row img.lg_img{width:125px !important;}
.grid_two_right img{padding-top:100px;}
.grid_two{display:grid;grid-gap: 10px 10px;grid-template-columns: 50% 50%;height:400px;}
.container{width:100%}
.sub_head{font-size:2rem}
}
@media screen and (min-width:1000px) and (max-width:1200px) {

.nav_background{height:950px;}
.hero_sub_txt{background-color:#fff;width:600px;height:auto;position:absolute;top:8%;left:2%;padding:25px 25px 50px;}
.grid_three{grid-gap: 30px 30px;grid-template-columns: auto auto;}
.logo_row img{width:125px;padding:0 15px;}
.logo_row img.lg_img{width:125px !important;}
.grid_two_right img{padding-top:100px;}
.grid_two{display:grid;grid-gap: 10px 10px;grid-template-columns: 50% 50%;height:400px;}
.container{margin:0 5%;}
}
@media screen and (min-width:1200px) and (max-width:1399px) {
.nav_background{height:950px;}
.hero_sub_txt{background-color:#fff;width:800px;height:auto;position:absolute;top:10%;left:2%;padding:25px 25px 50px;}
}
@media screen and (min-width:1401px) {}
/*internet explorer*/


@media all and (max-width:1200px) and (-ms-high-contrast: none), (-ms-high-contrast: active)
{
 .grid_three .card {width: 50%;}
}
@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
.grid_three .card{width:30%;display:inline-block;margin:25px 10px;float:left;}
.card_txt{min-height:210px;}
.hero_sub_txt{top:9%;}
.grid_two .grid_two_right, .grid_two .grid_two_left{width:50%;float:left;min-height:500px;}

}
