@import url(//fonts.googleapis.com/css?family=Fjalla+One);
/* start fight the base.css */

.container-fluid {
	max-width: 100% !important;
}

#partnerMenuLink {
	display: none;
}

#footerlink {
	display: none;
}

/* end fight the base.css */

.before-content {
clear: both;
}
body {
margin: 0;
font-size: 16px;
line-height: 25px;
color: #2d2d2d;
background-color: #ffffff;
overflow-x:hidden;
font-family: 'Fjalla One';
}
.underline {
text-decoration: none;
border-bottom: 1px solid #002554;
}​
.red {
color: #D50032;
}
.after-content {
background-color: #41B6E6;
padding-top: 60px;
padding-bottom: 60px;
margin-top: 40px;
}
.logo {
margin-top: 10px;
margin-bottom: 20px;
}
.item_introtext {
line-height: 25px;
}
.phone {
color: #002554;
margin-bottom: 20px;
}
.thumbnail {
margin-bottom:7px;
}
#maintop-row {
background: url(maintopBg.jpg) no-repeat center center fixed;
-webkit-background-size: cover;
-moz-background-size: cover;
-o-background-size: cover;
background-size: cover;
color: #ffffff;
margin-bottom: 0px;
margin-top: 0px;
padding: 7%;
}
#maintop-row .item-title {
color: #ffffff;
}
#myCarousel .carousel-indicators li {
border-radius: 18px;
width: 26px;
height: 26px;
}
#myCarousel .carousel-indicators li.active {
width: 28px;
height: 28px;
}
.myfade .carousel .item {-webkit-transition: opacity 3s; -moz-transition: opacity 3s; -ms-transition: opacity 3s; -o-transition: opacity 3s; transition: opacity 3s;}
.myfade .carousel .active.left {left:0;opacity:0;z-index:2;}
.myfade .carousel .next {left:0;opacity:1;z-index:1;}
#myCarousel .item img {
width:100%;
height:auto;
}
#myCarousel .carousel-caption {
background: url(camera_caption.png) 0 0 repeat;
color: #fff;
left: 50%;
right: 0;
top: 0;
bottom: 0;
display: block;
position: absolute;
z-index: 1;
padding: 4% 0% 0% 5%;
text-align: left;
text-shadow: 0 1px 2px rgba(0, 0, 0, .6);
}
.caption {
position: relative;
right: 0%;
bottom: 0px;
left: 0%;
z-index: 10;
padding-top: 20px;
color: #002554 !important;
text-align: center;
text-shadow: 0px 0px 0px rgba(0, 0, 0, 0);
}
.modal-open {
padding-right: 0px !important;
}
#PartnerCarousel h1 {
margin-top: 10px;
margin-bottom: 0px;
color: #002554;
text-align: left;
}
#PartnerCarousel img {
width: 60%;
}
#PartnerCarousel{
text-align: center;
}
#PartnerCarousel .carousel-control.left {
background-image: -webkit-linear-gradient(left, color-stop(rgba(0, 0, 0, 0) 0), color-stop(rgba(0, 0, 0, 0) 0));
background-image: linear-gradient(to right, rgba(0, 0, 0, 0) 0, rgba(0, 0, 0, 0) 0);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#80000000', endColorstr='#00000000', GradientType=1);
background-repeat: repeat-x;
}
#PartnerCarousel .carousel-control.right {
right: 0;
left: auto;
background-image: -webkit-linear-gradient(left, color-stop(rgba(0, 0, 0, 0) 0), color-stop(rgba(0, 0, 0, 0) 0));
background-image: linear-gradient(to right, rgba(0, 0, 0, 0) 0, rgba(0, 0, 0, 0) 0);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00000000', endColorstr='#80000000', GradientType=1);
background-repeat: repeat-x;
}
#enroll {
padding-right: 40px !important;
padding-left: 40px !important;
}
h1 {
font-family: 'Fjalla One';
font-size: 25px;
text-transform: none;
line-height: 34px;
}
h2 {
}
h3 {
font-family: 'Fjalla One';
font-size: 30px;
color: #002554;
font-weight:600;
}
h4 {
font-family: 'Fjalla One';
font-size: 50px;
color: #002554;
}
h5 {
font-family: 'Fjalla One';
font-size: 17px;
color: #D50032;
line-height: 25px;
}
h6 {
font-size: 30px;
}
h7 {
font-size: 20px;
}
#maintop-row h4 {
font-family: 'Fjalla One';
font-size: 24px;
color: #fff
}
.form_buttons {
position: absolute;
bottom: 38%;
left: 55%;
z-index: 50;
}
.form_buttons2 {
display: none;
text-align: center;
margin: 0 auto;
width: 183px;
}
.padded {
padding: 10px;
}
.img-responsive {
display: inline-block;
}
button {
font-size: 30px;
color: #fff;
border: 1px solid #cccccc;
border-radius: 0px;
padding: 18px 0px 13px 0px;
margin-left: 0px;
background-color: #002554;
width: 183px;
}
button:hover {
background-color: #41B6E6;
}
.button-nostyle {
font-size: 18px;
color: #fff;
border: 0px solid #cccccc;
border-radius: 0px;
padding: 19px;
background-color: transparent;
width: 103px;
text-align:center;
}
.button-nostyle:hover {
background-color: transparent;
}
input[type="submit"]{
font-size: 20px;
color: #fff;
border: 1px solid #cccccc;
border-radius: 10px;
width: 110px;
background-color: #D50032;
}
#loginBlock .form-group {
margin-bottom: 0px;
text-align: right;
line-height: 25px;
float: right;
}
#loginBlock .form-group {
float: none;
}
#myCarousel p {
font-size: 20px;
}
/* header start */
#partnerLogoImgId  {
max-width: 100%;
height: auto;
margin-bottom: 20px;
margin-top: 20px;
}
#partnerPhoneNumber {
font-family: 'Fjalla One';
color: #002554;
font-size: 25px;
padding-top:59px;
}
/* header end */
header {
height: 100%;
}
.carousel-caption a {
font-family: 'Fjalla One'; font-weight: 700; font-style: normal;
color: #41B6E6;
}
.carousel-caption a:hover {
font-family: 'Fjalla One'; font-weight: 700; font-style: normal;
color: #41B6E6;
}
.glyphicon {
font-size: 45px;
margin-right: 10px;
}
.glyphicon-star {
color: #002554; 
}
.glyphicon-tags {
color: #D50032; 
}
.glyphicon-envelope {
color: #41B6E6; 
}
.glyphicon-usd {
color: #009118; 
}
.glyphicon-gift {
color: #002554; 
}
#subscriber-benefits {
padding-right: 20px !important;
padding-left: 20px !important;
font-size: 14px;
}
#subscriber-benefits h1 {
color: #002554;
padding-right: 15px;
padding-left: 15px;
}
.bluebanner h1 {
color: #fff;
text-align: center;
}
.bluebanner h1 span {
font-size: 20px;
color: #fff;
}
.bluebanner {
background-color: #002554;
padding-top: 10px;
padding-bottom: 15px;
padding-right: 15px !important;
padding-left: 15px !important;
}
.bluebannerbottom {
background-color: #002554;
padding-top: 10px;
padding-bottom: 15px;
margin-bottom: 40px;
}
.bluebannerbottom h1 {
color: #fff;
text-align: center;
}
.bluebannerbottom h1 span {
font-size: 20px;
color: #fff;
}
.arrow img {
width: 10%;
height: 10%;
margin-left: 10px;
margin-top: -8px;
}
.col-xs-5ths,
.col-sm-5ths,
.col-md-5ths,
.col-lg-5ths {
position: relative;
min-height: 1px;
padding-right: 20px;
padding-left: 20px;
}
.col-xs-5ths {
width: 20%;
float: left;
}

/*login form start */
#login-row {
display: none;
height: 100%;
position: relative;
}
#loginBlock{
margin: 0 auto;
width: 100%;
padding: 15px;
}
#login-row .bordered {
border-bottom: 0px solid #000000;
border-top: 0px solid #000000;
padding: 0px 0;
}
#loginTab {
position: relative;
top: 164px;
right: 0px;
height: 0px;
}
#loginTab a  {
color: #777;
border: 0px;
font-size: 0.7em;
}
#loginTab li a:hover  {
background-color: transparent;
border: 0px;
}
.nav-tabs {
border-bottom: 0px solid #ddd;
}
#loginBlock h1 {
font-family: 'Fjalla One';
font-size: 30px;
color: #777;
text-align: center;
text-transform: none;
line-height: 35px;
margin-top: 0px !important;
}
#loginBlock input {
padding: 3px 10px;
margin: 3px 0;
border: 0px;
width: 100%;
border: 1px solid #dddddd;
}
#loginBlock label {
display: block;
float: left; 
width: 150px;
text-align: right;
margin: 10px 5px 0 0;
font-weight: bold;
color: #fff;
}
#loginBlock .col-md-6 {
width: 100%;
}
#loginBlock .col-md-offset-3 {
margin-left: 0%;
}
#login {
width: 100%;
position: relative;
right: 0px;
}
/*login form end */

/* create account form start */
#activateAccount {
height: 100%;
position: relative;
z-index: 100;
right: 0;
bottom: 0;
display: none;
}
#activateAccount h1 {
font-family: 'Fjalla One';
font-size: 35px;
text-transform: none;
line-height: 35px;
color: #777;
text-align: center;
margin-top: 0px !important
}
#activateAccount .col-md-6 {
width: 100%;
}
#activateAccount, #searchbox {
color: #777;
padding: 15px;
margin: 0 auto;
width: 100%;
}
#activateAccount fieldset {
width: 321px;
margin: 0 auto;
}
#activateAccount input {
padding: 3px 10px;
margin: 3px 0;
border: 0px;
width: 100%;
border: 1px solid #dddddd;
}
#activateAccount label {
display: none;
width: 100%;
text-align: left;
margin: 0px 0px 0px 10px;
font-weight: bold;
color: #777;
}
#activateAccount p.disclaimer {
text-align: right;
margin: 0;
}
#activateAccount .form-group {
margin-bottom: 0px;
line-height: 25px;
}
#activateAccount .col-md-offset-3 {
margin-left: 0%;
}
.after-content #activateAccount {
display: block;
max-width: 581px;
}
.after-content #activateAccount, #searchbox {
color: #fff;
}
.after-content #activateAccount h1 {
color: #fff;
}
/* create account form end */

/* Confirm Password field start */
#createAccount .form-group:nth-of-type(6) {
float: right;
width: 50%;
display: none !important;
}
/* Confirm Password field end */

/* footer start */
#footer{
color:#FFF;
bottom:0;
overflow: hidden;
height: auto;
text-align: center;
padding: 0;
}

#footer-wrapper {
position: relative;
background-color: #036;
padding-top: 60px;
padding-bottom: 60px;
margin-top: 0px;
color: #fff;
}

#footer-wrapper a {
color: #fff;
}
/* footer end */

@media (min-width: 768px) {
.col-sm-5ths {
width: 20%;
float: left;
}
}
@media (min-width: 992px) {
.col-md-5ths {
width: 20%;
float: left;
}
}
@media (min-width: 1200px) {
.col-lg-5ths {
width: 20%;
float: left;
}
}
@media screen and (max-width: 2000px) {
.form_buttons {
position: absolute;
bottom: 38%;
left: 55%;
z-index: 50;
}
}
@media screen and (max-width: 1800px) {
.form_buttons {
position: absolute;
bottom: 42%;
left: 55%;
z-index: 50;
}
}
@media screen and (max-width: 1600px) {
.form_buttons {
position: absolute;
bottom: 39%;
left: 55%;
z-index: 50;
}
}
@media screen and (max-width: 1500px) {
.form_buttons {
position: absolute;
bottom: 36%;
left: 55%;
z-index: 50;
}
}
@media screen and (max-width: 1430px) {
.form_buttons {
position: absolute;
bottom: 29%;
left: 55%;
z-index: 50;
}
}
@media screen and (max-width: 1400px) {
.form_buttons {
position: absolute;
bottom: 24%;
left: 55%;
z-index: 50;
}
}
@media screen and (max-width: 1350px) {
.form_buttons {
position: absolute;
bottom: 21%;
left: 55%;
z-index: 50;
}
}
@media screen and (max-width: 1300px) {
.form_buttons {
position: absolute;
bottom: 15%;
left: 55%;
z-index: 50;
}
}
@media screen and (max-width: 1200px) {
.form_buttons {
position: absolute;
bottom: 9%;
left: 55%;
z-index: 50;
}
.carousel-indicators {
bottom: -13px;
display: none;
}
}
@media screen and (max-width: 1150px) {
.form_buttons {
position: absolute;
bottom: 12%;
left: 55%;
z-index: 50;
}
}
@media screen and (max-width: 1100px) {
#myCarousel .carousel-caption {
background: url(camera_caption.png) 0 0 repeat;
color: #fff;
left: 0;
right: 0;
top: 0;
bottom: 0;
display: block;
position: absolute;
z-index: 1;
padding: 4% 5% 4% 6%;
text-align: left;
}
}
@media screen and (max-width: 992px) {
#partnerLogoImgId  {
display: block;
margin: 0 auto;
margin-bottom: 20px;
padding-top: 20px;
}
#partnerPhoneNumber {
padding-top: 0px;
padding-bottom: 10px;
}
}
@media screen and (max-width: 900px) {
.arrow {
display: none;
}
button {
margin-left: 0px;
}
.form_buttons {
position: relative;
top: 10px;
right: 0%;
left: 0%;
z-index: 50;
margin: 0 auto;
width: 183px;
margin-bottom: 20px;
}
.button-nostyle {
font-size: 18px;
color: #002554;
border: 0px solid #cccccc;
border-radius: 0px;
padding: 19px;
background-color: transparent;
width: 179px;
text-align:center;
}
}
@media screen and (max-width: 767px) {
h1 {
font-size: 20px !important;
  line-height: 28px;
}
}
@media screen and (max-width: 600px) {
#myCarousel p {
font-size: 14px;
line-height: 17px;
}
}
@media screen and (max-width: 580px) {
#myCarousel{
display: none;
}
.form_buttons2{
display: block;
}
h1{
color: #777;
line-height: 35px !important;
font-size: 2.000em !important;
}
}
@media screen and (max-width: 420px) {
#PartnerCarousel {
display: none;
}
#loginTab {
top: 200px !important;
right: 20px !important;
}
.modal {
display: none !important;
}
.modal-backdrop.in {
display: none !important;
}
h4 {
font-family: 'Fjalla One';
font-size: 40px;
text-transform: none;
}
p {
font-size: 14px;
line-height: 24px;
margin-top: 0px;
}
#createAccount .col-md-6 {
padding-right: 30px;
padding-left: 30px;
}
#loginBlock .col-md-6 {
padding-right: 30px;
padding-left: 30px;
}
}