@charset "utf-8";
/* CSS Document */
/* Eartic Solutions */
/* Version 1.0 */
/* Design By Ashan Eranga */

/****************************COMMON STYLE***************************/
body{
	height:100vh;
	width:100%;
	font-family: 'Merriweather', serif;
	background-color:#F7F7F7;
}

a{
	color:#ff7f0b;
	text-decoration:none;
}

a:hover{
	color:#86a34f;
	text-decoration:none;
}

h1 h2 h3 h4 h5{
	font-family: 'Merriweather', serif;
	font-weight:400;
}

p h6 a span{
	font-family: 'Merriweather', serif;
	font-weight:200;
}

.main_wrapper{	
	/*background-color:#9F9;*/
}

.para{
	color:#FFF;
}

.read_more{
	color:#86a34f;
	font-weight:600;
	font-size:16px;
	transition:all 0.4s;
}

.read_more:hover{
	color:#8c96b8;
	transition:all 0.4s;
}

.black{
	color:rgba(0,0,0,0.5) !important;	
}

.r_black:hover{
	color:#ff7f0b !important;
}

.sep{
	color:#666;
	width:100%;
}

.border_les{
	padding-bottom:12px !important;
	font-size:36px !important;
}

/***************************MENU SECTION********************************/
.big_top{
	background-color:#e5322c;
}

.top_text{
	color:#FFF !important;
	font-size:11px;
}

.logo{
	margin-top:-2%;
}

.top{
	z-index:999;
	margin-bottom:0px;
	background-color:#FFF;
	border-bottom:solid 5px #1f497d;
}

.main_pic_holder{
	padding:0px;
	z-index:-999;
	position:relative;
}

.eartic_navbar{
	background-color:transparent;
	border:none;	
}

.menu_li{
	padding:0px 10px;
	min-height:40px;
	margin-top:3%;
	color:rgba(255,255,255,0.4);
	border-right:solid 1px rgba(0,0,0,0.4);
	transition:all 0.4s;
}

.menu_li:last-child{
	border-right:none;
}

.menu_li a{
	color:#000 !important;
	text-transform:uppercase;
	transition:all 0.4s;
}

.menu_li a:hover{
	color:#e5322c !important;
	transition:all 0.4s;	    
}

.li_active a{
	color:#e5322c !important;
}


/***********************sub Menu**********************/
.main_nav_ul{
	background-color:#FFF !important;
	border:none;
}

.main_menu_li_sub a{
	color:#000 !important;
	font-family: 'Amaranth', sans-serif;
	font-weight:400;
	border-right:solid 1px rgba(255,255,255,0.2);
	transition:all 0.4s;
	background-color:rgba(0,0,0,0) !important;
}

.main_menu_li_sub a:hover{
	color:#e5322c !important;
	transition:all 0.4s;
	text-decoration:none;
}

.dropdown-submenu {
    position:relative;
	z-index:999999 !important;
}
.dropdown-submenu>.dropdown-menu {
   top:0;left:100%;
   margin-top:-6px;margin-left:-1px;
   -webkit-border-radius:0 6px 6px 6px;-moz-border-radius:0 6px 6px 6px;border-radius:0 6px 6px 6px;
 }
 
.main_menu_li_sub{
	padding:2%;
	border-top:solid rgba(0,0,0,0.1) 1px;
	transition:all 0.4s;
}

.main_menu_li_sub:hover{
	background-color:#000;
	transition:all 0.4s;
}
  
.dropdown-submenu > a:after {
  border-color: transparent transparent transparent #292929;
  border-style: solid;
  border-width: 5px 0 5px 5px;
  content: " ";
  display: block;
  float: right;  
  height: 0;     
  margin-right: -10px;
  margin-top: 5px;
  width: 0;
}
 
.dropdown-submenu:hover>a:after {
    border-left-color:#555;
 }

.dropdown-menu > li > a:hover, .dropdown-menu > .active > a:hover {
  text-decoration: none;
} 

@media (max-width: 767px) {

  .navbar-nav  {
     display: inline;
  }
  .navbar-default .navbar-brand {
    display: inline;
  }
  .navbar-default .navbar-toggle .icon-bar {
    background-color: #fff;
  }
  .navbar-default .navbar-nav .dropdown-menu > li > a {
    color: red;
    background-color: #FFF;
	text-decoration:none !important;
    border-radius: 4px;
    margin-top: 4px;   
  }
   .navbar-default .navbar-nav .open .dropdown-menu > li > a {
     color: #333;
   }
   .navbar-default .navbar-nav .open .dropdown-menu > li > a:hover,
   .navbar-default .navbar-nav .open .dropdown-menu > li > a:focus {
     background-color: #FFF;
	 text-decoration:none !important;
   }

   .navbar-nav .open .dropdown-menu {
     border-bottom: 1px solid white; 
     border-radius: 0;
   }
  .dropdown-menu {
      padding-left: 10px;
  }
  .dropdown-menu .dropdown-menu {
      padding-left: 20px;
   }
   .dropdown-menu .dropdown-menu .dropdown-menu {
      padding-left: 30px;
   }
   li.dropdown.open {
    border: 0px solid red;
   }

}
 
@media (min-width: 768px) {
  ul.nav li:hover > ul.dropdown-menu {
    display: block;
  }
  #navbar {
    text-align: center;
  }
}  



/**************************CONTENT************************/
.color_bg{
	background-color:#FFF;
	min-height:400px;
	border-bottom:solid 1px rgba(0,0,0,0.2);
}

.des_box{
	margin-top:4%;
}

.welcome_text{
	font-weight:bolder;
	margin-bottom:40px;
	color:#e5322c;
}

.sub_topic{
	margin-top:10px;
	font-size:18px;
	font-weight:bold;
	color:#000;
}

.color_change{	
	margin-top:30px;
	color:#1f497d;
}

.my_ul{
	margin-left:4%;
}

.my_list{
	color:#1f497d;
	font-size:14px;
	margin-top:4%;
}

.top_lit{
	margin-top:8%;
}

.product_area{
	background-color:#FFF;
	padding-bottom:2%;
	padding-top:2%;
}

.product_b{
	border:solid 1px rgba(102,102,102,0.1);
	margin-top:2%;
	padding:2%;
}

.color_bg_02{
	background-color:#e5322c;
	min-height:170px;
}

.sup_big{
	font-size:70px;
	letter-spacing:5px;
	text-align:center;
	color:#FFF;
	margin-top:-0.5%;
}

.l_hei{
	line-height:28px;
}

.para_box{
	color:#e5322c !important;
	transition:all 0.4s;
}

.view_all{
	font-size:13px;
	color:#1f497d;
	transition:all 0.4s;
}

.view_all:hover{
	color:#e5322c;
	transition:all 0.4s;
}

.icon_arr{
	transition:all 0.4s;
}

.view_all:hover .icon_arr{
	transition:all 0.4s;
	padding-left:5%;
}

.box_prod:hover .para_box{
	color:#1f497d !important;
	transition:all 0.4s;
}

.box_prod img{
	filter: grayscale(0%);
    -webkit-filter: grayscale(0%);  /* For Webkit browsers */
    filter: gray;  /* For IE 6 - 9 */
    -webkit-transition: all .8s ease;  /* Transition for Webkit browsers */
}

.box_prod img:hover{	
	filter: grayscale(100%);
    -webkit-filter: grayscale(100%);  /* For Webkit browsers */
    filter: gray;  /* For IE 6 - 9 */
    -webkit-transition: all .8s ease;  /* Transition for Webkit browsers */	
}


/*****************************FOTER***********************/
.footer{
	background-color:#BFE4FB;
	min-height:300px;
	padding-bottom:2%;
	padding-top:2%;
}

.f_box{
	border-left:solid 1px rgba(42,47,45,0.8);
	margin-top:3%;
}

.f_tag{
	list-style:none;
}

.f_tag a{
	color:#000 !important;
}

.f_tag address, p, h4{
	color:#000 !important;
}

.social_icon_link{
	text-align:center;
	color:#FFF;
}

.social_icon{
	border-radius:50px;	
	background-color:#422874;
}

.twiter_icon{
	margin-left:3%;
	padding:10px;
	transition:all 0.4s;
}

.twiter_icon:hover{
	color:#000;
	background-color:#FFF;
	transition:all 0.4s;
}


/**************************************CONTACT*******************************/
.contact_page{
	color:#000 !important;
}

.eartic_btn{
	border:none;
	padding:2%;
}


/************************PRODUCTS****************************************/
.pro_box{
	min-height:230px;
	border:solid 1px rgba(0,0,0,0.1);
	margin-bottom:4%;
	-webkit-box-shadow: 0 8px 6px -6px rgba(0,0,0,0.4);
	   -moz-box-shadow: 0 8px 6px -6px rgba(0,0,0,0.4);
	        box-shadow: 0 8px 6px -6px rgba(0,0,0,0.4);
	background-color:#FFF;
	padding:2%;
}

.pro_box img{
	-webkit-transition: all 1s ease; /* Safari and Chrome */
    -moz-transition: all 1s ease; /* Firefox */
    -o-transition: all 1s ease; /* IE 9 */
    -ms-transition: all 1s ease; /* Opera */
    transition: all 1s ease;
    max-width: 100%;
}

.pro_box:hover img{
	-webkit-transform:scale(1.05); /* Safari and Chrome */
    -moz-transform:scale(1.05); /* Firefox */
    -ms-transform:scale(1.05); /* IE 9 */
    -o-transform:scale(1.05); /* Opera */
     transform:scale(1.05);
}

.p_imgae_b{
	border-bottom:solid 1px rgba(0,0,0,0.1);
}

.view_more{
	background-color:#e5322c;
	padding:3%;
	text-align:center;
	color:#FFF;
}

.view_more:hover{
	background-color:#1f497d;
	color:#FFF;
}

.p_topic{
	font-size:12px;
	text-transform:capitalize;
	color:#000;
}

.topic_nor{
	color:#000;
	font-weight:bolder;
	font-style:italic;
}

.pro_modal{
	border:none;
	border-radius:0;
	box-shadow:5px 5px 10px #CCC;
}

.pro_dialog{
	border:none !important;
}

.pro_content{
	border:none;
	border-radius:70%;
	min-height:550px;
}

.product_name{
	text-align:center;
	margin-top:40px;
	color:#000;	
}

.mod_read{
	margin-left:auto;
	margin-right:auto;
	width:40%;
	margin-top:7%;
}