/*---------------------------------------------------------------

# Author - mixwebtemplates http://www.mixwebtemplates.com
# Copyright (C) 2008 - 2017 mixwebtemplates.com. All Rights Reserved.
# Websites: http://www.mixwebtemplates.com
-----------------------------------------------------------------*/
h1,h2,h3,h4, #typed, .typed-cursor, .pi-slide .info
 {
	font-family: LaneNarrowRegular,Arial,Helvetica,sans-serif;
	font-weight:300;
}

body.bg { color: #444; background-color: #fafafa;}
#wrapper { color: #444; background-color:rgba(255,255,255,0.9);}
body.bg, #wrappet { color: #444; background-color:rgba(255,255,255,0.9);}
#bottsite { color: #fff; background-color: rgba(0,0,0,0.8); padding: 20px 0px; }
#menuHeader{padding: 10px 0px; min-height: 50px;}
#bottomspot  { background-color:rgba(255,255,255,0.8); color: #444;}
.main-title-wrapper h1 { color: #fff; font-family: Arial,Helvetica,sans-serif; font-size: 60px;
	font-weight:bold; }

#gofoot { color: #000; background-color: #55AF31; padding: 0px 0px; }
#gofoot a{color:#000}
#gofoot span.designed_by a{color:#000}
#foot a{color:#000}
#gofoot a:hover,a:active,a:focus{color:#fff;}
#foot a:hover,a:active,a:focus{color:#fff;}
#foot li a {
  padding: 5px 0px;
}
#foot { color: #000; background-color: #55AF31; padding: 40px 0px; }
#foot a{ background: transparent;}
#mx-foot1 li a{ padding: 5px 0px;}
#mx-foot2 li a{ padding: 5px 0px;}
#mx-foot3 li a{ padding: 5px 0px;}
#abo { color: #444; background-color: #f2f1f1;}
#header{ width: 100%; margin-left:auto;margin-right:auto;  z-index: 50000; padding: 10px 0px; min-height: 50px;
	box-shadow:0 0 5px rgba(0,0,0,0.2);
	-moz-box-shadow:0 0 5px rgba(0,0,0,0.2);
	-webkit-box-shadow:0 0 5px rgba(0,0,0,0.2);}
#header, #mx-header.menu-fixed { background-color: #fff;}
#tophead { background-color:rgba(255,255,255,0.9); color: #444;}
.jul-formregistration, .jul-formlogin { color: #222;}

.mx_date { padding: 5px 0px;}
.pi-slide .info { font-size: 18px; line-height: 29px;}
#menuout .mx-inner,
#mx-banner .mx-inner, #mx-header  .mx-inner, #mx-gallery  .mx-inner {
	padding:0;
}
#mx-search { height: 46px;}
#mx-bottom a{ background: transparent;}
#mx-bottom li a{ padding: 7px 0px; border-bottom: 1px solid #777;}
#bottomspot .mx-inner {padding:0;}
#hormenu ul li .submenu-inner,#sublevel ul li .submenu-inner { padding: 3px; margin: 1px 3px 3px 3px; border: 1px solid #ccc;
	box-shadow:0 0 3px rgba(0,0,0,0.1);
	-moz-box-shadow:0 0 3px rgba(0,0,0,0.1);
	-webkit-box-shadow:0 0 3px rgba(0,0,0,0.1);}
.mx_date{float:left;margin-top:8px}
.form-actions{padding:2px 4px 2px;margin-top:5px;margin-bottom:5px;background: transparent;border-top:1px solid #fff;*zoom:1;}	
input{width:90%;}
textarea{width:98%;}
.quick_contact input{width:80%;}
#contact-form input{width:40%;}
#user-registration input, #member-registration input, .login input{width:230px;}
.pagenav a,.pager a{display:inline-block;padding:4px 14px;background-color:#fff;border:1px solid #ddd;-webkit-border-radius:5px;-moz-border-radius:5px;border-radius:5px;background:#fafafa; border-bottom:1px solid #dadada;
	background-image: -webkit-linear-gradient(top,  #fff, #e6e6e6);
	background-image: -moz-linear-gradient(top, #fff, #e6e6e6);
	background-image: -ms-linear-gradient(top, #fff, #e6e6e6);
	background-image: -o-linear-gradient(top, #fff, #e6e6e6);}
.pager a:hover{text-decoration:none;background:#f5f5f5; border-bottom:1px solid #dadada;
	background-image: -webkit-linear-gradient(top,  #e6e6e6, #fff);
	background-image: -moz-linear-gradient(top, #e6e6e6, #fff);
	background-image: -ms-linear-gradient(top, #e6e6e6, #fff);
	background-image: -o-linear-gradient(top, #e6e6e6, #fff);}
a#pagetop{float:right;padding: 4px 10px;}	
a#valdate{  font-size: 10px;padding: 2px 5px; }	
	
.jlogin1 {float:left;width:40%;margin-right:12px;}
.jlogin2 {float:left;width:50%;margin-top:14px;color:#999;}
.jlogintext {float:left;margin:0 12px 12px 0;}

.contactForm legend  { font-size: 12px !important;}
#mx-rightcol .control-group { font-size: 12px !important; }

#mx-rightcol input { width: 95% !important;}
.btn-primary {
  background-image: -webkit-linear-gradient(top, #999 0%, #555 100%);
  background-image: linear-gradient(to bottom, #999 0%, #555 100%);
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#999', endColorstr='#555', GradientType=0);
  border-color: #999;
}

.nav {
  padding-left: 0;
  margin-bottom: 0;
  list-style: none;
}
.gallery  {
    margin: 0;
  }
  @media (max-width: 767px) {
body {
    padding-right: 0px;
    padding-left: 0px;
  }
  }  
#setbottom {
    background-color: rgba(225,225,225,0.8);
  }
/* Back To Top */

#back-top {
  position: fixed;
  bottom:35px;
  right: 35px;
  z-index: 99;
  display: none;
}
#back-top a {
  width: 30px;
  display: block;
  text-align: center;
  text-decoration: none;
  color: #fff;
  -webkit-transition: 0.2s;
  transition: 0.2s;
}
#back-top a .fa {
  display: block;    
  background-color: #000;
    width: 60px;
    height: 60px;
    line-height: 55px;
    text-align: center;
    color: #fff;
    font-size: 20px;
    z-index: 2;
    -webkit-border-top-left-radius: 2px;
    -webkit-border-top-right-radius: 0;
    -webkit-border-bottom-right-radius: 0;
    -webkit-border-bottom-left-radius: 2px;
    -moz-border-radius-topleft: 2px;
    -moz-border-radius-topright: 0;
    -moz-border-radius-bottomright: 0;
    -moz-border-radius-bottomleft: 2px;
    border-top-left-radius: 2px;
    border-top-right-radius: 0;
    border-bottom-right-radius: 0;
    border-bottom-left-radius: 2px;
}
}
#back-top a:hover {
  color: #2f2f2f;
}
#back-top a:hover .fa {
  background-color: #777;
} 
#mainbott{
  background-color: #2f2f2f;
  padding: 50px 0px;
}
/* ---------- feature box 24 ---------- */
.ce-feature-box-24{
	padding:0px;
	float:left;
}
.ce-feature-box-24 .text-box{
	padding:6px;
	margin:0px;
	float:left;
	border:20px solid #fff;
}
.ce-feature-box-24 .text-box .inner-box{
	padding:70px;
	margin:0px;
	float:left;
	background-color:#fff;
}

.ce-feature-box-24 .sec-title-container {
    padding-bottom: 40px;
}


.btn.btn-prim {
    color: #fff;
    background-color: #f24c34;
}
.btn.btn-prim {
    color: #fff;
    background-color: #f24c34;
}
.btn.btn-xround-2 {
    border-radius: 30px;
}
.btn {
    border-radius: 0;
    box-shadow: none;
    display: inline-block;
    margin: 5px;
    padding: 15px 35px;
}
.btn {
    padding: 10px 36px;
    margin: 0px;
    box-shadow: none;
    border-radius: 0;
}
.auto {
    text-transform: auto;
}
a, .btn {
    -webkit-transition: all 0.3s ease-out 0s;
    -moz-transition: all 0.3s ease-out 0s;
    -ms-transition: all 0.3s ease-out 0s;
    -o-transition: all 0.3s ease-out 0s;
    transition: all 0.3s ease-out 0s;
}
.btn {
    display: inline-block;
    padding: 6px 12px;
    margin-bottom: 0;
    font-size: 14px;
    font-weight: 400;
    line-height: 1.42857143;
    text-align: center;
    white-space: nowrap;
    vertical-align: middle;
    -ms-touch-action: manipulation;
    touch-action: manipulation;
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    background-image: none;
    border: 1px solid transparent;
    border-radius: 4px;
}
.iconlist-2 {
	width: 100%;
	padding: 0px;
	margin: 0px 0px 10px 0px;
	float: left;
}
.iconlist-2 .icon {
	width: 18px;
	height: 18px;
	padding: 0px;
	margin: 3px 0px 0px 0px;
	float: left;
	font-size: 14px;
	text-align: center;
	line-height: 15px;
	color: #cc0000;
	border-radius: 100%;
}
.iconlist-2 .text {
	padding: 0px 0 0 28px;
	margin: 0px;
	display: block;
}

.iconlist-2 .icon.dark {
	color: #101010;
}
.iconlist-2 .icon.light {
	color: #f5f5f5;
}
.iconlist-2 .icon.white {
	color: #fff;
}
.ce-sub-text.align-left {
    width: 80%;
    margin: 15px auto 0 0;
}
.ce-sub-text {
    width: 60%;
    margin: 15px auto 0 auto;
}
h3.less-mar-1 {
    margin-bottom: 3px;
    width: 80%;
    background: none;
}
.font-weight-b {
    font-weight: bold;
}	  


#mx-fmenu{margin-bottom: 10px;margin-top: 10px}
#mx-fmenu a{ background: transparent;}
#mx-about1 h3 {
  color: #0E1034;
  font-family: "Prompt",Sans-serif;
  font-size: 16px;
  font-weight: 700;
  margin-bottom: 5px;
  text-transform: auto;
  line-height: 1.5em;
  letter-spacing: 1px;
}
#mx-about1 {margin-bottom: 50px; margin-top: 100px;}
#mx-about1 h1{
  color: #0C0C0C;
  font-family: "Outfit", Sans-serif;
  font-size: 26px;
  margin-bottom: 15px;
  font-weight: 500;
  line-height: 1.1em;
  letter-spacing: -1.7px;
}
#mx-newslater {margin-top: 20px;margin-bottom: 0px;}
#mx-newslater h3 {font-size: 16px;color:#000;}
#mx-follow {margin-top: 13px;margin-bottom: 0px;}
#mx-follow h3 {font-size: 16px;color:#000;}
#mx-event{
    background: rgba(255, 255, 255, 0.9);
    margin-bottom: 5px;
	margin-top: -15px;
	margin-right: 5px;
	width: 350px;
	border-radius: 0px;
	margin: 70px;
    height: 200px;
	margin-left: 2px;
    -webkit-box-shadow: 0 0px 5px rgba(0, 0, 0, 0.2);
    box-shadow: 0 0px 5px rgba(0, 0, 0, 0.2);
}
#mx-event h3{
color: #2c2f33;
font-family: 'Playfair Display', sans-serif;
font-weight: 400;
line-height: 1.1;}
#mx-about{
    background: rgba(255, 255, 255, 0.9);
    margin-bottom: 5px;
	margin-top: -15px;
	margin-right: 5px;
	width: 540px;
	border-radius: 0px;
	margin: 70px;
    height: 300px;
	margin-left: 2px;
    -webkit-box-shadow: 0 0px 5px rgba(0, 0, 0, 0.2);
    box-shadow: 0 0px 5px rgba(0, 0, 0, 0.2);
}
#were{ background-image: url('../images/MY-map3.jpg'); background-repeat:no-repeat center center fixed;;">
 position:relative;}
#abo{ background-image: url('../images/ener.jpg'); background-repeat:no-repeat center center fixed;;">
 position:relative;}
#mx-weare {margin-top: 70px;margin-bottom: 50px;}
#mx-gor2{margin-bottom: 50px;}
#mx-gor1{margin-top: 70px;}
#mx-event h3 {
    padding: 3px 3px;
    background: #2189C9;
    border-left: 10px solid #55AF31;
	font-size:15px; font-weight:500;  
	letter-spacing:1px;
	text-transform:auto; 
	width:100%; 
	margin-top: 3px;
	margin-left: -8px;
	text-align:left; white-space:nowrap;
    color: #fff;
}
#mx-tophed{margin-top: 90px;margin-bottom: 50px;}