/* *****************************************************

    ** Custom Stylesheet **

    Any custom styling you want to apply should be
    defined here.

***************************************************** */
body {font-family:Questrial, sans-serif!important; color:#000!important;}
button, input, select, textarea, .navbar-main, .dropdown-menu, h1, h2, h3, h4, h5, h6 {font-family:Questrial, sans-serif!important; color: #002244!important;}
button {color:#fff!important;}
#btnShowSidebar {color:#002244!important;}
 section#main-menu, .navbar-main {background-color:#002244!important; color:#fff!important;}
 .text-domain{color:#002244!important;}
 .btn-primary, .pagination>.active>a,.pagination>.active>a:focus,.pagination>.active>a:hover, .pagination>.active>span,
 .pagination>.active>span:focus, .pagination>.active>span:hover{background-color:#f26522!important;
 border-color:#002244!important;  color:#fff!important;}
 ul.top-nav > li.primary-action > a.btn:hover, .btn-primary:hover, .label-warning:hover, section#home-banner .btn.search:hover {background-color:#002244!important;}
 ul.top-nav > li.primary-action > a.btn, .label-warning, section#home-banner .btn.search {background:#f26522!important; color:#fff!important;}
 section#home-banner {background-color: #e6e6e6!important; color:#002244!important;}
section#footer {background-color: #002244!important; border-top: 1px solid #e6e6e6!important; color:#fff!important;}
section#footer a, .lead, .home-shortcuts p {color:#fff!important;}
ul.top-nav > li > a {color: #002244!important;}
ul.navbar-nav > li > a:hover, .dropdown-menu>li>a:focus,.navbar-main .dropdown-menu>li>a:hover,.navbar-main .navbar-nav > .open > a:focus {background-color:#f26522!important; color:#fff!important;}
 .home-shortcuts {background:#002244!important; color:#fff!important;}
h3#headline {color:#000!important; font: 700 140% "Red Hat Text", sans-serif;}
h5#tagline {color:#000!important;}
#order-pure_comparison .price-table-container .price-table.active .top-head, #order-pure_comparison .price-table-container .price-table .top-head {background:#002244!important;}
#order-pure_comparison h4 {color:#fff!important;}
#order-pure_comparison .price-table-container .price-table.active .price-area, #order-pure_comparison .price-table-container .price-table .price-area {background:none!important;}
#order-pure_comparison .price-table-container .order-button {background:#f26522!important;}

#order-standard_cart .order-summary {background-color:#002244!important; border-bottom: 3px solid #002244!important;}
#order-standard_cart .order-summary h2, 
#order-standard_cart .empty-cart .btn {color:#fff!important;}

 #order-standard_cart .empty-cart .btn, 
 #order-standard_cart .view-cart-items-header {background-color:#002244!important;}

.fa-times, .btn-default {color:#002244!important;}

#order-pure_comparison .price-table-container .price-table .popular-plan .plan-container .txt-container
{background: linear-gradient(to bottom, #f26522 0%,#33a042 100%)!important;}

#order-standard_cart .domain-lookup-primary-results .headline {line-height: 1.4em!important;}

#order-standard_cart .order-summary h2 {font-size:1.2em!important;}
#order-standard_cart .order-summary .total-due-today .amt {font-size:2em!important;}

/* colors

green: 39b54a
red: d92626
grey: ededed
light blue: cae2f4
blue: 0071bc

hr: cccccc

*/

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, 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,
article, aside, canvas, details, embed, 
figure, figcaption, footer, header, hgroup, 
menu, nav, output, ruby, section, summary,
time, mark, audio, video
		{margin: 0;
		padding: 0;
		border: 0;
		font-size: 100%;
		font: inherit;
		vertical-align: baseline;}

article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {display: block;}

* {box-sizing: border-box;}
html, body {width: 100%; height: 100%; margin: 0; padding: 0;}
body {font-family: "Red Hat Text", sans-serif; font-size: 1.3em; line-height: 1.2em;}
ul {margin: 0 0 15px 20px;}
li {margin-bottom: 5px; list-style: disc;}
blockquote, q {quotes: none;}
blockquote:before, blockquote:after,
q:before, q:after {content: ''; content: none;}
b, strong {font-weight: 700;}
table {border-collapse: collapse; border-spacing: 0;}
img {max-width: 100%; height: auto; object-fit: contain;}
img, object, embed, video {max-width: 100%;}
hr {margin: 5px 0 20px; border: 1px solid #f15928;}
hr {height: 0; border: 0; border-top: 1px solid rgba(0, 0, 0, 0.2); border-bottom: 1px solid rgba(255, 255, 255, 0.4);}
.flex {-ms-box-orient: horizontal; display: -webkit-box; display: -moz-box;	display: -ms-flexbox; display: -moz-flex; display: -webkit-flex; display: flex; -webkit-flex-flow: row wrap; flex-flow: row wrap;}
p {font: 300 100%/130% "Red Hat Text", sans-serif; color: #333; margin-bottom: 15px;}
a {text-decoration: none; color: #002244;}
a:hover	{color: #f26522;}
h1 {font: 700 110%/70% "Red Hat Text", sans-serif;	margin: 0 0 15px 0;}
h2 {font: 700 90% "Red Hat Text", sans-serif; margin-bottom: 15px; line-height: 115%;}
h3 {font: 700 80% "Red Hat Text", sans-serif;}
h4 {font: 400 70% "Red Hat Text", sans-serif;}
.small-text {font: 400 70% "Red Hat Text", sans-serif; letter-spacing: 0.5px;}
button {font: 100 190%/110% "Red Hat Text", sans-serif; text-align: center; color: #fff; margin: 0 auto; padding: 25px 75px; background-color: #f26522; position: relative; border-radius: 7px; border: 0;}
button:hover {color: #007210; opacity: 0.7; cursor: pointer;}
button a, button a:hover {color: #fff;}
a.fancybox {margin: 0 auto;}
.required {color: #d92626;}

/* ---------- */

.header-menu li {font-size: 140%; font-weight: 400;	list-style: none; margin: 7px 15px 0 0; vertical-align: middle; display: inline-block;}
.header-menu li.menu-item {color: #002244;}
.header-menu li a {text-decoration: none; color: #002244;}
.header-menu li a:hover {color: #f26522;}
.divider {color: #333;}

/* ---------- */

.logo {display: inline-block; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; flex: 1 1 20%; justify-content: flex-start; align-items: center; border: 0px solid red;}
.logo img {max-width: 130px;}
.header-menu {/*display: inline-block; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; flex: 1 1 55%; justify-content: flex-start;*/ align-items: center; display: none; border: 0px solid green;}
.social-media-container {text-align: right; display: inline-block; display: -webkit-box; display: -webkit-flex;	display: -ms-flexbox; display: flex; flex: 1 1 20%; justify-content: flex-end; align-items: center; border: 0px solid blue;}
.social-media-icon {padding: 0 10px; display: inline-block;}
.social-media-icon img {max-width: 40px;}
.header-phone-number {padding:0 10px; display:inline-block;}
.header-phone-number a:link, .header-phone-number a:visited {font-size:14px;}
.header-phone-number a:hover, .header-phone-number-link a:focus {text-decoration:none;}

/* -------- */

.main {margin-bottom: 40px;}
.main-image {width: 50%; margin-top: 20px; align-items: flex-start;}
.main-image-20off {background-image:url(https://betterthanhosting.com/wp-content/themes/custom-theme-better-than-hosting/images/main-image.png); 
background-position:left; background-repeat:no-repeat;}
.aspect-ratio--16x9 {width: 100%; height: 0; padding-bottom: 56.25%; position: relative; max-width:630px; margin:9px auto 0 auto;}
.aspect-ratio__inner-wrapper {position: absolute; top: 0; right: 0; bottom: 0; left: 0;}
.youtube-video { width: 100%; height: 100%; margin-left:15px;}
.main-text {width: 50%;	margin-top: 30px; vertical-align: top; position: relative;}
.main p	{font-size: 120%;}
.main#normal-font p {font-size:100%; margin:20px auto;}
.main .full {text-align: center;}

/* -------- */

.top-ten {text-align: center; background-color: #e6e6e6; padding-bottom: 40px;}
.top-ten-headline-container {width: 100%; text-align: center; margin: 0 auto 20px; padding: 50px 0 30px; background-color: #d92626; display: block;}
.top-ten-headline {width: 60%; text-align: center; margin: 0 auto;}
.top-ten h2 {font-size: 190%; font-weight: 400; color: #fff;}
.top-ten img {max-height: 75px; margin: 20px auto 10px; vertical-align: top;}
.top-ten p {vertical-align: top;}

/* -------- */

.security {text-align: center; padding-bottom: 40px;}
.security-headline-container {width: 100%; text-align: center; margin: 0 auto 20px;	padding: 50px 0 30px; background-color: #f26522;	display: block;}
.security h2 {font-size: 190%; font-weight: 700; color: #fff;}
.security .container {max-width: 750px;}
.security img {max-width: 110px;	margin: 20px auto 10px; vertical-align: top;}
.security p {vertical-align: top;}

/* -------- */

.guarantee {text-align: center; background-color: #cae2f4; margin: 0 auto; padding-bottom: 60px; display: block; position: relative; border: 1px solid transparent;}
.guarantee-seal	{top: 100px; left: 50%; margin: -90px; position: absolute;}
.guarantee-container {width: 75%; background-color: #fff; margin: 170px auto 40px; padding: 80px 80px 40px;}
.guarantee h2 {font-size: 160%; font-weight: 700;}
.guarantee p {font-size: 140%; line-height: 140%;}
 
/* -------- */

.pricing {text-align: center; margin: 40px auto 50px;}
.pricing h2 {font-size: 160%; font-weight: 700;}
.pricing-card {width: 100%;	height: 100%; min-height: 200px; text-align: left; vertical-align: top; background: #fff; box-shadow: 0 0 3px #666; position: relative; border-radius: 6px;}
.pricing-card.outside {top: 30px; max-height: 150px; position: relative;}
.pricing-card.inside {min-height: 200px; position: relative;}

.pricing-box {width: 100%;	height: 100%; min-height: 200px; text-align: left; vertical-align: top; background: #fff; box-shadow: 0 0 3px #fff; border:1px solid #f26522; position: relative; border-radius: 6px;}
.pricing-box.outside {top: 30px; max-height: 50px; position: relative;}
.pricing-box.inside {min-height:200px; position: relative;}

.pricing-box-blue {width: 100%;	height: 100%; min-height: 200px; text-align: left; vertical-align: top; background: #fff; box-shadow: 0 0 3px #fff; border:1px solid #002244; position: relative; border-radius: 6px;}
.pricing-box-blue.outside {top: 30px; max-height: 150px; position: relative;}
.pricing-box-blue.inside {min-height:200px; position: relative;}


ul.no-bullet {list-style-type: none; margin: 0; padding: 0;}
ul.no-bullet li {list-style: none;}
li.checkmark {height: auto; min-height: 35px; background: url("../img/checkmark.png") no-repeat left 7px; padding: 0 0 5px 25px; display: block;}
li.checkmark-green {text-align:left; height: auto; min-height: 35px; background: url("../img/checkmark-green.png") no-repeat left 7px; padding: 0 0 5px 25px; display: block;}
li.centered-list {text-align:center; height: auto; min-height: 30px; background:none;}
.price-title {text-align: center; color: #fff; background-color: #002244; padding: 20px; border-radius: 6px 6px 0 0;}
.price-title-span {font-size:120%; font-weight:700;}
.price-title-green {font-family:Questrial!important; margin:0 auto; padding:13px 0; text-align:center; font-size:120%; font-weight:700;color: #f26522!important;}
.price-title-blue {font-family:Questrial!important; margin:0 auto; padding:13px 0; text-align:center; font-size:120%; font-weight:700;color: #002244!important;}
.checklist {padding: 20px; display: block; position: relative;}
.price-container {text-align: center; position: relative;}
.price {font-size: 130%; font-weight: 700;}
.price-1 {color:#555;}		
.small-button {font: 100% "Red Hat Text", sans-serif; margin: 20px auto; padding: 15px 50px;}
.blue-button {font: 100% "Red Hat Text", sans-serif; margin: 20px auto; padding: 15px 50px; background-color: #002244!important;}
.blue-button:hover {color: #000;}
.blue-button a, button .blue-button a:hover {color: #fff;}

/* -------- */

footer {width: 100%; background-color: #002244; padding: 20px 0;}
footer a {color: #fff;}
.footer-logo {width: 25%; vertical-align: middle; display: inline-block!important; display: flex; align-items: center; justify-content: start;}
.footer-logo img {max-width: 150px;}
.footer-links-container {width:25%; font-size: 80%; vertical-align: middle; display: inline-block!important; display: flex; align-items: center; justify-content: start;}
.footer-links-container ul li {background-image:none; list-style:none;}
.footer-links-1, .footer-links-2 {width: 48%; display: inline-block!important;}
.footer-right {font-size: 70%; text-align: right; vertical-align: middle; display: inline-block!important; align-items: center; justify-content: end;}
.footer-right img {max-width: 64px;}

/* --------------------- */
/* --------------------- */


@media only screen and (max-width: 1230px) {
.container {width: 100%; margin: 0 auto; padding: 0 15px; position: relative;}
h1 {font-size: 170%;}
h2 {font-size: 120%;}
.logo {padding-right: 20px;}
.header-menu li {font-size: 130%;}
.main-image {left: -15px; margin: 20px 0 !important; vertical-align: top; align-items: flex-start; position: relative;}
.main-image-20off {background-image:none;}
.guarantee-container {width: 90%; padding: 80px 20px 40px;}
li.checkmark {height: auto; line-height: 160%;}
.pricing-card.outside {max-height: 100%;}
.price-container {left: 0; bottom: 0; margin: 20px auto 0; position: relative;}
}

/* --------------------- */

@media only screen and (min-width: 768px) {
.container {width: 100%; max-width: 1200px; margin: 0 auto; position: relative;}
.full
		{padding: 0 1%;
		vertical-align: middle;
		display: inline-block;
		display: -webkit-box;
		display: -webkit-flex;
		display: -ms-flexbox;
		display: flex;
		-webkit-flex: 1 100%;
		flex: 1 100%;
		flex-flow: row wrap;}
.half
		{padding: 0 1%;
		vertical-align: middle;
		display: inline-block;
		display: -webkit-box;
		display: -webkit-flex;
		display: -ms-flexbox;
		display: flex;
		-webkit-flex: 1 50%;
		flex: 2 50%;
		flex-flow: row wrap;
		justify-content: space-between;}
.third
		{padding: 0 1%;
		vertical-align: middle;
		display: inline-block;
		display: -webkit-box;
		display: -webkit-flex;
		display: -ms-flexbox;
		display: flex;
		-webkit-flex: 1 33%;
		flex: 1 33%;
		flex-flow: row wrap;
		justify-content: space-between;}
.main-text.third {font-size:83%;}
.two_thirds {padding:0 1%; vertical-align:middle; display: inline-block; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; flex: 1 66%; flex-flow: row wrap; justify-content: space-between;}
.fifth {padding: 0 1%; vertical-align: middle; display: inline-block; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-flex: 5 20%; flex: 5 20%; flex-flow: row wrap; justify-content: space-between;}
header {display: inline-block; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-flex: 1 100%; flex: 1 100%;}
#myCarousel {display: none;}
#menuToggle {display: none;}
#menuToggle input {display: none;}
}

/* --------------------- */

@media only screen and (max-width:1000px) {
.two_thirds {flex:1 100%;}
}

@media only screen and (min-width: 767px) and (max-width: 1000px) {

.main-image.half {-webkit-flex: 1 60%; flex: 1 60%;}
.main-image.two_thirds {}
.main-text.half {-webkit-flex: 1 40%; flex: 1 40%;}
.main-image {max-width: 800px; max-height: 340px; background-image: url('../images/main-image.png'); background-position: top right; background-size: cover;}
.main-image img {display: none;}
.third, .two-thirds {-webkit-flex:1 100%; flex: 1 100%;}
.main-image-20off {background-image:none;}	
}

/* --------------------- */

@media only screen and (max-width:767px){ 
.main-image-20off {background-image:none;} 
.aspect-ratio--16x9 {max-width:500px!important;}
.main-text.third {margin-top:15px;}
.youtube-video {margin:0 auto;}
.full, .half, .third, .quarter, .two_thirds, .fifth {width: 100%; margin: 0; padding: 0; display: block; justify-content: center; flex-direction: column;}
.logo {width: auto; text-align: left; padding: 0; display: -ms-flexbox; display: flex; justify-content: flex-start; flex: 1 1 30%; order: 1; border: 0px solid red;}
.logo img {max-width: 60%;}
.header-menu {width: auto; text-align: right; padding-right: 0; justify-content: flex-end; align-items: center; display: -ms-flexbox; display: flex; flex: 1 1 10%; order: 3; border: 0px solid green;}
.social-media-container {width: auto; text-align: center; justify-content: center; align-items: center; display: -ms-flexbox; display: flex; flex: 1 1 45%; order: 2; border: 0px solid blue;}
.social-media-icon {padding: 0 5px; display: -ms-flexbox; display: flex;}
#menuToggle input {display: block;}
#menuToggle {background: rgba(255, 255, 255, 0.7); padding: 10px 0 6px 10px; -webkit-user-select: none; user-select: none; display: block; position: relative; border: 1px solid transparent; z-index: 1;}
#menuToggle span
		{width: 33px;
		height: 4px;
		color: rgba(255, 255, 255, 0.7);
		background-color: #002244;
		margin-bottom: 5px;
		transform-origin: 4px 0px;
		transition: transform 0.5s cubic-bezier(0.77, 0.2, 0.05, 1.0),
		background 0.5s cubic-bezier(0.77, 0.2, 0.05, 1.0),
		opacity 0.55s ease;
		display: block;
		position: relative;
		border-radius: 3px;
		z-index: 1;}
#menuToggle input
		{width: 40px;
		height: 32px;
		top: 3px;
		left: 2px;
		cursor: pointer;
		opacity: 0;
		-webkit-touch-callout: none;
		display: block;
		position: absolute;
		z-index: 2;}
#menuToggle span:first-child {transform-origin: 0% 0%;}
#menuToggle span:nth-last-child(2) {transform-origin: 0% 100%;}
#menuToggle input:checked ~ span {top: 4px; left: 6px; opacity: 1; transform: rotate(45deg) translate(-2px, -1px); background: #002244;}
#menuToggle input:checked ~ span:nth-last-child(3) {opacity: 0; transform: rotate(0deg) scale(0.2, 0.2);}
#menuToggle input:checked ~ span:nth-last-child(2) {transform: rotate(-45deg) translate(0, -1px);}
#menu-header-menu {width: 150px; margin: -50px 0 0 -106px; padding: 60px 15px 5px 0; background: rgba(255, 255, 255, 0.95);
list-style-type: none; -webkit-font-smoothing: antialiased; transform-origin: 0% 0%; transform: translate(0, -200%); transition: transform 0.5s cubic-bezier(0.77,0.2,0.05,1.0); position: absolute; border: 1px solid #ccc;}
#menu-header-menu li {font-size: 90%; padding: 10px 0; list-style: none; display: block;}
#menu-header-menu li a {font: 400 90% "Red Hat Text", sans-serif; color: #002244; text-decoration: none;}
#menu-header-menu li a:hover {color: #f26522;}
#menuToggle input:checked ~ ul {transform: translate(0,0);}
.header-menu .sub-menu, .header-menu .sub-menu li {visibility: hidden; display: none;}
#menuToggle .menu-item span {display: none;}
#menu-header-menu li.divider {display: none;}
.header-menu li {margin: 0;}
.top-ten-headline {width: 100%; padding: 0 15px;}
.top-ten h2 {font-size: 140%; line-height: 130%; margin-bottom: 10px;}
.guarantee p {font-size: 100%; line-height: 160%;}
button {width: 90%; font-size: 120%; padding: 25px 40px;}
.security-headline {width: 100%; padding: 0 15px;}
.pricing .third {margin: 0 auto 30px;}
.pricing-card.outside {height: 100%; max-height: 100%; top: 0;}
.pricing-card.inside {height: 100%; max-height: 100%;}
li.checkmark {line-height: 160%; height: auto;}
.price-container {left: 0; bottom: 0; text-align: center; margin: 30px auto 0; position: relative;}
.small-button {font-size: 85%;}
.carousel-wide {display: none;}
#myCarousel {display: block;}
.carousel {min-height: 850px;}
.carousel-control {width: 5%;}
.carousel-control.left, .carousel-control.right {background-image: none;}
.carousel-control .glyphicon-chevron-right, .carousel-control .icon-next, .carousel-control .glyphicon-chevron-left, .carousel-control .icon-previous {color: #333;}
.glyphicon-chevron-left::before {font-size: 150%; content:"\e257";}
.glyphicon-chevron-right::before {font-size: 150%; content:"\e258";}
.carousel-item.active {margin-top: -20px; transition: margin-top .5s ease;}
.carousel-inner > .item {max-width: 80%; margin: 0 auto; padding: 15px 0;}
.carousel-indicators li {border: 1px solid #333;}
.carousel-indicators .active{background-color: #333;}
.footer-logo, .footer-links-container, .footer-right {width: 100%; text-align: center; margin: 10px auto; display: block;}
}


/* --------------------- */

@media only screen and (max-width:400px) {
.logo img {max-width: 100%;}
.social-media-icon img {max-width: 30px;}
.main-image-20off {background-image:none;}
.main-image-20off.two_thirds {width:100%; margin:0 auto; text-align:center;}
.aspect-ratio--16x9 {max-width:390px!important; margin:0 auto;}
.aspect-ratio--16x9 {top:0;}
.youtube-video {margin:0 auto!important;}
}

/* --------------------- */

/* Structure */
.inner-padding-1 {margin:0 20%!important;}
.inner-padding-2 {margin:0 20%!important;}
.inner-padding-3 {padding:0 10%!important;}
.inner-margin-top {margin:0 1%!important;}
.inner-margin-1 {margin:0 30%!important;}
.inner-margin-2 {margin:0 28%!important;}
.align-center {margin:0 auto; text-align:center;}
.alignleft {float:left; margin-right:10px;}
.topmargin {margin-top:-200px!important;}

/* Topbar */
#top-bar {margin-left:0;}
#top-bar-social.top-bar-right {right:-20px;}
#top-bar-nav {width:100%!important;}
li.oceanwp-facebook, .oceanwp-facebook li {margin-right:20px;}
#top-bar-nav > ul > li {margin-right:25px;}
.fa-linkedin, .fa-instagram {color:#002244!important;}

/* Home page */
.home-banner {float:left; margin-right:10px;}
.home-section-3 {position:relative;}
.home-section-3-inner {position:relative; left:990px; top:-160px; height:211px; width:175px; z-index:999999999;}
.home-section-blue-top {text-align:left; margin:10px 5px; padding:0 7% 0 10%; color:#333366; font-weight:500; font-size:22px; line-height:1.3em; letter-spacing:1px;}
.hack-free-top-graphic {position:relative; left:200px; top:-7px;}
.red-row{background-color:rgb(255, 0, 0)!important; padding:20px 0 0 0;}
ul.home-icon-list {width:100%;}
.home-wrong-list {background:none; list-style-type:none!important; color:#000;  font-weight:700; font-size:20px; line-height:100px;}
.hack-free-home-2 {text-align:center; position:relative; top:-20px;}
.home-section-black {text-align:center; margin: 0 auto; color:#333366; font-weight:500; font-size:18px; line-height:1.1em;}
.white-bg-area {text-align:center; margin:-60px 27% 0 27%;  padding:15px 20px; background-color:#fff; color:#000; font-weight:700; border:1px solid #000; -webkit-box-shadow:4px 3px 4px rgba(0, 0, 0, 0.4); -moz-box-shadow:4px 3px 4px rgba(0, 0, 0, 0.4); box-shadow:4px 3px 4px rgba(0, 0, 0, 0.4);}
.white-bg-area p {font-size:26px; line-height:1.5em; color:#333366; font-weight:500; letter-spacing:.5px;}

/* Headings */
.blue-title-large {text-align:center; margin:0 auto; font-family:Montserrat, sans-serif; color:#002244; font-weight:700; font-size:32px; line-height:1.2em;}
.blue-subtitle {text-align:center; margin:0 auto; color:#002244; font-weight:700; font-size:24px; line-height:1.2em;}
.white-bold-large-1 {text-align:center; margin:0 auto; padding:0; font-family:Montserrat; color:#fff; font-weight:700; font-size:32px; line-height:1.2em;}
.white-bold-large-2 {text-align:center; margin:0 auto; font-family:Montserrat; color:#fff; font-weight:700; font-size:32px; line-height:1.5em; position:relative; left:-60px;}
.black-bold-heading {text-align:center; margin: 0 auto; color:#333366; font-weight:700; font-size:26px; line-height:1em;}
.green-bold-heading {text-align:left; margin:10px auto 20px auto; color:#f26522; font-weight:700; font-size:32px; line-height:1em;}


/* Pricing table */
.pricing-table-wrap {min-height:600px;}
.blue-price-wrap-1 {position: relative; min-height:558px; background:url(https://betterthanhosting.com/wp-content/uploads/2019/08/better-hosting-320px.png) no-repeat top center; }
.green-price-wrap-1 {position: relative; width:420px!important; min-height:741px!important; background:url(https://betterthanhosting.com/wp-content/uploads/2019/08/wp-security-packages-420px.png) no-repeat top center;}
.blue-price-wrap-2 {position: relative; min-height:558px; background:url(https://betterthanhosting.com/wp-content/uploads/2019/08/better-wp-security-320px.png) no-repeat top center; }
.blue-title-price-1 {position:relative; left:45px; top:15px; font-family:Montserrat; color:#002244; font-weight:700; font-size:32px; line-height:1.5em;}
.green-title-price-1{position:relative; left:15px; top:13px; font-family:Montserrat; color:#009245; font-weight:700; font-size:30px; line-height:1.5em;}
.blue-title-price-2 {position:relative; left:17px; top:15px; font-family:Montserrat; color:#002244; font-weight:700; font-size:32px; line-height:1.5em;}
.blue-subtitle-price-1 {position:absolute; bottom:10px; left:80px;font-family:Montserrat; color:#002244; font-weight:700; font-size:32px; line-height:1.5em;}
.green-subtitle-price-1 {position:absolute; bottom:70px; left:35px; font-family:Montserrat; color:#fff; font-weight:700; font-size:32px; line-height:1.5em;}
.blue-subtitle-price-2 {position:absolute; bottom:10px; left:85px; font-family:Montserrat; color:#002244; font-weight:700; font-size:32px; line-height:1.5em;}
.blue-subtitle-price-1 a, .blue-subtitle-price-1 a:link, .blue-subtitle-price-1 a:visited,
.blue-subtitle-price-2 a, .blue-subtitle-price-2 a:link, .blue-subtitle-price-2 a:visited {color:#002244;}
.green-subtitle-price-1 a, .green-subtitle-price-1 a:link, .green-subtitle-price-1 a:visited {color:#fff;}
.blue-subtitle-price-1 a:hover, .blue-subtitle-price-2 a:hover {color:#009245;}

/*Buttons */
.vc_btn3.vc_btn3-color-green.vc_btn3-style-modern {background-color:#f26522!important; background-image:none!important; font-family:Montserrat; font-weight:700; font-size:26px;}
.vc_btn3.vc_btn3-shape-rounded {background-color:#f26522!important; background-image:none!important; font-family:Montserrat; border-radius:15px!important; }
.buzz-btn-1 {background-image:none!important; font-family:Montserrat; background-color:#f26522!important; font-weight:700; font-size:22px;}
.buzz-btn-top {padding:30px 10px!important; background-image:none!important; font-family:Montserrat; font-weight:700; font-size:22px;  
-webkit-border-radius:25px!important; -moz-border-radius:25px!important; border-radius:25px!important;}
.vc_general.vc_btn3 {background-image:none!important; border:2px solid #006837!important;}
.vc_general.vc_btn3:hover {background-color:#4167B0!important;}

/* Footer */
#footer-widgets {padding:10px 0!important;}
#footer-bottom {padding:0 0 10px 0!important; font-size:14px!important; font-weight:700!important;}
.site-footer .widget_nav_menu li:first-child {border-top:none!important;}
.site-footer .widget_nav_menu li {border-bottom:none!important; line-height:1em!important;}
.site-footer .oceanwp-row .span_1_of_4 {width:17%!important;}
#footer-widgets .col-1 {width:20%!important;}
#footer-widgets .col-2 {width:13%!important;}
#footer-widgets .col-3 {width:12%!important;}
.site-footer .oceanwp-row .span_4_of_4, .footer-box.col-4, .footer-box .span_1_of_4 .col-4 {float:right; width:15%!important;}
.credit-link {font-size:12px; margin:0 auto; text-align:center;}

@media only screen and (max-width: 1280px) {

}
@media only screen and (max-width: 1080px) {
.inner-padding-1 {margin:0 20%!important;}
.inner-padding-2{margin:0 10%!important;}
.inner-padding-3 {padding:0!important;}
.inner-margin-top {margin:0 1%!important; padding-top:20px!important;}
.inner-margin-1 {margin:0 30%!important;}
.align-center {margin:0 auto; text-align:center;}
.alignleft {float:none!important; width:100%!important; margin:0 auto;} 
.alignleft img {max-width:500px!important;}
.left-indent {position:static; text-align:center; margin:0 auto;}    
.home-section-3 {position:relative;}
.home-section-3-inner {position:static; text-align:center; margin:0 auto;}  
.blue-title-large {text-align:center; margin:0 auto;font-size:30px; line-height:1.2em;}
.blue-subtitle {text-align:center; margin:0 auto; font-size:20px; line-height:1.2em;}
.white-bold-large-1 {text-align:center; margin:0 auto; font-size:26px; line-height:1.5em;}
.white-bold-large-2 {text-align:center; margin:0 auto; font-size:24px; line-height:1.5em;}
.black-bold-heading {text-align:center; margin: 0 auto; font-size:22px; line-height:1em;}
.green-bold-heading {text-align:center; margin:20px auto; font-size:22px; line-height:1em;}
.home-section-black-top {margin:10px 10px 10px 15px; padding:0 14% 0 10%; font-size:18px; line-height:1.3em;}
.home-section-black {font-size:18px; line-height:1.1em;}
.home-icon-list {margin-left:-50px!important; width:90%!important;}
.home-wrong-list { margin-bottom:20px; font-size:18px; line-height:4em;}
.home-wrong-list img {height:40px!important; width:40px!important;}
}
@media only screen and (max-width: 959px) {
   
}
@media only screen and (min-width: 768px) and (max-width: 959px) {
.inner-padding-1 {margin:0 20%!important;}
.inner-padding-2{margin:0 10%!important;}
.inner-padding-3 {padding:0!important;}
.inner-margin-top {margin:0 1%!important; padding-top:20px!important;}
.inner-margin-1 {margin:0 30%!important;}
.align-center {margin:0 auto; text-align:center;}
.alignleft {float:none; width:100%!important; margin:0 auto;}    
.left-indent {position:static; text-align:center; margin:0 auto;}    
.home-section-3 {position:relative;}
.home-section-3-inner {position:static; text-align:center; margin:0 auto;}
.blue-title-large {text-align:center; margin:0 auto;font-size:30px; line-height:1.2em;}
.blue-subtitle {text-align:center; margin:0 auto; font-size:20px; line-height:1.2em;}
.white-bold-large-1 {text-align:center; margin:0 auto; font-size:26px; line-height:1.5em;}
.white-bold-large-2 {text-align:center; margin:0 auto; font-size:24px; line-height:1.5em;}
.black-bold-heading {text-align:center; margin: 0 auto; font-size:22px; line-height:1em;}
.green-bold-heading {text-align:center; margin:20px auto; font-size:22px; line-height:1em;}
.home-section-black-top {text-align:left; margin:10px 10px 10px 25px; padding:0 17% 0 10%; font-size:18px; line-height:1.3em;}
.home-section-black {text-align:center; margin: 0 auto; font-size:18px; line-height:1.1em;}
.home-icon-list {margin-left:-50px!important; width:90%!important;}
.home-wrong-list {margin-bottom:20px; font-size:18px; line-height:1.2em;}
.home-wrong-list img {height:60px!important; width:60px!important;}
.white-bg-area {margin: 0 10%; padding:15px;}
.white-bg-area p {font-size:20px; line-height:1.3em;}
.vc_btn3.vc_btn3-color-green.vc_btn3-style-modern {font-size:22px;}
.buzz-btn-1 {font-weight:700; font-size:22px;}
.buzz-btn-top {padding:25px 15px!important; font-weight:700; font-size:22px;}
.pricing-table-wrap {min-height:600px;}
.blue-price-wrap-1 {position:relative; min-height:620px!important;  width:380px!important; background:none!important; background-image:none!important;}
.green-price-wrap-1 {position:relative; width:380px!important; min-height:670px; background:none!important; background-image:none!important;}
.blue-price-wrap-2 {position:relative; right:50px; min-height:620px; background:none!important; background-image:none!important;}
.blue-title-price-1 {font-family:Montserrat; color:#002244; font-weight:700; font-size:32px; line-height:1.5em; position:relative; left:45px; top:15px;}
.green-title-price-1{font-family:Montserrat; color:#002244; font-weight:700; font-size:28px; line-height:1.5em; position:relative; left:10px; top:9px;}
.blue-title-price-2 {font-family:Montserrat; color:#002244; font-weight:700; font-size:32px; line-height:1.5em; position:relative; left:60px; top:15px;}
.blue-subtitle-price-1 {font-family:Montserrat; color:#002244; font-weight:700; font-size:32px; line-height:1.5em; position:absolute; bottom:20px; left:55px;}
.green-subtitle-price-1 {font-family:Montserrat; color:#fff; font-weight:700; font-size:32px; line-height:1.5em; position:absolute; bottom:60px; left:20px;}
.blue-subtitle-price-2 {font-family:Montserrat; color:#002244; font-weight:700; font-size:32px; line-height:1.5em; position:absolute; bottom:20px; left:65px;}
.site-footer .oceanwp-row .span_1_of_4 {width:100%!important; text-align:center; margin:0 auto;}
.site-footer .oceanwp-row .span_4_of_4, .footer-box.col-4, .footer-box .span_1_of_4 .col-4 {float:none; width:100%!important; text-align:center; margin:0 auto;}
.credit-link {font-size:10px;}  
}
@media only screen and (max-width: 767px) {
.inner-padding-1 {margin:0 20%!important;}
.inner-padding-2{margin:0 10%!important;}
.inner-padding-3 {padding:0!important;}
.inner-margin-top {margin:0 1%!important;}
.inner-margin-1 {margin:0 30%!important;}
.inner-margin-2 {margin:0 5%!important;}
.align-center {margin:0 auto; text-align:center;}
.alignleft {float:left; margin-right:10px;}    
.left-indent {position:relative; left:50px; top:-5px;} 
.hack-free-top-graphic {position:static; margin:0 auto; text-align:center;}
.home-section-3 {position:relative;}
.home-section-3-inner {position:relative; z-index:99999; top:-50px; left:10px;}
.topmargin {margin-top:0!important;}
.blue-title-large {text-align:center; margin:0 auto;font-size:30px; line-height:1.2em;}
.blue-subtitle {text-align:center; margin:0 auto; font-size:20px; line-height:1.2em;}
.white-bold-large-1 {text-align:center; margin:0 auto; font-size:26px; line-height:1.5em;}
.white-bold-large-2 {text-align:center; margin:0 auto; font-size:22px; line-height:1.5em; position:static;}
.black-bold-heading {text-align:center; margin: 0 auto; font-size:22px; line-height:1em;}
.green-bold-heading {text-align:center; margin:20px auto; font-size:22px; line-height:1em;}
.home-section-black-top {text-align:left; margin:10px 10px 10px 25px; padding:0 17% 0 10%; font-size:18px; line-height:1.3em;}
.home-section-black {text-align:center; margin: 0 auto; font-size:18px; line-height:1.1em;}
.home-icon-list {margin-left:5px!important; width:100%!important;}
.home-wrong-list { margin-bottom:20px; font-size:18px; line-height:1.4em!important;}
.home-wrong-list img {height:45px!important; width:45px!important; display:block!important; text-align:center; margin:0 auto;}
.white-bg-area {margin: 0 10%; padding:15px;}
.white-bg-area p {font-size:20px; line-height:1.3em;}
.vc_btn3.vc_btn3-color-green.vc_btn3-style-modern {font-size:22px;}
.buzz-btn-1 {font-weight:700; font-size:22px;}
.buzz-btn-top {padding:25px 15px!important; font-weight:700; font-size:22px;}
.pricing-table-wrap {min-height:600px;}
.blue-price-wrap-1 {position:relative; min-height:620px!important;  width:380px!important; background:none!important; background-image:none!important;}
.green-price-wrap-1 {position:relative; width:380px!important; min-height:640px!important; background:none!important; background-image:none!important;}
.blue-price-wrap-2 {position:relative; right:50px; min-height:620px; background:none!important; background-image:none!important;}
.blue-title-price-1 {font-family:Montserrat; color:#002244; font-weight:700; font-size:32px; line-height:1.5em; position:relative; left:45px; top:15px;}
.green-title-price-1{font-family:Montserrat; color:#002244; font-weight:700; font-size:28px; line-height:1.5em; position:relative; left:10px; top:9px;}
.blue-title-price-2 {font-family:Montserrat; color:#002244; font-weight:700; font-size:32px; line-height:1.5em; position:relative; left:60px; top:15px;}
.blue-subtitle-price-1 {font-family:Montserrat; color:#002244; font-weight:700; font-size:32px; line-height:1.5em; position:absolute; bottom:20px; left:55px;}
.green-subtitle-price-1 {font-family:Montserrat; color:#fff; font-weight:700; font-size:32px; line-height:1.5em; position:absolute; bottom:60px; left:20px;}
.blue-subtitle-price-2 {font-family:Montserrat; color:#002244; font-weight:700; font-size:32px; line-height:1.5em; position:absolute; bottom:20px; left:65px;}
#footer-widgets .col-1 {width:100%!important; text-align:center;}
#footer-widgets .col-1 img {max-width:150px!important;}
#footer-widgets .col-2 {width:100%!important;}
#footer-widgets .col-3 {width:100%!important;}
.site-footer .oceanwp-row .span_4_of_4, .footer-box.col-4, .footer-box .span_1_of_4 .col-4 {float:none; width:100%!important;}
#footer-widgets .footer-box .footer-widget ul {text-align:center;}
}
@media only screen and (max-width: 480px) {

}