/*##### Global Classes #####*/

* {
	margin: 0;
   padding: 0;
   -moz-box-sizing: border-box;
   -webkit-box-sizing: border-box;
   box-sizing: border-box;
}

body {
	font-family:'Open Sans', Arial;
	padding:0;
	margin:0;	
}

h2{font-size:2.2em; color:#3d3f40; text-transform: uppercase;text-align: center;}
p{font-size:1.2em;font-weight:lighter;line-height:1.5em;padding-bottom:5%;}

.container_wrap{width:100%;max-width:1100px;position: relative;margin:0 auto!important;overflow: hidden;padding:10px 0px;}

/*HEADER STYLES */
#header{background-color:#3d3f40!important; }
	#header .right{color:#fff;font-weight:bold;font-size:2.2em;padding: 2% 0;}
		#header .right p{padding-bottom: 0!important;}
#header_botborder{width:100%;background:#efefef;height:10px;margin-bottom:1%;}

/*MOD ONE - TITLE */
#mod_one{}
	#mod_one .left{width:30%;max-width:220px;}
	#mod_one .right{width:80%;max-width:940px;padding-left:3%;}
		#mod_one .right h1{color:#3d3f40;font-size:2.8em;margin:0!important; padding:0!important;text-transform:uppercase; }
		#mod_one .right h2{color:#706c6c; font-size: 1.8em; margin:0; padding:0;text-transform:capitalize;font-weight:normal!important;}
/*MOD TWO - PRODUCT INTRO */
#mod_two{width:100%;}
	#mod_two .left{width:60%;}
		#mod_two .left img{width:100%;height:auto!important;}
	#mod_two .right{width:40%;padding-left:2%;}
		#iconOUT{position:relative;height:auto; min-height:130px;}
	#mod_two .right .container .left{width:23%;}
	#mod_two .right .container .right{width:75%;padding-left:3%;}
		#mod_two .right .container .right h3{color:#000;text-transform:uppercase;margin:0;padding:0;font-size:1.3em;}
		#mod_two .right .container .right h3.red {color:#fe5252;}
		#mod_two .right .container .right h3.green {color:#68d86b;}
		#mod_two .right .container .right h3.gray {color:#babdbe;}
		#mod_two .right .container .right p{margin:0;padding:0;font-size:.9em;}

/*MOD THREE - TRUCKER STATS*/
#mod_three{ width:100%; background-color: #3d3f40;padding:.8em  0; color:#fff; margin:2% 0;}
	#mod_three .container_wrap .container .left_3x{width:33%;}
	#mod_three .container_wrap .container .middle_3x{width:33%;}
    #mod_three .container_wrap .container .right_3x{width:33%; float:right;}

    #mod_three h3{font-size:.8em;text-transform: uppercase;text-align: center;font-weight: bold;}
    #mod_three h4{font-size:1.6em;text-transform: uppercase; text-align: center; font-weight:bold;}
 
/*MOD FOUR - STAY ALERT*/
 #mod_four h2{padding-bottom:5%;}
 	#mod_four img{width:100%;height:auto;}
 #mod_four .right{width:45%;padding-left:8%;padding-top:2%;}
 	#mod_four .right p{font-size:1.0em;padding-bottom:3%;}

/*MOD FIVE - PAP PILLOW 3 CALL OUTS */
#mod_five{background-color: #e5e8e9;border-top:2px solid #c4ccce; border-bottom: 2px solid #c4ccce;}
	.container_wrap .container .left_3x{width:33%;}
#mod_five .container_wrap .container .middle_3x {background-color: #ffffff;width:33%;}
    .container_wrap .container .right_3x{width:33%; float:right;}
#mod_five h3{font-size:1.2em;font-weight:lighter;
 text-align: center; text-transform: uppercase;padding-bottom:4%;}

/*MOD SIX - CPAPMax MAIN CALL OUTS*/

#mod_six h2{font-size:1.8em; padding-top:5%;}

/*MOD SEVEN*/

#mod_seven{}
	#mod_seven h2{padding-top:2%;}
	#mod_seven h6{font-size:1.8em;color:#a2a9ab;text-align: center;padding-bottom: 5%;}
	#mod_seven p{padding-bottom:5%;line-height:1.8em;}
	#mod_seven h5{text-align: center;}
	#mod_seven .left img{text-align: center;}

/*MOD EIGHT */
#mod_eight{background:#bde0f2;}
	#mod_eight .left{width:32%;}
		#mod_eight h3{font-size:2.1em;font-weight:bold;line-height:1.0em;text-transform: uppercase;}
		#mod_eight h4{font-size:.8em;font-weight: lighter;}
	#mod_eight .right{width:68%;padding-left:5%;padding-top:5px;}

/*MOD NINE*/
#mod_nine {padding: 3%;}
#mod_nine h3{text-align: center; font-size:3.5em;text-transform: uppercase;color:#3d3f40;}

/*MOD TEN*/
#mod_ten{}
	#mod_ten .left_3x{width:44%;padding-right:5%;}
		#mod_ten .left_3x h1{color:#776e6e;text-transform: uppercase;font-size:1.4em;}
		#mod_ten .left_3x h2{color:#776e6e;text-transform: uppercase;font-size:.8em;padding:0;margin:0;padding-bottom:2%;}
	#mod_ten .middle_3x{width:2%;text-align: center;margin-left:3.5%;}
		#mod_ten .middle_3x h3{color:#b2a7a7;font-weight: bolder;font-size:10.9em;}
	#mod_ten .right_3x{width:44%;padding-top:4%;}
		#mod_ten .right_3x h2{font-size:1.5em;color:#b2a7a7;}
		#mod_ten .right_3x h3{font-size:3.6em;font-weight:bold;color:#f74646;text-align: center;padding:0;margin:0;}
		#mod_ten .right_3x h4{font-size:1.0em;color:#b2a7a7;text-align: center;}
		#mod_ten .right_3x h5{font-size:1.8em;font-weight:bold;color:#000;text-align: center;}

/*MOD ELEVEN */
#mod_ele {padding-top:5%;}
#mod_ele .left{width: 48%;}
#mod_ele .right{width:50%;padding-left:2%;float:right;}
	#mod_ele h5{font-size:1.3em;text-transform: uppercase;text-align: center;font-weight: normal;margin-bottom:5%;}
	#mod_ele p{font-size:1.0em!important;}
	#mod_ele ul{font-size:.9em;margin-left:15%;font-family: 'Open Sans', Arial; font-weight: ligher;}
	#mod_ele .bottom_btn img.kabooti-family{padding-top:10%;text-align: center;width:100%;}
	#mod_ele .bottom_btn img.kabooti-family-v2{padding-top:10%;text-align: center;width:95%;padding-bottom: 1%;}
	#mod_ele .bottom_btn{width:100%;clear: both;text-align: center;}

/*CHECKOUT ADJUSTMENTS*/

#mod_two .checkout_intro_offer {padding-top:35%;text-align: center;font-size:1.1em;font-weight: bold;}
#mod_two .checkout_offer_price{text-align: center;font-size:5.6em;font-weight:bold;color:#cf3434;padding:0;margin:0;line-height:1.2em;}
.checkout_bonus{text-align:center;font-size:1.0em;font-weight:bold;}
.checkout_process{text-align:center;font-size:.9em;color:#a1a6a8;}


/*FOOTER STYLES*/
.footerBlue{background-color:#08aad5; height:20px;width:100%;position: relative;  margin:0;padding:0;}
.footerGray {background-color:#efefef;height:10px; width:100%;position: relative;}

#footer {background-color:#3d3f40!important;width:100%;height:auto;position: relative; color:#c9c3c3;display: inline-block;}
#footer .right p{font-size:.7em;}
#footer ul{padding:10px 0px;margin:0;}
#footer li.first{padding-left:0;}
#footer ul li a:link{color:#c9c3c3;text-decoration:none!important;}
#footer ul li a:hover{color:#ffffff;} 
#footer li{display:inline;list-style-type: none;padding-left:10px;}


/*CLICKABLE DIV*/

div.clickDiv {
    position: relative;
    width: 100%;
    height: auto;
    background:#ef6b6b;;
    color: #ffffff!important;
    padding: 20px;    
}

	div.clickDiv h3{font-size:1.5em;color:#fff;text-align: center;}
	div.clickDiv h4{font-size:2.0em;font-weight:bold;color:#ffffff;text-align: center;text-transform: uppercase;}

div.clickDiv:hover {
    cursor: hand;
    cursor: pointer;
    opacity: .9;
}

a.divLink {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    text-decoration: none;
    /* Makes sure the link doesn't get underlined */
    z-index: 10;
    /* raises anchor tag above everything else in div */
    background-color: white;
    /*workaround to make clickable in IE */
    opacity: 0;
    /*workaround to make clickable in IE */
    filter: alpha(opacity=0);
    /*workaround to make clickable in IE */
}


/* -----------------------------------KATE'S MOBILE CSS-------------------------------------- */

.container:after {
    clear: both;
}

.container > div {
    min-height: 50px;
    float: left;
    width: 50%;
}

.left {
    /*background: #f00;*/
}

.right {
    /*background: #f0f;*/
}

@media all and (max-width: 760px) {
    .container > div {
        float: none;
        width: 100%;
    }

#header .right p{font-size:.6em;padding:10px;text-align: center;}

#mod_one .right, #mod_two .left, #mod_two .right, #mod_two .right .container .right{padding:10px;width:100%;margin:0;}

#mod_two .right .container .left {display:none;}
#mod_two .right .container .right{min-height:10px!important;}

#mod_three .left_3x, #mod_three .middle_3x, #mod_three .right_3x{padding:10px;width:100%!important;margin:0;}

#mod_four .right{width:100%;padding:5%;}

#mod_five .container_wrap .container .left_3x, #mod_five .container_wrap .container .middle_3x, #mod_five .container_wrap .container .right_3x{width:100%;}
#mod_five .container_wrap .container .left_3x img, #mod_five .container_wrap .container .middle_3x img,#mod_five .container_wrap .container .right_3x img {width:100%; height:auto; padding:5%;}

#mod_six img{width:100%; height:auto; padding:5%;}
#mod_six h2{font-size:1.1em;padding:5%}

#mod_seven img{width:100%; height:auto;padding:5%;}
#mod_seven p{padding:5%;font-size:1.0em;}

#mod_eight .right{display: none;}
#mod_eight .left{width:100%;padding:5%;}

#mod_ten{width:100%;}
	#mod_ten .left_3x{width:100%;padding:5%;}
		#mod_ten .left_3x h1{font-size:.8em;}
		#mod_ten .left_3x img{width:100%;height:auto;}
	#mod_ten .middle_3x{width:100%;padding:0% 5%;}
	#mod_ten .right_3x{width:100%;padding:5%;}
		#mod_ten .right_3x h2{font-size:1.0em;}
		#mod_ten .right_3x h3{font-size:2.0em;}

#mod_ele p{padding:5%;}
#mod_ele img{width:100%;height: auto; text-align: center;padding:10%;}
#mod_ele .bottom_btn {width:100%; padding:0% 5% 5% 5%;}
#mod_ele .bottom_btn img.kabooti-family{width:100%;height:auto;}

#mod_ele .left, #mod_ele .right{width:100%; height: auto;}
#mod_ele .left p{width:100%;}

#footer li, #footer li.first{display:block;padding:20px;width:100%;text-align: center;}
#header .left, #footer .left{width:100%; max-width:760px;text-align: center;display: block;}
#header .left img, #footer .left img{text-align: center;}
#footer .right p{font-size:.7em;padding:10px;}

/*CHECKOUT PAGE UPDATES*/
#mod_two .right {padding:5%;}
#mod_two .checkout_intro_offer{padding-top:2%;}
#mod_two .checkout_offer_price{font-size:3.5em!important;}

/*FONT ADJUSTMENTS */
#mod_one .right h1{font-size:1.6em;}
#mod_one .right h2{font-size:1.2em;}
#mod_seven h6{font-size:.9em;}
#mod_eight h3{font-size:1.1em;}
#mod_nine h3{font-size:1.3em;}

div.clickDiv h3{font-size:.9em;}
div.clickDiv h4{font-size:1.2em;}

h2{font-size:1.0em;}

/*HIDDEN ELEMENTS FOR MOBILE*/
#mod_one .left{display:none!important;}
#mod_two #iconOUT img{display: none;padding:1%!important;}
#mod_two .right{padding:1%;margin:0;}

}