/*
Theme Name: Octane Bootstrap
Theme URI: http://theoctaneagency.com
Author: Jim O'Brien
Author URI: http://visionquestdevelopment.com/
Description: This theme was developed for Octane. It's a theme that will have bootstrap elements that can be built with Visual Composer modules.
Version: 1.0
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Tags: black, brown, orange, tan, white, yellow, light, one-column, two-columns, right-sidebar, flexible-width, custom-header, custom-menu, editor-style, featured-images, microformats, post-formats, rtl-language-support, sticky-post, translation-ready
Text Domain: Bootstrap
This theme, like WordPress, is licensed under the GPL.
Use it to make something cool, have fun, and share what you've learned with others.
*/


	
	@font-face {
		font-family: 'Creepster';
		src: url('./fonts/Creepster-Regular.eot'); /* IE9 Compat Modes */
		src: url('./fonts/Creepster-Regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
		url('./fonts/Creepster-Regular.woff') format('woff'), /* Modern Browsers */
		url('./fonts/Creepster-Regular.ttf')  format('truetype'), /* Safari, Android, iOS */
		url('./fonts/Creepster-Regular.svg#svgCreepster') format('svg'); /* Legacy iOS */
		font-weight: normal;
		font-style: normal;
	}
	


/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
	~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~OCTANE CUSTOM CSS ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
	~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/
	/* hide slider for now 2021 */
	.gs_logo_container { display: none; }
	
	
	.js .tmce-active .wp-editor-area { color: black !important; }
	
	.footer-widgets .widgettitle { display: none; }

.home .awards-row img { width: 60%; text-align: center; margin: 0 auto; display: block;  } 

.js .tmce-active .wp-editor-area { color: black !important; }
	
	#bitnami-banner { display: none; }
	
	/*~~~~~~~~~~~~~~~~~~~~~
	~~~~~~~~ GLOBALS ~~~~~~
	~~~~~~~~~~~~~~~~~~~~~*/

	html, body {
		color: #212121 !important;
		font-size: 14px; 
	}

	p { color: #727272;  }

	h1, h2, h3, h4 {
		color: #212121;
		
	}
	h1 { font-size: 3em; font-family: 'Creepster', Arial, sans-serif; }
	h2 { font-size: 2.2em; font-family: 'Creepster', Arial, sans-serif; }
	h3 { font-size: 1.7em; }
	h4 { font-size: 1em; }
	small, .font_small { }
	
	hr { border-bottom: 2px solid black !important; }
	
	img { max-width: 100%; height: auto; }
	
	img.wp-smiley, img.emoji { font-size: 36px; }
	
	#page-wrap { padding: 40px 0; background: #dfe2e6; } 
	
	
	.single-portfolio #page-wrap { padding: 0; }
	
	#page-title-header {
		background: #607D8B; 
		padding: 5px 0; 
		text-align: center; 
		
		/* border-top: 5px solid #9E9E9E;
		border-bottom: 5px solid #9E9E9E; */
	}	
	#page-title-header h1 { color: white; }
	
	.sidebar{ margin-top: 40px; color: #555; border-radius: 7px; margin-bottom: 20px; }
	.sidebar #sidebar-list { margin: 0; padding: 0; list-style-type: none; }
	.sidebar #sidebar-list li {  }
	
	
	.sidebar-callout {
		background: url(images/Roswell-Ghost-Tour-sidebarbg.jpg);
		background-size: cover; 
		background-position: center center;
		background-repeat: no-repeat; 
		padding: 40px 20px 20px;
		margin: 20px 0;
		position: relative;
	}
	
	.sidebar-callout a { text-decoration: none !important; }
	
	.sidebar-callout:hover { opacity: .8; }
	
	.sidebar-callout:before {
		content: "Roswell Ghost Tour";
		display: block;
		color: white;
		text-align: center; 
		font-size: 18px;
		font-weight: bold;
	}
	
	.sidebar-callout.reservation:after {
		content: "";
		display: block;
		background: url(images/reserved.png);
		background-size: 100% 100%; 
		background-position: 100% 100%;
		background-repeat: no-repeat; 
		margin: 0 auto;
		width: 94px;
		height: 49px;
	}
	
	.sidebar-callout.reservation h3 { 
		font-size: 4em;
		line-height: 50px;
	}
	
	
	.sidebar-callout h3 {
		color: white !important;
		text-transform: uppercase;
		text-align: center;
		margin: 0;
		
	}
	
	.sidebar-callout h3:before, .sidebar-callout h3:after {
		content: "";
		background: black;
		height: 2px; 
		max-width: 175px;
		display: block; 
		margin: 10px auto;
	}
	
	
	
	#respond {
		background: #dedede;
		border-radius: 7px; 
		padding: 20px; 
		margin-bottom: 20px; 
	}
	
	.widget { /*margin: 10px 0 30px; */ }
	.sidebar h3 { color: #888; }
	article.post { margin: 20px 0 40px; }
	
	.wp-caption {  }
	.wp-caption-text {  }
	.sticky {  }
	.screen-reader-text {  }
	.gallery-caption {  }
	.bypostauthor {  }
	.alignright { float: right; }
	.alignleft { float: left; }
	.aligncenter {  }
	
	
	/*=========================*/
	/* Page Loader */
	/*=========================*/
	.page-loader {
		background-color:white;
		position:fixed;
		width:100%;
		height:102%;
		content:"";
		z-index:9;
		margin-top:-5px;
	}
	.page-loader img {
		position:absolute;
		left:50%;
		top:50%;
		margin-top:-8px;
		margin-left: -8px;
	}
	

	
	/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
	~~~~~~~~ HEADER / NAVIGATION ~~~~~~
	~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/
	

	
	.site-desc { color: white; font-size: 18px; display: block; text-align: center; margin: 0 auto 10px; }
	
	#haunted-bg { padding-top: 100px; }
	
	#logo, .navbar-brand { height: 150px !important; margin: 0 auto; }
	
	#mega-menu {
		background: url(images/nav-bg.png); 
		background-repeat: repeat-x; 
		background-size: 80% 100%;
		margin: 0 !important;
		border: none !important;
		padding: 0 !important;
	}
	
	#menu-main-nav {
		float: none !important; 
		padding: 30px 0 10px; 
		text-align: center;
	}
	#menu-main-nav li { position: relative; display: inline-block;  }
	#menu-main-nav li:before { 
		    content: "";
		position: absolute;
		top: 10px;
		height: 20px;
		width: 1px;
		background: #777;
	}
	#menu-main-nav li:first-child:before { content: ""; background: transparent !important; }
	
	#menu-main-nav li a {
		padding: 10px 25px; 
		text-align: center; 
	}
	
	.navbar-header { margin: 0 auto !important; float: none !important;  } 
	
	#mega-menu .darker { /* background: black;  */}
	
	.navbar-brand { 
		height: 150px !important; 
		float: none !important; 
		margin: 0 auto !important;
		display: block;
	}
	
	
	
	/* for a certain sized browser this is going to hide the menu from displaying and only have it display on hover */
	@media (min-width:768px) {
		.sub-menu {
			display: none;
			position: absolute;
			background: #222;
			padding: 10px 15px;
			width: 200px;		
		}
		li:hover .sub-menu {
			display: block;
		}
		
		.navbar-nav>li { float: none !important; display: inline-block; }
		
	}
	.sub-menu li {
		margin-bottom: 10px;
		list-style: none;
	}
	.sub-menu li:last-child {
		margin-bottom: 0;
	}
	.sub-menu a  {
		color: #999;
		text-decoration: none;
	}
	/* color treatments as well being applied */
	.sub-menu a:hover  {
		color: #fff;	
	}	
	/* make sure the current menu page is working for child or nested pages */
	.current-menu-item > a, .current-menu-parent > a {
		color: #blue !important;	
	}
	.current-menu-parent li a {
		background: inherit;
	}
	.current-menu-parent .current-menu-item a {
		color: #fff;
		font-weight: bold;
	}
	
	
	
	
	
	/* ~~~~~~~~~~~~~~~~~~~~
	~~~~SMALL HEADER ~~~~
	~~~~~~~~~~~~~~~~~~~~~*/
	.parallax { 
		position: relative; 
		overflow: hidden; 
		/* background-size: 1500px 500px !important; 
		background-repeat: no-repeat; 
		background-position: 100% 100%;  */
		background-size: cover !important;
		background-position: 100% 100%;
	}
	
	/* .parallax .forkit { right: 3%; } */
	
	/*=========================*/
	/* Parallax */
	/*=========================*/
	.parallax-image {
		/* background-position:50% 0;
		background-repeat:no-repeat;
		background-attachment:fixed; */ 
		background-size:cover !important; 
	}
	.wrapsection {
		padding:0px 0;
		position:relative;
		margin:0px 0;
	}
	.overlay {
		position:absolute;
		top:0;
		bottom:0;
		right:0;
		left:0;
		opacity:0.0;
		z-index:2;
	}
	.parallax-content {
		position:relative;
		z-index:4;
		/* padding: 150px 0; */
		min-height: 50vh;
		
	}
	
	.pagetitle .parallax-content {
		margin-top: 50px;
	}
	


	/* ~~~~~~~~~~~~~~~~~~~~
	~~~~LARGE HEADER ~~~~
	~~~~~~~~~~~~~~~~~~~~~*/
	
	/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
		This is code that came from the theme that I pulled the header from 
	~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/
	
	.navbar-brand{padding-top:0;padding-bottom:0}
	.navbar-toggle{margin-top:15px}
	.navbar-collapse{max-height:100%;height:100%}
	.header{border-style:solid;position:relative;/* position:fixed;top:0;left:0; */width:100%;z-index:1000;-webkit-transition:height .3s;-moz-transition:height .3s;transition:height .3s}
	.redq .dropdown.redq-halfwidth,ul.nav .dropdown{position:relative}
	.header.shrink{height:75px;line-height:50px}
	.header.shrink .navbar{transition:height .3s;height:70px}
	.header .navbar,.header.shrink .navbar{margin-bottom:0;-webkit-transition:height .3s;-moz-transition:height .3s}
	.header .navbar{transition:height .3s;height:106px}
	.header.icons-top .nav>li>a{text-align:center}
	.header.icons-top .nav>li>a>i{display:block}
	.header.icons-no .nav>li>a>i{display:none}
	.header.icons-right .nav>li>a>i{display:block;float:right;margin-left:5px}
	.navbar-nav .open>.sub-menu{display:block}
	.navbar-default{background-color:transparent!important;border:none!important}
	.navbar-default .navbar-toggle{background:#9E9E9E;border-color:#eaeaea}
	.navbar-default .navbar-toggle:focus,.navbar-default .navbar-toggle:hover{background:#f7f7f7}
	.navbar-default .navbar-toggle .icon-bar{background:#212121}
	.navbar-default .redq-menu-title{display:block;line-height:1.4em;color:inherit;font-weight:700;font-size:14px;padding-left:15px}
	.navbar-default .redq-link-title{display:block;line-height:1.4em;color:inherit;font-weight:700}
	.navbar-default span.redq-item-description{font-size:9px;color:#BBB;text-transform:uppercase}
	.navbar-default .navbar-nav>li{padding:0 !important; }
	.navbar-default .navbar-nav>li>a{font-size:16px;padding:0 0 10px;color:#575757;border-bottom:0 solid transparent}
	.navbar-default .navbar-nav>li>a:focus,.navbar-default .navbar-nav>li>a:hover{color:#ba030e}
	.navbar-default .navbar-nav>.open>a,.navbar-default .navbar-nav>.open>a:focus,.navbar-default .navbar-nav>.open>a:hover{color:#575757;background-color:#e7e7e7}
	.navbar-default .navbar-nav>.active a,.navbar-default .navbar-nav>.active a:focus,.navbar-default .navbar-nav>.active a:hover{background:0 0}
	.dropdown-submenu a:hover,.redq .columns ul a:hover{background:#f7f7f7}
	.link-item{font-size:14px;line-height:1}
	.redq a{color:white}
	.navbar-default .navbar-brand,.redq a:hover{color:#72060d}
	.navbar-brand{font-weight:300;font-size:30px;line-height:60px}
	.logo-style{font-weight:400}	
	.bs-docs-header,.bs-docs-masthead{position:relative;padding:30px 15px;color:#212121;text-align:center;text-shadow:0 1px 0 rgba(0,0,0,.1);background:#F8F8F8}
	.header .navbar .navbar-brand.mobile,a.mobile-menu-close{display:none}
	#mobile-menu-wrap .navbar-nav{margin:200px -15px}
	#mobile-menu{max-height:100%;position:relative;overflow-y:scroll;-webkit-overflow-scrolling:touch;padding-bottom:60px}
	#mobile-menu-wrap{position:fixed;top:0;right:-320px;z-index:100;visibility:hidden;width:256px;height:100%;background:#fff;-webkit-transition:all .5s;transition:all .5s;-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0);border-left:1px solid #e4e4e4;box-shadow:0 -2px 8px 1px rgba(0,0,0,.06)}
	.mobile-menu-open #mobile-menu-wrap{visibility:visible;-webkit-transition:-webkit-transform .5s;transition:transform .5s;-webkit-transform:translate3d(-320px,0,0);transform:translate3d(-320px,0,0);overflow-x:hidden}
	#container{position:relative;z-index:99;overflow:hidden;-webkit-transition:-webkit-transform .5s;transition:transform .5s;-webkit-transform-origin:50% 1%;transform-origin:50% 1%;-webkit-transform-style:preserve-3d;transform-style:preserve-3d}
	.mobile-menu-open #container{-webkit-transform:translate3d(-320px,0,0);transform:translate3d(-320px,0,0)}
	
	.page-wrapper,section{clear:both;float:none}
	.large-header{position:relative;width:100%;
		background-repeat: no-repeat !important;
		background-size: cover !important;
	overflow:hidden;background-size:cover;z-index:1;webkit-animation:10s ease-in;-moz-animation:10s ease-in;-o-animation:10s ease-in;animation:10s ease-in}
	/* added this for overlay */
	#large-header:before {
		background: rgba(84,84,84,0.6);
		content: '';
		position: absolute;
		top: 0;
		right: 0;
		bottom: 0;
		left: 0;
	}
	.overlay,.split .thetext{z-index:2}
	.main-title{font-weight:700;position:absolute;margin:0;padding:0;line-height:1;top:55%;left:50%;-webkit-transform:translate3d(-50%,-50%,0);transform:translate3d(-50%,-50%,0);font-size:4.2em;letter-spacing:.1em}
	.main-title .thin,.smallh{font-weight:300}
	
	
	/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
		END
	~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/
	
	.octane-header-content { 
		/* position: absolute;
		margin: 0;
		padding: 0;
		line-height: 1;
		top: 55%;
		left: 50%;
		-webkit-transform: translate3d(-50%,-50%,0);
		transform: translate3d(-50%,-50%,0);  */
	}
	
	.navbar-default .navbar-nav>li>a { color: white; }
	
	
	
	/*=============END HEADER=====================================*/
	
	
	
	
	
	
	/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
	~~~~~~~~ FOOTER ~~~~~~~
	~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/
		
	.roswellghost-footer { background: #dfe2e6;  padding-top: 40px; }
	
	.slider-bottom { background: #cbced3; padding-bottom: 20px; }
	.slider-bottom h2 { margin: 0;  }
	
	footer { padding: 20px 0 0; }
	
	#social-media { margin: 0; padding: 0; list-style-type: none; }
	#social-media li { display: inline-block; }
	#social-media li .fa { font-size: 56px; margin: 10px 20px; }
	#social-media li .fa-facebook { color: #3C599F; }
	#social-media li .fa-twitter { color: #32CCFE; }
	
	
	.bottom-footer { background: rgba(0,0, 0, 1); margin: 20px 0 0; padding: 20px 0 10px; text-align: center; }
	.bottom-footer p { margin: 0 !important; padding-bottom: 10px; }
	
	#made-by { margin: 10px 0 0; color: white; }
	#made-by a {  color: white; }
	.copyright { text-align: center; color: white; }
	
	/* FOOTER WIDGETS */
	.footer-widgets h3 { text-align: center; }
	.footer-widgets .col-md-4 { text-align: center; color: white; }
	
	.footer-widgets .widget { display: inline-block; }
	
	#text-3 .TA_certificateOfExcellence { display: inline-block; }
	
	
	
	/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
	~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
	~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
	~~~~~~~~~~~~~~~~~~~~~~~~~~~PAGES~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
	~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
	~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
	~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/
	
	
	
	
	
	/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
	~~~~~~ HOME PAGE ~~~~~
	~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/
	
	.dianna-book-section h3, .dianna-book-section .textwidget { color: white !important; }

	
	
	
	/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
	~~~~~MEDIA QUERIES~~~~
	~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/
	@media only screen and ( min-width: 1100px ) and ( max-width: 1405px) {
		
	}
	
	@media only screen and ( min-width: 981px ) {
		
	}
	
	
	@media only screen and (max-width: 1200px) {
		
	}
	
	
	@media only screen and (max-width: 990px) {
		
		#roswell-ghost-tour-info span { position: relative; top: 0; left: 0; margin: 0 auto; }
		
	}
	
	@media only screen and (max-width: 960px) {
		
	}
	
	
	
	
	
	
	@media only screen and ( max-width: 768px ) {
		#top-bar .phone, #top-bar .email { display: block; text-align: center; }
		
		#roswell-ghost-tour-info span {  display: block; text-align: center; }
		#menu-main-nav li:before { display: none; }		

		.mobile-menu-open #mobile-menu-wrap { /* overflow: hidden !important; */ }
		
		#menu-main-nav li { display: block !important; }
		.navbar-toggle {
			width: 44px;
			height: 34px;
			margin-top: 45px !important;
			/* position: fixed !important; */
			/* z-index: 9999; */
			/* float: none !important; */
			right: 10px;
		}
		#haunted-bg {
			padding-top: 100px;
			/* min-height: 400px; */
		}
		
		#menu-main-nav { background-size: 100% 20px; }
		
		.navbar-brand.mobile { margin-bottom: 0 !important; }
		#mobile-menu-wrap .navbar-nav { margin-top: 100px !important; }
		
		#mobile-menu-wrap #logo { height: 100px !important; }
		
		#mobile-menu-wrap { background: black; }
		
		.navbar-default .navbar-nav>li>a { color: white !important; background: #434952; }
		
		.redq a { color: white !important; }
		.redq a:hover { color: #9E9E9E !important; }
		
		.navbar-brand { padding: 0px 30px !important; margin: 40px 0; }
		#menu-main-nav { position: relative; top: 0; }
		
		
		
		
	
	}
	
	
	
	
	
	
	
	
	
	@media only screen and (max-width: 665px) {
		
		
		
	}
	
	
	
	
	
	
	
	@media only screen and (max-width: 479px) {
		
		.site-desc { padding: 0 40px; }
		
	}

	
	
	
	
	
	
	
	
	
	
	
	
	
	/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
		This is code that came from the theme that I pulled the header from 
	~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/
	@media (min-width:480px){
		.bs-docs-masthead .btn{width:auto}
	}
	@media (min-width:768px){
		.bs-docs-masthead .lead{font-size:24px}
		.bs-docs-masthead{padding-top:80px;padding-bottom:80px}
	}
	@media (min-width:992px){
		.bs-docs-masthead .lead{width:80%;font-size:30px}
	}
	@media (min-width:768px){
		.navbar{line-height:1.6;font-size:12px}
		.navbar>.container .navbar-brand{display:block;margin-left:-15px;margin-top:18px}
		
		.header{height:111px}
		.header.shrink .navbar>.container .navbar-brand{margin-top:5px}
		.header.icons-no .nav>li>a .link-item{float:left}
		.header.icons-left .nav>li>a>i{display:block;float:left}
		.header.icons-left .nav>li>a .link-item{float:right}
		.header.icons-right .nav>li>a .link-item{float:left}
		.navbar-nav{float:none;text-align:right}
		.align-left .navbar-nav,.navbar-nav>li{text-align:left}
		.navbar-nav>li{float:none;display:inline-block}
		.align-center .navbar-nav{text-align:center}
		.align-right .navbar-nav{text-align:right}
		.navbar-default .navbar-collapse{-webkit-transition:all .3s;-moz-transition:all .3s;transition:all .3s}
		.navbar-default .navbar-nav>li{padding:5px 15px}
		.icons-top .navbar-default .navbar-nav>li{padding:30px 15px}
		.icons-top.shrink .navbar-default .navbar-nav>li{padding:12px 15px}
		.navbar-default .navbar-nav>li>a{padding:0}
		.icons-top .navbar-default .navbar-nav>li>a{padding:4px 0}
		.redq .dropdown.redq-halfwidth .dropdown-menu{width:585px}
		.shrink .navbar-default .navbar-nav>li{padding:28px 15px}
		.nav-caret{display:none}.sub-caret{position:absolute;top:39%;right:15px}
	}
	@media (max-width:767px){
		/* .nav .dropdown-menu,.nav .sub-menu{position:static;float:none;width:auto;margin-top:0;background-color:transparent;border:0;box-shadow:none} */
		.default-skin .nav .open>a,.default-skin .nav .open>a:focus,.default-skin .nav .open>a:hover{padding:10px}
		.navbar-nav .open .dropdown-menu{border-width:0 1px 1px;border-style:solid;border-color:#ebebeb}
		.nav-caret{display:block;position:absolute;top:-10px;right:15px;cursor:pointer}.sub-caret{display:none}
	}
	.small-wrapper ul{padding:0;list-style:none;margin-left:20px}
	.navbar-default .navbar-collapse,.navbar-default .navbar-form{border-color:transparent;box-shadow:none}
	ul#color-skins input[type=radio]{margin-top:8px}
	@media (max-width:767px){
		/* .default-skin .redq .columns ul li,.default-skin ul.sub-menu li{border-bottom:0;border-top:1px solid #ebebeb} */
		.navbar-default .navbar-nav>li>a{font-size:16px;padding:15px}
		.default-skin.header{/* background:#FFF;border-color:#fb4f14 transparent #ebebeb; */ border: none !important; }
		.default-skin .navbar-default .navbar-toggle .icon-bar{background:white}
		.default-skin .nav .open>a,.default-skin .nav .open>a:focus,.default-skin .nav .open>a:hover{border-color:#ba030e}
		.default-skin .mobile-menu-open .navbar-default .navbar-nav>li>a{color:#575757}
	}
	@media (max-width:767px){
		.mobile-menu-open .navbar-collapse{padding:0}
		/* .mobile-menu-open ul.sub-menu li a{padding-left:25px}
		.mobile-menu-open ul.sub-menu ul li a{padding-left:35px}
		.mobile-menu-open ul.sub-menu ul ul li a{padding-left:45px} */
		.header .navbar .navbar-brand.large{position:relative;z-index:99;-webkit-transition:-webkit-transform .5s;transition:transform .5s;-webkit-transform-origin:50% 1%;transform-origin:50% 1%;-webkit-transform-style:preserve-3d;transform-style:preserve-3d}
		.mobile-menu-open .header .navbar .navbar-brand.large{-webkit-transform:translate3d(-320px,0,0);transform:translate3d(-320px,0,0)}
		.mobile-menu-open .header .navbar .navbar-brand.mobile{display:block}
		a.mobile-menu-close{position:fixed;top:0;right:0;font-size:20px;display:block;z-index:9999;cursor:pointer;padding:13px;width:46px;text-align:center}
		/* .nav .dropdown-menu,.nav .sub-menu{position:static;float:none;display:block;width:auto;margin-top:0;background-color:transparent;border:0;box-shadow:none} */
	}
	@media (min-width:768px){
		/* .wow{visibility:visible!important;-webkit-animation:none!important;-moz-animation:none!important;-o-animation:none!important;-ms-animation:none!important;animation:none!important} */
		.default-skin.header{background:0 0;border-width:0}
		.navbar-default .navbar-nav>.open>a,.navbar-default .navbar-nav>.open>a:focus,.navbar-default .navbar-nav>.open>a:hover,.navbar-default .navbar-nav>li>a,.navbar-default .redq-menu-title{color:#fff;}
		
		
		.default-skin.header,.default-skin.header.on,.navbar-default .navbar-nav>li,.navbar>.container .navbar-brand{transition:all .8s}
		.default-skin li.dropdown.open a span{color:#fff}
		.default-skin.header.on{background:#fff;border-bottom:1px solid #eee}
		.default-skin.header.on .navbar-default .navbar-nav>.open>a,.default-skin.header.on .navbar-default .navbar-nav>.open>a:hover,.default-skin.header.on .navbar-default .navbar-nav>li>a,.default-skin.header.on li.dropdown.open a span,.navbar-default .navbar-nav>.open>a:focus{color:#444}
		.default-skin.header.on .navbar-default .navbar-nav>li{padding:25px 15px}
		.default-skin.header.on .navbar>.container .navbar-brand{margin-top:0;transition:all .8s}
		.header,.header .navbar{height:auto}
		.navbar{line-height:0}
		.navbar-nav>li>.dropdown-menu{border-radius:0}
	}
	
	
	
	
		
	/*==================================================
	=            Bootstrap 3 Media Queries             =
	==================================================*/

    /*==========  Mobile First Method  ==========*/

    /* Custom, iPhone Retina */ 
    @media only screen and (min-width : 320px) {
        
    }

    /* Extra Small Devices, Phones */ 
    @media only screen and (min-width : 480px) {

    }

    /* Small Devices, Tablets */
    @media only screen and (min-width : 768px) {

    }

    /* Medium Devices, Desktops */
    @media only screen and (min-width : 992px) {

    }

    /* Large Devices, Wide Screens */
    @media only screen and (min-width : 1200px) {

    }



    /*==========  Non-Mobile First Method  ==========*/

    /* Large Devices, Wide Screens */
    @media only screen and (max-width : 1200px) {

    }

    /* Medium Devices, Desktops */
    @media only screen and (max-width : 992px) {

    }

    /* Small Devices, Tablets */
    @media only screen and (max-width : 768px) {
	
    }

    /* Extra Small Devices, Phones */ 
    @media only screen and (max-width : 480px) {
		
    }

    /* Custom, iPhone Retina */ 
    @media only screen and (max-width : 320px) {
        
	}