/*******************************
CASCADING STYLE SHEET 
with Responsive media queries
by Monterey Bay Design
www.montereybaydesign.com
*******************************/
/****************************************
ALL FONTS
****************************************/
@font-face {
 font-family: "Century Gothic";
 src: url("../fonts/gothic.eot"),
      url("../fonts/gothic.woff"), 
      url("../fonts/gothic.ttf"); 
 font-weight: normal;
 font-style: normal;
 font-display: swap;
}
@font-face {
 font-family: "Century Gothic";
 src: url("../fonts/gothici.eot"),
      url("../fonts/gothici.woff"), 
      url("../fonts/gothici.ttf"); 
 font-weight: normal;
 font-style: italic;
 font-display: swap;
}
@font-face {
 font-family: "Century Gothic";
 src: url("../fonts/gothicb.eot"),
      url("../fonts/gothicb.woff"), 
      url("../fonts/gothicb.ttf"); 
 font-weight: bold;
 font-style: normal;
 font-display: swap;
}
@font-face {
 font-family: "Century Gothic";
 src: url("../fonts/gothicbi.eot"),
      url("../fonts/gothicbi.woff"), 
      url("../fonts/gothicbi.ttf"); 
 font-weight: bold;
 font-style: italic;
 font-display: swap;
}
@font-face {
 font-family: "Caviar Dreams";
 src: url("../fonts/CaviarDreams.eot"),
      url("../fonts/CaviarDreams.woff"), 
      url("../fonts/CaviarDreams.ttf"); 
 font-weight: normal;
 font-style: normal;
 font-display: swap;
}

body, html {
	color:#000;
	font-family: "Century Gothic", sans-serif;
	font-size: 1em;
	letter-spacing:normal;
	line-height: 1.8em;
	text-align: left;
	overflow-x:hidden;
}
html:focus-within { scroll-behavior: smooth;}

/*HEADER*/
.header {display:block;	}
#autologo { padding: 20px;  margin: 0 auto; max-width: 550px;}
#main_menu { margin: 0 auto; border-bottom: 1px solid #000; border-top: 1px solid #000;}

/*CLIENT LOGIN*/
#clientLogin {  position: absolute; line-height:normal; top:0; right: 0; font-size: 75%; z-index: 1111; text-transform: lowercase; letter-spacing:1px;  }
#clientLogin > a { -webkit-transition: all 0.5s ease-out;-moz-transition: all 0.5s ease-out; transition: all 0.5s ease-out;  background: #fff;  padding: 10px; border-bottom-left-radius: 10px; border-bottom-right-radius: 10px; border: 1px solid #000;border-top: none;}
#clientLogin a {font-family: "Century Gothic"; color: #058; text-decoration: none; position:relative; display: block; width:100%; height:100%;  }
#clientLogin a:hover {background: #058; color: #fff; outline: 1px dashed #fc0;  } 
#clientLogin a:focus { outline: 1px dashed #fc0; }
@media screen and (max-width: 900px) {
	#clientLogin {display:none;	}
}

/*HEROES*/
.pageHero { height: 600px; }
.heroTitle {
	font-family:"Caviar Dreams", sans-serif;
	color: #fff; 
	font-size: 45px; 
	text-shadow: 2px 2px 3px #000; 
	font-weight: 300;
	text-align: center; 
	position: absolute;
	top:55%;
    left: 0;
    right: 0;
    margin: auto 0; 
}
.mbay {
	background: url(../imgs/mbay.jpg) center center fixed no-repeat rgba(0,0,0,0.3);
	-webkit-background-size: cover;
	-moz-background-size: cover;
	background-size: cover;
	background-blend-mode: multiply;
}
.mbay2 {
	background: url(../imgs/mbay2.jpg) center center fixed no-repeat rgba(0,0,0,0.3);
	-webkit-background-size: cover;
	-moz-background-size: cover;
	background-size: cover;
	background-blend-mode: multiply;
}
.mbay3 {
	background: url(../imgs/mbay3.jpg) center center fixed no-repeat rgba(0,0,0,0.3);
	-webkit-background-size: cover;
	-moz-background-size: cover;
	background-size: cover;
	background-blend-mode: multiply;
}
.mbay4 {
	background: url(../imgs/mbay4.jpg) center center fixed no-repeat rgba(0,0,0,0.3);
	-webkit-background-size: cover;
	-moz-background-size: cover;
	background-size: cover;
	background-blend-mode: multiply;
}
.mbay5 {
	background: url(../imgs/mbay5.jpg) center center fixed no-repeat rgba(0,0,0,0.3);
	-webkit-background-size: cover;
	-moz-background-size: cover;
	background-size: cover;
	background-blend-mode: multiply;
}
.mbay6 {background: url(../imgs/mbay6.jpg) center center fixed no-repeat rgba(0,0,0,0.3);
	-webkit-background-size:cover;
	-moz-background-size:cover;
	background-size:cover;
	background-blend-mode: multiply;
}
.mbay7 {
	background: url(../imgs/mbay7.jpg) center center fixed no-repeat rgba(0,0,0,0.3);
	-webkit-background-size: cover;
	-moz-background-size: cover;
	background-size: cover;
	background-blend-mode: multiply;
}
.mbay8 {
	background: url(../imgs/mbay8.jpg) center center fixed no-repeat rgba(0,0,0,0.3);
	-webkit-background-size: cover;
	-moz-background-size: cover;
	background-size: cover;
	background-blend-mode: multiply;
}
.mbay9 {
	background: url(../imgs/mbay9.jpg) bottom center fixed no-repeat rgba(0,0,0,0.3);
	-webkit-background-size: cover;
	-moz-background-size: cover;
	background-size: cover;
	background-blend-mode: multiply;
}
.twilight {
	background: url(../imgs/mbay-twilight.jpg) center center no-repeat rgba(0,0,0,0.3);
	-webkit-background-size: cover;
	-moz-background-size: cover;
	background-size: cover;
    background-attachment: fixed;
	background-blend-mode: multiply;
}

/*SECTION & PAGE ELEMENTS*/
section:nth-child(odd):not(:first-child)  {background: #fff; border-top: 1px solid #000;}
section:nth-child(even) {background: #fafafa; border-top: 1px solid #000; }
.sectionDark {background: linear-gradient(-165deg, #058, #062639); }
.extra-dark {background: linear-gradient(-165deg, #000, #062639);}
.medContent { width:80%; margin: 0 auto; }
.triBlock {
	vertical-align: top;
	background-color:#fff;
	display: inline-block;
	width: 30%;
	text-align:center;
	font-weight:normal;
	margin:10px;
	padding: 0;
	border: 1px solid #058;
	padding-bottom: 20px;
	-webkit-border-radius: .5em;
	border-radius: .5em;
	moz-border-radius: .5em;
	opacity: 1;
	-webkit-transition: all 0.25s ease-in-out;
	transition: all 0.25s ease-in-out;
}
.quadBlock {
	vertical-align: top;
	background-color:#fff;
	display: inline-block;
	width: 22%;
	text-align:center;
	font-weight:normal;
	margin:5px;
	padding: 0;
	border: 1px solid #058;
	-webkit-border-radius: .5em;
	border-radius: .5em;
	moz-border-radius: .5em;
	opacity: 1;
	-webkit-transition: all 0.25s ease-in-out;
	transition: all 0.25s ease-in-out;
}
.halfBlockBG {
	position: relative;
	vertical-align: top;
	background-color:#fff;
	display: inline-block;
	width: 45%;
	text-align:center;
	font-weight:normal;
	margin:10px;
	padding: 0;
	padding-bottom: 20px;
	-webkit-border-radius: .5em;
	-moz-border-radius: .5em;
	border-radius: .5em;
	border: 1px solid #fff;
	opacity: 1;
	-webkit-transition: all 0.25s ease-in-out;
	transition: all 0.25s ease-in-out;
}
.halfBlock {
	display: inline-block;
	vertical-align: top;
	position: relative;
	margin: auto 10px;
	text-align:justify;
	padding: 0;
	width: 45%;
	height: auto;
}
.triCol {
	vertical-align: top;
	display: inline-block;
	width: 30%;
	text-align:left;
	font-weight:normal;
	position: relative;
	margin: auto 10px;
	padding: 0;
    height: auto;
}
.emphasis-box {
	position: relative;
	background-color:#fff;
	color: #058;
	display: block;
	width: 75%;
	text-align:center;
	font-size: 150%;
	line-height: 1.5em;
	font-weight:normal;
	margin:10px auto;
	padding: 30px;
	border: 1px solid #09f;
	-webkit-border-radius: .5em;
	-moz-border-radius: .5em;
	border-radius: .5em;
	opacity: 1;
	-webkit-transition: all 0.25s ease-in-out;
	transition: all 0.25s ease-in-out;
}

/*LINK TRANSITIONS*/
a { transition: all 0.5s ease-out;  -webkit-transition: all 0.5s ease-out;}
a { color: #058;}
.main a:not(.button):not(.learnButton):not(#forbidden):not(#acceptable):not(#indemnity):not(#web):not(#graphic):not(.optanon-show-settings):not(.nobgtr) {
  transition: all 0.5s ease-out;  -webkit-transition: all 0.3s ease-out;  
  background: linear-gradient(to left, rgba(255,255,255,0.0) 50%, #000 50%) right;
  background-size: 201%;
  padding-top: 4px;
  padding-bottom: 4px;
}
.main a:not(.button):not(.learnButton):not(#forbidden):not(#acceptable):not(#indemnity):not(#web):not(#graphic):not(.optanon-show-settings):not(.nobgtr):hover {color: #f90; background-position: left; text-decoration: none;}

/*FOCUS ELEMENTS*/
a:focus { outline: -webkit-focus-ring-color auto 5px; }
a:active {text-decoration:none;}

/*MISC ELEMENTS*/
img, object {max-width: 100%; height: auto;}
.img_align_right {	float: right;	vertical-align: top;	margin: 5px 0 5px 10px;	position: relative;	}
.img_align_left {	float: left;	vertical-align: top;	margin: 5px 10px 5px 0;	position: relative;	}
.cursor_help {cursor: help;}
.clear { clear: both;}
.autoWidth {width: auto !important;}
.zoom:hover  {	-webkit-transform:scale(1.05);	transform:scale(1.05);	z-index:10;}
.zoom {overflow:hidden;}
.hr_gradient {
    border: 0; height: 1px; width: auto; margin:5px auto;
	background: #09f;
    background: -webkit-linear-gradient(left, rgba(0, 153, 255, 0.0), #09f, rgba(0, 153, 255, 0.0)); 
    background:  -moz-linear-gradient(left, rgba(0, 153, 255, 0.0), #09f, rgba(0, 153, 255, 0.0)); 
	background: linear-gradient(to right, rgba(0, 153, 255, 0.0), #09f, rgba(0, 153, 255, 0.0));
}
.blueBorder {border: 1px solid #058;}
#policy-menu-container {margin: 0 auto; width: 75%; text-align: center; margin-top:25px; font-size:85%;}

/*FONT & PARAGRAPH SIZES & STYLES*/
.pageLede {font-size: 1.4em; line-height: 1.6; width: 85%; text-align: center; margin: 0 auto 35px; }
.text-large {font-size: 1.2em; line-height: 1.6;  }
.smallfont {font-size: .9em;}
.copy_fine {font-size:.9em; font-style:italic;}
sup {font-size: 50%;}	
.left {text-align:left !important;}
.right {text-align:right !important;}
.center { text-align:center !important; }
.primary-color {color: #058 !important; }
.secondary-color {color: #f90 !important; }
.white {color: #fff !important; }
p:after {margin-bottom: 25px;}

/*FORM FIELDS*/
textarea {font-family: "Century Gothic", sans-serif; font-size: 1em; width: 75%; transition: all 0.25s ease-out;  -webkit-transition: all 0.25s ease-out;-moz-transition: all 0.25s ease-out;}
textarea:focus {background-color: #cff; width: 99%; height: 100px;}
input[type="text"] {border: 1px solid; font-family: "Century Gothic", sans-serif; font-size: 1em; width: 75%;transition: all 0.25s ease-out;  -webkit-transition: all 0.25s ease-out;-moz-transition: all 0.25s ease-out; }
input[type="text"]:focus {background-color: #cff; width: 99%; }
select {font-family: "Century Gothic", sans-serif; width: 75%; transition: all 0.25s ease-out;  -webkit-transition: all 0.25s ease-out;-moz-transition: all 0.25s ease-out;}
select:focus {background-color: #cff; width: 99%;}
fieldset {border:none;}

/*CONTACT PAGE*/
.contact_left {
	float: left;
	width: 45%;
}
.contact_right {
	float: right;
	width: 45%;
	text-align:right;
}
.contact_text {
	display: block;
	vertical-align:top;
	width: 20%;
}
.contact_input {
	display: block;
	vertical-align:top;
	width: auto;
}
.contact_bottom {
	float: left; 
	width:auto; 
	padding-top:10px; 
}
.contact_hours {padding-top: 30px;}

/*SERVICES & PRICING*/
.service_header {
	border-radius:.5em .5em 0 0;
	display: block;
	background:#058;
	background:-webkit-linear-gradient(top,#058,#000);
	background:-moz-linear-gradient(top,#058,#000);
	background:linear-gradient(to bottom,#058,#000);
}
.service_details li a {color: #666 !important;  }
.service_price { color: #666; font-weight:bold; font-size:110%; text-transform:lowercase;}
.service_extra a{ font-size:95%; text-transform:lowercase; font-style:italic; font-weight:bold; transition: all 0.25s ease-in-out;}
.service_extra a:hover{ color: #f90 !important; font-size:120%;}
.service_price a:hover { color: #f90 !important; }
.service_level { 
	display:block;
	height:auto;
	padding: 0 5px;
	line-height:1.8em;
	font-size: 1.5em;
	color:#058;
	background: #ddd;
	background: -webkit-linear-gradient(left, #ddd, #aaa); 
	background: -moz-linear-gradient(left,  #ddd, #aaa); 
	background: linear-gradient(to right,  #ddd, #aaa);	
	border-top:1px solid #000;
	border-bottom:1px solid #000;
}
div.service_name {
	line-height: 1.8em;
	font-size:2em;
	color: #fff; 
    text-transform:lowercase;
}
ul.service_details {
	opacity: 1;
	position:relative;
	display:inline-block;
	padding:0;
	list-style-type:none;
	margin:0 auto;
	border-radius:0 0 .5em .5em;
	text-align:center;	
}
.service_details li {
	color: #666;
    font-size:90%;
    border-top:1px solid #ccc;
	margin:0;
	position:relative;
	padding: 5px;	
}
.service_details li:first-child {	border-top:0;}
.service_details li:last-child {	padding-bottom:10px;}
.service_text {display: block; font-size:.9em; color: #fff; padding: 0 10px 10px 10px;}

/*HOSTING*/
.host_header {
	border-radius:.5em .5em 0 0;
	display: block;
	background:#058;
	background:-webkit-linear-gradient(top,#058,#000);
	background:-moz-linear-gradient(top,#058,#000);
	background:linear-gradient(to bottom,#058,#000);
}
.host_fine {font-size:.8em; font-style:italic;}
.save_annual {color: #058; font-size: 80%; font-weight: bold;transition: all 0.5s;  -webkit-transition: all 0.5s ;-moz-transition: all 0.5s }
.save_annual:hover {color: #f60; font-size: 100%;  ;}
.host_level { 
	display:block;
	height:auto;
	padding: 0 5px;
	line-height:1.8em;
	font-size: 1.5em;
	color:#058;
	font-weight: normal;
	background: #ddd;
	background: -webkit-linear-gradient(left, #ddd, #aaa); 
	background: -moz-linear-gradient(left,  #ddd, #aaa); 
	background: linear-gradient(to right,  #ddd, #aaa);	
	border-top:1px solid #000;
	border-bottom:1px solid #000;
}
div.host_price {
	line-height: normal;
	font-size:3em;
	color: #fff; 
}
ul.host_details {
	opacity: 1;
	position:relative;
	display:inline-block;
	padding:0;
	list-style-type:none;
	margin:0 auto;
	border-radius:0 0 .5em .5em;
	text-align:center;	
}
.host_details li {
	color: #000;
    font-size:90%;
    border-top:1px solid #ccc;
	margin:0;
	position:relative;
	padding: 5px;	
}
.host_details li:first-child {	border-top:0;}
.host_details li:last-child {	padding-bottom:10px;}
.hostplan_text {font-size:.9em; color: #fff; }

/*MAIN MAINTENANCE PAGE*/
.maintenance-h2, .maintenance-h2 a {text-align: center!important; color: #09f !important; margin: 0 auto; width: 75%; padding:15px 0 25px; line-height:normal; font-weight:normal; }
.wp-advice {line-height:normal; font-weight:normal; font-size: 1.4em; margin: 15px auto; width: 75%;}
.update-failure {position:relative; margin: 30px auto; width: 75%; padding: 10px 25px; border: 1px solid #000; color: #fff; font-size: 1em; background-color: #c00; }
.copper {margin: 15px auto 0px; padding: 10px 25px; border: 1px solid #000; width: 75%; color: #000; font-size: 13px; background-color: #91f6f2; border-top-left-radius: 10px; border-bottom-right-radius: 10px; }
.silver {margin: 15px auto 0px; padding: 10px 25px; border: 1px solid #000; width: 75%; color: #000; font-size: 13px; background-color: #72d8f6; border-top-left-radius: 10px; border-bottom-right-radius: 10px; }
.gold {margin: 15px auto 0px; padding: 10px 25px; border: 1px solid #000; width: 75%; color: #fff; font-size: 13px; background-color: #25a2c7; border-top-left-radius: 10px; border-bottom-right-radius: 10px; }
.platinum {margin: 15px auto; padding: 10px 25px; border: 1px solid #000; width: 75%; color: #fff; font-size: 13px; background-color: #058; border-top-left-radius: 10px; border-bottom-right-radius: 10px; }

/* SITE MAP*/
.site_head { color: #058; border-bottom: 1px solid #058}
.sitemap a { font-size: 90%;}

/*DOMAINS*/
.domain_menu_container {	text-align: center;}
.domain {
	display:inline-block;
	padding:10px; 
	width: auto;
	text-align:center;
}
.domainBlock {
	vertical-align: top;
	background-color:#fff;
	display: inline-block;
	width: 45%;
	text-align:center;
	font-weight:normal;
	margin:10px;
	padding: 0;
	padding-bottom: 20px;
	-webkit-border-radius: .5em;
	-moz-border-radius: .5em;
	border-radius: .5em;
	border: 1px solid #058;
	opacity: 1;
	-webkit-transition: all 0.25s ease-in-out;
	transition: all 0.25s ease-in-out;
}
.domain_header {
	border-radius:.5em .5em 0 0;
	display: block;
	background:#058;
	background:-webkit-linear-gradient(top,#058,#000);
	background:-moz-linear-gradient(top,#058,#000);
	background:linear-gradient(to bottom,#058,#000);
}
div.domain_tld {
	line-height: 1.8em;
	font-size:2em;
	color: #fff; 
}
.domain_level { 
	display:block;
	height:auto;
	padding: 0 5px;
	line-height:1.8em;
	font-size: 1.3em;
	color:#03c;
	font-weight: normal;
	background: #ddd;
	background: -webkit-linear-gradient(left, #ddd, #aaa); 
	background: -moz-linear-gradient(left,  #ddd, #aaa); 
	background: linear-gradient(to right,  #ddd, #aaa);	
	border-top:1px solid #000;
	border-bottom:1px solid #000;
}
ul.domain_details {
	color: #000;
    font-size:90%;
    opacity: 1;
	position:relative;
	display:inline-block;
	padding:0;
	list-style-type:none;
	margin:0 auto;
	border-radius:0 0 .5em .5em;
	text-align:center;	
}
.domain_details li {
	border-top:1px solid #ccc;
	margin:0;
	position:relative;
	padding: 5px;	
}
.domain_details li:first-child {	border-top:0;}
.domain_details li:last-child {	padding-bottom:10px;}

/*SITE SECURITY*/
.blurb_block {
	display: inline-block;
	position: relative;
	text-align:justify;
	padding: 30px;
	width: auto;
	height: auto;
	border-top: 1px solid #fff;
	border-bottom: 1px solid #fff;
}
.ssl-box-text {font-weight:normal; padding: 30px; border: 1px solid #058; margin: 20px; text-align:left;}
.security_header {
	border-radius:.5em .5em 0 0;
	display: block;
	background:#058;
	background:-webkit-linear-gradient(top,#058,#000);
	background:-moz-linear-gradient(top,#058,#000);
	background:linear-gradient(to bottom,#058,#000);
}
div.security_price {
	line-height: normal;
	padding-bottom: 10px;
	font-size:3em;
	color: #fff; 
}
.security_level { 
	display:block;
	height:auto;
	padding: 0 5px;
	line-height:1.8em;
	font-size: 1.5em;
	color:#000;
	font-weight: normal;
	background: #ddd;
	background: -webkit-linear-gradient(left, #ddd, #aaa); 
	background: -moz-linear-gradient(left,  #ddd, #aaa); 
	background: linear-gradient(to right,  #ddd, #aaa);	
	border-top:1px solid #000;
	border-bottom:1px solid #000;
	overflow:visible;
}
ul.security_details {
	color: #000;
    font-size: 90%;
    opacity: 1;
	position:relative;
	display:inline-block;
	padding:0;
	list-style-type:none;
	margin:0 auto;
	border-radius:0 0 .5em .5em;
	text-align:center;	
}
.security_details li a {color:#000 !important;}
.security_details li a:hover {color:#f90 !important;}
.security_details li {
	border-top:1px solid #ccc;
	margin:0;
	position:relative;
	padding: 5px;	
}
.security_details li:first-child {	border-top:0;}
.security_details li:last-child {	padding-bottom:10px;}
.sec_rec {
	display:block;
	height:1.8em;
	line-height:1.8em;
	font-style:italic;
	font-size: 1.7em;
	background: #900;
	background: -webkit-linear-gradient(left, #900, #f00); 
	background: -moz-linear-gradient(left,  #900, #f00); 
	background: linear-gradient(to right,  #900, #f00);		
	border-top:1px solid #000;
	border-bottom:1px solid #000;
	overflow:visible;
	font-weight:bold;
	text-transform:uppercase;
	color: #fff;
}
.securityplan_text {display: block; font-size:1.2em; font-style:italic; color: #fff; padding: 0 0 10px 0;}
.sec_small_text { font-size:95%; color: #fff; line-height:normal;}

/*QUESTIONNAIRE*/
.question_head {color: #058; font-size: 18px; font-weight: bold; padding-top: 20px;}
.questionContainer {
	padding: 5px;
	height: auto;
	text-align:left !important;
}
.question_left_gen_first {
	vertical-align:top;
	display: inline-block;
	width: 15%;
	padding-top:10px;
}
.question_left_gen_second {
	vertical-align:top;
	display: inline-block;
	width: 15%;
	padding-left: 10%;
	padding-top:10px;
}
.question_input_gen {
	display: inline-block;
	vertical-align:top;
	width: auto;
	padding-left: 10%;
	padding-top:10px;
}
.question_left_basic_first {
	vertical-align:top;
	display: inline-block;
	width: 40%;
	height: auto;
	padding-top:10px;
}
.question_input_basic {
	vertical-align:top;
	display: inline-block;
	width: 40%;
	height: auto;
	padding-left: 2%;
	padding-top:10px;
}
.question_input_txtarea {
	vertical-align:top;
	display: inline-block;
	width: 40%;
	padding-left: 2%;
	padding-top:10px;
}
.question_button {
	vertical-align:top;
	display: inline-block;
	width: 40%;
	padding-left: 2%;
	padding-top:10px;
}
.question_services_container {
	margin: 0 auto;
	width: 95%;
	padding-bottom:25px;
	position: relative;
}
.question_add {
	float:left;
	width: 30%;
	padding: 4px;
	border: #06F dotted 1px;
}
.question_single {
	padding: 10px 0;
	display: inline-block;
	width: 100%;
}
.q_submit_section {
	padding: 5px;
}
.question_sites {
	display: inline-block;
	width: 40%;
	height: auto;
	padding-left: 2%;
}
.triBlockCheckboxes {
	vertical-align: top;
	display: inline-block;
	width: 30%;
	text-align:left;
	font-weight:normal;
	margin:10px;
	padding: 0;
}


/**************************
     BUTTONS & CTAs
***************************/
/* ORDER BUTTON */
.minbutton {
	width:50% !important;
}
.button {
	display:block;
	vertical-align: top;
	position: relative;
	width:90%;
	margin: 10px auto !important;
	overflow:visible;
	transition: all 0.25s ease-out;  -webkit-transition: all 0.25s ease-out;-moz-transition: all 0.25s ease-out;
}
.button {
	text-align:center;
	text-transform:lowercase;
	color:#fff !important;
	font-size:1.3em;
	padding: 15px;
}
.button a{
	color:#fff;
	text-decoration:none !important;
}
.button:hover, a:hover .button {
	background:#8dee14;
	color: #000 !important;
	cursor: pointer; cursor: hand; 
	text-decoration:none !important;
}
.button {
	background: #058;
	border:none;
}
.redbutton:hover, a:hover .redbutton {
	background:#f00;
	color: #fafafa !important;
	border: 1px solid #fff;
	cursor: pointer; cursor: hand; 
	text-decoration:none !important;
}
.redbutton {
	background: #c00;
	border: 1px solid #c00;
}
.button { -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px;  }

/* LEARN MORE BUTTON */
.learnButton {
	display:inline-block;
	vertical-align: center;
	position: relative;
	padding: 15px;
	width:25%;
	margin: 5px !important;
	overflow:visible;
}
.learnButton {
	text-align:center;
	text-transform:lowercase;
	background:#000;
	color:#fff !important;
	font-size:1.3em;
	padding: 15px;
}
.learnButton a{
	color:#fff;
	text-decoration:none !important;
}
.learnButton:hover, a:hover .learnButton {
	background: #f90;
	color: #000 !important;
	cursor: pointer; cursor: hand; 
	text-decoration:none !important;
}
.learnButton {
	background: #000;
	border:1px solid #fff;
    margin-left: 50px!important;
}
#learnBox {
	position: relative;
	width: auto;
	text-align:center;
	margin: 10px;
	padding: 30px;
	border: 1px solid #058; 
	border-top: 8px solid #058; 
	border-top-left-radius: 8px; 
	border-top-right-radius: 8px;
	z-index:1;
}
.learnText {
	color: #000;
	font-weight:normal;
	padding-top: 5px;
	margin-right: 20px;
}
.learnSize {font-size: 1.3em;font-weight:normal;}

/*REVIEWS-TESTIMONIALS*/  
.review_right { display: block; width: 100%; padding-top: 15px;}
#review_container { float: left; vertical-align: top;  position: relative; height: auto;  overflow:hidden; }
#review_banner {  display: inline-block;  height:auto;  width:auto;  position:relative;  margin:5px; overflow:hidden;}
.testimonial { font-size: .9em; font-style:italic; color:#000; padding: 10px 0; border-bottom: 1px solid #058; }
#testimonial-nb { padding: 5px; border-top: 1px solid #06f;  }
.top_sig { font-size: 14px; font-style:italic; color:#fff; padding: 10px 20px;  }
.review_sig, .review_sig a { font-size: 12px; line-height: normal; color:#222; font-weight: bold; text-align:right; padding: 5px 0; text-decoration:none; }
.review_sig a:hover { color:#f90; }
.lrg_review_sig {	font-size: 12px; color:#ccc; font-weight: bold;	text-align:right; font-style:italic;}
hr {border: 0; height: 1px; background-color: #06f; color: #06f;}
.review-tag { display:block; width: 90%; text-align:center; color:#000;  padding: 20px;  border: 1px solid #058; border-top: 8px solid #058; border-top-left-radius: 8px; border-top-right-radius: 8px;  margin: 0 auto 40px; }
.review-tag a {  font-size: 125%;  font-weight: bold;   text-decoration:none;}
.review-tag a:hover {color:#f90; text-decoration:none;}

/****FOOTER******************/
#footer a {	color: #fff; text-decoration:none;}
#footer a:hover { color:#f90; text-decoration:none; transition:color 0.5s ease-out;border-bottom:1px dotted #f90;}
.footerHeading { font-size: 1.2em;  margin-bottom: 10px; font-weight:bold;}
#footer {
	background: linear-gradient(to bottom left, #000, #062639);
	border-top: 1px solid #fff;
	margin:0 auto;
	width: auto;
	height: auto; 
	position:relative;
} 
#footer {
	font-family: "Century Gothic", sans-serif;
	color: #fff;
	font-size:.8em;
	line-height:1.5em;
} 
.footerContent {
	vertical-align:middle;
	padding: 20px;
	margin:0 auto;
	text-align:center;
	width: auto;
}
.footerLeft {
	display: inline-block;
	vertical-align: top;
	padding: 2px;
	text-align:left;
	width: 30%;
}
.footerLCenter {
	display: inline-block;
	vertical-align: top;
	padding: 2px;
	text-align:left;
	width: 20%;
}
.footerRCenter {
	display: inline-block;
	vertical-align: top;
	padding: 2px;
	text-align:left;
	width: 20%;
}
.footerRight {
	display: inline-block;
	vertical-align: top;
	padding: 2px;
	text-align:right;
	width: 25%;
}
.icon-container { position:relative; margin: 0 auto; width:100%; padding-top:5px;  }
.icon_center { 	display:inline-block; vertical-align:top;  margin-right: 5px; margin-bottom: 5px; margin-top: 10px; }
.sm-icon {	display:inline-block; 	vertical-align:top;	margin-right: 5px;	margin-bottom: 5px; width:30px;	height:auto; position:relative;}
/*Back To Top*/
#btt {
  display: none; 
  position: fixed; 
  bottom: 10px; 
  right: 10px;
  z-index: 99; 
  background-color: #f90; 
  color: #000; 
  padding: 14px;
  border-radius: 3px; 
  border:none;	
  font-size: 18px;
  font-weight: bold;	
  transition: all 0.5s ease-out;  -webkit-transition: all 0.5s ease-out;	
}

#btt:hover {
  background-color: #058;
  color: #fff; 
  cursor:hand;	
}

/*************************
FX FX FX FX FX FX FX FX
*************************/
.inflate {
	-webkit-transition-duration: 0.5s;
	-moz-transition-duration: 0.5s;
	-o-transition-duration: 0.5s;
	transition-duration: 0.5s;
	-webkit-transition-property: -webkit-transform;
	-moz-transition-property: -moz-transform;
	-o-transition-property: -o-transform;
	transition-property: transform;
	overflow:hidden;
}
.inflate:hover {
	-webkit-transform:scale(1.25);
	-moz-transform:scale(1.25);
	-o-transform:scale(1.25);
	transform:scale(1.25);
}

/*MOBILE*/

@media only screen and (-webkit-min-device-pixel-ratio: 3) {
	body, html {height: 100%;}
}

@media screen and (max-width: 1200px) {
	.footerLeft, .footerLCenter, .footerRCenter, .footerRight {text-align:center; }
	.icon-container { text-align: center; }
}
@media screen and (max-width: 950px) {
	#footer {font-size: 1em;}
	.footerLeft, .footerLCenter, .footerRCenter, .footerRight {display:block; text-align:center; width: auto;}
	.footerHeading { padding-top:  20px; }
	.icon_center {margin-top: 5px; }
}
@media screen and (max-width: 900px) {
	.button {font-size:120%;}
	.img_align_right {float:none; width:auto; }
	.img_align_left {float:none; width:auto; }
	.learnButton {width:50%;  display:block; margin:0 auto !important;}
	.learnText {margin-right:0;}
	.ssl-box-text {padding: 15px;}
	.wp-advice {margin: auto;}
	.medContent {width:auto; }
	.triBlock {width: 98%;margin:5px 0;}	
	.quadBlock {width: 95%; margin:10px;}
	.halfBlockBG {display: block;width: 98%;margin: 5px auto;}	
	.halfBlock {display: block;width: 95%;margin: auto;}	
	.triCol {width: 90%;}
	.emphasis-box {margin:auto; width:auto;}
	.domain_tld {line-height: 1.3em;}
	.vps-box {width: auto;margin:5px;}	
	.domainBlock {display: block;width: 98%;margin:5px;}	
	.question_left_gen_first {display:block;width: auto;padding-bottom:10px; }
	.question_left_gen_second {display:block;width: auto;}	
	.question_input_gen {display:block;padding-left: 0;	padding-top:0;padding-bottom:10px;}
	.question_left_basic_first {display:block;width: auto;padding-bottom:10px;}
	.question_input_basic {display:block;width: auto;padding-left: 0; padding-top:0;padding-bottom:10px;}
	.question_input_txtarea {display:block;width: auto;	padding-bottom:10px;padding-left: 0; padding-top:0;}
	.question_button {display: block; width: auto; padding-bottom:10px;padding-left: 0; padding-top:0;}
	.question_services_container {padding-bottom:0;}
	.question_add {float:none; display:block;width: 98%;}
	.question_single {display:block;}
	.question_sites {display:block;width: auto;	}
	.triBlockCheckboxes {display:block;width: auto;margin:0;}
	.sitemap a { font-size: 100%;}
	.contact_left {	float:none; display:block;width: auto;margin: 0 auto;}
	.contact_right {float:none; display:block;width: auto;text-align:center;margin: 0 auto;}
	.contact_text {	display:block;	width: auto;}
	.contact_input {padding-bottom: 5px;}
	.contact_bottom {display:block;padding-top:0;}
	#policy-menu-container {font-size:100%; width: auto;}
	#review_container {display: inline-block; width: 100%;  margin: auto; float: none;}
	#review_banner {  display: none;  }
	.testimonial { font-size: 100%; padding: 5px; }
	.top_sig { font-size: 100%; padding: 5px; display:inline-block;}
	.review_sig, .review_sig a { font-size: 100%;}
	.lrg_review_sig {	font-size: 110%;}
	.review-tag { margin: 20px auto 0; }
	.zoom:hover {transform:none;}
}