.header{-webkit-border-radius:0;border-spacing:0;-webkit-appearance:none;-moz-appearance:none;appearance:normal;-webkit-tap-highlight-color:transparent;outline:0!important;-webkit-touch-callout:none;transition-timing-function:ease-out;-moz-transition-timing-function:ease-out;-webkit-transition-timing-function:ease-out;-o-transition-timing-function:ease-out;transition-duration:.2s;-moz-transition-duration:.2s;-webkit-transition-duration:.2s;-o-transition-duration:.2s}:focus{outline:0}

body{overflow-x:hidden}::-webkit-scrollbar{width:12px}::-webkit-scrollbar-track{-webkit-box-shadow:inset 0 0 6px rgba(0,0,0,.3);-moz-box-shadow:inset 0 0 6px rgba(0,0,0,.3);box-shadow:inset 0 0 6px rgba(0,0,0,.3);}::-webkit-scrollbar-thumb{background:rgba(210,210,210,.8);-webkit-box-shadow:inset 0 0 6px rgba(0,0,0,.5);-moz-box-shadow:inset 0 0 6px rgba(0,0,0,.5);box-shadow:inset 0 0 6px rgba(0,0,0,.5);}::-webkit-scrollbar-thumb:window-inactive{background:rgba(210,210,210,.4)}

/*THIS IS COLOR OF navigation HEADER on home and inner pages ----- color of top_nav is on styles.css*/
.header {display:block;position:fixed;z-index:9000!important;top:38px;left:0;width:100%;background-color: transparent; height:100px; padding-top: 20px; background: #000;}
.header.innerpages {top:0px; padding-top: 20px; background: #000;}

/*COLOR OF HEADER when scrolling*/
.compact .header {display:block;position:fixed;z-index:9000!important;top:0;left:0;width:100%;background: rgba(0,0,0,.90);border-bottom:none;-webkit-box-shadow:0 1px 4px rgba(0,0,0,.1);box-shadow:0 1px 4px rgba(0,0,0,.1);-moz-box-shadow:0 1px 4px rgba(0,0,0,.1); height: 100px; padding-top: 10px; padding-bottom: 0px;}

.compact .header #logo { background-size: 100%; background-position: left 7px;}

.menu_main .col-md-3 {
	width: 28%;
	border-right: 1px solid #eee;
	margin-right: 7%;}
	
.menu_main .col-md-3.last {
	border-right: 0px solid #eee;
	margin-right: 0%;}

ul.nav>li>a:hover {
	color:#fce9c3;/*cream-white - this one works*/
	transition: all 0.3s ease;}
	
	/*ONLY 'ACTIVE' BELOW*/
	ul.nav>li>a.active {
	color:#38c6fb;/*blue - only if using active*/}
	ul.nav>li>a:hover.active {
	color:#fff;/*white - only if using active*/}
	ul.nav .dropdown li a.active {
	color: #036d94;/*dark blue - only if using active*/
	background: #f9f9f9;}
	ul.nav .dropdown li:hover a.active {
	color: #036d94;/*dark blue - only if using active*/}
	ul.nav .dropdown li a.active2,
	ul.nav .dropdown li a.active2 i{
	color: #036d94;/*dark blue - only if using active*/
	background: none;}
	ul.nav .dropdown li:active2 a.active {
	color: #036d94;/*dark blue - only if using active*/}

/*ul.nav .dropdown li a em {
	color: #fff;
	background: #ad774f;
	font-style: normal;
	padding: 3px 5px 2px 5px;
	border-radius: 1px;
	margin-left: 3px;
	text-transform: uppercase;
	font-size: 9px;
}*/

.list-unstyled a.active {
    color: #000;/**/}	
.list-unstyled a.active i {
    color: #000;/**/}

.yamm .nav,
.yamm .collapse,
.yamm .dropup,
.yamm .dropdown {
    position: static;}
.yamm .container {
    position: relative;}
.yamm .dropdown-menu {
    left: auto;
}.yamm .nav.navbar-right .dropdown-menu {
    left: auto;
    right: 0;}
.yamm .yamm-content {
    padding: 50px 40px 40px 40px;}
.yamm .dropdown.yamm-fw .dropdown-menu {
    left: 0;
    right: 0;}
.yamm .dropdown.yamm-hw .dropdown-menu {
    left: auto;
    right: 0;
    width: 550px;}
.yamm .yamm-content .col-md-4, .yamm .yamm-content .col-md-8{
	padding-right: 5px;
	padding-left: 5px;}
.yamm .yamm-content .thumbnail { 
	padding: 0; 
	border: 0;}
.yamm .yamm-content .caption {
    padding: 0;}
.yamm .yamm-content .caption h3 {
    font-size: 18px;
    color: #000;/**/
    margin-top: 14px;
    margin-bottom: 8px;}
.yamm .yamm-content .caption p {
    font-size: 14px;
    color: #ff0033;/**/}

.list-unstyled li:first-child {}

.list-unstyled.two {
	margin-top: -12px;}

.list-unstyled li p {
	font-size: 13px;
	color: #ff0033; 
	font-weight: normal;
	text-transform: uppercase;
	font-weight: 600;
	line-height: 0px;
	margin-bottom: 18px;}

.list-unstyled li i {color:#fff; margin-right: 4px; font-size: 11px; transition: all 0.3s ease;}

.list-unstyled li { padding: 5px 0;}
.list-unstyled a {
    color: #fff; 
    padding: 4px 0px;
    width: 100%;
	font-size:13px;
	transition-property: margin-left, background-color;
	transition-duration: 0.3s;
	transition-timing-function: ease-out;
	font-family: 'Raleway', sans-serif;
	font-weight: 500;
	transition: all 0.3s ease;}

.list-unstyled a:hover {
    color: #ff0033;}
.list-unstyled a:hover i {
    color: #ff0033;}

.list-unstyled a:before {
    font-size: 12px;
    margin-right: 5px;}

.row-border + .row .caption h3 {
    margin-top: 0px;}

.row-border {
	border-bottom: 1px solid #d1d1d1;
    margin-bottom: 20px;
    padding-bottom: 10px;}

@media (max-width:767px)
{
.list-unstyled li:first-child {    
    border-bottom: 0px ;
    margin-bottom: 0px;
    top-bottom: 15px;}
.list-unstyled li p {
    color: #ff0033;}
.list-unstyled li { 
	padding: 8px 0;}
.list-unstyled a {
        color: #ff0033;}
.list-unstyled a {
    color: #ff0033;}
.list-unstyled a {
    color: #ff0033;}
.list-unstyled a:hover {
        color: #fff;}
    
.yamm .yamm-content .thumbnail {
        background-color: transparent;
        -webkit-box-shadow: 0 0px 0px rgba(0, 0, 0, 0.075);
        box-shadow: 0 0px 0px rgba(0, 0, 0, 0.075);}    
.yamm .yamm-content .caption p {
        color: #ff0033;/**/}
.yamm .yamm-content .caption h3 {
        color: #ff0033;/**/}
.yamm .yamm-content .thumbnail>img {
        margin-left: 0;}
.row-border {
        border-bottom:0;}
}

@media (max-width:999px)
{
.list-unstyled a {
    color: #fff;}

.list-unstyled li:first-child {
    border-bottom: 1px solid #3b3b3b;
    margin-bottom: 16px;}

.list-unstyled li p {
    color: #fff;
	padding-top:10px;}

.list-unstyled .img_left4 {
	margin-right: 20px;}
}

/*
.navbar {
    min-height:60px;}
*/
.navbar-nav>li>.dropdown-menu {
    margin-top: 0;
    border-top-right-radius: 0;
    border-top-left-radius: 0;
    border: 0;
    border-radius: 0;}

.navbar-nav>li>a {
    padding-top: 18px;
    padding-bottom: 18px;
    text-transform: uppercase;}

.navbar-nav>li>a i {
	display: block;
	text-align: center;}

.navbar-default { 
	margin-right: -32px;}

.navbar-default.two {
	width:100%; 
/*margin-right: 140px;*/
/*padding-right:140px;*/}

.navbar-nav.dark>li>a {
    padding-top: 30px;
    padding-bottom: 27px;
    text-transform: uppercase;}

.dropdown-submenu {
    position: relative;}
.dropdown-submenu>.dropdown-menu {
    top: 0;
    left: 100%;
    margin-top: -1px;
    margin-left: -1px;
/*margin-left: -456px;*/
    -webkit-border-radius: 0 ;
    -moz-border-radius: 0 ;
    border-radius: 0 ;}
.dropdown-submenu>.dropdown-menu:last-child {}

@media (min-width:769px;){
.dropdown-submenu>.dropdown-menu:last-child {
 	border-top: 0px solid #000;}
}

.dropdown-submenu:hover>.dropdown-menu {
    display: block;}
.dropdown-submenu.pull-left {
    float: none;}
.dropdown-submenu.pull-left>.dropdown-menu {
    left: -100%;
    margin-left: 10px;
    -webkit-border-radius: 6px 0 6px 6px;
    -moz-border-radius: 6px 0 6px 6px;
    border-radius: 6px 0 6px 6px;}

.navbar-brand {
   /* background: url("../images/logo.png") no-repeat;
    width: 162px;
    height: 42px;
    display: block;*/
    padding: 0;
    margin:15px 0;}

.wrapper {
	margin-top: 0px;}
.navbar-fixed-top + 
.wrapper {
	margin-top: 104px;}

.dropdown-menu {
    min-width: 200px;}
	
/********** THIS is the big navigation DROPDOWN COLOR dropdown colors ******************/
.dropdown-menu>li>a {
    padding: 9px 20px;
	font-size:16px;
	color:#6a4600;
    border-bottom: 1px solid #eee;
	transition: all 0.3s ease;}
.dropdown-menu>li>a:hover {
    border-bottom: 1px solid #eee;}
.dropdown-menu>li:last-child>a {
    border-bottom: 0px solid #d1d1d1;}
	
/*-------------- header animation Start -------------------*/

.help {
    height: 40px;}
.help > .container {
    padding-top: 10px;}

@media (max-width: 999px) {
/*THIS is color of drop down for TOGGLE menu - the small one*/
.navbar-collapse.pull-right {
        width: 100%; float: none !important;
        background-color: #036d94;/*blue*/}		
#navbar-collapse-1 > ul > li.dropdown > a > b {
        float: right;}
.navbar-default .navbar-brand {
        margin-left: 14px;}
#navbar-collapse-1 > ul > li {
        border-bottom: 1px solid #eee;}
#navbar-collapse-1 > ul > li.open {
        background-color: #fff; }
.help {
        display: none;}
.navbar-nav>li>a {   
		color: #fff;/*white*/
        padding: 14px 15px;}
.navbar-nav>li>a:hover {
        color: #fff;/*white*/}
.navbar-default .navbar-nav .open .dropdown-menu>li>a:hover, .navbar-default .navbar-nav .open .dropdown-menu>li>a:focus {
        color: #fff; 
        background-color: transparent;
        padding: 10px 20px;
        border-bottom: 0px;}   
.dropdown-menu>li>a {
        padding: 8px 20px !important;;
        border-bottom: 0px;}    
.dropdown-submenu>.dropdown-menu:last-child {
        border-top: 0px ;}
	
}

/*
.navbar-fixed-top .navbar-nav > li > a {padding-top: 15.666666666666666px; padding-bottom: 15.666666666666666px;}
.navbar-fixed-top  .navbar-brand {margin-top: 3.666666666666666px; margin-bottom: 2.666666666666666px;}
.navbar-fixed-top .navbar-brand img {height: 34.666666666666664px;}
*/

/*-------------- header animation End -------------------*/

.navbar-nav>li>a {
	box-shadow: 0 0px 0 rgba(255,255,255,0.25);}

.callus { color: #ff0033/**/; font-size: 13px; padding-top: 13px;}
.callus a { margin-right: 20px; color: #ff0033/**/;}

.social-icons ul li {
    float: left;
    list-style-type: none;
    margin:10px 0 10px 7px;}
.social-icons a {
	width: 25px; 
	height: 25px; 
	display: block; 
	background-color:#fff/*white*/;
	border:1px solid #c7c7c7;
	border-radius:50%;
	text-align:center;}
.social-icons a i {
	font-size:15px;
	color:#ff0033/**/;
	line-height:24px;
	text-align:center;}
.social-icons a:hover{
	background-color:#272727;
	border:1px solid #272727;}
.social-icons a:hover i{
	color:#fff/*white*/;	}

@media only screen and (min-width: 1000px) and (max-width: 1169px){
.compact .header #logo { 
	background-size: 95%; 
	background-position: left 10px;}
}

@media only screen and (min-width: 768px) and (max-width: 999px){
.compact .header {
	padding-top: 0px; 
	padding-bottom: 10px;}
.menu_main .col-md-3 {
	width: 100%;
	border-right: 0px solid #eee;
	margin-right: 0%;}
.menu_main .col-md-3.last {
	border-right: 0px solid #eee;
	margin-right: 0%;}
.yamm .yamm-content {
    padding: 10px 20px 20px 20px;}
}

@media only screen and (min-width: 640px) and (max-width: 767px){
.compact .header {
	padding-top: 0px; 
	padding-bottom: 9px;}
.menu_main .col-md-3 {
	width: 100%;
	border-right: 0px solid #eee;
	margin-right: 0%;}
.menu_main .col-md-3.last {
	border-right: 0px solid #eee;
	margin-right: 0%;}
.yamm .yamm-content {
    padding: 10px 20px 20px 20px;}
.compact .header #logo{ 
	background-position: left 12px;}
}

@media only screen and (min-width: 480px) and (max-width: 639px){
.compact .header {
	padding-top: 0px; 
	padding-bottom: 9px;}
.menu_main .col-md-3 {
	width: 100%;
	border-right: 0px solid #eee;
	margin-right: 0%;}
.menu_main .col-md-3.last {
	border-right: 0px solid #eee;
	margin-right: 0%;}
.yamm .yamm-content {
    padding: 10px 20px 20px 20px;}
.compact .header #logo{
	background-size: 65%; 
	background-position: center 12px;}
.header{
	top: 76px; 
	height: 145px;}
}

@media only screen and (max-width: 479px){
.compact .header{
	padding-top: 0px; 
	padding-bottom: 9px;}
.menu_main .col-md-3 {
	width: 100%;
	border-right: 0px solid #eee;
	margin-right: 0%;}
.menu_main .col-md-3.last {
	border-right: 0px solid #eee;
	margin-right: 0%;}
.yamm .yamm-content {
    padding: 10px 20px 20px 20px;}
.compact .header #logo {
	background-size: 65%; 
	background-position: center 12px;}
.header{
	top: 76px; 
	height: 145px;}
}
	
@media (max-width: 999px) {
    #navbar-collapse-1 > ul > li {
        border-bottom: 0;}
}

/*THIS changes LINK COLOR on big NAVIGATION BAR*/
.navbar-default .navbar-nav>li>a {
	color: #b47701;/**/
	font-size:16px;
	font-weight: 500;
	text-transform: uppercase;}

.menu_main3 .navbar-default .navbar-nav>li>a {
	color: #000;}

/*THIS is responsive menu bar - the small one*/
.navbar-toggle {  
    position: relative;
    float: right;
	padding:0;
    /*padding: 10px 10px 8px 10px;*/
    margin: 0px;
    background-color: transparent;
    border: 0px solid transparent;
	border-radius: 0px;    
   /*background: #594227; THIS is color (#036d94) of responsive menu BAR - the small one*/
	cursor: pointer;}
.navbar-toggle > span {
	color:#241101;}
.navbar-toggle > span h1 {
	color:transparent; 
	font-size:10px; 
	margin: 0px; 
	padding:0; 
	display:inline;}
.navbar-default .navbar-toggle:hover, .navbar-default .navbar-toggle:focus { 
	background-color: #594227;}
.navbar-collapse {
	border-top: 0;}

@media only screen and (min-width: 99px) and (max-width: 999px){
li.dropdown ul.dropdown-menu li a {
	color: #fff; }
li.dropdown ul.dropdown-menu li a:hover {
	color: #fff; 
	border-bottom: none; }
li.dropdown a:hover {
	color: #fff; }
li.dropdown ul.dropdown-menu .yamm-content li a:hover {
	color: #fff;}/*THIS is color of submenu color on MOBILE SIZE responsive navigation*/	
}

@media (min-width: 1000px) {
.yamm ul.nav li.dropdown > ul.dropdown-menu {        
    /*opacity: 0;
        filter:alpha(opacity=100);*/
    /* -webkit-transition: all 0.5s ease;
	-moz-transition: all 0.5s ease;
	-o-transition: all 0.5s ease;*/}    
    
.dropdown-submenu:hover>.dropdown-menu {
    -webkit-animation-duration: 0.5s;
    -webkit-animation-name: fadeInFromNone;
    -webkit-animation-fill-mode: forwards;        
    animation-duration: 0.5s;
    animation-name: fadeInFromNone;
    animation-fill-mode: forwards;        
    -ms-animation-duration: 0.5s;
    -ms-animation-name: fadeInFromNoneIE;
    -ms-animation-fill-mode: forwards; }
    
.yamm ul.nav li.dropdown:hover > ul.dropdown-menu {
    display: block;     
     /*-webkit-transition: all 0.5s ease;
	-moz-transition: all 0.5s ease;
	-o-transition: all 0.5s ease;*/    
    animation-duration: 0.5s;
    animation-name: fadeInFromNone;
    animation-fill-mode: forwards;
    -webkit-animation-duration: 0.5s;
    -webkit-animation-name: fadeInFromNone;
    -webkit-animation-fill-mode: forwards;
    
    -ms-animation-duration: 5s;
    -ms-animation-name: fadeInFromNoneIE;
    -ms-animation-fill-mode: forwards;}
    
@-webkit-keyframes fadeInFromNone {
    0% {
        opacity: 0;}
    1% {
        opacity: 0;}
    100% {
        opacity: 1;}
}
@keyframes fadeInFromNoneIE {
    0% {
        opacity: 0;}
    1% {
        opacity: 0;}
    100% {
        opacity: 1;}
}
@keyframes fadeInFromNone {
    0% {
        opacity: 0;}
    1% {
        opacity: 0;}
    100% {
        opacity: 1;}
}
        
/*.yamm ul.nav li.dropdown:hover > a {
    color: #13afeb;}*/
	
.navbar-default .navbar-nav>.open>a, .navbar-default .navbar-nav>.open>a:hover, .navbar-default .navbar-nav>.open>a:focus {
    padding: 22px 18px;}
	}

.navbar-toggle > button {
	background: none;
	border: 0;
	float: right;}

/*THIS is the color of the toggle BARS ONLY*/
.navbar-default .navbar-toggle i {
	color: #fff; 
	font-size: 21px;}
	
.yamm ul.nav li.dropdown:hover  b {
    border-top-color: #fff;
    border-bottom-color: #fff;}

.container>.navbar-collapse {
	margin-right: 0px;}
.navbar-brand, .navbar-nav>li>a {
	text-shadow: 0 0px 0 rgba(255, 255, 255, 0.25);}
 button.navbar-toggle { 
 	clear: right;float: right;}
.width50 {
	width: 50%;}
	
/* -------------- color Scheme Start --------------*/

/*.navbar-default .navbar-nav>.open>a, .navbar-default .navbar-nav>.open>a:hover, .navbar-default .navbar-nav>.open>a:focus {
color: #fff; background-color: #454545;}*/

.navbar-default .navbar-nav>.open>a .caret, .navbar-default .navbar-nav>.open>a:hover .caret, .navbar-default .navbar-nav>.open>a:focus .caret {
	border-top-color: #fff;
	border-bottom-color: #fff;}

/* -------------- color Scheme End --------------*/

.dropdown-menu.two {
	right: 0;}

@media only screen and (min-width: 99px) and (max-width: 999px){
.navbar-default .navbar-nav>li>a {
color: #fff;}/*this is dropdown menu on BIG navigation*/
}

@media only screen and (max-width:1199px) {
.container > .navbar-collapse {
    z-index: 9999;}
.navbar-default.two { margin-right: 200px;}
.navbar-default {
    margin-right: 0px;}
}
	
@media only screen and (max-width:1112px) {
.container > .navbar-collapse {
    z-index: 9999;}
.navbar-default.two { margin-right: 227px;}
}	
	
	
@media only screen and (max-width:991px) {
.menu_main2 .container > .navbar-collapse {
    width:100%;
	background-color:#594227;}	
}		
	
@media only screen and (max-width:800px) {
.navbar-default.two {
    margin-right: 0px;}
}

@media only screen and (max-width:650px) {	
.navbar-toggle {  
    margin: -90px 0px 0 0;}
.navbar-toggle > span h1 {
	color:transparent; 
	font-size:10px; 	
	}
} 


@media only screen and (max-width:500px) {	
.navbar-toggle {     
    margin: -30px 70px 0 0;}
.navbar-toggle > span h1 {
	color:transparent; 
	font-size:10px; 	}
}