:root {
	--primary: #F1C778;
	--secondary: #404040;
	--themeRed: #CE423B;
	--white: #ffffff;
	--grey: #F8F5F2;
}


@font-face {
	font-family: Trueno-bold;
	src: url(../fonts/Trueno-ExtraBold.ttf);
}

@font-face {
	font-family: Mistral;
	src: url(../fonts/Mistral.ttf);
}


@font-face {
	font-family: Helvetica;
	src: url(../fonts/Helvetica.ttf);
}

@font-face {
	font-family: Helvetica-neue;
	src: url(../fonts/HelveticaNeueRoman.otf);
}

@font-face {
	font-family: Helvetica-neue-thin;
	src: url(../fonts/HelveticaNeueThin.otf);
}


.inner_head{
	background-color:transparent;
	/* box-shadow: inset 0 6px 5px rgba(0,0,0,0.3); */
}

.inner_head h2{
color: var(--primary);
font-weight: 600;
margin: 0;
text-transform: capitalize;
position: relative;
font-size: 40px;
padding: 0 0 10px;
}

.figure-header{
	position: relative;
	overflow: hidden;
	height: 200px;
	background-color: #000;
	z-index: 1;
}

.figure-header h2{
padding-top:42px;
}

.figure-header img{
	position: absolute;
	top: 50%;
	left: 0;
	right: 0;
	z-index: -1;
	transform: translateY(-50%);
	opacity: 0.5;
}

@media(max-width:500px){
    .figure-header{   
     height:130px;   
    }
    .inner_head h2{
    font-size:28px;
    padding-top:28px;
    }
}

/* .inner_head h2:before{
content: "";
position: absolute;
left: 0;
bottom: 0;
width: 100px;
height: 3px;
background-color: #fff;
	} */

/**contact-page-css***/

.map_container iframe{
width:100%;	
}
	
.touch_via{
position: relative;
  box-shadow: 0 0 20px rgba(0,0,0,0.2);
  padding: 35px 20px 20px;
  max-width: 600px;
  margin: 40px auto;
  border: 1px solid #e1e1e1;
}

.touch_via article{
color:#000;
/* text-align:center; */
}

.touch_via article span{
	background-color: var(--themeRed);
	color: var(--white);
	border-radius: 100px;
	text-align: center;
	width: 35px;
	display: inline-block;
	height: 35px;
	padding: 4px 0 0;
}

.touch_via article i{
font-size:17px;	
}

.touch_via article a{
color:#000;
padding: 8px 5px;
display: inline-block;
font-size: 18px;	
transition:0.3s;
}

.touch_via article a:hover{
text-decoration:none;
transition:0.3s;
color:#c2c2c2;	
}

.touch_via article p{
margin:0;	
font-size: 18px;
padding: 8px 5px;
}

.touch_form{
padding: 50px 50px 40px;
background-color: #e9e9e9;
margin: 20px 0 40px;
}

.touch_via .btn{
font-size:15px;
}

@media only screen and(max-width:767px){

.inner_head h2{
font-size: 32px;
}

.touch_via{
position:inherit;
top:0;
}

.contact_options{
padding: 20px 0;
}

.touch_via {
    padding: 30px 20px 20px;
        margin: 20px 0 25px;
            box-shadow: 0 0 5px rgba(0,0,0,0.2);
}

.touch_via article {
    padding: 15px 0;
}

.touch_form {
    padding: 40px 20px 30px;
    }

   .touch_form form input[type="submit"]{
   	font-size: 18px;
   } 
	
}

.contact_form h1{
margin:0;
text-transform:uppercase;
text-align:center;
font-weight:400;	
font-size:40px;
}

.contact_form form .inner_holder input{
width:100%;
padding: 8px;
}

.contact_form form textarea{
width:100%;	
padding:8px;
height:150px;
resize:none;
}

.touch_form form input[type="text"],
.touch_form form input[type="email"],
.touch_form form input[type="password"],
.contact_form form textarea{
	margin: 0 0 25px;
padding: 12px;
}

@media only screen and (max-width:991px){

.contact_form form .inner_holder {
    margin: 0 0 12px;
}

.contact_form form textarea {
    margin: 0px 0 0;
}
	
.contact_form h1 {
    font-size: 32px;
}
	
}	

.quick_contact{
	background-color: #dedede;
	padding: 20px;
	margin: 8px;
	position: relative;
}

.quick_contact:before{
content: "";
position: absolute;
left: -8px;
top: -8px;
bottom: -8px;
right: -8px;
border: 1px solid #0e74bc;
	}

.quick_contact h3{
	font-size: 26px;
	font-weight: 500;
	position: relative;
	padding: 0 0 10px;
}

.quick_contact h3:before{
content: "";
position: absolute;
left: 0;
bottom: 0;
width: 100px;
height: 3px;
background-color: #0c65a4;
	}


/***blog-page-css***/

.blog_card{
background-color: #f6f6f6;
padding: 12px 12px 15px;
border: 1px solid #ededed;
box-shadow: 1px 2px 5px rgba(0,0,0,0.1);
margin: 0 0 20px;
}	

.blog_card figure{
margin: 0 0 10px;
position: relative;
    overflow: hidden;
    background-color: #000;
    height: 230px;
    text-align: center;
	}

.blog_card figure img{
min-height: 100%;
min-width: 180%;
max-width: 200%;
transition: 0.3s;
width: auto;
height: auto;
position: absolute;
top: 50%;
left: 50%;
-ms-transform: translateX(-50%) translateY(-50%);
-webkit-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
margin: auto;
}	

.blog_card figure h3{
position: absolute;
bottom: 0;
left: 0;
right: 0;
background-color: rgba(0,0,0,0.6);
color: #fff;
font-size: 18px;
text-align: left;
padding: 12px 15px;
font-weight: 500;
margin: 0;
text-transform: capitalize;
	}

.blog_card figure h3 i{
font-size: 13px;
text-transform: capitalize;
display: block;
padding: 8px 0 0;
}	

.blog_card p{
	font-size:15px;
	line-height: 1.6;
}

.blog_card a{
	border: 1px solid #ccc;
	color: #0e74bc;
	font-size: 15px;
	padding: 4px 6px;
	display: inline-block;
	margin: 10px 0 5px;
	transition: 0.3s;
}

.blog_card a:hover{
background-color: #fff;
transition: 0.3s;
	}

@media(min-width: 992px){
.blog_card{
min-height: 515px;
}
}

@media(min-width: 1025px){

.blog_card figure {
    height: 250px;
}

}	

.blog_detail figure{
	height: 280px;
}

@media(min-width: 500px){
.blog_detail figure{
	height: 400px;
}
}

.categories_body h3{
font-size: 26px;
font-weight: 500;
position: relative;
padding: 0 0 10px;
}

.categories_body h3:before{
content: "";
position: absolute;
left: 0;
bottom: 0;
width: 100px;
height: 3px;
background-color: #0c65a4;
	}

.categories_body ul{
	list-style-type: none;
	padding: 0;
	margin: 10px 0 0;
}	

.categories_body ul li{
padding: 8px 8px 8px 20px;
border-bottom: 1px solid #efefef;
position: relative;
	}

.categories_body ul li:before{
content: "\f101";
font-family: "FontAwesome";
position: absolute;
left: 0;
top: 11px;
color: #0c65a4;
font-size: 14px;
}

.categories_body ul li a{
color: #000;
font-size: 16px;
transition: 0.3s;
}	

.categories_body ul li a:hover{
color: #0c65a4;
transition: 0.3s;
	}