.white_b {background:#fff !important;} body {font-family: 'Roboto', sans-serif; background:#ffffff;} 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: #222;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: #f93e3d;margin: 0;} .siteSearch input:focus {outline:0 !important; border:none; box-shadow:none; background:#1a339a;} .siteSearch input::placeholder {color:#fff;} .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: #1b919c;} #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: #000;} #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: 0px 0 0 0;min-height: 130px;} header .contained {position:relative; z-index:100;} /*SKIN*/ header .logo {background:url(files/image/pics/repsLogo.svg) no-repeat;background-size:contain;width:160px;height: 80px;position:absolute;top: -10px;} header .topBar {margin-bottom: 40px;} .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 18px;position:relative;padding-bottom: 32px;} #topNav li:after {content:"";position:absolute;bottom: -8px;width:0%;left:0;height: 5px;background: #1ea5b2;transition:all 0.3s ease-in-out;} #topNav li:last-child {} #topNav li a { color:#222; font-size: 16px; font-family:Gilroy-SemiBold !important;} #topNav li:hover:after, #topNav li.selected:after {width:100%;} /*.firstItem { border-bottom: 3px solid #1a339a !Important;}*/ .firstItem:after {width:100% !important;} /*FOOTER*/ footer h3 {font-size:24px; font-family:Gilroy-Semibold !Important;} footer li a {color:#444; font-size: 13px;} 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 !important; 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:50px 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; pointer-events:none;} .inputWrap.wrapLeft:before {position:absolute; top:1px; left:1px; bottom:1px; content:""; background: #eee; 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: #eee; width:38px; border-radius: 3px 0px 0px 3px; border-left: 1px solid #ccc; box-shadow:-1px 0px 2px rgba(0,0,0,0.1); pointer-events:none;} .inputWrap input[type="number"],.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="number"]:hover,.inputWrap input[type="text"]:hover,.inputWrap input[type="password"]:hover {background:#f5f5f5;} .inputWrap input[type="number"]:focus,.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%;} #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 } /* REPS */ .teal_f {color:#1ea5b2 !important;} .teal_b {background-color:#1ea5b2 !important;} .teal_bor {border-color:#1ea5b2 !important;} .orange_f {color:#fc564c !important;} .orange_b {background-color:#fc564c !important;} .orange_bor {border-color:#fc564c !important;} .green_b {background-color:#0f747e !important;} .darkgreen_b {background-color:#0d666b !important;} .darkgreen_bor {border-color:#0d666b !important;} .darkgreen_f {color:#0d666b !important;} .divider {width:80px; margin:30px 0; display:block; border-bottom:5px dotted #333;} .homeHead {background:#f1f1f1; position:relative;} .homeHeadPicSpacer {display:none;} .homeHeadPic {position:static; top:0; right:0; background:url(files/image/pics/your_potential_base.png) 100% 0%; background-size:contain; background-repeat:no-repeat; } .homeHead h1 {font-family:Gilroy-Bold !Important; font-size: 48px; line-height:1.1;} .homeHead h1 span,.homeBox h2 span {font-family:JustLovely !important; color:#1ea5b2; font-size: 200%; position:relative; display:inline-block; margin-bottom:-50px;} .homeHead p {font-family:'Roboto', sans-serif !Important; color:#333; line-height:1.5; padding-right: 25%;} .homeHead h3 {font-family:'Roboto', sans-serif !Important;} .homeHead .col-md-6:hover a {transform:scale(1.1);} @media(min-width:768px){ .homeHeadPic { position:absolute !important; width: 50%;} .homeHeadPicSpacer {padding-top: 40%; display:block !important;} } @media(max-width:768px){ .homeHead h1 {font-size: 36px;} .homeHead h1 span {margin-top:-20px;} .homeHead p {padding-right: 10%;} footer img {max-width: 180px !important; margin-bottom: 0px; margin-top:-30px;} footer h3 {margin-top: 20px;} } .repsButton {padding: 10px 16px; font-size: 14px; border-radius: 32px; box-shadow: 4px 4px 6px rgba(0,0,0,0.2); color:#fff; font-weight: 400; display:inline-block; margin-top: 20px; transition:all 0.3s ease-in-out;} .repsButton i {padding-left: 20px;} .repsButton:hover {background:#000 !important; color:#fff !Important;} .homeBox {padding: 10px 25px 25px 25px; background-size:cover; background-position:50% 100%; background-repeat:no-repeat;} .homeBox h2 {font-family:Gilroy-Bold !Important; font-size: 28px; line-height:1.1;} .homeBox:hover a {transform:scale(1.1);} .footerTop h3 {font-family:JustLovely !important;font-size: 80px; position:relative; display:inline-block; margin-bottom:-20px;} .footerTop h4 {font-size: 32px;font-family:Gilroy-Semibold !Important;} .footerTop fieldset {text-align:left; border-radius: 30px; box-shadow:0 5px 6px rgba(0,0,0,0.2); background:#fc564c;padding:0 !important;overflow:hidden;max-width: 300px;margin:20px auto;} .footerTop input {border:none;font-weight: 400; border-radius: 40px; margin:0;height: 40px;padding:0 20px;width:65%;position:relative;z-index:10;} .footerTop input:focus {border-color:#fc564c !important;} .footerTop fieldset a {color:#fff; font-size: 14px; font-weight: 400; width:33%; display:inline-block; text-align:center;} .footerTop fieldset a i {color:#fff; padding-left: 15px;} .makeMoney h3 {font-family:Gilroy-Bold !Important; font-size: 36px; line-height:1; padding-top: 30px;} .makeMoney h3 span {font-family:JustLovely !important; color:#1ea5b2; font-size: 180%; margin-top:-15px; position:relative; display:inline-block; margin-bottom:-20px;} .makeMoney p {font-family:'Roboto', sans-serif !Important; color:#333; line-height:1.5; padding-right: 10%;} .makeMoney:hover a {transform:scale(1.1);} @media(min-width:480px) and (max-width:768px){ .footerTop {padding-top: 60% !important; background-position:100% 0 !important;} .footerTop h3 {font-size: 48px;} .footerTop h4 {font-size: 24px;} } @media(max-width:480px){ .homeBox {margin-bottom: 15px;} .footerTop {padding-top: 100% !important; background-position:100% 0 !important;} .footerTop h3 {font-size: 40px;} .footerTop h4 {font-size: 20px;} } .offerBox {position:relative; background:#fff; width:100%; float:left; margin-bottom: 20px; overflow:hidden; border-radius: 20px; box-shadow:-3px 5px 6px rgba(0,0,0,0.1);} .offerBox.triple>div {padding-left:0px !important;} .offerBox.triple .multiPic {position:relative; padding-top: 65%; border-radius: 20px; overflow:hidden; white-space:nowrap; } .offerBox.triple .multiPic li {position:absolute; background:#ddd; top:0; left:0; width:100%; height: 100%; display:inline-block; background-size:cover;} .offerBox .multiPicDots {position:absolute; top: 20px; box-shadow:0 4px 5px rgba(0,0,0,0.2); left:20px; background:#fff; padding:5px; border-radius: 40px;} .offerBox .multiPicDots li {display:inline-block;} .offerBox .multiPicDots li i {cursor:pointer; font-size: 12px; padding:0 3px; position:relative;} .offerBox .multiPicDots li.selected i:after {position:absolute; content:""; width: 11px; height: 11px; background:#1ea5b2; left:3px; top:0; border-radius: 11px;} .offerBox .multiPicDots li:first-child i {color:#1ea5b2;} .offerBox .multiPicDots li:last-child i {color:#1ea5b2;} .multiPic li {opacity:0; transform:scale(1.1);} .multiPic li.selected {opacity:1; transform:scale(1);} .offerBox.double>div {padding-left:0px !important;} .offerBox.double .multiPic {position:relative; padding-top: 130%; border-radius: 20px; overflow:hidden; white-space:nowrap;} .offerBox.double .multiPic li {position:absolute; background:#ddd; top:0; left:0; width:100%; height: 100%; display:inline-block; background-size:cover; background-position:50% 50%;} .offerBox.single>div {padding-left:0px !important; padding-right:0 !important;} .offerBox.single .singlePic {position:relative; padding-top: 62.53%; border-radius: 20px; overflow:hidden; white-space:nowrap;} .offerBox.single .singlePic li {position:absolute; background:#ddd; top:0; left:0; width:100%; height: 100%; display:inline-block; background-size:cover; background-position:50% 50%;} .offerBox .offerBoxCopy {padding: 20px;} .offerBox .offerBoxCopy h6 {font-size: 10px; color:#666; margin-bottom: 5px; } .offerBox .offerBoxCopy h3 {font-size: 18px; font-family:Gilroy-Semibold !Important; line-height: 1.2 !important; cursor:pointer;} .offerBox .offerBoxCopy p {font-family:Roboto !important; color:#666; font-size: 14px; line-height:1.5; cursor:pointer;} /* .offerBox .offerBoxCopy {padding: 20px;} .offerBox .offerBoxCopy h6 {font-size: 10px; color:#666; margin-bottom: 5px; } .offerBox .offerBoxCopy h3 {font-size: 18px; font-family:Gilroy-Semibold !Important; line-height: 1.2 !important;} .offerBox .offerBoxCopy p {font-family:'Roboto', sans-serif !Important; color:#666; font-size: 14px; line-height:1.5;} */ .oppNav li {overflow:hidden; border-radius: 40px; height: 40px; margin-bottom:7px; box-shadow:-3px 5px 6px rgba(0,0,0,0.15); background:#fff; font-size: 14px; position:relative;} .oppNav li input {border:none; height: 40px; border-radius: 40px; width: 100%; padding: 10px 20px;} .oppNav li i {position:absolute; right: 15px; top: 13px; font-size: 16px; color:#1ea5b2;} .oppNav li:nth-of-type(1) {padding: 10px 20px; color:#fff; background:#1ea5b2;} .oppNav li:nth-of-type(1) i {color:#fff; top: 11px;} .oppNav li select {-webkit-appearance:none; -moz-appearance:none; appearance:none; width:100%; border:0; border-radius: 40px; height: 40px; color:#555; padding:10px 20px; outline:none;} .reviewHeaderBox {background:#f5f5f5; margin-top:-25px;} .reviewHeaderBox h3 {font-size: 18px; font-family:Gilroy-Semibold !Important; } .reviewHeaderBox li {display:inline-block; margin-right: 3px; font-size: 22px;} .reviewHeaderBox li i {text-shadow:-1px 2px 3px rgba(0,0,0,0.3); color:#fff;} .reviewHeaderBox li i.starOn {color:gold;} .reviewHeaderBox p {font-size:11px; color:#666; font-weight: bold; padding-top: 5px;} .oppWrapper h1 {font-family:Gilroy-Bold !Important; font-size: 38px; line-height:1.1;} .oppWrapper h1 span {font-family:JustLovely !important; color:#1ea5b2; font-size: 200%; position:relative; display:inline-block; margin-bottom:-50px;} .oppWrapper p {font-family:'Roboto', sans-serif !Important; color:#333; line-height:1.5; padding-right: 10%;} .oppWrapper h2 {font-size: 22px; font-family:Gilroy-Semibold !Important; margin-bottom: 20px; } .oppWrapper h3 {font-size: 18px; font-family:Gilroy-Semibold !Important; color:#1ea5b2; } .oppWrapper li {padding-left: 25px; position:relative; margin-bottom:15px;} .oppWrapper li:before {content:""; position:absolute; width: 10px; height: 10px; border-radius: 10px; background:#fc564c; left:0; top: 5px;} .reviewBox i {text-shadow:-1px 2px 3px rgba(0,0,0,0.2); color:#fff; display:inline-block; font-size: 20px; margin-right: 5px;} .reviewBox i.starOn {color:gold;} .reviewBox {border-bottom:1px solid #ddd; padding: 25px 0;} .reviewBox h4 {font-size: 20px; font-family:Gilroy-Semibold !Important; } .reviewBox h5 {font-size: 18px !important; color:#666; margin: 10px 0; font-family:Gilroy-Semibold !Important; } .reviewBox p {font-family:'Roboto', sans-serif !Important; font-style:italic; color:#666 !important; line-height:1.5; padding-right: 5%;} .opReviews h3 {font-size: 28px; font-family:Gilroy-Semibold !Important; margin-bottom: 5px; } .opReviews p {font-size: 16px; color:#444;} .opReviews .inputWrap {margin-top: 10px;} .opReviews h5 {font-size: 20px; font-family:Gilroy-Semibold !Important; } .opReviews h5 span i {cursor:pointer; display:inline-block; font-size: 24px !important; margin-left: 5px; color:#aaa;} .opReviews h5 span i:hover {color:gold;} .opReviews h5 span i.starOn {color:gold;} #pc_insert label {font-size: 18px !important; color:#fff !important;} #pc_insert select {width:100%; appearance:none; -webkit-appearance:none; padding: 6px; font-size: 18px; color:#555; border:1px solid red; border-radius: 3px; background:#fff;} .pageContent h1 {font-size:48px; font-family:Gilroy-Semibold !Important; margin:0 0 20px 0;} .pageContent h2 {font-size:26px; font-family:Gilroy-Semibold !Important; margin:14px 0 14px 0;} .pageContent h3 {font-size:20px; font-family:Gilroy-Semibold !Important; margin:0 0 8px 0;} .pageContent p {font-size: 16px; margin-bottom:10px; color:#333; line-height:1.6;} .pageContent p a {color:#fc564c; font-weight: bold;} .pageContent ol li {list-style:lower-alpha; margin-left: 20px; padding-left: 15px; margin-bottom: 12px; color:#333;} .pageContent ol {padding:10px 0;} #submitReg {user-select:none; cursor:pointer; transform-origin:25% 50%;} #submitReg:hover {text-shadow:0 1px 1px rgba(0,0,0,0.5); transform:scale(1.1);} #submitReg i { transform-origin:70% 50%;} #submitReg:hover i {color:#fff !important; transform:rotate(360deg);} .applyBoxXX {margin:0 -30px !important;} .fsBody {padding: 0 0 0 30px !important;} .fsSectionHeading {font-size: 32px !important;} .fsSectionHeader {padding: 10px 30px !important;} .developerFilters {background:#f9f9f9; text-align:center; padding:7px 0 10px 0; margin:0px 0px 20px 0px; border-top:1px solid #ddd; border-bottom: 1px solid #ddd;} .developerFilters label {font-size: 12px; font-weight: 100; display:inline-block; padding:0px 5px 0px 5px; position:relative; top:2px; vertical-align:bottom;} .developerFilters input[type="text"] {min-width: 280px; margin-bottom: 2px;border:1px solid #ddd; font-size: 16px; padding: 2px 10px; font-weight: 200; margin-left: 2px; border-radius: 2px;} .developerFilters select {height: 26px; font-size: 14px; font-weight: 200; margin:0px 0;} .developerFilters input[type="submit"] {display:inline-block; font-size: 17px; border-radius: 4px; margin-left: 10px; height: 28px; vertical-align:bottom; position:relative; top:3px; padding:2px 16px; border:1px solid #ddd; font-weight: 600; background:#A00000; color:#fff;} .developerPaging a {border:1px solid #ddd; border-radius:4px; min-width: 25px; height: 25px; display:inline-block; padding: 2px; text-align:center; font-weight: 100; margin:0px 5px 20px 5px; text-shadow:1px 1px 0px rgba(0,0,0,0.2);} .developerPaging .pagingMore,.developerPaging .pagingLess {border:none !Important;} .developerPaging .pagingCurrent {background:#1a339a; color:#fff;} @media(max-width:768px){ .developerFilters label {width:100%; padding-top: 6px; text-align:left; position:relative; height: 30px;} .developerFilters input[type="text"],.developerFilters select {width:60%; position:absolute; right:0; top:1px;} .developerFilters input[type="submit"] {width:100%; margin:5px 0px;} } .developerFilterBy {margin-top: 5px;} .developerFilterBy label {display:inline-block; vertical-align:middle;} .developerFilterBy ul {display:inline-block;} .developerFilterBy li {cursor:pointer; font-size: 12px; color:#444; font-weight: 400; background:#ddd; display:inline-block; margin:4px; padding:3px 12px 1px 11px; border-radius: 10px;} .developerFilterBy li.selected {background:#f90; color:#fff;} /*NEWS*/ .newsCategory {font-size: 36px; color: #444; font-weight: 300;padding: 10px 0 10px 0; overflow:hidden; text-align:center;} .newsCategory h2 {font-weight:100; position:relative; display:inline-block;} .newsCategory h2 span {position:absolute; opacity:0.1; transform:scaleY(-1); left:0; bottom:-27px; font-weight:inherit !important;} .newsStoryImg {position:relative; padding: 20px; background:#1c939e; overflow:hidden; max-height: 600px;} .newsStoryImg span {position:absolute; z-index:0; opacity:0.4; top:0; left:0;width: 100%; height: 100%; background-size:cover; background-size:cover; filter:blur(5px); -webkit-filter:blur(5px); -moz-filter:blur(5px); -o-filter:blur(5px); -ms-filter:blur(5px); background-position:50% 50%; } .newsStory {padding:20px 5px;} .newsStoryImg p {position:relative; z-index:10;} .newsStoryImg img {border:2px solid #fff; width: 100%; max-width:992px;} .newsStory p {font-size: 15px; color:#111; margin-bottom: 10px; line-height: 1.8;} .newsStory h2 {font-size: 24px; margin-bottom: 12px; color:#ddd;} #newsStoryShell {background:rgba(255,255,255,1)} #newsStoryShell h1 {font-size: 32px; color:#333; font-weight: 300; text-align:center; font-size: 36px !important; margin:20px 0px;} .newsStory p a, .newsStory li a {color:#1a339a; font-weight: 600;} .newsStory p a:hover {color:#000;} .newsStory sup {font-size: 50%; display:inline-block; vertical-align:top; padding-top: 5px; padding-right: 2px;} @media (max-width:768px){ #newsStoryShell h1 {font-size: 24px !Important; margin-bottom: 25px;} } @media (max-width:992px){ .newsStoryImg {margin-top: 25px; position:relative;overflow:visible;} .newsStoryImg:before { content:""; position:absolute; top:-66px; left:-25%; width:150%; height: 66px; background:rgba(255,255,255,0.9);} } #newsStoryShell time {text-align:right; display:block; margin-top:-20px;} .newsPanel {background:#fff;border:1px solid #eee;border-radius:3px;padding: 15px 15px 5px 15px;margin:20px 0px;} .newsPanel a {color:inherit;} .newsPanel .newsNanoImage,.newsPanel iframe {width: 100%;height: 180px !important;background-size:cover;background-position: 50% 30%;} .newsPanel .newsTitle {margin: 15px 0px 10px 0px;font-size: 21px;color:#003b4f;/* white-space:nowrap; */overflow:hidden;/* text-overflow:ellipsis; */height: 54px;} .newsPanel p {overflow:hidden; width: 100%; height: 36px; font-size: 14px; color:#444; line-height: 1.4;} .newsNanoDate {font-size: 12px !important; font-style:italic; padding-top: 5px; text-align:right; padding-right: 2px;} .newsStory ol li {margin-left: 25px; font-size: 14px; padding-left: 10px; list-style-type:decimal; margin-bottom: 12px; } .newsGridHeader {padding: 25px 0px 0px 0px; } .newsGridHeader h2 {font-size: 32px !important; color:#003b4f;} .newsPanel:hover {transform:rotate(2deg) scale(1.05); -webkit-transform:rotate(2deg) scale(1.05); -moz-transform:rotate(2deg) scale(1.05); -ms-transform:rotate(2deg) scale(1.05);} .newsPanelWide .newsNanoImage {height: auto !important; padding-top:35%; background-repeat:no-repeat;background-size:cover !important; background-position: 50%;} .newsPanelWide .newsTitle {height: 50px; overflow:hidden; text-overflow:none; white-space:normal;} .newsPanelWide p {height: 40px; margin-bottom: 6px;} .newsPanelWide p.newsNanoDate {height: 20px;} .publishedAuthor {background:#A00000; padding: 5px 10px; border-radius: 20px;} .publishedAuthor a {color:#fff;} .publishedAuthor:before {content:"\f007"; font-family:fontAwesome; color:#fff; padding-right: 5px;} .publishedAuthor:hover {background:darkred;} .newsType {position:absolute; right: 40px; top: 45px; padding: 5px 8px; background:rgba(255,255,255,0.8); border-radius: 6px; color:#444; font-size: 16px;} .tickRC li {position:relative; padding: 4px 0;} .tickRC li:before {position:absolute; left:0; content:"\f054"; font-family:fontAwesome; font-size: 24px; color:#2878ad; left:15px; top:-1px; } .mlm h2 {padding: 10px 0; color:#444; font-weight: 200;} #signinBox {background:#1cb3c0; padding: 15px; max-width: 300px; border-radius: 10px; float:right; color:#fff;} #signinBox h2 {font-size: 20px; margin-bottom: 15px; padding:0; color:#fff;} .mlm .form>label {font-size: 14px !important; color:#555; padding: 5px 0; display:block;} .downloadArea h2 {font-size: 24px; font-weight: 300; border-bottom:1px solid teal; padding-bottom: 5px; margin-bottom: 15px; color:#444;} .downloadArea p {color:#444; font-weight: 300; margin-bottom: 15px;} .downloadArea li {padding:5px; border-bottom:1px solid #ddd; color:#555; position:relative;} .downloadArea li i.fa-file-excel-o {color:teal; padding-right: 15px; } .downloadArea li a {position:absolute; right:0; color:teal; font-weight: bold;} .insbox {background:url(files/image/ads/ins_background.jpg) 70% 50% !important; background-size:cover !important; } .insBoxIn {max-width:900px !important; border:10px solid #f2f2f2 !important;} .insImage {padding-top: 140%; background:url(files/image/ads/ins_image.jpg) 50% 50% / cover;} @media(max-width:640px){ .insImage {padding-top: 70%; background:url(files/image/ads/ins_image.jpg) 50% 00% / cover;} } /*SQUARED*/ #squPaysub {text-align:center; margin:-10px 0 0 0; max-width:480px;} #squPaysub ul {font-size:0; padding:0; margin:0; overflow:hidden; border:2px solid #ccc; display:inline-block; border-radius:30px; box-shadow:0 5px 10px rgba(0,0,0,0.2);} #squPaysub ul li {cursor:pointer; margin:-1px; font-size: 20px; color:#666; padding: 8px 20px; display:inline-block; background:#fff; border:1px solid #ddd; box-shadow:inset 0 5px 6px rgba(0,0,0,0.1);} #squPaysub ul li.selected {background:#09f; color:#fff; text-shadow:1px 1px 1px rgba(0,0,0,0.4);} .sqTable {width:100%; background:#f5f5f5; margin:0 0 20px 0;} .sqTable thead {background:#e2f2f2;} .sqTable th {font-size: 11px; font-weight: 600; padding: 6px 2px; text-align:center; border-right:1px solid #ddd; border-bottom:1px solid #ddd;} .sqTable tr th:last-child {border-right:none} .sqTable tr td:last-child {border-right:none} .sqTable tbody tr:nth-child(2n+1) {background:#f9f9f9;} .sqTable td {font-size: 12px; padding: 6px 2px 2px 2px; text-align:center; border-right:1px solid #ddd; border-bottom:1px solid #ddd;} #squPay .inputWrap, #expireSQ .inputWrap {width:100% !important; max-width: 480px !important;} #squPay .inputWrap input, #expireSQ .inputWrap input {width:100% !important; max-width: 480px !important;} #squPay .inputWrap select, #expireSQ .inputWrap select {width:100% !important; max-width: 480px !important;} #squPay h2, #expireSQ h2 {margin:10px 0 0 0; font-weight: 300; } #squPay, #expireSQ {border:1px solid #ddd; background:#fff; margin:10px 0; border-radius: 10px; padding: 10px 15px;} #billingSubmit {width:100%; max-width:480px; padding: 10px 0; margin-top: 10px;} #squPay .forms>label, #expireSQ .forms>label {font-weight: 300; margin-bottom: 10px; display:block;} span[data-ok="INVALID"]:after {content:"INVALID NUMBER"; position:absolute; right:0; bottom:0; background:red; color:#fff; font-size: 12px; padding:5px 10px 2px 10px; border-radius: 5px 0 0 0;} span[data-ok="VALID"]:after {content:"NUMBER OK"; position:absolute; right:0; bottom:0; background:green; color:#fff; font-size: 12px; padding:5px 10px 2px 10px; border-radius: 5px 0 0 0;} span[data-ok="FORMAT"]:after {content:"INCORRECT FORMAT"; position:absolute; right:0; bottom:0; background:orange; color:#fff; font-size: 12px; padding:5px 10px 2px 10px; border-radius: 5px 0 0 0;} .repsButton:disabled {opacity:0.5;} .downloadList {overflow-y: auto; max-height: 120px;}