/*===================================
	Common CSS
====================================*/

body{
   color: #666666;
   font-family: Georgia, sans-serif;
   font-size: 16px;
   line-height: 1.5em;
   margin: 0;
}

.container{
   margin: 0 auto;
   max-width: 960px;
   width: 96%;
}

img{
   max-width: 100%;
   height: auto;
}
.alignleft{
   float: left;
   margin-right: 40px;
   margin-bottom: 15px;
}
.alignright{
   float: right;
   margin-left: 15px;
   margin-bottom: 15px;
}
.aligncenter{
   display: block;
   margin: 0 auto 15px;
}
.alignleftimg{
   margin-bottom: 0;
}
/*===================================
	Top header CSS
====================================*/

.header_area{
   width: 100%;
   clear: both;
}
#top_header_area{
   background: #ba2e1f;
   padding: 15px 0;
   width: 100%;
}

.inner_top_header{
   overflow: hidden;
}

.mini_menu{
   float: left;
   width: 70%;
   padding-top: 5px;
}
.mini_menu ul{
   margin: 0;
   padding: 0;
   list-style: none;
   text-align: left; 
}

.mini_menu ul li{
   display: inline-block;
   position: relative;
   margin-right: 20px;
}

.mini_menu ul li::after{
   background: #ffffff;
   content: "";
   position: absolute;
   top: 6px;
   right: -9px;
   height: 12px;
   width: 1px;
}
.mini_menu ul li:last-child::after{
   display: none;
}

.mini_menu ul li a{
   color: #ffffff;
   display: block;
   font-size: 14px;
   text-decoration: none;
}
.mini_menu ul li a:hover{
   color: #ddd;
}

.search_area{
   float: right;
   width: 30%;
}
.search_area form{
   background: #fff;
   border-radius: 25px;
   float: right;
   padding: 2%;
   max-width: 210px;
   width: 96%;
}
.search_area input{
   border: 0px solid;
   width: 75%;
   padding: 1%;
   float: left;
   color: #000;
}
.search_area input[type="submit"]{
   background: url("img/search.png");
   background-repeat: no-repeat;
   background-position: right;
   width: 23%;
   cursor: pointer;
}

/*=====================================
	Main Header CSS
=====================================*/
#main_header_area{
   width: 100%;
   clear: both;
}
.inner_header{
   overflow: hidden;
   padding: 40px 0;
}
.logo_area{
   float: left;
   width: 240px;
}
.social_area{
   float: right;
   width: 100%;
   max-width: 600px;
   padding-top: 20px;
}
.social_area ul{
   list-style: none;
   margin: 0;
   padding: 0;
   text-align: right;
}
.social_area ul li{
   display: inline-block;
   margin-left: 15px;
}
.social_area ul li a{
   display: block;
   text-decoration: none;
}
.social_area ul li a i{
   display: block;
   text-decoration: none;
   color: #fff;
   background: #333333;
   width: 35px;
   height: 25px;
   border-radius: 50%;
   padding-top: 8px;
   text-align: center;  
	transition: 0.5s;
}
.social_area ul  li a:hover i{
   background: #ba2e1f;
}
.social_area ul  li a:hover i.fa-linkedin-in{
   background: #0174B0;
}
.social_area ul  li a:hover i.fa-twitter{
   background: #43bdf0;
}
.social_area ul  li a:hover i.fa-pinterest{
   background: #e62b32;
}
.social_area ul  li a:hover i.fa-google-plus-g{
   background: #eb393f;
}
.social_area ul  li a:hover i.fa-rss{
   background: #ee802f;
}
/*.social_area{
   padding-top: 20px;
}*/


/*===================================
	Main Menu CSS
==================================*/
#main_menu{
	width: 100%;
	clear: both;
}

.inner_menu{
	background: #333333;
	padding: 10px 0;
	border-radius: 5px;
	position: relative;
	/*overflow: hidden;*/
	min-height: 30px;
	z-index: 1;
}
.inner_menu::after{
	content: "";
	position: absolute;
	left: 0;
	bottom: 0;
	background: #2b2b2b;
	width: 100%;
	height: 50%;
	z-index: -1;
	border-radius: 5px;
}
#main_menu ul{
	margin: 0;
	padding: 0;
	list-style: none;
	text-align: center;
}

#main_menu ul li{
	display: inline-block;
	margin: 0 5px;
	position: relative;
}


#main_menu ul li a{
	display: block;
	color: #fff;
	text-decoration: none;
	padding: 2px;
}

#main_menu ul li a:hover{
	color: #ba2e1f;
}

/*Dropdown Style*/
#main_menu ul ul{
	position: absolute;
	background: #ba2e1f;
	width: 180px;
	left: -999999px;
	top: 28px;	
}
/*min-height: 30px;*/
#main_menu ul li:hover ul{
	left: 0;
}
#main_menu ul li:hover ul ul{
	left: -99999px;
}
#main_menu ul ul ul{
	left: -999999px;
	top: 0px;
}
#main_menu ul li ul li:hover ul{
	left: 180px;
}


#main_menu ul ul li{
	margin: 0;
	display: block;	
}
#main_menu ul li:hover a{
	color: #ba2e1f;
	
}
#main_menu ul ul li a:hover{
	background: #333;
	color: #fff;
}
#main_menu ul li:hover ul li a{
	color: #fff;
}
#main_menu ul ul li:hover a{
	background: #333;
	color: #fff;
}
#main_menu ul ul li:hover ul li a{
	background: none;
	color: #fff;
}
#main_menu ul ul li ul li a:hover{
	background: #333;
	color: #fff;
}
/*===================================
	Slider CSS
==================================*/
#slider_area{
	margin-top: 20px;
}
.item{
	position: relative;
}
.slider_caption{
	text-align: center;
	width: 100%;
	position: absolute;
	left: 50%;
	top: 50%;
	transform: translate(-50%, -50%);

}
.slider_area h1{
	color: #fff;
	font-size: 35px;
}

/*===================================
	Hero  CSS
==================================*/
#hero_area{
   background: #fff;
   margin: 0;
   padding: 0;
}
.inner_hero{
   overflow: hidden;
}
.inner_hero h1{
   color: #000000;
   font-size: 86px;
   line-height: 1em;
   font-weight: normal;
   margin-bottom: 15px;
}
.inner_hero p{
   color: #666666;
   font-size: 16px;
   font-weight: normal;
}
.inner_hero a{
   float: right;
   color: #ba2e1f;
   font-size: 16px;
   text-transform: uppercase;
   text-decoration: none;
   transition: 0.3s;
}

.inner_hero a:hover{
   color: #000;
}
/*===================================
	Work CSS
==================================*/
#work_area{
   background: #f2f2f2;
   padding: 45px 0;
}
.inner_work{
   overflow: hidden;
}
.child_work{
   width: 32%;
   float: left;
   margin: 0 1% 10px;
}
.child_work h2{
   color: #333333;
   font-size: 26px;
   font-weight: normal;
}
.about_area{
   margin-left: 0;
}
.about_area img{
   border: 1px solid #dfdfdf;
   padding: 5px;
   display: block;
}
.child_work p{
   color: #878787;
   font-size: 14px;
   font-weight: normal;
}
.child_work a{
   color: #b92d1f;
   font-size: 14px;
   font-weight: normal;
   text-decoration: none;
   clear: both;
   float: right;
   display: block;
}
.child_footer h4 a{
   float: none;
}
.child_work a:hover{
   color: #262626;
}
.child_service{
   width: 100%;
   overflow: hidden;
   margin-bottom: 15px;
}
.child_service .service_image{
   width: 25%;
   float: left;
}
.child_service .service_text{
   width: 75%;
   float: right;
}
.child_service .service_text h3{
   font-size: 14px;
   margin-top: 0;
   margin-bottom: 0;
}
.child_service .service_text p{
   margin-top: 0;
   line-height: 1.4em;
}

.testimonial_area{
   margin-right: 0;
}
.child_testimonial{
   width: 100%;
   margin-bottom: 5px;
   overflow: hidden;
}
.child_testimonial h3{
   width: 100%;
   color: #989898;
   font-size: 16px;
   font-weight: bold;
}
.child_testimonial h3 span{
   font-weight: normal;
}
/*===================================
	Footer Area CSS
/* ====================================*/

#footer_area{
   background: #fff;
   padding: 45px 0;
}
.inner_footer{
   overflow: hidden;
}
.child_footer{
   padding: 1%;
   margin: 0 1% 10px;
   width: 21%;
   float: left;
}
.child_footer h3{
   border-top: 1px solid #666;
   margin-top: 0;
   padding-top: 7px;
   color: #666;
   font-size: 16px;
   text-transform: uppercase;
}
.child_footer p{
   margin-top: 0;
   color: #666;
   font-size: 14px;
}
.child_footer p a{
   color: #b92d1f;
   text-decoration: none;
}
.child_footer ul{
   margin: 0;
   padding: 0;
   list-style: none;
   text-align: left;
}
.child_footer ul ul {
   display: none;
}
.child_footer ul li{
   display: block;
   border-bottom: 1px solid #666;
   background: url("img/next.png") no-repeat center left;
   padding-left: 17px;
   margin-bottom: 0;
   padding-bottom: 5px;
}
.child_footer ul li a{
   color: #666;
   font-size: 14px;
   text-decoration: none;
}
.child_footer ul li a:hover{
   color: #b92d1f;
}

.child_footer h4{
   color: #666;
   font-size: 14px;
   margin: 0 0 5px;
}
.child_footer h4 a{
   color: #666;
   text-decoration: none;
}
.child_footer h4 a:hover{
   color: #b92d1f;
}
.child_footer h6{
   margin: 0 0 10px;
   font-size: 14px;
   line-height: 1.3em;
}
.child_blog{
   width: 100%;
   overflow: hidden;
   margin-bottom: 20px;
}
.child_blog a{
   color: #b92d1f;
   font-size: 14px;
   text-decoration: none;
   float: right;
}
.child_blog a:hover{
   color: #ba2e1f;
}
.child_footer input{
   background: #f2f2f2;
   border: 0px solid;
   border-radius: 10px;
   padding: 10px 5%;
   margin-bottom: 10px;
   width: 90%;
}
.child_footer textarea{
   background: #f2f2f2;
   border: 0px solid;
   border-radius: 10px;
   padding: 10px 5%;
   margin-bottom: 10px;
   width: 90%;
}
.child_footer input[type="submit"]{
   width: 80px;
   color: #ba2e1f;
   cursor: pointer;
}
.child_footer input[type="submit"]:hover{
   background: #ba2e1f;
   color: #ffff;
}

/*===================================
	Copyright Area CSS
====================================*/
#copyright_area{
   background: #f2f2f2;
   padding: 20px 0;
}
.inner_copyright{
   overflow: hidden;
}
.inner_copyright p{
   margin: 0;
   color: #919191;
   font-size: 12px;
}
.left_copyright{
   float: left;
   width: 60%;
}
.right_copyright{
   float: right;
   width: 40%;
   text-align: right;
}
/* #copyright_area{
   background: #f2f2f2;
   padding: 20px 0;
}
.inner_copyright{
   overflow: hidden;
}
.left_copyright{
   float: left;
   width: 60%;
}
.right_copyright{
   float: right;
   width: 40%;
   text-align: right;
}
.inner_copyright p{
   margin: 0;
   color: #919191;
   font-size: 14px;
} */