body {
   
    color: #4c4a4a;
  

    -moz-osx-font-smoothing: grayscale;
    -webkit-font-smoothing: antialiased;
    font-family: 'Rubik', sans-serif;

}


a, li, img, ol, u, focus{text-decoration: none; outline:none;font-family: 'Rubik', sans-serif;}
img {max-width: 100% !important;}

::-moz-selection {
    background-color: #282d3b;
    color: #fff;
}
::selection {
    background-color: #282d3b;
    color: #fff;
}

ul, ol {
    list-style: none;
    margin: 0 0 2.25rem;
    padding: 0;font-family: 'Rubik', sans-serif;
}
b, strong {
   font-family: 'Rubik', sans-serif;
}

h1, h2, h3, h4, h5, h6, p, a, li, span, small{font-family: 'Rubik', sans-serif;}


header{}

.menu{}

.menu .nav-link {
    display: block;
    padding: 10px 0px;
}

.menu .navbar {
    position: relative;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-pack: justify;
    justify-content: space-between;
    padding: 0px 0px;
}


.menu .navbar-nav .active a{background: #8e5f09;}
.menu .navbar-nav a:hover{background: #8e5f09;}

.menu .navbar-expand-lg .navbar-nav .nav-link {
       padding: 15px 17px;
}


.menu .navbar{background: #e48432; position: relative; position: relative;}

/*.menu .navbar:after{content: "";
    background: #195e69;
    position: absolute;
    right: -33px;
    width: 220px;
    height: 56px;
    transform: skewX(-49deg);}*/

.navbar-light .navbar-nav .nav-link {
    color: #fff !important;
}

.total-member{color: #fff;
    display: inline-block;
    float: right;
    text-align: center;
    top: 12px;
    position: fixed;
    z-index: 999;
    right: 0px; }


.total-member a{}
.total-member stong{}
.total-member span{}


.total-member strong{ color:darkblue; display: block;}
.total-member span{ color:#000;}



.top-bar{ padding: 20px 0px 16px 0px;}

.logo{}
.logo img {width:57%;}
.top-middel{}
.top-middel h3{color: #fff;
    font-size: 29px;
    text-align: center;
    font-weight: 700;}

.top-middel h2{    color: #009c24;
    text-align: center;
    margin: 0px;
    padding-top: 12px;
    font-size: 32px;}


.top-right{ text-align: center;}
.top-right ul{ padding:0px;}
.top-right ul li{display: inline-block;
    position: relative;color:#fff;}

.top-right ul li a{
    font-size: 14px;}


/*********footer start*******/


.cbx-footer .cbx-footer-top {
  background-color:#285279;
      padding: 47px 0px 20px 0px;
}
.cbx-footer .cbx-footer-top .widget .widget-newsletter-area {
  background-color:#285279;
  padding: 25px;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
}
.cbx-footer .cbx-footer-top .widget .widget-newsletter-area .navbar-form {
  padding: 0px;
  margin-top: 0px;
}
.cbx-footer .cbx-footer-top .widget .widget-newsletter-area .navbar-form .input-group {
  width: 100%;
}
.cbx-footer .cbx-footer-top .widget .widget-newsletter-area .navbar-form .input-group .form-control {
  width: 100%;
  border-color: transparent;
  font-size: 14px;
  line-height: 21px;
  padding: 0px 10px;
  border: 0px solid;
  border-top-right-radius: 0px;
  border-bottom-right-radius: 0px;
  min-height: 43px;
}
.cbx-footer .cbx-footer-top .widget .widget-newsletter-area .navbar-form .input-group .form-control:focus {
  box-shadow: none;
  border-color: transparent;
}
.cbx-footer .cbx-footer-top .widget .widget-newsletter-area .navbar-form .input-group .input-group-btn .btn {
  
    background-color: #025e6d;
    border-color: #025e6d;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
  font-size: 14px;
  line-height: 21px;
  font-weight: bold;
  font-family: 'Cabin', sans-serif;
  color: #ffffff;
  padding: 10px 20px;
  border-top-left-radius: 0px;
  border-bottom-left-radius: 0px;
}
.cbx-footer .cbx-footer-top .widget .widget-newsletter-area h5 {
  color: #f9b320;
  font-weight: bold;
  font-size: 18px;
  line-height: 27px;
}
.cbx-footer .cbx-footer-top .widget .widget-newsletter-area .payment-gateways li {
  display: inline-block;
  padding-right: 5px;
}
.cbx-footer .cbx-footer-top .widget .widget-newsletter-area .payment-gateways li a {
  display: block;
  padding-left: 0px;
  -webkit-transition: all 0.2s ease-in-out;
  -moz-transition: all 0.2s ease-in-out;
  -o-transition: all 0.2s ease-in-out;
  transition: all 0.2s ease-in-out;
}
.cbx-footer .cbx-footer-top .widget .widget-newsletter-area .payment-gateways li a:hover {
  margin-left: 0px;
  transform: scale(0.9);
}
.cbx-footer .cbx-footer-top .widget .widget-newsletter-area .payment-gateways li a:before {
  content: '';
}
.cbx-footer .cbx-footer-top .widget .widget-social {
  padding-top: 15px;
}
.cbx-footer .cbx-footer-top .widget .widget-social ul li {
  display: inline-block;
  padding-bottom: 0px;
  margin-right: 8px;
  width: 30px;
  height: 30px;
  background-color: #025e6d;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
  text-align: center;
  -webkit-transition: all 0.2s ease-out;
  -moz-transition: all 0.2s ease-out;
  -o-transition: all 0.2s ease-out;
  transition: all 0.2s ease-out;
}
.cbx-footer .cbx-footer-top .widget .widget-social ul li:hover {
  background-color: #dc0607;
}
.cbx-footer .cbx-footer-top .widget .widget-social ul li a {
  font-size: 14px;
  line-height: 21px;
  padding-left: 0;
  display: block;
  overflow: hidden;
  padding-top: 5px;
}
.cbx-footer .cbx-footer-top .widget .widget-social ul li a:hover {
  margin-left: 0px;
}
.cbx-footer .cbx-footer-top .widget .widget-social ul li a:before {
  content: '';
}
.cbx-footer .cbx-footer-top .widget .widget-brand {
  margin-bottom: 20px;
}
.cbx-footer .cbx-footer-top .widget .widget-brand a img {
      width: 92px;
}
.cbx-footer .cbx-footer-top .widget p {
  color: #ffffff;
  font-family: 'Cabin', sans-serif;
  font-size: 16px;
  line-height: 24px;
}
.cbx-footer .cbx-footer-top .widget h2 {
  color: #ffffff;
  font-family: 'Cabin', sans-serif;
  font-weight: bold;
  font-size: 22px;
  line-height: 33px;
  margin: 0;
  padding-bottom: 30px;
}
.cbx-footer .cbx-footer-top .widget ul {
  margin: 0;
  padding: 0;
  list-style: none;
}
.cbx-footer .cbx-footer-top .widget ul li {
  padding-bottom: 12px;
}
.cbx-footer .cbx-footer-top .widget ul li a {
  color: #ffffff;
  font-family: 'Cabin', sans-serif;
  font-weight: normal;
  font-size: 14px;
  line-height: 21px;
  text-decoration: none;
  padding-left: 15px;
  position: relative;
  -webkit-transition: all 0.2s ease-out;
  -moz-transition: all 0.2s ease-out;
  -o-transition: all 0.2s ease-out;
  transition: all 0.2s ease-out;
}
.cbx-footer .cbx-footer-top .widget ul li a:hover {
  margin-left: 5px;
}
.cbx-footer .cbx-footer-top .widget ul li a:before {
  content: '\f105';
  font-family: FontAwesome;
  font-size: 14px;
  line-height: 21px;
  position: absolute;
  top: -1px;
  left: 0;
}
.cbx-footer .cbx-footer-bottom {
  background-color: #376692;
}
.cbx-footer .cbx-footer-bottom .copyright {
     padding: 8px 0px;
}
.cbx-footer .cbx-footer-bottom .copyright p {
  margin: 0;
  color: #ffffff;
  font-family: 'Ubuntu', sans-serif;
}
.cbx-footer .cbx-footer-bottom .copyright p a {
  color: #ffffff;
  text-decoration: none;
  font-weight: bold;
}
.cbx-footer .cbx-footer-bottom .copyright p i {
  color: #fe5656; 
}


/*********footer end*******/

.ragister-button{padding: 17px; justify-content: flex-end;}


.slider{}

.Register-grid{ padding: 30px 0px 30px 0px}

.member-login-grid{    background: #fbfbfb;
    border: 5px solid #f3f3f3;}

.memberlogin-box{ margin-bottom:10px; margin-top:10px;}


.show-inner{background:#fff; padding: 10px 0px 10px 0px;  /*  display: none !important;*/}
.show-inner h5{display: inline-block;  width: 100%; color: #7b1fa2;  padding-left: 12px; background: #f9f9f9; padding: 10px;}

.show-inner input{ border:1px solid red;background: #f5feff;}
.show-inner select{ border:1px solid red;background: #f5feff;}
.show-inner textarea{width: 100%; max-width: 100%; height: 40px !important;border: 1px solid red; }
.show-inner label{font-weight:600;}

.gander{    border: 1px solid red;
    background: #f5feff;
    width: 100%;
    padding: 4px 4px 5px 1px;
    text-align: center;}

.gander input{ text-align: center;}

.gander.form-check-inline {
    display: -ms-inline-flexbox;
    display: inline-flex;
    -ms-flex-align: center;
    align-items: center;
    padding-left: 12px;
    margin-right: 0.75rem;
}

.gander .form-check-inline {
    display: -ms-inline-flexbox;
    display: inline-flex;
    -ms-flex-align: center;
    align-items: center;
    padding-left: 68px;
    margin-right: 0.75rem;
}

.form-check-inline .form-check-input {
    position: static;
    margin-top: 0;
    margin-right: 0.3125rem;
    margin-left: 7px;
}


#login-column{ border:2px solid #ddd; padding: 10px;}




/*******gallery setion start*************/

.Gallery_rap{display: inline-block; width: 100%; margin-top: 36px;
   }

.Gallery_rap .row{ margin-bottom: 26px;}

.Gallery_rap h4{background: #eaeaea;
      background: #eaeaea;
    display: inline-block;
    width: 100%;
    border-bottom: 3px solid #bfbdbd;
    padding: 11px 0px 7px 15px;
    margin-bottom: 17px;
    font-size: 22px;}

.Gallery-box{}
.Gallery-box img{ width: 100%;}


/*******gallery setion end*************/

.smallbanner-wapp{background-size: cover !important; justify-content: center; position:relative;min-height: 169px;}

.smallbanner-area{text-align:center; z-index: 99;}
.smallbanner-area h3{color: white;
    font-size: 32px;
    padding-top: 44px;}
.smallbanner-area ul{}
.smallbanner-area li{color: #fff; display: inline-block; padding: 13px 5px;}

.smallbanner-wapp:after{ content:"";    position: absolute;
    background: rgba(10, 27, 40, 0.8) none repeat scroll 0 0;
    top: 0;
    width: 100%;
    left: 0;
    height: 100%;background: rgba(0, 51, 60, 0.81) none repeat scroll 0 0;}



.contact-rap{padding: 47px 0px 47px 0px;}

.contact-add{background: #f7f7f7dd;}
.contact-add h2{padding:5px 0px 10px; 0px;}
.contact-add ul{}
.contact-add ul li{padding: 8px 2px 6px 4px;}
.contact-add ul li i{color: #1398ad;
    font-size: 20px;}

.contact-form{}
.contact-form h2{ padding:5px 0px 10px; 0px;}
.contact-form input{margin-bottom: 35px; border: 1px solid #5f5c5c; border-radius: 0px;}
.contact-form button{ margin-top: 10px;}




.top-heading{ }
.top-heading h2{ font-weight:600;}



.about-section{padding: 43px 0px 41px 0px;}
.about-left{}
.about-left h2{    color: #000;
    padding: 0px 0px 23px 0px;}
.about-left p{ text-align: justify;}

.about-right{}
.about-right img{}

/* Preloader */

#preloader {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: #fff;
  /* change if the mask should have another color then white */
  z-index: 99;
  /* makes sure it stays on top */
}

#status {
  width: 200px;
  height: 200px;
  position: absolute;
  left: 50%;
  /* centers the loading animation horizontally one the screen */
  top: 50%;
  /* centers the loading animation vertically one the screen */
  background-image: url(https://raw.githubusercontent.com/niklausgerber/PreLoadMe/master/img/status.gif);
  /* path to your loading animation */
  background-repeat: no-repeat;
  background-position: center;
  margin: -100px 0 0 -100px;
  /* is width and height divided by two */
}