/*X*/

body {font-family: 'Source Sans Pro', sans-serif; background:#f1f0f1;}
main {min-height: 65vh;}
/*framework and nav*/
#wrapper {position:relative; left:0px;}
#mobNav {position:fixed; width: 260px; right:-275px; top:35px; 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: #f63d3c;padding: 4px 8px;border-radius: 2px;font-size: 26px;color: #fff;cursor:pointer;}
#navBtn:hover {background:#000;}
#navBtn:active {}

@media (max-width:992px){
#topNav {padding: 0px 45px 30px 0px !important;}
.midNav .social {margin-top:-20px; padding-bottom:10px;}
#topNav li {display:none !Important;}
}
@media (min-width:992px){
   #navBtn {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: 'Source Sans Pro', sans-serif !Important; line-height: 1.3;}

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

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

/*SKIN*/
header .logo {background:url(https://www.reps.co.uk/files/image/pics/repsLogo.svg) no-repeat; background-size:contain; width:280px; max-width:80%; height: 40px; position:absolute;}

.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: #f5f5f5;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;padding-bottom: 25px;}
#topNav .noTopNav {display:none;}
#topNav input {display:inline-block;}
#topNav>ul {display:inline-block;}
#topNav li {display:inline-block; margin:0 25px; position:relative;}
#topNav li:after {content:""; position:absolute; bottom: -5px; width:0%; left:0; height: 3px; background:#1a339a; transition:all 0.3s ease-in-out;}

#topNav li:last-child {}
#topNav li a { color:#0e0069; font-weight: 700; font-size: 16px;}
#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;}

/*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.5; margin-bottom: 8px; font-weight: 300;}
.content p a, .content li a {color:#1a339a; font-weight: 500;}
.content p a:hover, .content li a:hover {color:#000; text-decoration:underline;}
.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;}
.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 {font-weight: 300; line-height: 1.4; margin-bottom: 6px; list-style-type:none; font-size: inherit; color:#111; position:relative; padding-left: 30px; margin-bottom: 5px; line-height:1.4;}
.content h2 {color:#1a339a; font-size: 24px; font-weight: 100; margin-bottom: 12px;}
.content h2 i {font-size: 75%; color:#666; display:inline-block; padding-right: 6px; position:relative; top:-2px;}
.content h1 {font-size: 32px;}

/*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:red; color:#fff;}
.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;}
}


/*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: #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);}
.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:'Source Sans Pro';font-weight: 500;}
.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:'Source Sans Pro';font-weight: 500; color:#555;}



/*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(00,160,170,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 #155b5c;padding: 5px 15px;border-radius:0 20px 20px 0;}
.searchBar label {background: #155b5c;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: 25px;background: #f63d3c;color:#eee;}
.secondayBtn:hover {background:#000; 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;}

.quoteBox {position:relative;}
.quoteBox:before {position:absolute; content:"?"; font-family:'Impact'; color:red; top:-10px;; font-size: 72px; left:50%;}
.quoteBox:after {position:absolute; content:"?"; font-family:'Impact'; color:red; bottom:-30px; font-size: 72px; left:50%;}

@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;}
}







.categoryHeader {padding-top: 15%; position:relative; background-size:cover; margin-bottom: 25px;}
.categoryHeaderH1 {background:rgba(20,20,100,0.8); color:#fff; padding:10px 0;}
.categoryHeader h1 {font-size: 36px;}
.categoryHeaderP {background:rgba(76,138,31,0.8); color:#fff; padding:10px 0; border-top:1px solid #fff;}
.categoryHeader h1 {font-size: 36px;}

.offerListing {padding: 15px; border:1px solid #eee; margin: 10px 0; background:#fff; border-radius: 6px; box-shadow:0 0 3px rgba(0,0,0,0.1);}
.offerListing h2 {font-size:24px !important;  text-align:center;font-weight: bold; color:#333; text-overflow:ellipsis; white-space:nowrap; overflow:hidden; }
.offerListing h4 {font-sisze: 16px; margin-bottom: 10px; text-align:right; text-overflow:ellipsis; white-space:nowrap; overflow:hidden; }
.offerListImage {padding-top: 50%; background-size: cover; background-position:50%; margin:0 -15px; position:relative;}
.offerListCompany {width: 80px; height: 40px; position:absolute; right: 10px; bottom:10px; background-size:contain; background-repeat:no-repeat;}
.offerListShort {height: 40px; margin: 10px; 0; font-size: 16px; color:#444; overflow:hidden; text-align:justify !important;}
.offerListing p {text-align:center;}
.offerListing p a {display:inline-block; background:#4cb21f; color:#fff; padding: 8px 20px; font-size: 16px; border-radius: 6px; font-weight:bold;}
.offerListing p a:hover {background:#3ca20f;}





.searchResults h1 {font-size: 32px; padding: 15px 0 30px 0; color:#0d0d58; font-weight: bold;}
.offersView {}
.offerView {padding: 15px 20px; border:1px solid #ddd; border-radius: 6px; margin: 20px 0; background:#fff; box-shadow:0 0 3px rgba(0,0,0,0.1);}
.offerView h2 {font-size: 24px; margin-bottom: 15px; font-weight: bold; color:#0d0d58;}
.offerView h4 {font-size: 18px; margin-bottom: 15px; color:#4cb21f;}
.offerView p {font-size:16px; color:#444; margin-bottom: 8px;}
.offerView p i {margin-right: 8px;}
.offerView p a {font-weight:bold; font-size: 18px; color:#0d0d58; text-decoration:underline;}
.offerViewImage {background-size:contain; padding-top: 60%; background-repeat:no-repeat;}
.offerViewMulti {padding: 5px; border:1px solid #eee; background:#f5f5f5; border-radius: 4px; margin-top: 10px; overflow:auto;}
.offerViewMultiImg { position:relative; width: 120px !important; display:inline-block; margin-right: 10px; border:1px solid #ddd; border-radius: 6px;}
.offerViewMultiImg img {max-width:100%; display:block; cursor:pointer;}
.offerViewMultiImg i {position:absolute; right:10px; bottom:10px; font-size: 20px; color:#fff; text-shadow:1px 1px 0px rgba(0,0,0,0.5);}
.offerViewDesc {padding: 10px 10px 4px 10px; background:#f5f5f5; border-radius: 3px; border:1px solid #eee;}
.offerViewDesc p {font-size: 14px; margin-bottom: 6px;}
.offerView .applyOffer {background:#4cb21f; color:#fff; padding: 6px 22px; border-radius: 20px; display:inline-block; text-decoration:none; font-size: 20px; margin:10px 0;}
.offerView .applyOffer:hover {background:#0d0d58;}

#imgModal {position:fixed; top:0; left:0; right:0; bottom:0; width:100%; height: 100%; background:rgba(0,0,0,0.8);}
.imgModalBox {position:absolute; left: 5%; top:5%; width: 90%; height: 90%; background-position:50%; background-repeat:no-repeat; background-size:contain; cursor:pointer;}

#offerCategories li {color:#fff; display:inline-block; width: 49%; margin-top: 5px;}
#offerCategories li a {color:#fff;}


/* REPS */

header .topBar {margin-bottom: 30px;}

/* 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;}

 
.footerNote {background-color:#f63d3c; font-size: 12px;}