/* 

1. Add your custom Css styles below
2. Place the this code in your template: 

 <link href="css/custom.css" rel="stylesheet">

*/

#mainMenu nav > ul > li > a {padding: 10px 6px;}

.text-white {color: #FFF !important;}

.home_news_image_container {
	max-width: 261px;
}

.home_news_title {
	font-weight: 500;
	font-size: 16px;
}

.news_image_container {
	max-width: 350px;
}

.news_title {
	font-weight: 500;
	font-size: 24px;
}

.text_red {
	color: #640007;
}

.title_medium {
	font-weight: 300 !important;
}

.area_box_title_container,
.section_title_container {
	min-height: 60px;
}

.area_box_title,
.section_title {
	font-size: 30px !important;
	line-height: 30px !important;
}

.home_area_title {
	position: absolute;
	bottom: 5px;
	left: 25px;
	font-size: 18px;
	flex-wrap: wrap;
	color: #fff;
	text-transform: uppercase;
}

.section-grey {
  background-color: #f8f8f8;
}

.section_title_content {
	color:#fff;
	font-weight:300;
	margin-bottom:0 !important;
	padding-left:3px;
}

.lead li {
	font-size: 18px;
    font-weight: 300;
    line-height: 22px;
    color: #777777;
    font-family: "Montserrat", "Helvetica", "Arial", sans-serif;
}
#mainMenu nav > ul > li 
.dropdown-menu > li > a, #mainMenu nav > ul > li 
.dropdown-menu > li > span, #mainMenu nav > ul > li
.dropdown-menu > li [class*="col-"] > ul > li > a{
	padding: 10px 8px 10px 8px;
}

#header .header-inner #logo a > img, #header #header-wrap #logo a > img {height: 45px; margin-top: 10px;}

@media (max-width: 479px) {	
	.hidden_xs {
		display: none !important;
	}
	#header .header-inner #logo a > img, #header #header-wrap #logo a > img {height: 30px !important;}
}

@media (min-width: 480px) and (max-width: 767px) {
	.hidden_sm {
		display: none !important;
	}

}

@media (min-width: 767px) and (max-width: 991px) {
	.hidden_md {
		display: none !important;
	}
	#mainMenu nav > ul > li {margin-left: 2px !important;}
	/*#mainMenu nav > ul > li > a {  padding: 10px 1px !important; }*/
	#mainMenu nav > ul > li > span {border: 4px solid #FFF !important; }
	#header .header-inner #logo a > img, #header #header-wrap #logo a > img {height: 40px !important;}
	
}

@media (min-width: 992px) and (max-width: 1199px) {
	.hidden_lg {
		display: none !important;
	}
	#mainMenu nav > ul > li {margin-left: 2px !important;}
	/*#mainMenu nav > ul > li > a {  padding: 10px 1px !important; }*/
	#mainMenu nav > ul > li > span {border: 4px solid #FFF !important; }
	#header .header-inner #logo a > img, #header #header-wrap #logo a > img {height: 30px !important;}
	

}


@media (min-width: 1240px) {
	.hidden_xl {
		display: none !important;
	}
	
	
}

@media (min-width: 992px) and (max-width: 1201px) {
	
	#mainMenu nav > ul > li {margin-left: 2px !important;}
	/*#mainMenu nav > ul > li > a {  padding: 10px 1px !important; }*/
	#mainMenu nav > ul > li > span {border: 4px solid #FFF !important; }
	/*#header .header-inner #logo a > img, #header #header-wrap #logo a > img {height: 65px !important;}*/
}


.col-xs-5ths,
.col-sm-5ths,
.col-md-5ths,
.col-lg-5ths {
	position: relative !important;
	min-height: 1px !important;
	padding-right: 15px !important;
	padding-left: 15px !important;
	padding-bottom:80px !important;
}

.col-xs-5ths {
	width: 20% ;
	float: left !important;
}

@media (min-width: 992px) {
	.col-xs-5ths {
		width: 20% !important;
		float: left !important;
	}
	/*#mainMenu nav > ul > li > a{ padding: 10px 1px;}
	#mainMenu nav > ul > li > a {font-size: 10px;}*/
	
}

@media (min-width: 1200px) {
	.col-lg-5ths {
		width: 20% !important;
		float: left !important;
	}
	#mainMenu nav > ul > li {margin-left: 2px !important;}
	
	#mainMenu nav > ul > li > span {border: 4px solid #FFF !important; }
	/*#header .header-inner #logo a > img, #header #header-wrap #logo a > img {height: 65px !important;}*/
	
	
}

@media (max-width: 479px) {
	.col-xs-5ths {
		width: 100% !important;
		float: left !important;
	}
}
/******************** MAPS ************************/
 #map {
	height: 400px !important;
	width:100% !important;
}

#mainMenu nav > ul > li > span > a {
    position: relative;
    font-family: "Montserrat", "Helvetica", "Arial", sans-serif;
    padding: 10px 10px;
    text-transform: uppercase;
    font-size: 12px;
    font-weight: 600;
    letter-spacing: 0.6px;
    color: #000000;
    border-radius: 0;
    border-width: 0;
    border-style: solid;
    border-color: transparent;
    transition: all .3s ease;
    line-height: normal;
}

@media (max-width: 767px) {
    .title_details_news {
        font-size: 22px;
    }
}

@media (max-width: 479px) {
	.position_logo {
		text-align: center;
	}
    .title_details_news {
        font-size: 22px;
    }
}
.parallax-container {
	background-position: center center !important;
}

/*#mainMenu nav > ul > li > a {  padding: 10px 10px;}*/
.pagination>li>a, .pagination>li>span {
    position: relative;
    float: left;
    padding: 6px 12px;
    line-height: 1.42857143;
    text-decoration: none;
    color: #640007;
    background-color: #fff;
    border: 1px solid #ddd;
    margin-left: -1px;
}

.owl-carousel .owl-nav .owl-next, .owl-carousel .owl-nav .owl-prev {display: none;}