.white_b {background:#fff !important;}

body {font-family: 'Roboto', sans-serif; background:#f1f0f1;}
main {min-height: 65vh;}
/*framework and nav*/
#wrapper {position:relative; left:0px;}
#mobNav {position:fixed; width: 260px; right:-275px; top:0; bottom:0; z-index:1000; background:#444; box-shadow: 0px 0px 20px rgba(0,0,0,0.3);}
#navBtn {position: absolute;left: -70px;top: 20px;background:#f94a70; padding: 4px 8px;border-radius: 2px;font-size: 26px; color: #fff; cursor:pointer;}
#navBtn:hover {background:#000;}
#navBtn:active {}

@media (max-width:962px){
#topNav {padding: 0px !important;}
.midNav .social {margin-top:-20px; padding-bottom:10px;}
#topNav li {display:none !Important;}
}
@media (min-width:962px){
#mobNav {display:none;}
}

.siteSearch {z-index:100;width: 100%; position:relative;}
.siteSearch .fa-search {position:absolute; top: 6px; left:8px; color:#fff; font-size: 23px;}
.siteSearch .fa-times-circle {position:absolute; top: 4px; right: 6px; cursor:pointer; font-size: 26px; color:#fff;}
.siteSearch .fa-times-circle:hover {color:#000;}
.siteSearch input {max-width: 100% !important; width: 100%; padding: 8px 20px 8px 35px !important; color:#fff; outline:none; border:none; border-radius: 0px; background:#000;}
.siteSearch input:focus {outline:0 !important; border:none; box-shadow:none; background:#1a339a;}

.mobNavOn {right:0px !important;}
.wrapperOn {left:-260px !important;}

#mobNav .nav_first {padding-bottom:100px; min-width:110%; display:block;max-height: 100vh;overflow-y: auto;}
#mobNav .nav_first>li {}
#mobNav .nav_first>li>a {font-size: 16px;width: 100%;display:block;color:#ddd;padding: 5px 10px 5px 5px;border-top: 1px solid rgba(255,255,255,0.05);/* border-bottom: 1px solid #000; */font-weight:300;background-color: #1a339a;}
#mobNav .nav_first>li>a:hover {color:#fff;}
#mobNav .nav_first>li>.staticNav {position:relative;}
#mobNav .nav_first>li>a:before {content:"\f105"; padding-left: 5px;font-family:'fontAwesome'; width: 20px; display:inline-block; color:#999;}
#mobNav .nav_first>li>a.navOpen:before {content:"\f107";}

#mobNav .nav_second>li>a{padding: 5px 5px 0px 30px;margin-bottom: 5px;line-height: 1.2;display:block;width: 100%;position:relative;color:#ddd;color:rgba(255,255,255,0.6);font-size: 14px;}
#mobNav .nav_second>li>a:before {position:absolute; content:">"; left: 14px; color:rgba(255,255,255,0.2); transition:all 0.3s ease-in-out}
#mobNav .nav_second>li>a:hover {padding-left:40px;}
#mobNav .nav_second>li>a:hover:before {left:24px; color:#fff;}

#mobNav .nav_third>li>a{padding: 10px 5px 0px 45px; margin-top: 2px; margin-bottom: 3px; line-height: 0.8;display:block; width: 100%; position:relative; color:#ddd; color:rgba(255,255,255,0.6); font-size: 13px;}
#mobNav .nav_third>li>a:before {position:absolute; content:">"; left: 30px; color:rgba(255,255,255,0.2); transition:all 0.3s ease-in-out}
#mobNav .nav_third>li>a:hover {padding-left:55px;}
#mobNav .nav_third>li>a:hover:before {left:43px; color:#fff;}

#mobNav .nav_fourth>li {}
#mobNav .nav_fourth>li>a{padding: 10px 5px 0px 55px; margin-bottom: -3px; line-height: 1.2;display:block; width: 100%; position:relative; color:#ddd; color:rgba(255,255,255,0.6); font-size: 12px;}
#mobNav .nav_fourth>li>a:before {position:absolute; content:">"; left: 44px; color:rgba(255,255,255,0.2); transition:all 0.3s ease-in-out}
#mobNav .nav_fourth>li>a:hover {padding-left:65px;}
#mobNav .nav_fourth>li>a:hover:before {left:55px; color:#fff;}

.nav_second .staticNav { color:#ddd !important;}
.nav_third .staticNav {color:#ddd !important;}
.nav_second .staticNav:before,.nav_third .staticNav:before  {content:" " !important;}
#topNav .noTopNav {display:none !important;}

#mobNav .firstItem {border-bottom:0 !important;}
#mobNav .firstItem > .nav_second {display:block !important;padding-bottom: 5px;}



/*search results*/
#searchResults {background:#515457; position: relative; z-index: 999;}
#searchResults li {color:#999; font-weight: 100; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; position:relative; padding: 6px 10px 6px 30px; border-bottom:1px solid rgba(255,255,255,0.1);}
#searchResults li a {color:#fff; font-weight: 200; font-size: 14px;}
#searchResults li:hover {background-color:#1a339a;}
#searchResults .search_News:before {position:absolute; content:"\f1ea"; color:#1a339a; left: 6px; top: 5px; font-size: 16px; font-family:'fontAwesome';}
#searchResults .search_Navigation:before {position:absolute; content:"\f054"; color:#ddd; left: 10px; top: 5px; font-size: 16px; font-family:'fontAwesome';}
#searchResults .selected {background-color:#1a339a;}


/*TEXT FORMATS*/

body, h1, h2, h3, h4, h5, p, a, li, strong, div, span, input, select {font-family: 'Roboto', sans-serif !Important; line-height: 1.3;}

@media (max-width:962px){
  .contained {max-width:96% !Important;} 
}

/*HEADER*/
header {background:#fff;padding: 40px 0 0 0;min-height: 100px;}
header .contained {position:relative; z-index:100;}

/*SKIN*/
header .logo {background:url(files/image/logos/completely_free_hosting.png) no-repeat;background-size:contain;width:160px;height: 80px;position:absolute;top: -30px;}

.btn {text-shadow:0px 1px 0px rgba(0,0,0,0.5); white-space:nowrap; cursor:pointer; position:relative;font-weight: 500;color:#fff; font-size:16px; padding: 1px 18px;border-top:1px solid rgba(255,255,255,0.2);box-shadow:inset 0px -10px 20px rgba(0,0,0,0.3);display:inline-block;margin:10px;border-radius: 4px;}
.btn:before {position:absolute; content: ""; z-index:-1; border-radius: 6px; width:104%; height: 112%;  box-shadow:inset 0px 10px 20px rgba(0,0,0,0.3); background:inherit; left: -2%; top:-6%;}
.btn:after {position:absolute; content: ""; z-index:-2; border-radius: 6px; width:90%; height: 100%;  box-shadow: 0px 2px 10px 3px rgba(0,0,50,0.5); background:inherit; left: 6%; top:0;}
.btn:active {-webkit-transform:scale(0.95); -moz-transform:scale(0.95); -ms-transform:scale(0.95); transform:scale(0.95);}
.btn:hover {background:#1a339a;}

#breadcrumbs {background-color:#fff;  padding:12px 0px; border-top:1px solid #eee; font-size: 9px; white-space:nowrap; color:#444; overflow:auto; }
#breadcrumbs a {color:#444; font-weight: 300; font-size: 13px; padding:0px 10px 0px 5px;}
#breadcrumbs a:hover {text-decoration:underline;}
#breadcrumbs .col-xs-12:before {content:"You are here: "; display:inline-block; padding-right: 10px;font-size: 12px; color:#666; font-weight: 200; font-style:italic;}

#topNav {font-size:0px; margin-left: -10px; text-align:right;}
#topNav .noTopNav {display:none;}
#topNav input {display:inline-block;}
#topNav>ul {display:inline-block;}
#topNav li {display:inline-block;margin:0 25px;position:relative;padding-bottom: 32px;}
#topNav li:after {content:"";position:absolute;bottom: -5px;width:0%;left:0;height: 5px;background: #30f7f2;transition:all 0.3s ease-in-out;}

#topNav li:last-child {}
#topNav li a { color:#0b2152;  font-size: 18px; font-family:MagicDreams !important; text-transform:uppercase;}
#topNav li:hover:after, #topNav li.selected:after  {width:100%;}

/*.firstItem { border-bottom: 3px solid #1a339a !Important;}*/
.firstItem:after {width:100% !important;}

/*FOOTER*/
footer {background:#fff; border-top:1px solid #bbb; padding-top: 20px;}
footer li a {color:#444; font-size: 14px;}
footer li a:hover {color:red !important; }
footer a i {color:#0b1c49;}
footer a:hover i {color:red !important;}
footer  p {font-size: 14px !important; color:#444 !important; padding-top: 23px !important;}

/*tooltip hover*/
#toolTip {position:fixed; text-align:center; z-index:10000; line-height: 1.3; padding:5px 8px; font-size: 13px; border-radius: 3px; color:#fff; box-shadow:2px 10px 10px rgba(0,0,0,0.2); background:#222; left:-1000px; top:-1000px; max-width: 200px;  pointer-events: none;}
#toolTip:after {content:"\f0d7"; font-size: 20px; position:absolute; font-family:'fontAwesome'; bottom:-16px; left: 49%; text-shadow:0 6px 3px rgba(0,0,0,0.1); color:#222;}

/*CONTENT*/
.content {padding-bottom: 0px;}
.content p {font-size: 16px; line-height: 1.6; margin-bottom: 8px; font-weight: 300;}
.content blockquote {margin: 0px 30px 20px 30px; text-align:center; position:relative; color:#ddd; font-size: 14px; line-height: 1.5; font-weight: 300; }
.content ul {margin-bottom: 10px; margin-top: 15px;}
.content blockquote:before,.content blockquote:after {position:absolute; font-family:Impact, Arial; color:red; font-size: 60px;}
.content blockquote:before {content:""; left: -30px; top: -18px;}
.content blockquote:after {content:""; right: -30px; bottom: -50px;}
.content .fa-ul i {color:#09f;}
.content ul li {position:relative; font-weight: 300; line-height: 1.4; list-style-type:none; font-size: inherit; color:#111; position:relative; padding-left: 50px; margin-bottom: 10px;}
.content ol li {position:relative; font-weight: 300; line-height: 1.4; font-size: inherit; color:#111; position:relative; padding-left: 10px; margin-bottom: 10px; margin-left: 30px; list-style: lower-alpha;}


/*form classes*/
.formTextBox, .forms input[type="text"], .forms textarea, .forms input[type="password"] {outline:none; font-size: 16px; background:#fdfdfd; font-weight:300; border-radius: 3px;  border:1px solid rgba(0,0,0,0.2);  padding: 3px 12px; box-shadow:inset 1px 3px 5px 1px rgba(0,0,0,0.05); color:#444; min-width: 100px; width:100%; max-width:320px; margin:3px 0px;}
.formTextBox:hover,  .forms input[type="text"]:hover,.forms input[type="password"]:hover,  .forms textarea:hover .formTextarea:hover{border-color:#aaa;}
.formTextBox:focus,  .forms input[type="text"]:focus, .formTextarea:focus, .forms textarea:focus  {color:#111; border-color:#999; background:#fff; }
.formButton, .forms input[type="submit"], .forms input[type="button"] {cursor:pointer; outline:none; font-size: 16px; border-radius: 3px; border:1px solid rgba(0,0,0,0.3); padding: 3px 12px; box-shadow:0px 0px 1px rgba(0,0,0,0.1); color:#fff; color:rgba(255,255,255,0.8); background:#424;}
.formButton:hover, .forms input[type="button"]:hover {color:#fff; opacity:0.9; }
.formButton:active, .forms input[type="button"]:active {color:#fff; opacity:1; text-shadow:0px 1px 1px rgba(0,0,0,0.4); background:#000 !important;}
.w100p {width: 100%;}
.w50p {width: 50%;}
.w40p {width: 40%;}
fieldset {padding: 3px 0px; border:none; position:relative;}
fieldset label {padding:3px 0px; font-size: 12px; color:#333; display:block;font-weight: 300;}
fieldset select {width: 100%; font-size: 16px; background:#f5f5f5;}
fieldset input[type="checkbox"] {margin:0px; margin-top:-2px;}
fieldset a {font-weight: 600; color:inherit;}
.formOptins {margin:10px 0px;}
.formOptins label {font-size: 12px; color:#444; font-weight: 200; position:relative; padding-left: 25px; line-height: 1.3; margin-bottom: 5px; display:inline-block; width:100%;}
.formOptins label input[type="checkbox"] {position:absolute; left:0; top: -2px;}
.forms select {width:100%; max-width:320px; height: 26px; font-size: 16px; color:#444; margin: 3px 0px;}
.help {position:relative; font-size: 13px !Important; background:#eef; padding:5px 10px 5px 50px; border-radius:6px; box-shadow:0px 1px 2px rgba(0,0,0,0.1);}
.help:before {content:"\f059"; font-family:'fontAwesome' !important;  position:absolute; left: 10px; top: -3px; font-size: 36px; color:#1a339a;}

.mandatoryError {background:#fdd; color:#f00}
.formTextarea {width: 100%; height: 80px; outline:none; font-size: 16px; background:#f5f5f5; font-weight:300; border-radius: 5px; border:1px solid rgba(0,0,0,0.3); padding: 3px 12px; box-shadow:0px 0px 1px rgba(0,0,0,0.1); color:#444;}
.topLabel {color:#666; font-size:10px; text-align:center; background:#f5f5f5; padding:2px;}
.formError {color:#f00; border-color:red !important;}
.error {background:#fdd !important;}
.deleteBtn {background:#a00 !important; border-color:#f00 !important;}


/*CAROUSEL*/

.carouselWrapper {padding:20px 50px !important; position:relative;}
.carousel {margin-left:-15px; margin-right:-15px; height:auto; position:relative; font-size:0px; padding-bottom: 12px;}
.carouseltem  {width:250px; padding:0px 15px; display:inline-block; }
.carouseltem>a>div {border:1px solid #555;}
.carouseltem h4 {font-size:16px;}
.carLeft,.carRight {cursor:pointer; position:absolute; font-size:32px; color:rgba(0,0,200,0.4); top:38%;}
.carLeft {left:5px;}
.carRight {right: 5px;}
.carLeft:hover,.carRight:hover {color:rgba(0,0,255,0.9);}
.infoPanel {padding-top: 70%; transform:scale(1); overflow:hidden !important; width:100%; position:relative;}


/*GALLERY*/
.gallery {/* background-size:cover !important; *//* background-position:center center !important; */display:inline-block;position:relative;border-left:1px solid rgba(0,0,0,0.2);border-right:1px solid rgba(255,255,255,0.2);margin-bottom: -5px;vertical-align: top;}
.gallery .fa-search-plus {position:absolute; bottom: 10px; font-size: 36px; right: 10px; color:#fff; text-shadow:1px 1px 2px rgba(0,0,0,0.7);}
.gallery img {max-height:256px; display:inline-block;}
#gallery {position:fixed; padding: 40px; top:0; left:0;right:0;bottom:0; background:#000; background:rgba(0,0,0,0.8); z-index:2000;}
#gallery ul {display:block; position:relative; text-align:center; height: 100%;}
#gallery li {position:absolute; top: 0px; left: 0px; width: 100%; text-align:center; pointer-events:none;}
#gallery li img {max-width: 100%; max-height:90vh;}
#gallery li p {position:absolute; bottom:0;left:-20%;right:-20%;padding:20px 10px; color:#fff;background:rgba(0,0,0,0.6); text-align:center; font-size:18px;}
#gallery .galClose,#vrgallery .vrClose {opacity:0.8; position:absolute; top: 12px; right: 12px; z-index:201; color:#fff; font-size: 48px;}
#gallery .galPrev  {opacity:0.8; position:absolute; top: 48%; left: 5px; z-index:201; color:#fff; font-size: 36px;}
#gallery .galNext  {opacity:0.8; position:absolute; top: 48%; right: 5px; z-index:201; color:#fff; font-size: 36px;}
#gallery i:hover {opacity:1;}
.basicPanel {position:relative; background:#fff; box-shadow:0px 0px 4px rgba(0,0,0,0.3); padding:50% 0px;}
.showGallery {cursor:pointer;}


/*404*/
.error404 { transition:all 4s ease-out; transform:scale(0.5); max-width:300px; width:100%; background:rgba(255,255,255,0.9); border-radius: 10px; box-shadow:0px 0px 20px rgba(0,0,0,0.3);padding: 10px 25px; border:6px solid #1a339a;  position:absolute; margin-top: 15%; left: 50%; margin-left: -150px; z-index:100;}
.error404 h1 {font-size: 48px; letter-spacing:1px;color:#1a339a;}
.error404 h2 {font-size: 20px; letter-spacing:1px;color:#444;}
.error404 p {font-size: 11px; margin-top: 10px;}
.error404 p a {color:#1a339a; font-weight:bold;}
.error404grow {transform:scale(1.1) !important;}



.faq h2 {font-size: 22px !important; cursor:pointer; margin-top: 20px; color:#444;}
.faq div {display:none;}



#modal {position:fixed; z-index:999999; top:0; left:0; right:0; bottom:0; background:rgba(240,240,240,0.8);}
#modalBox {box-shadow:0px 0px 10px rgba(0,0,0,0.1); background:#fff; padding: 25px; border:1px solid #ddd;position:relative; margin:100px auto; width:90%; max-width: 640px; transform:scale(1.0);}
#modalBox .closeModal {position:absolute; right: 10px; top: 10px; font-size: 24px; color:#999; cursor:pointer;}
#modalBox .closeModal:hover {color:#1a339a;}
#modalBox.shrunk {transform:scale(0.9) !important; opacity:0;}
#modalBox h3 {font-weight: 100; color:#1a339a; font-size: 24px !important;}
#modalBox p {color:#444; font-weight: 300; margin:5px 0px; font-size: 14px; line-height: 1.6;}
#modalBox fieldset {padding:0; margin:0;}
#modalBox fieldset label {font-size: 12px !important; padding:5px 0;}

#modalBox h4 {font-weight: 100; color:#333; font-size: 18px !important; margin: 10px 0;}
#modalBox .modalBtn {display:inline-block; margin:5px 10px 0px 0px;; font-size: 14px; background:#1a339a; color:#fff; padding: 4px 12px; border-radius: 2px;}
#modalBox .modalBtn:hover {background:#111;}

@media(max-width:768px){
    #modalBox {position:absolute; margin:0px auto; top: 10px; left: 5px; right: 5px; max-height: 95vh; overflow:auto;}
     .footerNote p {text-align:center; padding: 2px;}
}


/*input wrapper classes*/
.inputWrap {position:relative; display:block;margin:2px 0px; overflow:hidden; margin-bottom: 6px;}
.inputWrap.wrapLeft input,.inputWrap.wrapLeft select {padding-left: 50px !important; margin:0px !important;}
.inputWrap.wrapRight input,.inputWrap.wrapRight select {padding-right: 50px !important; margin:0px !important;}
.inputWrap i.wrapLeft {position: absolute; left: 11px; top: 7px; font-size: 18px; width:18px; text-align:center; text-shadow:0px 1px 2px #fff; color:#555;}
.inputWrap i.wrapRight {position: absolute; right: 11px; top: 7px; font-size: 18px; text-shadow:0px 1px 2px #fff; color:#555; z-index:9;}
.inputWrap.wrapLeft:before {position:absolute; top:1px; left:1px; bottom:1px; content:""; background: #31f8ee; width:38px;  border-radius: 3px 0px 0px 3px; border-right: 1px solid #ccc; box-shadow:1px 0px 2px rgba(0,0,0,0.1);}
.inputWrap.wrapRight:after {position:absolute; top:1px; right:1px; bottom:1px; content:""; background: #31f8ee; width:38px;  border-radius: 3px 0px 0px 3px; border-left: 1px solid #ccc; box-shadow:-1px 0px 2px rgba(0,0,0,0.1);}
.inputWrap input[type="text"],.inputWrap input[type="password"] {display:inline-block;height: 32px;outline:0;border-radius: 4px;width:100%;border:1px solid #ddd;padding: 6px 10px;font-size: 14px;font-family: 'Roboto', sans-serif;font-weight: 400;}
.inputWrap input[type="text"]:hover,.inputWrap input[type="password"]:hover {background:#f5f5f5;}
.inputWrap input[type="text"]:focus,.inputWrap input[type="password"]:focus {background:#fff; border:1px solid #367fa9; box-shadow:0px 0px 4px rgba(0,100,200,0.6);}
.inputWrap select {width:100%; outline:none; -webkit-appearance:none; appearance:none; -moz-appearance:none; height: 32px; border:1px solid #ddd; background:#fff;font-size: 14px;font-family: 'Roboto', sans-serif;font-weight: 400; color:#555;}
.inputWrap label {font-size: 12px; display:block; color:#666; margin:5px 0;}
.inputWrap textarea {display:inline-block;height: 32px;outline:0;border-radius: 4px;width:100%;border:1px solid #ddd;padding: 6px 10px 6px 50px;font-size: 13px; line-height: 1.5;font-family: 'Roboto', sans-serif;font-weight: 400; min-height:80px; margin-bottom: -4px !important;}


/*parallax blocks */
.parallax600 {width: 100%; height: 600px; overflow: hidden; position:relative;}
.parallax500 {width: 100%; height: 500px; overflow: hidden; position:relative}
.parallax400 {width: 100%; height: 400px; overflow: hidden; position:relative}
.parallax300 {width: 100%; height: 300px; overflow: hidden; position:relative}

@media(min-width:961px){.px_content h5 {padding:0px 20%;} }
@media(max-width:960px){ 
.parallax600 {height:500px;}.parallax500 {height:400px;}.parallax400 {height: 320px;}.parallax300 {height: 240px;}
}
@media(max-width:767px){ 
.parallax600 {height:420px;}.parallax500 {height:400px;}.parallax400 {height: 300px;}.parallax300 {height: 240px;}
}
@media(max-width:480px){ 
.parallax600 {height:400px;}.parallax500 {height:360px;}.parallax400 {height: 280px;}.parallax300 {height: 200px;}
.px_content {padding-top:5px !important; padding-bottom:5px !important;}
}
.px_content {position:absolute; z-index:50; top:0;left:0;right:0;}
.px_tint {position:absolute; z-index:1; background:rgba(0,0,70,0.85); top:0;left:0;right:0;bottom:0;}
.px {background-repeat:no-repeat; background-size:cover; background-attachment:fixed; z-index:-2; height:100%;}








/*REWARDS*/

.homeHeader,.supportBlock {position:relative;}
.rightPic {position:absolute; top:0; bottom:0; left:50%; right: 0; background-size:cover; background-position:50%;}
.leftPic {position:absolute; top:0; bottom:0; left:0; right: 50%; background-size:cover; background-position:50%;}
.homeHeader h1, .homeHeader p {color:#fff;}
#join .joinBox {background:#fff; padding:30px;}
.joinBox img {max-width:90% !important; margin-left: 5%;}
.joinBox .col-md-8 .col-md-4 {text-align:center;}
.joinBox h2, .extraRewards h2 {font-size:26px; font-weight: 700; margin-bottom: 20px;}
.joinBox h3, .extraRewards h3 {font-weight: 700; margin-bottom: 15px; font-size: 18px;}
.rewardsBox p {min-height: 60px;}
.extraRewards h2 {padding-top:30px;}
.joinBox label {font-size: 12px; color:#444;}

.searchBar {margin-bottom: 20px; font-size:0;}
.searchBar input,.searchBar select {-webkit-appearance:none; appearance:none; width:auto; height: 30px; font-size: 12px !important; color:#333; border:3px solid #7add48; padding: 5px 15px; border-radius:0 20px 20px 0;}
.searchBar label {background:#7add48; font-size: 11px; color:#fff; text-align:right; vertical-align:top; font-weight: 700; height: 30px; display:inline-block; padding: 8px 5px 0px 15px; border-radius: 20px 0 0 20px;}
.searchBar fieldset {width:auto; margin:0; padding:0; min-width:auto; display:inline-block;}
.searchBar input:focus,.searchBar select:focus {border:3px solid #7add48; background:yellow;}
.searchSection h2 {font-size: 32px; margin-bottom: 16px; font-weight: 700;}

.secondayBtn {-webkit-appearance:none; appearance:none; border:0; font-size: 14px; padding: 10px 25px; border-radius: 4px; background:#5abb28; color:#eee;}
.secondayBtn:hover {background:#4a9918; color:#fff;}
.searchBar fieldset input, .searchBar fieldset select {width: 75%;}
.searchBar fieldset label {width: 25%;}

header .secondayBtn {position:relative; top:-5px; margin-left: 20px;}

.supportBlock {background:#fff;}
.supportBlock h2 {font-size: 28px; font-weight: 700; line-height:1; margin-bottom: 20px;}
.supportBlock p {font-weight: 300; margin-bottom: 14px; line-height: 1.4;}

.pageHeader .centV {position:relative;}
.pageHeader {padding-top:17%; position:relative; background-size:cover;}
.pageHeader .tintLeft {position:absolute; top:0; left:0; right: 50%; bottom:0; background:rgba(0,50,150,0.5); }
.pageHeader h1 {font-size: 48px; font-weight: 700; text-align:center;}

.pageContent h2 {font-size: 28px; font-weight: 700; line-height:1; margin-bottom: 20px;}
.pageContent p {line-height: 1.5; font-size: 16px; margin-bottom: 16px;}
.pageContent p strong {font-weight: 700;}

@media(min-width:768px){
    .homeHeaderIntro {padding:40px 80px 40px 0;}
    .homeHeaderIntro h1, .homeHeaderIntro h1 span {font-size: 36px; font-weight: 700; line-height:1; margin-bottom: 20px;}
    
    .pageHeader div {position:static;}
}
@media(min-width:940px){
    .homeHeaderIntro {padding:60px 80px 200px 30px;}
    .homeHeaderIntro h1, .homeHeaderIntro h1 span {font-size: 48px; font-weight: 700; line-height:1; margin-bottom: 20px;}
     .homeHeaderIntro p {font-weight: 300; margin-bottom: 14px; line-height: 1.4;}
     #join {position:relative; top:-140px; margin-bottom:-100px !important;}
     .joinBox {border-radius:6px; box-shadow:0 10px 20px rgba(0,0,0,0.2);}
     .extraRewards h2 {margin-top:-80px;}
    .searchBar fieldset {width:32%; display:inline-block; margin-right: 1%;}
    .searchBar fieldset input, .searchBar fieldset select {width: 70%;}
    .searchBar fieldset label {width: 30%;}

    .supportBlock .col-xs-12 {padding:100px 30px 150px 80px;}
}
@media(max-width:940px){
    .searchBar {background:none !important; padding:0 !important;}
    .searchBar fieldset {width:100% !important; margin-bottom: 15px;}
    .searchBar {margin-bottom: 5px;}
    .parallax300.searchSection {height: 300px !important;}
    .supportBlock .col-xs-12 {padding:80px 30px 120px 80px;}    

    .pageHeader h1 {font-size: 32px;}
}
@media(max-width:768px){
    .homeHeaderIntro {padding:40px 15px 40px 15px;}
    .homeHeaderIntro h1, .homeHeaderIntro h1 span {font-size: 36px; font-weight: 700; line-height:1; margin-bottom: 20px;}
     .homeHeaderIntro p {font-weight: 300; margin-bottom: 14px; line-height: 1.4;}
     .rightPic,.leftPic {position:static; padding-top: 44%;}
     .joinBox .col-md-8 .col-md-4 p {font-size: 12px;}
    .joinBox .col-md-8 .col-md-4 h3 {font-size: 16px; margin-bottom: 5px;}    
    .joinBox .col-md-8 {margin-bottom: 25px;}
    .supportBlock .col-xs-12 {padding:60px 30px 60px 80px;}    
    .supportBlock .leftPic {padding-top: 65%;} 
    .parallax300.searchSection {height: 400px !important;} 
    .searchSection h2.white_f {font-size: 18px !important;}
    
    .pageHeader {padding-top:20%;}
    .pageHeader .tintLeft {position:absolute; top:50%; left:0; right: 0%;}
    .pageHeader h1 {font-size: 28px; position:static !important; padding-bottom: 20px;}

}
@media(max-width:932px){
    .joinBox {margin:0 -18px;}
}













.landHeader {position:relative;}
.landPicOverlay {background:url(files/image/design/Home_Illustration.png) no-repeat 50% 100%; background-size:contain; position:absolute; left:0; width:50%; top:0; bottom:0; height: 100%;}
.landHeader p {font-size: 14px;}
.choiceBox:hover {transform:scale(1.025);}
.scrollDown {position:relative;}
.scrollDown:before {position:absolute; width: 36px; height: 36px; left: 50%; top:-18px; margin-left:-18px; content:"\f078"; font-family:fontAwesome; background-color:inherit; border-radius: 30px; text-align:center; padding-top: 5px; color:#0b5aab; font-size: 14px;}
.pagePicOverlay {background:url(files/image/design/Home_Illustration.png) no-repeat 50% 100%;background-size: cover;position:absolute;left:0;width: 62%;top:0;bottom:0;height: 100%;}

@media(max-width:768px){
   .pagePicOverlay {position:relative; width:100%; padding-top: 50%; margin-bottom:-20px;}
}

.checkBoxLabel {width: 120px; display:inline-block; color:#222 !important; font-weight: 500 !important; font-size: 14px;}














    .home_header {position:relative;}
    .home_header p {font-size: 14px;}
    .home_header_pic {position:absolute; top:10%; left: 50%; right:0; bottom:0; background-image:url(files/image/pics/homepageheader_graphic.png); background-size:contain; background-position:50% 100%; background-repeat:no-repeat;} 
    @media(max-width:768px){
       .home_header_pic {clear:both; position:static; padding-top: 50%; max-width:80%; margin-left: 10%;} 
    }
    
    .home_howitworks {background-size:250px;background-repeat:no-repeat;background-position:-100px -50px;}

    
    .whiteBox {background:#fff; box-shadow:0 0 6px rgba(0,0,0,0.1); padding:20px 20px; min-height: 230px; margin-bottom: 15px;}
    .hoverIcon {background-repeat:no-repeat; background-size:contain; background-position: 50%; padding-top: 40%; margin-bottom: 15px; margin-top: 10px;}
    .whiteBox p {font-size: 13px; line-height: 1.4;}
    .whiteBox h3 {font-weight: bold; font-size: 18px; margin:10px 0;}
    
    .heading1 {font-size: 44px; line-height: 1.1; font-weight: bold; margin-bottom: 20px;}
    .heading2 {font-size: 36px; font-weight: bold; margin-bottom: 15px;}
    .heading3 {font-size: 24px; font-weight: bold; margin-bottom: 12px;}

    @media(min-width: 480px) and (max-width: 992px){
        .heading1 {font-size: 32px; margin-bottom: 16px;}
        .heading2 {font-size: 26px; margin-bottom: 12px;}
        .heading3 {font-size: 18px; margin-bottom: 10px;}
    }
    @media(max-width: 479px){
        .heading1 {font-size: 26px; margin-bottom: 13px;}
        .heading2 {font-size: 22px; margin-bottom: 10px;}
        .heading3 {font-size: 20px; margin-bottom: 8px;}  
        .home_howitworks {background-position:0% 40%;}
     }  
    
  
     .smartFooter {padding:60px 0; background:#000 url(files/) no-reepat 50%; background-size:cover;}
     
   

.question {margin-top: 15px; position:relative; padding: 25px 90px 25px 30px; font-size: 18px; background:#fff; box-shadow:0 0 12px rgba(0,0,0,0.05); color:#142079; font-weight: bold;}
.answer {display:none; padding: 25px 30px 25px 30px; background:#fff; box-shadow:0 0 12px rgba(0,0,0,0.05);  }
.answer p { font-size: 14px; line-height: 1.5; margin-bottom:10px; max-width: 640px; }
.question:after {position:absolute; content:""; width: 50px; height: 50px; top: 14px; right: 20px; background:url(files/image/svg/home_QandA_down_arrow.svg); background-size:contain;}
.question.qOpen:after { background:url(files/image/svg/home_QandA_up_arrow.svg); background-size:contain;}

.howQuestions h3 {font-size: 24px !important;}
.howQuestions p {font-size: 14px;}


.slice {background-size:cover; left:60%; overflow:hidden;}
@media(min-width:992px){
.slice:after {content:""; position:absolute; width:50%; background-color:inherit; width:70%; left:-88%; bottom:-50%; transform-origin:100% 100%; height: 200%; transform:rotate(20deg);}
}




.privacyTable td, .termsTable td {font-weight: 300; line-height: 1.8; padding-bottom: 5px;}
.privacyTable tr td:nth-of-type(1) {white-space:nowrap; padding-right: 10px;}
.privacyTable td a {display:inline-block; background:#235daf; color:#fff; border-radius: 5px; padding:2px 10px; font-size: 12px; margin-left: 30px;}
.privacyTable td a:hover {background:#000;}
.content {padding-bottom: 30px;}
.termsTable tr {border-bottom:1px solid #ddd;}
.termsTable tr td {padding-top: 5px;}
.termsTable {margin-bottom: 15px;}


@media(max-width:640px){
    .brandBox>div {-webkit-transform:scale(2.2) !important;}
}





.hostQuotes {padding: 40px 0 70px 0; position:relative; overflow:hidden;}
.hostQuotes h2,.domainSearch h2 {color:#0b1c49; margin-bottom: 40px;  text-align:center; font-size: 42px; text-transform:uppercase; font-family: MagicDreams !important; line-height:0.9;}
.hostQuotes h2 span,.domainSearch h2 span {font-family:inherit !important; color:#1df8f1; text-shadow:1px 1px 1px rgba(0,0,0,0.2);}


.hostQuotes:before {position:absolute; width:80%; left: 10%; border-radius: 100%; height: 100px; background:#000; top: -100px; content:""; box-shadow:0 0 60px rgba(0,0,0,0.15);}
.quoteBox {background:#fff; border:2px solid rgba(255,255,255,0); text-align:center; border-radius: 12px; box-shadow:0 0 20px rgba(0,0,0,0.1); padding-bottom: 5px; margin-bottom: 10px;}
.quoteBox h3 {font-size: 24px; line-height: 0.8; padding: 25px 0; color:#0b1c49; font-family: MagicDreams !important;}
.quoteBox h3 span {font-family:inherit !important; display:block; color:red;}
sub {font-size: 30%; display:inline-block;}

.quoteBox ul li {text-align:center; font-size: 13px; color:#444; padding:5px 0;}
.quoteBox ul li:nth-of-type(2n-1) {background:#f3f3f3;}

.hostQuotes:after {position:absolute; width:70%; left: 15%; border-radius: 100%; height: 50%; background:#ccc; top: 25%; content:""; filter:blur(30px); z-index:-1;}

.quoteBox h4 {font-size: 60px; line-height: 0.8; padding: 0px 0px 20px 0; color:#0b1c49; font-family: MagicDreams !important;}
.quoteBox p {font-size: 12px; text-align:center; padding:10px 0; font-weight: bold;}
.quoteBox a {display:inline-block; font-size: 28px; padding: 5px 10px 2px 10px; border-radius: 8px; background:#2277ff; color:#fff; font-family: MagicDreams !important; margin-bottom: 3px; }

.quoteBox a.linux {font-size: 20px !important;}
.quoteBox a.windows {background:#0b1c49; font-size: 20px !important;}

.quoteBox a.linux:before {font-family:fontAwesome; content:"\f17c"; display:block; font-size: 28px;}
.quoteBox a.windows:before {font-family:fontAwesome; content:"\f17a"; display:block; font-size: 28px;}
.quoteBox.popular {border:2px solid #1df8f1;}
.quoteBox.popular:before {content:"MOST POPULAR"; position:absolute; top: -24px; height: 24px; width: 70%; left: 15%; background:#1df8f1; font-size: 14px; padding-top: 3px; border-radius:4px 4px 0 0; }

.domainSearch {background:#fff; padding: 40px 0;}
.domainSearch h2 {margin-bottom: 20px;}

.domainSearch input[type="text"] {width:100%; font-size: 18px; color:#444;outline:none; font-family: 'Roboto', sans-serif; font-weight: 300; padding: 8px 16px; border-radius: 30px; border:1px solid #0b1c49; margin-bottom: 5px;}
.domainSearch input[type="button"] {background-color:#0b1c49; border:none; outline:none; width:100%;  font-family: MagicDreams !important; font-size: 24px; color:#fff; font-family: 'Roboto', sans-serif; font-weight: 300; padding: 6px 16px 3px 16px; border-radius: 30px; margin-bottom: 5px;}


@media(min-width:960px){
    .domainSearch .contained {max-width:800px;}
    
}

.homeIntro {background:#a5d8fe url(files/image/pics/crh_hosting_bgclr.png);}
.homeIntro h1 {font-family: MagicDreams !important; line-height: 0.9; font-size: 68px; color:#0c2152;padding: 40px 0;}
.homeIntro h1 span {font-family:inherit !important; color:red; line-height: inherit;}
.homeIntro p {color:#0c2152; font0szie: 16px; max-width: 320px; margin-bottom: 20px;}
.redBtn {color:#fff; font-family: MagicDreams !important; font-size: 26px; padding: 8px 26px 4px 26px; background:#2277ff; border-radius: 30px; display:inline-block; line-height: 1; box-shadow:0 10px 20px rgba(0,0,0,0.2);}
.redBtn i {font-size: 80%; padding-top: 3px; padding-left: 10px;}


.homeBlocks {background:#fff; position:relative; overflow:hidden; padding: 50px 0;}
.homeBlocks:before {position:absolute; width:80%; left: 10%; border-radius: 100%; height: 100px; background:#000; top: -100px; content:""; box-shadow:0 0 60px rgba(0,0,0,0.15);}
.homeBlocks img {max-width: 90% !important; margin-right: 10%;}

.homeblockCopy {padding-left: 15px; position:relative;}
.homeblockCopy h4 {font-weight: bold; color:#0c2151; font-size: 16px; letter-spacing: 3px; margin-bottom: 22px;}
 .homeblockCopy h2 {color:#0c2151; font-family:MagicDreams !important; line-height: 0.9; font-size: 48px; position:relative; z-index:10;}
 .homeblockCopy h2 span {display:block; color:#30f8f1; line-height:inherit !important; font-family:inherit !important; text-shadow:1px 1px 1px rgba(0,0,0,0.1);}
.homeblockCopy p {max-width: 320px; color:#333; font-weight: 400; line-height: 1.6; position:relative; z-index:10;}
.homeblockCopy:before {content:"\f058"; font-family:fontAwesome; font-size: 300px; position:absolute; color:#f5f5f5; right: 10px; top: -10px; line-height:1; z-index:0;}
.homeBanner {background:#30f7f2; padding:50px 0 !important;}
.homeBanner h2 {color:#0c2152; font-size: 48px; line-height: 0.9; font-family:MagicDreams !important; margin-bottom: 20px; text-align:center;} 

.pageBanner {padding-bottom: 30%; background-size:cover; background-position:50%; background-repeat:no-repeat;}
.pageHead {background-color:#31f8ee; color:#0b1740; position:relative; overflow:hidden;}
.pageHead h1 {font-family: MagicDreams !important; font-size: 48px; line-height: 1;}
.pageHead h1 span {font-family:inherit !important; color:red;}
.pageContent {background:#fff; overflow:hidden; position:relative;}
.pageContent h2 {font-weight: 300; font-size: 36px; max-width: 420px; line-height: 1.2; color: #444; }
.pageContent h3 {font-family: MagicDreams !important; font-size: 28px; margin-bottom: 18px; color:#a00; font-weight: 600;}
.pageContent p {color:#444 !important; line-height: 1.5 !important;}
.pageContent:before,.pageHead:before {position:absolute; width:80%; left: 10%; border-radius: 100%; height: 100px; background:#000; top: -100px; content:""; box-shadow:0 0 60px rgba(0,0,0,0.2);}
.pageContent:after {position:absolute; width:80%; left: 10%; border-radius: 100%; height: 100px; background:#fff; bottom: -100px; content:""; box-shadow:0 0 60px rgba(220,255,255,1);}



@media(max-width:640px){
    .domainSearch h2 span {display:block;}
    .hostQuotes h2 span {display:block;}
    .homeIntro h1 {font-size: 52px;}
}


#rgeSettings header {min-height: auto;}






.pageContent ul li {
    position: relative;
    padding-left: 30px;
    line-height:1.2; margin-bottom: 8px; color:#444; font-size:16px;
}

.pageContent ul li:before {
    position: absolute;
    content: "\f00C";
    color: #1e75f7;
    font-family: fontAwesome;
    left: 3px;
    top: 0
}