/*
 * CORE STYLES
 */
/* GENERIC FONT BASE
-------------------------------*/
body 
	{ font-size:16px; color:#333; overflow-x:hidden; }
body.page-dark
	{ color:#eee; }
	
	
h1,h2,h3,h4,h5,h6 { 
	font-weight:normal; }
img 
	{ max-width: 100%; height:auto; }
p {
	line-height: 1.85; }
.cmstext a {
	text-decoration:underline; }
a,a:hover,
a:focus,
a:active,
a.active { 
	outline: none; }

div {
	position:relative; }
	
/* TOP MENU */
.navbar-custom .nav li a:hover, 
.navbar-custom .nav li a:focus { 
	outline: none; }

/* LANDING */
header {
	text-align:center; }
header aside {
	display:block;  }
.brand > div > em, .brand > div > big {
	display:inline-block; margin:0px; padding:0px; line-height:1.05em; }

/* SECTIONS */
section {
  padding:50px 0;}
@media (min-width: 768px) {
  section {
    padding: 150px 0;
  }
}

/* MISC */
.wide 
{ text-align:center; }
.btn-primary:active,.btn-primary.active,.open .dropdown-toggle.btn-primary {
  background-image: none;
}

/* Footer */
footer {
	font-size:12px; padding: 25px 0;text-align: left; 
}
footer span.copyright {
  line-height: 40px;text-transform: uppercase;text-transform: none; }
footer .copyright a {
	text-decoration:underline; }
ul.social-buttons {
  margin-bottom: 0;
}
ul.social-buttons li a {
  display: block;
  background-color: #222222;
  height: 40px;
  width: 40px;
  border-radius: 100%;
  font-size: 20px;
  line-height: 40px;
  color: white;
  outline: none;
  -webkit-transition: all 0.3s;
  -moz-transition: all 0.3s;
  transition: all 0.3s;
}
.btn:focus,
.btn:active,
.btn.active,
.btn:active:focus {
  outline: none;
}



::-moz-selection {
  text-shadow: none;
  background: #555;
}
::selection {
  text-shadow: none;
  background: #555;
}
img::selection {
  background: transparent;
}
img::-moz-selection {
  background: transparent;
}

/* BACKGROUND COLORS
-------------------------------*/
body, footer {
	background-color:#f5f5f5; background-repeat:repeat; background-size:auto; background-position:center center;  }
.bg-alt {
	background-color:transparent;  }
.pattern-0 .bg-alt {
	background-color:#e8e8e8; }
 
 body.page-dark, .page-dark footer {
	background-color:#101010; }
.pattern-0.page-dark .bg-alt {
	background-color:#0a0a0a; }
 
 /* NAVBAR LOGO
-------------------------------*/
.navbar-custom .navbar-brand { 
	-webkit-transition: all 0.3s;-moz-transition: all 0.3s;transition: all 0.3s;  } 


/* NAVBAR
-------------------------------*/
.navbar-custom  { 
	background-color:rgba(0,0,0,0.85); -webkit-transition: all 0.25s;-moz-transition: all 0.25s;transition: all 0.25s;}
	.menu-light .navbar-custom  { 
		background-color:rgba(255,255,255,0.95); }	
		  
.navbar-custom .navbar-toggle { 
	color:#fff;  }

.navbar-custom .nav li a {
	text-shadow: 0.05em 0.05em 0.025em rgba(0,0,0,0.3);}
	.menu-light .navbar-custom .nav li a{ 
		text-shadow: 0.05em 0.05em 0.025em rgba(0,0,0,0.15); } 

.navbar-custom .navbar-nav > .active > a { 
	border-radius: 0; color:#fff !important;}
	
.navbar-custom .navbar-brand:hover, 
.navbar-custom .navbar-brand:focus,
.navbar-custom .navbar-brand:active,
.navbar-custom .navbar-nav > .active > a:hover,
.navbar-custom .navbar-nav > .active > a:focus {
	color:inherit; }  
	
	
.navbar-custom .navbar-collapse { 
	border-color: rgba(255, 255, 255, 0.02); }




@media (min-width: 768px) {
	.navbar-custom,
	.single .navbar-custom  { 
		background:rgba(0,0,0,0.0); padding: 25px 0; border: none; border-bottom:1px solid rgba(0,0,0,0.0);}
		.menu-light .navbar-custom,
		.menu-light.single .navbar-custom { 
			background:rgba(255,255,255,0.0); }
			
	.navbar-custom .navbar-nav > .active > a { 
		border-radius: 3px;  }

	
	.navbar-custom.affix, 
	.single .navbar-custom, 
	.single .navbar-custom.affix { 
		background-color:rgba(0,0,0,0.85); padding: 10px 0; border-bottom-color:rgba(0,0,0,0.95); }
		
		.menu-light .navbar-custom.affix,
		.menu-light.single .navbar-custom,
		.menu-light.single .navbar-custom.affix{
			background-color:rgba(255,255,255,0.95); border-bottom-color:rgba(0,0,0,0.1);  }		
}



/* ACCORDION
-------------------------------*/
.accordion h4.head, 
.accordion div.body {
	text-align:left; }
.accordion h4.head { 
	color:#fff; background-color:rgba(0,0,0,0.8); font-weight:normal; text-transform:none; font-size:inherit; cursor:pointer;
	position:relative; width:100%; padding:10px 5px 10px 50px !important; margin-bottom:5px; display:inline-block; transition:all linear 0.15s;  }
.accordion h4.head:hover, .accordion h4.head.active { 
	color:#fff; text-decoration:none;}
.accordion h4.head:before { 
	color:#fff;background-color:#000;font-style: normal;font-weight: normal;text-decoration: none; text-align:center;
  position:absolute;width:40px;height:100%;top:0; left:0; content: "\25b6"; padding-top:10px; text-decoration: none;  }
.accordion h4.head.active:before { 
	content: "\25bc"; background-color:#000; color:#fff;  }
.accordion div.body { 
	padding:15px;display:none; background-color:rgba(255,255,255,0.7); }
.page-dark .accordion div.body {
	background-color:rgba(0,0,0,0.6); } 
    
/* BUTTONS
-------------------------------*/
.btn-primary, 
.btn-xl 
{ color:#fff; text-transform: uppercase;font-weight: normal;}
.btn-primary:hover,.btn-primary:focus,.btn-primary:active,.btn-primary.active,.open .dropdown-toggle.btn-primary, 
.btn-xl:hover,.btn-xl:focus,.btn-xl:active,.btn-xl.active,.open .dropdown-toggle.btn-xl 
{ color:#fff; background-color: #000;border-color: #000; }
.btn-xl 
{ border-radius: 3px;font-size: 18px;padding: 20px 40px;}
.btn-xl:active,.btn-xl.active,.open .dropdown-toggle.btn-xl 
{ background-image: none;}

/* PAGE PHOTO
-------------------------------*/
figure {
	text-align:left; }
figure.splash img {
	border:1px solid rgba(0,0,0,0.4); box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19); } 
@media (max-width: 768px) {
	figure {
		text-align:center; margin-top:-25px; }
	figure.splash img {
		max-width:250px; }
}
@media (min-width:1440px) {
	figure.splash img {
		width:95%; }
}

/* MISC
-------------------------------*/
.RatesTB td {
	border-bottom:1px dotted #555;  }

a:hover,a:focus,a:active,a.active {
	color: #000; }
.page-dark a:hover,.page-dark a:focus,.page-dark a:active,.page-dark a.active {
	color: #ccc; }
	
/* SHELL
-------------------------------*/
.shell {
	text-align:center; padding:0.75em 0.5em 1.25em 0.5em; margin:2em auto;background-color:rgba(255,255,255,0.75); border:1px solid #ffffff; min-height:400px; }
.shell.nopad {
	padding:0; text-align:left; }
.page-dark .shell {
	background-color:#000; background-color:rgba(0,0,0,0.7); border-color:#000; }
@media (min-width: 768px) {
	.shell {
		padding:2em 3em 3.5em 3em; margin:3em auto; }
}