@charset "utf-8";

/* CSS Document */

/* Eartic Solutions */

/* Version 1.0 */

/* Design By Ashan Eranga */



/****************************COMMON STYLE***************************/

h1, h2, h3, p, a, h5, li, div, span, h4{	

	font-family:myFirstFont;

}



a:hover{

	text-decoration:none;

}





/******************FIRST PAGE******************/



body {

	background-color:#FFF;	

}



.bg_cover{

	background-position:center;

	background-size:cover;

	background-repeat:no-repeat;

	background-image:url(../images/bg.png);

	height:auto;

}



.eartic_navbar{

	background-color:transparent;

	padding-bottom:2%;

	margin-bottom:30px;

	border-radius:0;

	border:none;

	transition:all 0.4s;

	margin-top:0%;

	height:100px;

	z-index:999 !important;

	position:relative;

	margin-top:-74%;

}



.nav_ul{

	margin-top:1.4%;

	margin-left:auto;

	margin-right:auto;

	text-align:center;	

	width:100% !important;

}



.menu_li{

	float:none !important;

	display:inline-block !important;

}



.menu_li a{

	color:#8a171a !important;

	transition:all 0.4s;

	background-color:transparent;

	text-align:center;

	font-size:18px;

	font-family: myFirstFont;

	font-weight:lighter;

	margin-left:auto;

	margin-right:auto;

}



.logo{

	padding-top:2%;

	text-align:center;

	margin-left:auto;

	margin-right:auto;

}



.menu_li a:hover{

	color:#364ca0 !important;

	transition:all 0.4s;

}



.li_active a{

	color:#364ca0 !important;

}



#recen_gal{

	  height: 500px;

	  width: 500px;

	  background-color: rgba(146,204,9,0.5);

	  transform: rotate(45deg);

	  top:100px;

	  left:28%;

	  position:relative;

	  border:solid 15px #FFF;

	  margin-bottom:0px;

	  margin-top:12%;

	  z-index:999999 !important;

}



.w_slide{

	transform: rotate(315deg) !important;

	margin-left:0%;

	margin-top:10%;

}



.w_titt{

	color:#333;

	text-align:center;

	text-transform:uppercase;

	font-size:40px;

}



.w_img{

	display:block;

	margin-left:auto;

	margin-right:auto;

	margin-top:2%;

	margin-bottom:2%;

}



.w_para{

	text-align:center;

	color:#FFF;

	width:80%;

	margin-left:auto;

	margin-right:auto;

	font-size:20px;

	margin-top:2%;

	margin-bottom:2%;

}



.read_more{

	background-color:#b61f24;

	color:#FFF;

	padding:2%;

	border-radius:5px;

	transition:all 0.4s;

	margin-top:2%;

}



.read_more:hover{

	background-color:#354a9f;

	color:#FFF;

	transition:all 0.4s;

}



.read_more:active{

	background-color:#354a9f;

	color:#FFF;

	transition:all 0.4s;

	outline:none;

}





#recen_gal1{	  

	  height: 300px;

	  width: 300px;

	  background-color: rgba(146,204,9,0.5);

	  transform: rotate(45deg);

	  top:100px;

	  left:37%;

	  position:relative;

	  border:solid 15px #FFF;

	  margin-bottom:0px;

	  margin-top:12%;

	  z-index:999999 !important;

}



.w_slide1{

	transform: rotate(315deg) !important;

	margin-left:0%;

	margin-top:10%;

}



#recen_gal2{

	  height: 300px;

	  width: 300px;

	  background-color: rgba(146,204,9,0.5);

	  transform: rotate(45deg);

	  top:100px;

	  left:14%;

	  position:relative;

	  border:solid 15px #FFF;

	  margin-bottom:0px;

	  margin-top:10% !important;

	  z-index:999999 !important;

}



.w_slide2{

	transform: rotate(315deg) !important;

	margin-left:2%;

	margin-top:5%;

}



#recen_gal3{

	  height: 300px;

	  width: 300px;

	  background-color: rgba(146,204,9,0.5);

	  transform: rotate(45deg);

	  top:-180px;

	  left:60%;

	  position:relative;

	  border:solid 15px #FFF;

	  margin-bottom:0px;

	  margin-top:-1% !important;

	  z-index:999999 !important;

}



.w_slide3{

	transform: rotate(315deg) !important;

	margin-left:3%;

	margin-top:10%;

}





/****************FOOTER******************/

.icons{

	color:#ae1e23;

	text-align:center;

}



.para_f{

	color:#333;

	font-size:18px;

	text-align:center;

	letter-spacing:4px;

}



.para_tel{

	font-size:20px;

	letter-spacing:4px;

	text-align:center;

}







/***************************************CONTACT DETAILS**********************/

.midd_det_box{

	min-height:700px;

	background-color:rgba(146,204,9,0.65);

	border:solid 7px #FFF;

	border-radius:2px;

	margin-top:2%;

	margin-bottom:2%;

	background-image:url(../images/top_bg.png);

	background-repeat:no-repeat;

	background-position:top center;

	background-size:contain;

}



.main_titt{

	color:#333;

	font-size:25px;

	background-image:url(../images/titt_bg.png);

	background-position:center;

	background-repeat:no-repeat;

	text-align:center;

	height:200px;

	padding-top:10%;

}



.left_box{

	padding-right:4%;

}



.right_box{

	padding-left:4%;

	border-left:solid 1px rgba(255,255,255,0.5);

}



.con_titt{

	text-transform:uppercase;

	color:#000;

	font-size:27px;

}



.adres{

	color:#333;

	font-size:18px;

	letter-spacing:1.5px;

}



.eartic_form{

	border:solid 1px rgba(255,255,255,0.4);

	font-size:16px;

	background-color:transparent;

	color:#FFF;

	min-height:60px;

}



.eartic_btn{

	background-color:#FFF;

	color:#000;

}

.adress22{

	text-align:center;

	color:#ae1e23;

}



.s_icon2{

	width:70px;

	height:70px;

}



.s_icon{

	padding-top:4%;

	border:solid 1px #ae1e23;

	border-radius:50%;

	width:70px;

	height:70px;

	transition:all 0.4s;
	color: #ae1e23 !important;

}



.s_icon:hover{

	border:solid 1px #FFF;

	transition:all 0.4s;

	color:#FFF !important;

	cursor:pointer;

}	



/*************************ABOUIT***************************************/

.para{

	font-size:20px;

	text-indent:10px;

	text-align:justify;

	color:#494949;

}



.about_content{

	padding:4%;

}