/* Credit: http://www.cssmoban.com */

/* How to do full page background image - http://css-tricks.com/perfect-full-page-background-image/ */
/* carasmo's comment to hide horizontal scroll bar https://github.com/twbs/bootstrap/issues/10711 */

body {
	/* background-color: #222222; */
}

a { color: #336dd8; }
a:hover, a:focus { color: #CCFF66; }



.templatemo_juice_bg {
  	/* background: url(../images/bg-ground.jpg) no-repeat center center fixed;  */
  	-webkit-background-size: cover;
  	-moz-background-size: cover;
  	-o-background-size: cover;
  	background-size: cover;
  	overflow-x: hidden;
}

.templatemo_flower_1 {
	background: url(../images/25.jpg) no-repeat center center fixed; 
  	-webkit-background-size: cover;
  	-moz-background-size: cover;
  	-o-background-size: cover;
  	background-size: cover;
  	overflow-x: hidden;
}

.templatemo_flower_2 {
	background: url(../images/3.png) no-repeat center center fixed; 
  	-webkit-background-size: cover;
  	-moz-background-size: cover;
  	-o-background-size: cover;
  	background-size: cover;
  	overflow-x: hidden;
}

.templatemo_garden_bg {
  	background: url(../images/25.jpg) no-repeat center center fixed; 
  	-webkit-background-size: cover;
  	-moz-background-size: cover;
  	-o-background-size: cover;
  	background-size: cover;
  	overflow-x: hidden;
}

.templatemo_padaut_bg {
  	background: url(../images/25.jpg) no-repeat center center fixed; 
  	-webkit-background-size: cover;
  	-moz-background-size: cover;
  	-o-background-size: cover;
  	background-size: cover;
  	overflow-x: hidden;
}

.flexslider { width: 100%; }

.img_left {	float: left; margin-right: 20px; margin-bottom: 15px; }

h1 { text-align: center; color: #e13916; }
h4 { color: #FF961F; }

li { color: #6a6a6a; /* float:left; */ }
li, input { font-family: Arial, sans-serif; line-height:1.9em; }
li.active a { background-color: rgba(255, 255, 255, 0.2); color: #f55b1f;  }

nav { 
	text-align: center; 
	font-family: Arial, sans-serif; 
	
	
}

p {  color: #6a6a6a; font-family: Arial, sans-serif; line-height:1.9em;}
iframe, object, embed { width: 100%; border: none; margin-bottom: 20px; }

hr { 
	display: block; 
	height: 1px; 
	border: 0; 
	border-top: 1px dashed #ccc; 
	margin: 1em 0; 
	padding: 0;
}
article { margin-top: 15px; margin-bottom: 15px; }

.btn { border-radius: 0px; font-family: Arial, sans-serif; }

.btn-primary { background-color: #f55b1f; border-color: #c48c76; }

.btn-primary:hover, .btn-primary:focus, .btn-primary:active, .btn-primary.active { 
	background-color: #e13916; 
	border-color: #c48c76; 
}
span{
	line-height:1.9em;
}
/* .nav > li > a{
	
}
.nav > li > a:hover, .nav > li > a:focus { text-decoration: none; background-color: #f55b1f; color:black; } */

.navbar-form { margin-bottom: 20px; }

.form-control { border-radius: 0px; }
.form-control:focus { 
	border-color: rgba(245, 91, 31, 0.8); 
	outline: 0; 
	-moz-box-shadow: 0 0 8px rgba(241, 50, 150, 0.6); 
	box-shadow: 0 0 8px rgba(241, 50, 150, 0.6) !important; 
}
.copyrights{text-indent:-9999px;height:0;line-height:0;font-size:0;overflow:hidden;}
.credit { padding-bottom: 9px; padding-top: 12px; filter:alpha(opacity=50); background-color: rgba(0, 0, 0, 0.5); }
/* .container { margin:0px; width:100%; } */

.left-inner-addon { position: relative; }
.left-inner-addon input, .left-inner-addon textarea { padding-left: 30px; }
.left-inner-addon span { position: absolute; padding: 10px 12px; pointer-events: none; }

.float_r { float: right }
.img-thumbnail { border-radius: 0px; background-color: rgba(255, 255, 255, 0.2); border: none; }

#left_container {  background-color: rgba(0, 0, 0, 0);  text-align: center; }
#left_container li a { color: black; }

#right_container .row { clear: both; padding-top: 0px; padding-right: 10px; padding-bottom:20px; padding-left: 10px; }
#right_container .col-md-7 { padding-left: 0px; }
#right_container .right_container_title {cursor:text;}
#right_container .right_container_title:hover {text-decoration:none; color:#f55b1f;}

#right_container h2 { color: #337ab7; margin-top:20px; margin-bottom:6px; }
#right_container h3 { color: #337ab7; }

#templatemo_footer { color: #FFFFFF; font-size: 0.8em; text-align: center; font-family: Arial, sans-serif; }

  @media only screen and (max-width: 480px) {
 article img { margin-bottom: 10px; }
 article .btn { margin-bottom: 20px; }
 h4, p { text-align:left; }
 .btn { margin: 0 auto; }
} 

 @media only screen and (min-width: 992px) { 
  .container {display: table; }
  #left_container {display: table-cell; height: 100%;}
  #right_container {padding-top:1em;  display: table-cell;}
  .col-md-3, .col-md-9 {float:left;}
 } 

@media only screen and (max-width: 991px) {
  .container { display: block; }
  #left_container { display: block; height: auto; padding-top: 10px; padding-bottom: 20px; }
  #right_container { display: block; }
  #right_container .col-md-7 { padding-left: 15px; }
} 

 .container {  *display: table; }
 #left_container { 
	 display: table-cell;
	 height: 100%; 
	 float:left;
	 margin-top:2em;
	 background:#F1F1F1;
	 padding:0px;
	
	
 }
 
 
  #right_container {
	  display: table-cell;
	  float:left;
	  
}
/*   .col-md-3, .col-md-9 { float:left; } */
 
*html  #right_container { 
 width:60%;
 padding-top:100px;
 padding-right:20%; 
 display: table-cell;
 float:right;


}

.list-title{
	margin-top:18px;
	margin-bottom:2px;
}

.list-content{
	margin-bottom:10px;
}





/*services*/

.services {
	width:100%;
	
	position: relative;
	
	padding:0;
	background-size: cover;
	background-repeat: no-repeat;
	background-position: center center;
	background-attachment: fixed!important;
}

.services .section-overlay {
	width:100%;
	
	filter:alpha(opacity=60); 
	opacity: 0.6;
	background-color: #1a1a1a;
}

.service-box {
	margin: 10px 0;
}

.service-box i.fa {
	width: 84px;
	height: 84px;
	line-height: 86px;
	margin-bottom: -41px;
	border: none;
	background: #fff;
}

.services .service-details {
	margin-bottom: 30px;
	border-radius: 3px;
	background: rgba(0,0,0,.1);
	padding: 52px 14px 20px 14px;
}

.services .service-details h4 {
	margin: 2px 0 6px 0;
}

.services .service-details p {
	margin-bottom: 0;
}

.main_nav{
	padding:0px;
}

.main_nav {
	list-style:none;
}


.main_nav li:hover{
	background:#ff9e3c;
	color:white;
}

.main-hover{
	padding:10px 0px;
}

.nav-erji{
	width:100%;
	/* background:#DEE3E8; */
	background:#D2E4F7;
	
}

/* #nav2 a{
	padding:10px 20px;
	background:#aec;
	margin:0px;
} */

.nav-erji ul{
	list-style:none;
	
}
.nav-erji ul a>li{
	float:left;
	padding:1em 1em;
	font-size:1em;
}

.nav-erji ul a>li:hover{
	float:left;
	padding:1em 1em;
	background:#ff9e3c;
	color:white;
}

.we-information li{
	/* margin-bottom:10px; */
}


.nav-erji ul a>li.active{
	background:#ff9e3c;
	color:white;
}