html,body{
	overflow-x:hidden;
}

@font-face { /* Top Navi */
    font-family: 'TheSansSemiBoldPlain';
    src: url('../fonts/thesanssemibold-webfont.eot');
    src: url('../fonts/thesanssemibold-webfont-.eot#iefix') format('embedded-opentype'),
         url('../fonts/thesanssemibold-webfont.woff') format('woff'),
         url('../fonts/thesanssemibold-webfont.svg#TheSansSemiBoldPlain') format('svg');
    font-weight: normal;
    font-style: normal;}


@font-face { /* Hotline */
    font-family: 'TheSansCdRegular';
    src: url('../fonts/thescof5-webfont.eot');
    src: url('../fonts/thescof5-webfont-.eot#iefix') format('embedded-opentype'),
         url('../fonts/thescof5-webfont.woff') format('woff'),
         url('../fonts/thescof5-webfont.svg#TheSansCdRegular') format('svg');
    font-weight: normal;
    font-style: normal;}
    
@font-face {
    font-family: 'TheSansCdLight';
    src: url('../fonts/thscof3l-webfont.eot');
    src: url('../fonts/thscof3l-webfont-.eot#iefix') format('embedded-opentype'),
         url('../fonts/thscof3l-webfont.woff') format('woff'),
         url('../fonts/thscof3l-webfont.svg#TheSansCdLight') format('svg');
    font-weight: 200;
    font-style: normal;}

@font-face {
    font-family: 'TheSansCdSemiBold';
    src: url('../fonts/thsclf6s-webfont.eot');
    src: url('../fonts/thsclf6s-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/thsclf6s-webfont.woff') format('woff'),
         url('../fonts/thsclf6s-webfont.ttf') format('truetype'),
         url('../fonts/thsclf6s-webfont.svg#thesanscdsemibold') format('svg');
    font-weight: normal;
    font-style: normal;
}



@font-face {
    font-family: 'thesanscdbold';
    src: url('../fonts/thsclf7b-webfont.woff2') format('woff2'),
         url('../fonts/thsclf7b-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'thesansplainnormal';
    src: url('../fonts/thesansplain_normal-webfont.woff2') format('woff2'),
         url('../fonts/thesansplain_normal-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}


@font-face {
    font-family: 'thesansbw5_plain';
    src: url('../fonts/thesansb-w5pla_5-webfont.woff2') format('woff2'),
         url('../fonts/thesansb-w5pla_5-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}


/*! HTML5 Boilerplate v5.0 | MIT License | http://h5bp.com/ */
fieldset,hr{border:0;padding:0}html{color:#222;font-size:1em;line-height:1.4}::-moz-selection{background:#b3d4fc;text-shadow:none}::selection{background:#b3d4fc;text-shadow:none}hr{display:block;height:1px;border-top:1px solid #ccc;margin:1em 0}audio,canvas,iframe,img,svg,video{vertical-align:middle}fieldset{margin:0}textarea{resize:vertical}.browserupgrade{margin:.2em 0;background:#ccc;color:#000;padding:.2em 0}



/* ==========================================================================
   Author's custom styles
   ========================================================================== */
html {
  box-sizing: border-box;
}
*, *:before, *:after {
  box-sizing: inherit;
}
body {
    -webkit-font-smoothing: antialiased;
    font-family: 'TheSansCdLight';
    font-size: 0.875em; /* 14px */
    line-height: 1.2;
    color: #fff;
    -webkit-text-size-adjust: 100%;
}
h1, h2, h3, h4 {
    font-weight: normal;color:#333333;font-family:'thesanscdbold';
}
p,ul{color:#333333;}

h1 {
    font-size: 36px; 
}
h2 {
    font-size: 30px;
}
h3 {
    font-size: 22px;
}
h4 {
    font-size: 18px;
}

#container {
    width: 100%;
}

#container-fluid{
	width:90%;
	margin:auto;
	padding:10px 0px;
}

.header {
    padding: 0 25px;
    height: 68px;
    border-top: 1px solid #7a7a7a;
}
.logo {
    float: left;
    margin-top: 6px;
}
.logo a {
    text-decoration: none;
    display: block;
}
.header .linker {
    font-family: 'TheSansCdRegular';
    text-decoration: none;
    font-size: 30px;
    color: #8c7865;
    letter-spacing: 1px;
    float: right;
    margin-top: 14px;
}
.banner {
    position: relative;
}


.banner img {
    width: 100%;
    height: auto;
    display: block;
}
.banner .text {
    position: absolute;
    line-height: 1.5;
    text-align: left;
    top: 24%;
    left: 5%;
	width:40%;
    color: #333333; 
}
.banner h1 {
	font-size:55px;
    margin-top: 30px; text-transform:uppercase;
    text-shadow: 1px 1px 1px rgba(255,255,255,.5);
	font-family:'thesanscdbold';
	margin-bottom:10px;
}

p.intro{
	font-size:18px;
	font-family: 'TheSansCdRegular';
}

.link{
	font-family: 'TheSansCdLight';
	font-size:14px;
	color:#746b51;
	text-decoration:underline;
}

.link:hover{
	color:#746b51;
}

#content {
    background: #373635; width:100%
}

.csticky{
	position: fixed;
    bottom: 0px;
    width: 100%;
    z-index: 9;
}



#pb-wec section.reward-experience {
    padding: 30px 0!important;
}

#pb-wec h5 {
    font-family: 'thesanscdbold';
    font-size: 21px;
    line-height: 24px;
    color: #a18645;
    margin: 10px 0;
}

#pb-wec 
 section.fees-charges
 .title h2 {
    margin: 0 0 20px!important;
}

#pb-wec 
 section.fees-charges {
    padding: 30px 0!important;
}


#pb-wec 
 section.fees-charges
 .container .tr div {
    padding: 5px 5px!important;
}


#pb-wec p {
    font-family: 'arial';
    font-size: 14px;
    line-height: 20px; color:#333333;
}

#pb-wec ul {
    font-family: 'arial';
    font-size: 14px;
    line-height: 36px; color:#333333;
}

#pb-wec 
 section.fees-charges
 .container .tr p {
    margin: 10px 0 20px 20px;
}

#pb-wec
.border-bottom{
  border-bottom: 1px solid #ccc;
}

#pb-wec
.border-right{
  border-right: 1px solid #ccc;
}

#pb-wec
.border-left{
  border-left: 1px solid #ccc;
}



#pb-wec h2 {
    font-family: 'TheSansCdSemiBold';
    font-size: 52px;
    line-height: 54px; color:#333333;
}

#pb-wec p {
	color:#333;
	 font-family: Arial, Helvetica, sans-serif;
    font-size: 14px;
    line-height: 18px;
    font-weight: normal;
    font-style: normal;
    margin: 0 0 10px 0;
}

#pb-wec section.fees-charges .container {
    max-width: 800px;
}


.sfont{
	padding: 10px 0px;
	color:#ad9f87!important;
}

.sfont .border-right{
	border-right:1px solid #e2e2e2;
	padding:10px 5px;
}

.sfont .border{
  border-right: 2px solid #fff;
    padding: 0px 60px;
}

.sfont .cont{
	margin-top:20px;
}

.sfont h3{
	font-weight:bold; color:#ad9f87!important;
}

.sfont p{
	color:#ad9f87!important;
}

a.various{
	color:#ad9f87!important;
	text-decoration:underline;
	font-size:18px;
}


.contact-us{
	font-size:18px;
	border:2px solid #ffffff;
	color:#ffffff;
	padding:10px 20px;
	margin-bottom:0px;
	text-align: center;
width: 100%;
float: left;
}

.contact-us:hover{
	color:#ffffff;
}


.privileges .pbg{
    position: relative;
}

.privileges .pbg img {
    width: 100%;
    height: auto;
    display: block;
}

.privileges .pbg .text {
    position: absolute;
    line-height: 1.5;
    text-align: left;
    top: 24%;
    right: 5%;
    width: 40%;
    color: #333333;
}

.privileges .pbg .text h3{
color:#ffffff;
font-size:45px;
font-family:'thesanscdbold';
}

.privileges .pbg .text p{
font-size:18px;
font-family: 'TheSansCdRegular';
color:#ffffff;
}

section.products{
	padding:40px 0px 285px 0px;
}

.products h3{
	color:#787760;
	font-size:38px; 
}

.products p{
	font-size:18px;
}

.products .show-more, .products .show-more:hover{
	color:#666666;
}

.products .border-right{
	border-right:1px solid #e0e0e0;
	padding:0px 5px;
}

/*fancybox styling*/
.fancybox-overlay {
    background: rgba(0,0,0,.72);
}
.fancybox-inner {
    border-bottom: 0px solid #fff;
}

.fancybox-wrap {
    max-width: 960px !important;
    width: 90% !important;
    position: fixed !important;
    left: 0 !important;
    right: 0 !important;
    margin: 10% auto 0;
    top: 0 !important;
	border: 0px solid #cbe8e8;
background: #fff;
-webkit-border-radius: 10px;
-moz-border-radius: 10px;
border-radius: 10px;
	-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=80)";
	filter: alpha(opacity=80);
	-moz-opacity:0.8;
	-khtml-opacity: 0.8;
	opacity: 0.8;
}

.fancybox-close {
     width: 22px!important;
    height: 22px!important;
    background: url('../images/f-close.png') no-repeat!important;
    top: 10px!important;
    right: 10px!important;
}

.fancybox-inner {
    width: 100%!important;
    height: 100%!important;
}

.fancybox-opened .fancybox-outer {
    -webkit-box-shadow: 0 10px 25px rgba(0, 0, 0, 0.5);
    -moz-box-shadow: 0 10px 25px rgba(0, 0, 0, 0.5);
    box-shadow: 0 10px 25px rgba(0, 0, 0, 0.5);
    box-shadow: none!important;
	background:#000000;
}

.fancybox-outer {
    color: #444;
    text-shadow: none;
}




#footer {
    background: #e7e7e7;
	position: absolute;
    width: 100%;
    z-index: 9;
}


.footer-link > ul {
    padding: 0;
    margin: 0;
}
.footer-link > ul > li {
    list-style: none;
}
.footer-link li {
    display:inline;
}
.footer-link li.dropdown {
    position: relative;
    cursor: pointer;
}
.footer-link li.dropdown:before {
    content: ' ';
    width: 17px;
    display: block;
    height: 20px;
    left: 0;
    top: 4px;
    position: absolute;
    background: url('../images/footer-arrow.jpg') no-repeat left;
}
.footer-link li, .footer-link li a {
    font-family: 'TheSansCdSemiBold';
    text-decoration: none;
    color: #666666;
    line-height: 2.2;
	padding-right: 15px;
}
.footer-link li:first-child {
    background: transparent;
}
.footer-link li.info ul {
    padding: 0;
    margin: 0;
}
.footer-link li.info ul li {
    list-style: none;
}
.footer-link .dropdown.active:before {
    background-image: url('../images/footer-arrow-bottom.jpg');
}
.footer-link .dropdown ul {
    display: none;
}
.footer-link .dropdown ul li {
    padding: 0;
}

#footer .copy {
    font-size: 12px;
    float: right;
	padding-top: 10px;
}

#footer .copy span{
	padding:0px 20px;
}

#footer .copy span.social a{
	padding:0px 5px;
}

#backtotop {
    position: fixed;
    right: 0px;
    bottom: 155px;
    width: 40px;
    height: 40px;
    text-align: center;
    font-size: 15px;
    line-height: 40px;
    color: #f1f1f1;
    z-index: 99;
}



/* ==========================================================================
   Media Queries
   ========================================================================== */

@media only screen and (max-width: 980px) {
    .header {
        height: 55px;
        padding: 0 15px;
    }
    .logo {
        width: 170px;
        margin-left: -5px;
    }
    .logo img {
        width: 100%;
        height: auto;
        display: block;
    }
    .header .linker {
        font-size: 22px;
        margin-top: 12px;
    }

    .banner .text {
        width: 100%;
    }
	
	.header .linker {
        font-size: 22px;
        margin-top: 12px;
    }

    .banner .text {
        width: 100%;
        margin-left: 0;
        left: 0;
    }
	
	.sfont h3{
		line-height: 8px;
	}
	
}

@media only screen and (min-width: 768px) and (max-width: 1024px)  {
     .banner h1 {
        font-size: 30px;
    }
}


@media only screen and (max-width: 768px) {
    .banner h1 {
        font-size: 40px;
    }
	
	.banner .text{
		left: 3% !important;
	}
	
	.privileges .pbg .text h3{
		font-size:22px;
	}
	
	.privileges .pbg .text p {
    font-size: 12px;
}



.make{
margin-top: 20px;
}
	
.csticky {
    position: relative;
    bottom: 0px;
    width: 100%;
    z-index: 9;
   }

.sfont .border-right , #premier-promotions .border-right{
       border-bottom: 1px solid #e2e2e2;
    padding: 10px 5px;
    border-right: 0px;
}

#premier-promotions h3, #premier-promotions p{
	color:#ad9f87!important;
}
	
.sfont h3 {
    line-height: 24px;
}

section.products {
    padding: 0px 0px 55px 0px;
}

 #footer .copy {
        float: left;
  }

#footer .copy span{padding:0px;}

}

@media only screen and (max-width: 767px) {
    .banner {
        overflow: hidden;
		background:#e3dbd0;
		padding-top:100px;
    }
    .banner:after {
        content: ' ';
        display: block;
        padding-top: 80%;
    }
    .banner img {
        position: absolute;
        width: 230%;
        margin-left: -100%;
    }
	
	.privileges .pbg:after {
        content: ' ';
        display: block;
        padding-top: 60%;
    }
	
	.privileges .pbg img {
         position: absolute;
        width: 300%;
margin-left: -47%;
    }
	
	.privileges .pbg .text{
	top:1%;
	left: 5%;
width: 100%;
}
	
	.privileges .pbg {
        overflow: hidden;
		background:#cac9c4;
		padding-top:140px;
    }
	
	p.intro {
    font-size: 14px;
    font-family: 'TheSansCdRegular';
	width: 95%;
}

.privileges .pbg .text h3 {
    font-size: 36px;
}

#pb-wec section.fees-charges .container .row.tr {
    margin: 0 5px;
    padding: 15px 0;
}

#pb-wec .border-left {
    border-left: 0px;
}

#pb-wec section.fees-charges .container .tr p {
    margin: 0px;
}
	
.products .border-right {
    border-bottom: 1px solid #e0e0e0;
    padding: 10px 5px;
    border-right: 0px;
}	

#pb-wec ul {
    margin-left: -28px;
}

#pb-wec h2{
	font-size:36px;
}

.products h3 {
    font-size: 26px;
}
	
.footer-link li, .footer-link li a{
	padding-right:12px;
}

#footer .copy span {
    padding: 0px 0px;
    display: block;
}

#footer .copy span.social{
	margin-top:10px;
}

}

@media only screen and (max-width: 480px) {
    .header {
        padding: 0 10px;
    }
    .logo {
        width: 150px;
        margin-top: 10px;
    }
    .banner .text {
        top: 20px;
    }
    .banner h1 {
        padding: 0;
        margin-left: auto;
        margin-right: auto;
    }
	
	.banner {
        overflow: hidden;
		background:#e3dbd0;
		padding-top:200px;
    }
    .banner:after {
        content: ' ';
        display: block;
        padding-top: 80%;
    }
    .banner img {
        position: absolute;
        width: 230%;
        margin-left: -100%;
    }
	
	
  .privileges .pbg img {
         position: absolute;
         width: 318%;
         margin-left: -60%;
    }	
}

@media only screen and (min-width: 360px) and (max-width: 390px)  {
    .header .linker {
        font-size: 19px;
        margin-top: 16px;
    }
}

@media only screen and (max-width: 359px) {
    .header .linker {
        font-size: 14px;
        margin-top: 19px;
    }
}


/* ==========================================================================
   Helper classes
   ========================================================================== */

.hidden {
    display: none !important;
    visibility: hidden;
}

.visuallyhidden {
    border: 0;
    clip: rect(0 0 0 0);
    height: 1px;
    margin: -1px;
    overflow: hidden;
    padding: 0;
    position: absolute;
    width: 1px;
}

.visuallyhidden.focusable:active,
.visuallyhidden.focusable:focus {
    clip: auto;
    height: auto;
    margin: 0;
    overflow: visible;
    position: static;
    width: auto;
}

.invisible {
    visibility: hidden;
}

.clearfix:before,
.clearfix:after {
    content: " ";
    display: table;
}

.clearfix:after {
    clear: both;
}

.clearfix {
    *zoom: 1;
}
ul.unstyled {
    margin: 0;
    padding: 0;
}
ul.unstyled li {
    list-style: none;
}