/***** BEGIN RESET *****/

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	background: transparent;
	border: 0;
	margin: 0;
	padding: 0;	
}

ol, ul {
	list-style: none;
}

table{border-collapse:collapse; width:100%;}
td{vertical-align:top;}

/* Make HTML 5 elements display block-level for consistent styling */  
header, nav, article, footer, address, img {  
    display: block;  
} 

/***** END RESET *****/

/* Clearfix */
.cf:before,
.cf:after {
    content: " ";
    display: table;
}
.cf:after {
    clear: both;
}
.cf {
    *zoom: 1;
}
@font-face {
    font-family: 'open_sansregular';
    src: url('../fonts/OpenSans-Regular-webfont.eot');
    src: url('../fonts/OpenSans-Regular-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/OpenSans-Regular-webfont.woff') format('woff'),
         url('../fonts/OpenSans-Regular-webfont.ttf') format('truetype'),
         url('../fonts/OpenSans-Regular-webfont.svg#open_sansregular') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'open_sansbold';
    src: url('../fonts/OpenSans-Bold-webfont.eot');
    src: url('../fonts/OpenSans-Bold-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/OpenSans-Bold-webfont.woff') format('woff'),
         url('../fonts/OpenSans-Bold-webfont.ttf') format('truetype'),
         url('../fonts/OpenSans-Bold-webfont.svg#open_sansbold') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'ralewaybold';
    src: url('../fonts/raleway-bold-webfont.eot');
    src: url('../fonts/raleway-bold-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/raleway-bold-webfont.woff2') format('woff2'),
         url('../fonts/raleway-bold-webfont.woff') format('woff'),
         url('../fonts/raleway-bold-webfont.ttf') format('truetype'),
         url('../fonts/raleway-bold-webfont.svg#ralewaybold') format('svg');
    font-weight: normal;
    font-style: normal;
}


body {font-family: 'open_sansregular'; font-size: 16px; line-height: 26px;background:#e6e6e6!important;}

a:link, a:visited, a:active {text-decoration:none;color:#555;font-family: 'open_sansbold';}
a:hover {text-decoration:none;color:#000;}
strong {font-family: 'open_sansbold';}

.wrapper {width:100%; max-width:80%; padding: 30px 0px; margin:0 auto;}
.clear {clear:both;}
.threecols {width:100%;max-width:33%;display:block;float:left;box-sizing:border-box;height:auto;}
.threecols img {max-width:100%;height:auto;display:inline-block;}

/*** HEADER STYLES ***/
.logo {display:block;float:left;width:100%;max-width:25%;box-sizing:border-box;}
.logo img{
	max-width: 100%;
	height: auto;
	padding: 20px 0px;
}
.rightside {display:block;float:left;width:100%;max-width:75%;box-sizing:border-box;text-align:right;line-height:50px;}
.rightside a:link, .rightside a:visited, .rightside a:active {text-decoration:none;color:#0d3d8f;font-family: 'open_sansbold';padding:0 5px;}
.rightside a:hover {text-decoration:none;color:#000;}

.cf {max-width:80%;height:auto;margin:0 auto!important;width:100%;line-height:normal!important;font-size:inherit!important;}

.header {border-bottom:4px solid #0d3d8f;border-top:4px solid #0d3d8f;}
.cstpackages {font-size:24px;font-family: 'open_sansbold';color:#FF0004;display:block;margin:0px auto;text-align:center;max-width:100%;box-sizing:border-box;line-height:40px;}

.divfooter img:hover{
	opacity: .5;
	 transition:all .3s ease-in-out; -moz-transition:color .3s ease-in-out; -webkit-transition:color .3s ease-in-out;
}

.product.product-card-item .cf .product-info .product-specs {font-size:16px!important;line-height:26px!important;}
.hs-btn.hs-highlighted {background-color:#0d3d8f!important;color:#fff!important;}


.quicklinks {font-size: 14px; line-height: 24px;}

.footerwrap a:link, .footerwrap a:visited, .footerwrap a:active{text-decoration:none;font-size:14px;color:#fff;}
.footerwrap a:hover {text-decoration:underline;font-size:14px;}

.divfooter {width: 600px; max-width: 100%; text-align:right; float: right;}
.divfooter img{float: right; display: inline-block; padding: 10px;}

.footerwrap {width: 90%; max-width: 100%; padding: 30px 0px; margin: 0 auto;color:#fff;font-size:14px;}

@media screen and (max-width: 1024px){
.hide {display:none;}
#hide {display: inline-block;}

body {font-size: 14px; line-height: 20px;}
		
.divfooter {width: 600px; max-width: 100%; text-align:center; float: none; margin: 0 auto;}
.divfooter img{float: none; display: inline-block; padding: 10px;}
.logo {float:left;max-width:100%;text-align:center;}
.logo img{padding: 10px 0px;display:inline-block;height:150px;}
.rightside {float:left;max-width:100%;text-align:center;line-height:25px;}

}
 
@media screen and (max-width: 800px){ 
.threecols {max-width:100%;float:none;padding-bottom:10px;}
    .quicklinks {text-align:center;}

}

@media screen and (max-width: 414px){
body {font-size: 12px; line-height: 18px;}

.divfooter {width: 600px; max-width: 100%; text-align:center; float: none; margin: 0 auto;}
.divfooter img{float: none; display: inline-block; padding: 10px;}

}