@charset "utf-8";
/* Global Styles */
nav a, #banner a {
	color: rgb(255,180,89);
}
nav a:hover, #banner a:hover {
	color: rgba(255,255,255,.80);
}
content nav-stacked li a:hover {
	color: rgb(255,180,89);
}
nav a:focus {
		color: rgba(149,150,151,1.00);
}
a .glyphicon {
	font-size: inherit;
}
.btn .glyphicon {
	line-height: .9;
}
h2 {
	color: #254075;
	font-size: 150%;
	font-weight: 900;
}
h3 {
	font-size: 120%;
}
.col-xs-1, .col-sm-1, .col-md-1, .col-lg-1, .col-xs-2, .col-sm-2, .col-md-2, .col-lg-2, .col-xs-3, .col-sm-3, .col-md-3, .col-lg-3, .col-xs-4, .col-sm-4, .col-md-4, .col-lg-4, .col-xs-5, .col-sm-5, .col-md-5, .col-lg-5, .col-xs-6, .col-sm-6, .col-md-6, .col-lg-6, .col-xs-7, .col-sm-7, .col-md-7, .col-lg-7, .col-xs-8, .col-sm-8, .col-md-8, .col-lg-8, .col-xs-9, .col-sm-9, .col-md-9, .col-lg-9, .col-xs-10, .col-sm-10, .col-md-10, .col-lg-10, .col-xs-11, .col-sm-11, .col-md-11, .col-lg-11, .col-xs-12, .col-sm-12, .col-md-12, .col-lg-12
{padding-left: .4em;
padding-right: .4em;
behavior: url(PIE.htc);

}
html {
	zoom: 1;
	padding: 0;
	margin: 0;
	/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#979899+0,5d5c62+50,979899+100 */

background: rgb(151,152,153); /* Old browsers */

background: -moz-linear-gradient(left,  rgba(151,152,153,1) 0%, rgba(93,92,98,1) 50%, rgba(151,152,153,1) 100%); /* FF3.6-15 */

background: -webkit-linear-gradient(left,  rgba(151,152,153,1) 0%,rgba(93,92,98,1) 50%,rgba(151,152,153,1) 100%); /* Chrome10-25,Safari5.1-6 */

background: url(../i/bg.png) top center no-repeat fixed, linear-gradient(to right,  rgba(151,152,153,1) 0%,rgba(93,92,98,1) 50%,rgba(151,152,153,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */

filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ff979899', endColorstr='#ff979899',GradientType=1 ); /* IE6-9 */
background-image: url(../i/bg.png) top center no-repeat fixed;
	background-size: 100%;
	-pie-background: url(i/bg.png) top center no-repeat fixed, rgba(205,205,205,1.00);
	behavior: url(PIE.htc);
	
	

}
body {
	
	zoom: 1;
	font-family: "Myriad Pro", "myriad-pro-condensed", sans-serif;
	padding: 80px 0 0 0;
	margin: 0;
	/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#254075+0,ffffff+50&1+0,0+50 */

background: -moz-linear-gradient(top,  rgba(37,64,117,1) 0%, rgba(255,255,255,0) 50%); /* FF3.6-15 */

background: -webkit-linear-gradient(top,  rgba(37,64,117,1) 0%,rgba(255,255,255,0) 50%); /* Chrome10-25,Safari5.1-6 */

background: linear-gradient(to bottom,  rgba(37,64,117,1) 0%,rgba(255,255,255,0) 50%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */

filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ff254075', endColorstr='#00254075' ,GradientType=0 ); /* IE6-9 */
	-pie-background: linear-gradient(top, rgba(37,64,117,1),rgba(37,64,117,0));
	behavior: url(PIE.htc);
	
}


/*header*/
header {
	
	margin: 0 auto;
	
	color: rgba(146,146,146,1.00);
	font-size: larger;
	font-style: normal;
	font-weight: 400;	
	behavior: url(PIE.htc);
}
.navbar {
	
	
}
.navbar-default {
	background: transparent;
	border: none;
	
}

.navbar-default .navbar-brand {
	display: none;
}
.navbar-nav {
	font-size: larger;
	
}
.navbar-nav > li > a {
	line-height: inherit;
}
.top-nav-collapse, .in {
	background:  rgba(37,64,117,.95) ;
}
.top-nav-collapse .navbar-brand {
	display: block;
}
@media screen and (max-width: 767px) {
	.navbar-default .navbar-brand  {
	display: block;
	
	
	}
	
	}

/* Logo placeholder*/


.main .navbar-brand {
  
  max-width: 100%;
  height: auto;

}

.navbar-brand > img {
	
}
.navbar-form {
	border: none;
}
/* div for Links in header */

/* Links in header */
/* Clearfix */
.clearfix:before,
.clearfix:after {
    content: " ";
    display: table;
}
.clearfix:after {
    clear: both;
}
.clearfix {
    *zoom: 1;
}


nav {
	
	background: tranparent;
	
}

.navbar-default .navbar-nav > li > a, .navbar-nav > li > a {
	
	
	color: rgb(255,180,89);
	text-transform: uppercase;
	text-shadow: 0px 1px 2px rgba(0,0,0,0.75);
	font-family: "Myriad Pro", "myriad-pro-condensed-n7", "myriad-pro-condensed", sans-serif;
	font-stretch: condensed;
	font-weight: 700;
	white-space: nowrap;
}
 
 .navbar-default .navbar-nav > li > a:hover, .main .nav > li > a:hover {
	color: rgba(255,255,255,0.8);
	 background: transparent;
 }
.nav.nav-pills.nav-stacked > li > a:hover {
	color: rgba(255,255,255,0.8);
	background-color: rgba(37,64,117,.95);
}
.navbar-default .navbar-nav > .open > a, .navbar-default .navbar-nav > .open > a:hover, .navbar-default .navbar-nav > .open > a:focus {
	color: rgba(255,255,255,0.9);
	background-color: rgba(37,64,117,.95);
}
button.search {
	color: white;
	text-transform: uppercase;
	border: thin outset;
	font-size: 80%;
	border-radius: 4px;
	background: -moz-linear-gradient(top,  rgba(37,64,117,1) 0%, rgba(255,255,255,0) 50%); /* FF3.6-15 */
	background: -webkit-linear-gradient(top,  rgba(37,64,117,1) 0%,rgba(255,255,255,0) 50%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to bottom,  rgba(37,64,117,1) 0%,rgba(255,255,255,0) 50%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#254075', endColorstr='#00ffffff',GradientType=0 ); /* IE6-9 */
}


.inside {
  margin-top: 20px;
  margin-bottom: 20px;
 

  
}
.inside-full-height {
  /*
  // if you want to give content full height give him height: 100%;
  // with content full height you can't apply margins to the content
  // content full height does not work in ie http://stackoverflow.com/questions/27384433/ie-display-table-cell-child-ignores-height-100
  */
  height: 100%;
  margin-top: 0;
  margin-bottom: 0;
  behavior: url(PIE.htc);

}

/* columns of same height styles */

.row-height {
  display: table;
  table-layout: fixed;
  height: 100%;
  width: 100%;
	
  behavior: url(PIE.htc);
}
.col-height {
  display: table-cell;
  float: none;
  height: 100%;
 
  behavior: url(PIE.htc);
}
.col-top {
  vertical-align: top;
 
}
.col-middle {
  vertical-align: middle;
  
}
.col-bottom {
  vertical-align: bottom;
  behavior: url(PIE.htc);
  
}

@media (min-width: 480px) {
  .row-xs-height {
    display: table;
    table-layout: fixed;
    height: 100%;
    width: 100%;
  }
  .col-xs-height {
    display: table-cell;
    float: none;
    height: 100%;
  }
  .col-xs-top {
    vertical-align: top;
  }
  .col-xs-middle {
    vertical-align: middle;
  }
  .col-xs-bottom {
    vertical-align: bottom;
  }
}

@media (min-width: 768px) {
  .row-sm-height {
    display: table;
    table-layout: fixed;
    height: 100%;
    width: 100%;
  }
  .col-sm-height {
    display: table-cell;
    float: none;
    height: 100%;
	behavior: url(PIE.htc);
  }
  .col-sm-top {
    vertical-align: top;
  }
  .col-sm-middle {
    vertical-align: middle;
  }
  .col-sm-bottom {
    vertical-align: bottom;
  }
}

@media (min-width: 992px) {
  .row-md-height {
    display: table;
    table-layout: fixed;
    height: 100%;
    width: 100%;
  }
  .col-md-height {
    display: table-cell;
    float: none;
    height: 100%;
  }
  .col-md-top {
    vertical-align: top;
  }
  .col-md-middle {
    vertical-align: middle;
  }
  .col-md-bottom {
    vertical-align: bottom;
  }
}

@media (min-width: 1200px) {
  .row-lg-height {
    display: table;
    table-layout: fixed;
    height: 100%;
    width: 100%;
	behavior: url(PIE.htc);
  }
  .col-lg-height {
    display: table-cell;
    float: none;
    height: 100%;
	behavior: url(PIE.htc);
  }
  .col-lg-top {
    vertical-align: top;
  }
  .col-lg-middle {
    vertical-align: middle;
  }
  .col-lg-bottom {
    vertical-align: bottom;
	
  }
}




#banner {
	display: flex;
	text-align: center;
	margin: auto;
	
	width: auto;
	height: 100%;
	
	
	
	padding: 0;
	

	clear: both;
	
	color: rgb(146,146,146);  	
	
	behavior: url(PIE.htc);
}

 @media all and (-ms-high-contrast:none) and (min-width: 767px)
     {
     #banner {
	height: 400px;
	} /* IE10 */
     *::-ms-backdrop, #banner {
	height: 400px;
	} /* IE11 */
     }
.lt-ie10 #banner {
	height: 400px;
	}
.lt-ie8 #banner {
	
}

.lt-ie8 #banner > div > div {
	display: table-cell;

	
}
#banner > div > div {
	margin: 0 auto;
	flex: 1 ;
	-ms-flex: 1; /* IE 10 */
	height: 100%;
	
	
}
#banner > div > div > div{
	
	margin: auto;
	

	height: 100%;
	border-radius: 10px;
	box-shadow: 0px 2px 3px rgba(0,0,0,0.50);
	background: top center no-repeat;
	background-size: 100%;
	background-color: rgba(0,0,0,1);
	
	border: solid thin rgba(255,180,89,1.00);

	overflow: hidden;
	
}
#banner > div > div > div:before, #banner > div > div div .content {
  /* these are the important styles for the centered element: */
  display: inline-block;
  vertical-align: bottom;
  
}
#banner > div > div > div:before {
  /* this is the important part */
  content: '';
  display: inline-block;
  width: 0;
  height: 100%;
  vertical-align: bottom;
  /* this just takes care of whitespace added by having display:inline-block (there are other methods) */
  margin: 0;
  
}


#banner .large {
	
	text-align: right;
	
}
#banner .small {
	
	text-align: center;
	
}

#banner div.content {
	zoom: 1;
	width: 100%;
	font-size: 1.2rem;
	line-height: 1.4;
  	margin: 7vw 0 0 0;	
	padding: 6rem .7rem 1rem .7rem;
	
	

	/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#1e2229+0,1e2229+100&0+0,1+100 */
 /* FF3.6-15 */
 /* Chrome10-25,Safari5.1-6 */
background: -moz-linear-gradient(rgba(0,0,0,0) 0%, rgba(0,0,0,1) 50%);
background: -webkit-linear-gradient(rgba(0,0,0,0) 0%, rgba(0,0,0,1) 50%);
background: -webkit-gradient(linear, 0 0, 0 100%, from(rgba(0,0,0,0)), color-stop(0.5, rgba(0,0,0,1)));
background: -o-linear-gradient(rgba(0,0,0,0) 0%, rgba(0,0,0,1) 50%);
background: linear-gradient(rgba(0,0,0,0) 0%, rgba(0,0,0,1) 50%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00000000', endColorstr='#ff000000',GradientType=0 );
	-ms-filter: "progid:DXImageTransform.Microsoft.gradient( startColorstr='#00000000', endColorstr='#ff000000',GradientType=0 )"; /* IE6-9 */
	-pie-background: linear-gradient(rgba(0,0,0,0) 0%, rgba(0,0,0,1) 50%);
	behavior: url(PIE.htc);
	text-shadow: 1px 2px 3px rgba(30,34,41,1);
	color: #ffffff;
	
}
.lt-1e10 #banner div.content {
	background: repeat-x url(../i/black-fade.png) center bottom;
	
	
	
	
}
#banner div.content p, #banner div.content h2, #banner div.content h3 {
	color: inherit;
	text-align: left;
}
#banner div.content a {
	text-transform: uppercase;
	font-size: 160%;
	text-decoration: none;
	
	font-stretch: condensed;
	font-weight: 700;
}
.carousel-caption {
	border-radius: 10px;
	background: rgba(37,64,117,.7);
}

.carousel-control.left {
  background-image: -webkit-linear-gradient(left, rgba(0, 0, 0, .5) 0%, rgba(0, 0, 0, .0001) 100%);
  background-image:      -o-linear-gradient(left, rgba(0, 0, 0, .5) 0%, rgba(0, 0, 0, .0001) 100%);
  background-image: -webkit-gradient(linear, left top, right top, from(rgba(0, 0, 0, .5)), to(rgba(0, 0, 0, .0001)));
  background-image:         linear-gradient(to right, rgba(148, 149, 150, .9) 0%, rgba(148, 149, 150, .0001) 80%);
 
  background-repeat: repeat-x;
  -pie-background: linear-gradient(left, rgba(148, 149, 150, .9), rgba(148, 149, 150, .0001));
  behavior: url(PIE.htc);
}
.carousel-control.right {
  right: 0;
  left: auto;
  background-image: -webkit-linear-gradient(left, rgba(0, 0, 0, .0001) 0%, rgba(0, 0, 0, .5) 100%);
  background-image:      -o-linear-gradient(left, rgba(0, 0, 0, .0001) 0%, rgba(0, 0, 0, .5) 100%);
  background-image: -webkit-gradient(linear, left top, right top, from(rgba(0, 0, 0, .0001)), to(rgba(0, 0, 0, .5)));
  background-image:         linear-gradient(to right, rgba(148, 149, 150, .0001) 0%, rgba(148, 149, 150, .9) 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00000000', endColorstr='#80000000', GradientType=1);
  background-repeat: repeat-x;
}
/*sponsor scroll*/
/*.carousel {
	margin: auto;
	padding: 0;
	position: relative;
}

.carousel .item {
	margin: 0;
	vertical-align: middle;
	
	
	
} 

.carousel-control {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  width: 15%;
  font-size: 20px;
  color: #fff;
  text-align: center;
  text-shadow: 0 1px 2px rgba(0, 0, 0, .6);
  filter: alpha(opacity=100);
  opacity: 1;
} 




.carousel-inner .active.left { left: -16.7%; }
.carousel-inner .next        { left:  16.7%; }
.carousel-inner .prev        { left: -16.7%; }

.item:not(.prev) {visibility: visible;}
.item.right:not(.prev) {visibility: hidden;}
.rightest{ visibility: visible;}

#sponsors .img-responsive {
	
	
	}
*/
/* Main content of the site */
#content .container {
	width: auto;
	
}
.articles {

}
.content {
	padding: 5px 15px;
	margin: .4em auto;	
}
.content ul {
	
}
#content .content {
	
	border-radius: 10px;
	
	background-color: #ffffff;
	background-color: rgba(255,255,255,.9);
	box-shadow: 0px 2px 3px rgba(0,0,0,0.50);
	border: solid thin rgba(255,180,89,1.00);
	
	
}

/* Sidebar */
#content .sidebar {
	font-family: 'Montserrat', sans-serif;
	color: rgba(146,146,146,1.00);
	float: left;
	width: 20%;
	padding-left: 3%;
	padding-right: 3%;
	text-align: center;
	background-color: rgba(246,246,246,1.00);
	padding-top: 36px;
	height: 784px;
}
/* main content of the site */
#content .mainContent {
	float: left;
	width: 70%;
	text-align: center;
	padding-left: 4%;
}
/*menubar's properties for menus in sidebar */
#content .sidebar #menubar {
	text-align: left;
	color: rgba(146,146,146,1.00);
	position: relative;
	left: 0%;
}
/* Search field in sidebar */
#content .sidebar #search {
	width: 100%;
	border-radius: 0px;
	height: 42px;
	text-align: center;
	color: rgba(208,207,207,1.00);
	font-size: 14px;
	;
	margin-bottom: 21px;
}
/* Whole page content */
#mainWrapper {
	

	
}
/*menu elements */
.menu ul li {
	list-style-type: none;
	font-size: x-large;
	position: relative;
	left: -35px;
	padding-top: 12px;
}
/* Product rows for catalog */
#content .mainContent .productRow {
	overflow: auto;
	color: rgba(146,146,146,1.00);
}
/* Each product Information in the catalog */
.mainContent .productRow .productInfo {
	float: left;
	padding-left: 5%;
	padding-right: 5%;
	width: 22%;
}
/* Prices of a products in catalog */
.productRow .productInfo .price {
	font-family: 'Montserrat', sans-serif;
	color: rgba(146,146,146,1.00);
	font-size: 22px;
	position: relative;
	top: -20px;
}
/* Content holder for products in catalog*/
.productRow .productInfo .productContent {
	position: relative;
	top: -37px;
	font-size: 14px;
	font-family: source-sans-pro, sans-serif;
	font-style: normal;
	font-weight: 200;
	color: rgba(146,146,146,1.00);
	white-space: pre-wrap;
}
/* Buy button for products in catalog */
.productRow .productInfo .buyButton {
	position: relative;
	top: -48px;
	width: 84%;
	background-color: rgba(208,207,207,1.00);
	height: 35px;
	color: rgba(255,255,255,1.00);
	border-style: none;
	font-size: 14px;
	text-transform: uppercase;
	margin-top: 8px;
}
/* footer */
.footer {
	
 	background-color: #ffffff;
	background-color: rgba(255,255,255,1.00);
	box-shadow: 0px 0px -3px rgba(0,0,0,0.50);
	border-top: solid thin rgba(255,180,89,1.00);
  width: 100%;
}
#mainWrapper footer {
	clear: both;
	
	
	
	font-style: normal;
	font-weight: 200;
	line-height: 1.8;
	padding-top: 1rem;
	
	text-align: center;
	padding-bottom: 1rem;
	
}

.hide {   display: none;  }
.view {   visibility: inherit;     }

.submitButton { border: 2px solid #0b3d92; border-radius: 10px;  font: Arial, Helvetica, sans-serif;  font-size: 14px;  font-weight: bold;  color: #0b3d92;  background-color: White; padding-top: 5px;}
.submitButtonOver { border: 2px solid #0b3d92; border-radius: 10px;  font: Arial, Helvetica, sans-serif;  font-size: 14px;  font-weight: bold;  color: White;  background-color: #0b3d92; padding-top: 5px;  cursor: pointer; }

.submitBot { border: 2px solid #0b3d92; border-radius: 10px;  font: Arial, Helvetica, sans-serif;  font-size: 14px;  font-weight: bold;  color: #0b3d92;  background-color: White; padding-top: 5px;}
.submitBot:hover { color: White;  background-color: #0b3d92; cursor: pointer; }

.headlineDivider { width:100%; background-color:#2d4676; font-size:18px; color:white; font-weight:bold; padding: 3px 10px 3px 10px; }

fieldset.scheduler-border {
    border: 1px groove #ddd !important;
    padding: 0 1.4em 1.4em 1.4em !important;
    margin: 0 0 1.5em 0 !important;
    -webkit-box-shadow:  0px 0px 0px 0px #000;
            box-shadow:  0px 0px 0px 0px #000;
}

legend.scheduler-border {
    font-size: 1.2em !important;
    font-weight: bold !important;
    text-align: left !important;
	width:inherit; /* Or auto */
    padding:0 10px; /* To give a bit of padding on the left and right */
    border-bottom:none;
}

.blackout {
background-color:#000;
opacity:.7;
filter:alpha(opacity=70);
height:100%;
width:100%;
position:fixed;
top:0;
left:0;
z-index:100;
display:none;
cursor:pointer;
}
.msgbox {
background-color:#ccc;
border:1px solid #ccc;
color:#000;
width:300px;
height:auto;
position:fixed;
top:2%;
left:2%;
border-radius:20px;
padding:10px;
z-index:101;
display:none;
}
.msgbox1 {
background-color:#ccc;
border:1px solid #ccc;
color:#000;
font-size: 14px;
width:320px;
height:auto;
overflow: auto;
position:relative;
top:-150px;
left:10px;
border-radius:20px;
padding:10px;
z-index:101;
display:none;
}
.closeBox {
background-color:#CC0000;
color:#FFFFFF;
padding:8px;
float:right;
border-radius:3px;
cursor:pointer;
text-transform:uppercase;
}
.closeBox2 {
background-color:#CC0000;
color:#FFFFFF;
padding:8px;
float:right;
border-radius:3px;
cursor:pointer;
text-transform:uppercase;
}
.compareBox {
background-color:Green;
color:#FFFFFF;
padding:8px;
float:right;
border-radius:3px;
cursor:pointer;
text-transform:uppercase;
}
.compareImg {
background-color:#ccc;
border:1px solid #ccc;
color:#000;
font-size: 14px;
width:auto;
height:auto;
padding: 25px;
position:absolute;
top:10px;
left:10px;
border-radius:10px;
z-index:101;
display:none;
}