/*----------------------------
add Library
----------------------------*/
@import "../../../bootstrap/css/bootstrap.min.css";
@import 'font-awesome/css/font-awesome.min.css';


/*----------------------------
Font Library
----------------------------*/
@import url('https://fonts.googleapis.com/css?family=Montserrat:100,100i,200,200i,300,300i,400,400i,500,500i,600,600i,700,700i,800,800i,900,900i');

@font-face {
  font-family: 'Monotype Corsiva';
  src: url(font/MTCORSVA.TTF) format('truetype');
}

@font-face {
	font-family: 'gothic';
	src: url('font/gothic.eot');
	src: local('gothic'), url('font/gothic.woff') format('woff'), url('font/gothic.ttf') format('truetype');
}




/*----------------------------
   element      
----------------------------*/
* {-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;}
html { text-rendering: optimizeLegibility !important;-webkit-font-smoothing: antialiased !important;}
.nopadding-left{padding-left:0;}
.nopadding-right{padding-right:0;}
.nopadding{padding-left:0;padding-right:0;}
.mb10{padding-left:10px;padding-right:10px;}
.tabbody{margin-right: -10px; margin-left: -10px;}
*{margin:0; padding:0}
a{ text-decoration:none;}
a:hover{ text-decoration:none !important;}
header, nav, section, article, aside, footer { display:block;}
html {font-size: 100%;}
body {font-size: 14px;font-family: 'Montserrat', sans-serif;color: #777;-webkit-font-smoothing: antialiased;font-weight: normal;}
h1, h2, h3, h4, h5, h6 {padding: 5px 0 15px 0;color: #333;font-weight: normal;-webkit-font-smoothing: antialiased;}
:-ms-input-placeholder{color: #000;}

/*----------------------------
   header      
----------------------------*/
.header{position: relative;width: 100%;}
.home-header{position: absolute;width: 100%;z-index: 9;top: 0;left: 0;right: 0;}
.logo {display: inline-block; width: 140px; } 
.logo img{width: 100%;}
.navbar-toggler{    background-color: #4dc3c6;}
.navbar-toggler-icon:before {display: inline-block; font-family: FontAwesome; font-size: inherit; text-rendering: auto; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; content: "\f0c9"; line-height: 30px; color: #fff; }

.header-navigation .navbar {padding: 0; }
.header-navigation .navbar-nav > li{position:relative;padding:10px 15px;} 
.header-navigation .navbar-nav > li > a{font-family: 'Montserrat', sans-serif; position: relative; color: #495057; text-align:center; font-weight: 600; font-size: 12px; text-transform:uppercase; } 
.header-navigation .navbar-nav > li > a.active {color: #5cc9cb; }
.header-navigation .navbar-nav > li .dropdown-menu {border: 1px solid #dcf5f7; border-radius: 0; } 
.header-navigation .navbar-nav > li a.dropdown-item {font-family: 'Montserrat', sans-serif; position: relative; color: #495057; text-align: left; font-size: 12px; }
.header-navigation .navbar-nav > li a.dropdown-item:active,
.header-navigation .navbar-nav > li a.dropdown-item:focus, 
.header-navigation .navbar-nav > li a.dropdown-item:hover{background-color: #f8f9fa;}
.login-btn {margin-bottom: 0;padding: 8px 24px !important;background-color: #fff;color: #4ec3c6 !important;border: 2px solid #59c7ca !important;border-radius: 3px;}
/**====================================================================
  Footer
====================================================================
***/
.footer { padding:2em 0 1em 0; background-color: #343a40; }
.footer-title{position: relative; margin:0 0 0px 0;}
.footer-title h2{font-size: 16px;color: #fff;margin: 0;text-transform:  uppercase;font-weight: 600;}
.footer-links ul{margin:0;padding: 0 0 0 20px;    color: #fff;list-style-position: outside;list-style-type: square;}
.footer-links li {width: 100%;padding: 5px 0;}
.footer-links li a {color: #ffffff; font-weight:400;text-decoration: none;font-size: 13px;font-family: 'gothic';}
.footer-links li a i{padding:0 10px 0 0;}
.footer-links li:last-child{ border-bottom: none; }

.footer-contact-info-list{ list-style:none; margin:0 ; padding:0;}
.footer-contact-info-list li{margin-bottom:10px;float: left;width: 100%;position: relative;} 
.footer-contact-info-list li span a{font-size: 13px;color: #fff; text-align:justify;font-family: 'gothic';}
.footer-contact-info-list li span{font-size: 12px;color: #fff;}
.footer-contact-info-list li i{font-size: 12px;color: #fff; margin-right: 10px;}

.f-social {text-align: left;margin:10px 0 0  0}
.f-social ul li {    margin: 0 5px 0 0; display: inline-block; } 
.f-social ul li a {display: block;height: 30px;width: 30px;color: #343a40;border-radius: 50%;text-align: center;line-height: 30px;font-size: 14px;background: #fff;}
.footer-bottom {background: #424950;padding: 15px 0;}
.footer-bottom p{color: #fff;font-size: 12px; font-family: 'gothic'; margin: 0;  text-align: center; }
.copyright a{color:#fff;}

 /**====================================================================
  heading 
====================================================================
***/
.Membership-section .heading-aera,
.about-section .heading-aera{margin-bottom: 40px;}
.Membership-section .heading-aera h1, 
.about-section .heading-aera h1,
.Retail-section .heading-aera h1{    font-size: 30px; padding: 0px 0px 10px; margin: 0; position: relative; color: #4f4d4e; font-weight: 600; text-align: center;} .Membership-section .heading-aera p,
.about-section .heading-aera p,
.Retail-section .heading-aera p{    color: #4f4d4e;
    font-size: 16px;
    text-align: center;
    line-height: 24px;
    font-weight: bold;
    margin-top: 10px;}
/**====================================================================
  btn 
====================================================================
***/
.btn-cy {color: #ffffff; padding: 8px 10px; border: none; display: inline-block; font-size: 12px; text-transform: uppercase; font-weight: bold; background: #4fc4c7; text-align: center; cursor: pointer; border-radius: 3px; }
.btn-gr {color: #ffffff; padding: 8px 10px; border: none;display: inline-block; font-size: 12px; text-transform: uppercase; font-weight: bold; background: #6abe58; text-align: center; cursor: pointer; border-radius: 3px; float: right; }
.btn-wh{color: #6c757d; padding: 8px 10px; border: none;display: inline-block; font-size: 12px; text-transform: uppercase; font-weight: bold; background: #ffffff; text-align: center; cursor: pointer; border-radius: 3px; }
.btn-re {color: #ffffff; padding: 8px 10px; border: none;display: inline-block; font-size: 12px; text-transform: uppercase; font-weight: bold; background:#ff1200; text-align: center; cursor: pointer; border-radius: 3px; }

.btn-cy:hover,
.btn-re:hover,
.btn-gr:hover{color: #ffffff;}

.btn-green {background: #5cb947; width: 30px; height: 30px; border-radius: 2px; display: inline-block; text-align: center; } 
.btn-green i {font-size: 14px; line-height: 30px; color: #ffffff; } 
.btn-cyan{background:#5cc9cb; width:30px; height: 30px; border-radius: 2px; display: inline-block; text-align: center; } 
.btn-cyan i {font-size: 14px; line-height: 30px; color: #ffffff; } 
.btn-red{background:#f11403; width: 30px; height: 30px; border-radius: 2px; display: inline-block; text-align: center; } 
.btn-red i {font-size: 14px; line-height: 30px; color: #ffffff; }
.btn-mark {background: #57c7c9;color: #ffffff;padding: 7px 10px;border-radius: 2px;display: inline-block;text-align: center;}

.btn-text {
    font-size: 11px;
}
/***
====================================================================
  for error alert
====================================================================
***/
.error{ color: #dc3545; font-size: 90%;}
.error.help-block{ color: #dc3545; font-size: 90%;}
.has-success .form-control {border-color: #5cb85c; }
.has-danger .form-control {border-color: #d9534f; }
/* .alert-error-message .alert-success {color: #000; background-color: unset; border-color: #c3e66c!important; }
.alert-error-message .alert {position: relative; padding: 4px 1.25rem; margin-bottom: 1rem; border: 1px solid transparent; border-radius: .25rem; }
.alert-error-message .alert-dismissible .close {position: absolute; top: 0; right: 0; padding: 4px 10px; color: inherit; }
.alert-error-message .alert-danger {color: #000; background-color: unset; border-color: #9e5bbd!important; }
 */

#default-modal button.close,#subscription-modal  button.close,#reset-password-modal button.close{
  padding: 10px 11px;
    position: absolute;
    right: 0;
    z-index: 100
}

#default-modal .modal-content,#subscription-modal .modal-content{
    border-radius: 0;
    border: none;
}
#default-modal .modal-dialog {
    max-width: 335px;
}

#login-modal button.close, #subscription-modal button.close, #reset-password-modal button.close {
    padding: 10px 11px;
    position: absolute;
    right: 0;
    z-index: 100;
}
#login-modal .modal-dialog {
    max-width: 75%;
}
#login-modal .modal-content{background: #f0f9f9;}


.btn-back{color: #ffffff;padding: 8px 20px;border: none;display: inline-block;font-size: 10px;text-transform: uppercase;font-weight: bold;background: #61bc4d;text-align: center;cursor: pointer;border-radius: 3px;}
.btn-back:hover{color: #fff;}



.subscription-login-section .row{margin-right: -5px;margin-left: -5px;}
.subscription-login-section .row .col-md-4,
.subscription-login-section .row .col-md-8,
.subscription-login-section .row .col-md-12{padding-right:5px;padding-left:5px;}
.subscriptions-note {background: #fffbee; padding: 5px 15px; position: relative; border: 1px solid #f1e9d2; border-radius: 5px; }
.subscriptions-note p {font-size: 13px; color: #FF9800; margin-bottom: 0; }

.footer-middle-widget li a{color: #fff;}
button.close {position: absolute; right: 0; z-index: 999; }
#congratulations-modal .modal-dialog{max-width: 63%;}
#congratulations-modal .modal-dialog .congratulations-modal img{width: 100%}
#congratulations-modal button.close {background: #fff; opacity: 1; top: -15px; border-radius: 50px; width: 40px; height: 40px; right: -22px;}