/*REMEMBER - THIS FILE IS USED FOR MAP TOO!!!*/
body {
font-family:Arial, Helvetica, sans-serif;
}
.disp_none{ display:none;}
html, body {font-size:12px;}
h1 {font-size:18px;} 
h2 {font-size:17px;}    
h3 {font-size:16px;  color: #CCC;}    
h4 {font-size:14px;}    

hr{
border-top: 1px solid #FF7D00;
margin-bottom:5px;;
margin-top:5px;
}
 
 
/************************Scroll to fix **************************/
.header {
background-color:#FFF;
}
.header.scroll-to-fixed-fixed {
	
}
.footer {
clear: both;
color:#666;
margin-top:10px;
padding-top:10px;
min-height:40px;
background-color:#F0F0F0;

}
.footer.scroll-to-fixed-fixed {
color:#FF7D00;	
}
/*below footer*/
.bottom{
	background-color:#FF7D00;
	color: #FFF;
	padding:15px;
	
}
.bottom a.scrollToTop{padding-top:25px; color:#FFF; background:url(../_img/logos/btn_top.png) no-repeat center center;}
.bottom a.scrollToTop:hover{text-decoration:none; color: #CC5B28;  background:url(../_img/logos/btn_top_hover.png) no-repeat center center;}


/*fancy box*/
#fancybox-thumbs.bottom {
    background-color:transparent;
	width:90%;
	right:10%;
}

.fancybox-skin {
    border-radius: 0;
}

/**************************popover*/
.popover{
	font-size:12px;
}
.popover a{
text-decoration:none;
color:#FF7D00;	
}
.popover a:hover{
color:#CCC;	
}

/* ACCORDION */
.ui-state-active, .ui-widget-content .ui-state-active, .ui-widget-header .ui-state-active {
    background: #FF7D00 none repeat scroll 0 0;
    border: 1px solid #C94A00;
    color: #fff;
    font-weight: normal;
}
.ui-corner-all, .ui-corner-top, .ui-corner-left, .ui-corner-tl {
    border-top-left-radius: 0;
}
.ui-corner-all, .ui-corner-top, .ui-corner-right, .ui-corner-tr {
    border-top-right-radius: 0;
}
.ui-corner-all, .ui-corner-bottom, .ui-corner-left, .ui-corner-bl {
    border-bottom-left-radius: 0;
}
.ui-corner-all, .ui-corner-bottom, .ui-corner-right, .ui-corner-br {
    border-bottom-right-radius: 0;
}


/************************Preloader**************************/
.js div#preloader { position: fixed; left: 0; top: 0; z-index: 9999; width: 100%; height: 100%; overflow: visible; background: #333 url('../loading.gif') no-repeat center center; }


/**********************Responsive Video**************************/
.embed-container { position: relative; padding-bottom: 56.25%; height: 0; overflow: hidden; max-width: 100%; } .embed-container iframe, .embed-container object, .embed-container embed { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }

/************************CAROUSEL**************************/
.carousel-caption {
	background-color: rgba(0, 0, 0, 0.4);
    right:0;
	left:0;
    bottom:0;
	padding-top:0;
}
.carousel-caption img{
    

}

.carousel-caption a{
	color:#FFF;
	text-decoration:none;
}
.carousel-caption a:hover, .carousel-caption a:active{
	color:#FF7D00;
}
.carousel-indicators{
	bottom:0;
}	
img.carousel {width: 100%;}

.full_width {width: 100%;}



/************************NAV BAR **************************/

.navbar {border-radius:0; background-color:#F0F0F0; padding-left:20px; margin-bottom:0;}

.navbar-default .navbar-nav > .active > a, .navbar-default .navbar-nav > .active > a:hover, .navbar-default .navbar-nav > .active > a:focus {
    color: #FFF;
    background-color:#FF7D00;
}
.navbar-default .navbar-nav > li > a:hover {
  color: #FF7D00;
  background-color:#FFF;	
}

.navbar-default .navbar-toggle {
    border-color: #FF7D00;
}
.navbar-default .navbar-toggle .icon-bar {
    background-color: #C74900;
}

.navbar-default .navbar-toggle:hover, .navbar-default .navbar-toggle:focus {
    background-color: #FF7D00;
}

#brand_img{position:absolute; top:0; left:0;}


/************************MAP **************************/

#map_info a{
color:#FF7D00;
	
}
#map_info a:hover{
color:#CCC;		
}

#map_land{
margin-right:15px;
margin-top: 15px;
width:20%;
max-width:280px;
min-width:110px;
padding: .5em 1em;
right:0;	
position:absolute;
z-index:9999;
background-color:white;
-webkit-box-shadow: 0 0 10px #000;
box-shadow: 0 0 10px #000;

}
#map_land a{
text-decoration:none;
color:#CCC;		
}
#map_land a:hover{
	color:#FF7D00;
}

#map_land .map_info a{
color:#FF7D00;
}
#map_land .map_info a:hover{
color:#CCC;		
}

#map_container{
top:0;
left:0;
bottom:0;
right:0; 
position:fixed;
z-index:0;
 
}
#map{
	
	height:100%;
	width:100%;
}

/*---------------INFOBOX-----------------*/
.myinfobox{
    margin-top: 8px;
    padding: .5em 1em;
    background-color:#FFF;
    -webkit-box-shadow: 0 0 10px #000;
    box-shadow: 0 0 10px #000;
	
}
.myinfobox h2{
text-align:center; 
padding:0; 
margin:0;
}
.myinfobox h3{
font-size: 12px;
padding:0; 
margin:0;
}

.myinfobox a{
text-decoration:none;
color:#CCC;
}
.myinfobox a:hover{
color:#FF7D00;	
}
	



/************************CONTENT**************************/
.left_col {
border-right:solid 1px #FF7D00;
margin-top:20px;
}
.left_col h4{
margin-top: 5px;
margin-bottom:5px;
}
.left_col a{
text-decoration:none;
color:#FF7D00;
}
.left_col a:hover{
color:#CCC;	
}

.left_col img{
	margin:0 auto;
}
/*---------------------------*/

.right_col {
border-left:solid 1px #FF7D00;
margin-top:20px;
}
.right_col h4{
margin-top: 5px;
margin-bottom:5px;
}

.right_col a{
text-decoration:none;
color:#FF7D00;	
}
.right_col a:hover{
color:#CCC;	
}
.right_col img{
margin:0 auto;
}

/*---------------------------*/

.center_col {
margin-top:20px;	
}
.center_col a{
text-decoration:none;
color:#FF7D00;		
}
.center_col a:hover{
color:#CCC;		
}
/*apply to image to float just one image*/
.img_left{
	float:left;
	padding-top:6px;
	padding-right: 10px;
	max-width:120px;
}

/* if apply .img_left to container - all images float left*/
.img_left img{
	float:left;
	padding-top:6px;
	padding-right: 10px;
	max-width:120px;
}

/*apply to image to float just one image*/
.img_right{
	float:right;
	padding-top:6px;
	padding-left: 10px;
	max-width:120px;
}

/* if apply .img_left to container - all images float left*/
.img_right img{
	float:right;
	padding-top:6px;
	padding-left: 10px;
	max-width:120px;
}
.more_news a{
display:block;
width:100px; 
margin:0 auto; 
text-decoration:none; 
text-align:center;
color:#FF7D00; 
cursor:pointer;	
}
.more_news a:hover{
color:#CCC;	
}


    /*========== ************ Mobile First ******************** ==========*/

    /* Custom, iPhone Retina (320 and bigger)*/ 
    @media only screen and (min-width : 320px) {

    }
    /* Extra Small Devices, Phones (480 and bigger)*/ 
    @media only screen and (min-width : 480px) {
		
    }

    /* Small Devices, Tablets (768 and bigger)*/
    @media only screen and (min-width : 768px) {
		/*HIDE ON SMALL*/

    }

    /* Medium Devices, Desktops (992 and bigger) */
    @media only screen and (min-width : 992px) {
    }

    /* Large Devices, Wide Screens 1200 */
    @media only screen and (min-width : 1200px) {
    }
    /*========== ********** Non-Mobile First Method  ******************* ==========*/

    /* Large Devices, Wide Screens (1200 and smaller)*/
    @media only screen and (max-width : 1200px) {
		html, body {font-size:12px;}
		h1 {font-size:16px;} 
		h2 {font-size:15px;}    
		h3 {font-size:14px;}    
		h4 {font-size:13px;}    

    }

    /* Medium Devices, Desktops (992 and smaller)*/
    @media only screen and (max-width : 992px) {
    }

    /* Small Devices, Tablets (768 and smaller)*/
    @media only screen and (max-width : 768px) {
		
		#myCarousel .carousel-caption p {
			margin-bottom: -2px;
		}
         #myCarousel .carousel-caption h3 {
			margin-bottom: -1px;
		 }
		#myCarousel .carousel-caption a img {
			margin-bottom:10px;
		 }


.navbar {padding-left:0;}
		 
	.navbar-nav > li > a {
    line-height: 10px;
    padding-bottom: 8px;
    padding-top: 8px;
}

.left_col{
	border:none;
}
.right_col {
    border:none;
}
	}
	
    /* Extra Small Devices, Phones (480 and smaller) */ 
    @media only screen and (max-width : 480px) {
.hide_on_phone {display:none;}
		    
		html, body {font-size:10px;}
		h1 {font-size:15px;} 
		h2 {font-size:14px;}    
		h3 {font-size:13px;}    
		h4 {font-size:12px;}    

		}

    /* Custom, iPhone Retina (320 and smaller)*/ 
    @media only screen and (max-width : 320px) {
    .hide_on_tiny {display:none;}
    }
