html,body
{
width: 100%;
height: 100%;
margin: 0px;
padding: 0px;
overflow-x: hidden;
}
html{
overflow-y:hidden
}
body.page div.pp_pic_holder{top:100px !important}
.side-tel{color:#FC3C00}
.site-footer .foot-tel{font-size:1em}
.single #header-clear{margin-bottom:130px}
.container-half{float:left; width:46%}
#cert-icons{max-width:1100px; margin:auto}
#header-clear{margin-bottom:100px}
#primary-navigation{position:relative}
.primary-navigation .menu-toggle {display:block !important}
#site-subnav{z-index:10; clear:both; background:#ababab; position:absolute; top:57px; left:0px; right:0px;margin:0}
#site-subnav li {height:100%;float:none; display: inline-block;padding:4px 1em 4px 1em; border-left:solid 1px #bcbcbc; line-height:24px}
/* #site-subnav li:nth-child(2){border:none} */ #site-subnav li:last-child {border-right:solid 1px #bcbcbc;}
#site-subnav li:hover{background:#999}
#site-subnav li a{color:#fff; font-weight:bold; font-family: Conv_museosans_300-webfont, sans-serif; text-transform: none;}
#site-subnav li a:hover, #site-subnav li:hover > a{background:#999}
#site-subnav li a:active, #site-subnav li:active > a{background:#ababab}
#site-subnav ul{margin:0; margin-left:3em}
.main-content{ margin-top:30px}
#site-subnav .search-form input{margin-top:6px;margin-left:-200px; float:right ; height: 1.4em; vertical-align: middle; margin-right: 10px; width: 200px; -webkit-border-radius: 17px;
border-radius: 17px; padding: 0 3px;}
/* .topbar-menu{position:absolute; left:-1500px; z-index:10000; top:100px; background:#fff; padding:2em; border:solid 1px #efefef}*/
.rw-name, .rw-discountcode{font-size: 1.1em ; color: #d62828; margin-bottom:5px}
.rw-discountcode{margin-top:5px; }
.nav-menu li{display:block}
#toggle-container{ position: absolute;font-family:arial, sans-serif; top: -10px; right: 15%;}
#menu-label{color:#fff;}
.primary-navigation .menu-toggle {position:relative; }
.site-navigation a:hover{color:#dcdcdc}
#masthead{height:auto; z-index:30}
#logo{position:relative}
#logo img{height:130px !important; position: absolute; top: -2em; z-index:100}
#footer-sidebar #logo img{top:0}
.site-footer h2{font-weight:normal}
.reasons h3, .reasons p{margin-bottom:0}
#primary-navigation .big-text {margin-left:20%}
.site{width:100% !important; max-width:100% !important}
.go-wide{width:100% !important; height:auto !important}
.st-single{width:27%; float:left; margin:3%}
.st-single p{text-align:left}
#home-logos a{overflow:hidden; display:inline-block; margin: 5px 10px; }
#home-logos a img{position:relative; }
.home-content{position:relative}
.home-content #diamond-seal{position:absolute; bottom:-70px; right:8%; z-index:900000; width:140px; height:auto}
.recticon{width:auto; height:47px}
.recticon img{width:auto; height:94px; top:-47px}
.recticon:hover img {top:0px}
.squicon {width:auto; height:70px}
.squicon img{width:auto; height:140px; top:-70px}
.squicon:hover img{top:0px}
.home-content .printfriendly, .sphome-single .printfriendly{display:none}
#home-seotext .sub-title{padding: 5px; background:#E31F26; font-weight:bold; color:#fff; font-size:1.3em}
#home-call img, #home-icon-temp{width:100%}
#home-call img{max-width:850px}
.sphome-icon{text-transform:uppercase; font-size:2em}
.sphome-icon .circle{margin:auto;border: solid .3em #fff; height:1.2em; width:1.2em; -webkit-border-radius:50px; border-radius:50px }
.sphome-single{width:14%; margin:3% 5%; float:left; }
.sphs1{margin-left:20%; margin-right:2%}
.sphs2{margin-left:6%; margin-right:6%}
.sphs3{margin-left:2%; margin-right:20%}
.sps-turnaround {padding-bottom:20px; margin-bottom:20px; margin-top:20px}
.sps-excerpt{font-size:.95em; margin-bottom:20px}
.sps-button{ -webkit-border-radius:20px; border-radius:20px; padding:8px 20px; border:solid 1px #999}
.sps-button-base{display:inline-block; margin-top:30px; margin-bottom:40px; font-weight:bold;color:#E02A1F ;border-color: #E02A1F}
/* reseller section */
#navbar.reseller{background:#dedede; text-align:center}
#navbar.reseller a {color:#454545; font-weight:bold; line-height:1em; font-size:.9em}
a.nav-button{background:#dedede}
#navbar.reseller li{width:12%; border-right:solid 1px #cdcdcd; padding:.5%; display:inline-block; list-style-type:none; line-height: 1em;}
#navbar.reseller li:before{content:'';}
#reseller-mobile{display:none}
@media screen and (min-width: 640px){
.site-content .has-post-thumbnail .entry-header {
margin-top: 0px;
} }
@media screen and (min-width: 1050px) and (max-width: 1300px) {
#site-subnav .search-form input{margin-right:-10px; width: 150px}
.sphome-single{width:16%; }
.sphs2 { margin-left: 3%; margin-right: 3%;}
}
@media screen and (max-width: 1400px) {
#primary-navigation .big-text {width:60%; margin-left:10%}
}
@media screen and (max-width: 1200px) {
#primary-navigation .big-text {width:65%; margin-left:5%}
}
@media screen and (max-width: 1100px) {
nav#primary-navigation .big-text {margin-top:4px}
#menu-sub-nav li a{padding:0px}
nav#primary-navigation .big-text .skype-button img{ height: 24px; width: auto;}
#primary-navigation .skype-button{top:0px}
}
@media screen and (max-width: 1050px) {
.gutters{width:auto} /* this was breaking things */
}
@media screen and (min-width : 1005px) and (max-width : 11024px) {
#home-plans .sphome-single{height:400px; position:relative}
#home-plans .sphome-single .sps-button{bottom: 0;position: absolute;left: 5px;right: 5px;}
}
@media screen and (max-width: 1050px) {
.sphome-single{height:400px; position:relative; display:block; width:20%; margin-bottom:50px !important}
.sphome-single .sps-button{ position:absolute; bottom:0px; left:10%; right:10%}
.sphs1{margin-left:12%; margin-right:2%}
.sphs2{margin-left:6%; margin-right:6%}
.sphs3{margin-left:2%; margin-right:12%}
.home-content #diamond-seal{width:100px; bottom: -50px}
#toggle-container{right:1%; }
#site-subnav li a{font-size:12px}
#site-subnav .search-form input{margin-right: 0em; width: 150px; -webkit-border-radius: 17px;border-radius: 17px; font-size:12px; margin-top:8px}
}
@media screen and (min-width: 900px) and (max-width: 950px) {
#site-subnav .search-form input{margin-right:-30px; }
}
@media only screen
and (min-device-width : 768px)
and (max-device-width : 1024px)
and (-webkit-min-device-pixel-ratio: 1) { /*ipad mini */
#big-top{padding-top:0px}
nav#primary-navigation .big-text{ top:10px}
#logo img{top:-10px}
nav#primary-navigation .big-text {top:0px}
#masthead{height:70px}
}
@media screen and (max-width: 1007px) {
html{width:100%}
nav#primary-navigation .big-text {margin-top:9px}
#content-sidebar{clear:both}
}
@media screen and (max-width: 900px) {
.sphome-single{height:400px; position:relative; display:block; width:25%; margin-bottom:50px !important}
.sphome-single .sps-button{ position:absolute; bottom:0px; left:10%; right:10%}
.sphs1{margin-left:5%; margin-right:2%}
.sphs2{margin-left:5%; margin-right:5%}
.sphs3{margin-left:2%; margin-right:5%}
.primary-navigation{padding-top:0px}
#site-subnav{margin-left:0;}
ul#menu-sub-nav{margin-right: 10em}
}
@media screen and (max-width: 782px) {
nav#primary-navigation .big-text {margin-top:2px}
#site-subnav li a {padding:0}
}
@media screen and (max-width: 768px) {
/* reseller section */
#navbar.reseller{ text-align:center}
#navbar.reseller a {color:#232323; font-weight:normal; line-height:1em; font-size:.8em}
a.nav-button{}
#navbar ul{margin-left:0}
#navbar.reseller li{width:12%; padding:1px; }
#home-logos {padding:0}
#logo{display:inline}
.home-content #diamond-seal{right:10%; bottom: -35px; width:70px}
.main-content{ margin-top:100px}
#header-clear{margin-bottom:20px}
.sphome-single .sps-button{left:35%; right:35%}
.sphome-single{display:block; width:98%; }
.sphs1, .sphs2, .sphs3{margin:auto}
.st-single{width:100%; margin:auto; display:block; text-align:left}
.st-mission{margin-bottom:30px}
#footer-sidebar aside.masonry-brick{top: 160px !important}
ul #menu-sub-nav {margin-right: 5em; }
#site-subnav .center-wrap{width:100%}
#site-subnav .search-form {margin-right:5px;}
#site-subnav ul{margin-left:10em}
#site-subnav .search-form input{width:120px}
#site-subnav li{padding-left:5px; padding-right:5px}
nav#primary-navigation .big-text {width:80%; top:-40px}
#primary-navigation .skype-button{top:40px}
#primary-navigation .skype-button a{top:-25px; right:5px}
}
/* */
@media screen and (max-width: 610px) {
#navbar.reseller{display:none}
#reseller-mobile{margin:2em 1em; display:block; font-size:1.6em; color:#787878; border-radius:5px; -webkit-border-radius:5px}
.main-content{ margin-top:150px}
#site-subnav .menu-sub-nav-container li {float:none; display:block; height:unset; border-bottom: solid 1px #bcbcbc;border-left: solid 1px #bcbcbc;border-right: solid 1px #bcbcbc;}
.single #header-clear {
margin-bottom: 230px;}
.archive #header-clear {
margin-bottom: 230px;}
/*
nav#primary-navigation .big-text {margin-top:18px}
nav#primary-navigation .big-text img{ width:15px; margin-left:4px; margin-right:4px }
nav#primary-navigation .big-text{width:55%; font-size:.8em; position:absolute; left:0; right:0} */
#menu-toggle { font-size:.7em; margin-top:6px}
#site-subnav{top:51px}
#site-subnav ul#menu-sub-nav{margin:0;}
#site-subnav .search-form input{ float: none; width: 150px; margin: 10px auto;}
}
@media screen and (max-width: 600px) {
html #wpadminbar{position:fixed}
#text-6 .textwidget {font-size:2.2em}
#text-6 .textwidget img{width:25px}
.footer-1, .footer-2, .footer-3 {width:90%}
/* */
nav#primary-navigation .big-text{width:65%; font-size:.75em;margin-top:15px }
#menu-toggle { font-size:.7em; margin-top:2px}
#logo img{height:70px !important; top:-5px}
}
@media screen and (max-width: 500px) {
.content-sidebar{width:95%}
ol.reasons li::before{font-size:.95em}
#ls-global * .ls-slide img.video_lightbox_anchor_image{ max-width:100px !important }
nav#primary-navigation .big-text{width:65%; font-size:.75em;margin-top:-15px ;position:absolute; top:20px; left:0; right:0; text-align:center; padding-left:10px}
.primary-navigation .big-text a{position: absolute;
left: 0;
right: 0;
text-align: center;}
#menu-toggle { font-size:.7em; margin-top:2px}
#logo img{height:50px !important; top:-5px}
.site-footer .widgettitle {font-size:1.4em}
.site-footer a{font-size:1.2em}
#site-subnav ul{}
#site-subnav {}
nav#primary-navigation .big-text img{margin-left:2px; margin-right:2px}
#primary-navigation .skype-button{top:5px; right:-50px; height: 20px; width: 55px;}
nav#primary-navigation .big-text .skype-button img{height:16px; width:37.3px; right:-20px; position:absolute}
nav#primary-navigation .big-text .skype-button a{top: -27px; position: absolute;}
/* #masthead{height:45px} */
}
@media screen and (max-width: 375px) {
nav#primary-navigation .big-text{width:90%; top:0px; }
#primary-navigation .skype-button{position:relative; top:35px; right:0px}
/*.primary-navigation .big-text a{position: absolute; left: 0; right: 0; text-align: center;}
#menu-toggle { font-size:.7em; margin-top:2px}
#logo img{height:50px !important; top:-5px}
nav#primary-navigation .big-text img{margin-left:2px; margin-right:2px}
nav#primary-navigation .big-text .skype-button img{height:16px; width:37.3px; right:-20px; position:absolute}
nav#primary-navigation .big-text .skype-button a{top: -27px; position: absolute;}
#masthead{height:45px} */
}
@media
only screen and (-webkit-min-device-pixel-ratio: 2) and (max-width: 481px),
only screen and ( min--moz-device-pixel-ratio: 2) and (max-width: 481px),
only screen and ( -moz-min-device-pixel-ratio: 2 and (max-width: 481px),
only screen and ( -o-min-device-pixel-ratio: 2/1) and (max-width: 481px),
only screen and ( min-device-pixel-ratio: 2) and (max-width: 481px),
only screen and ( min-resolution: 192dpi) and (max-width: 481px),
only screen and ( min-resolution: 2dppx) and (max-width: 481px) {
#logo img{top: -3px}
}