/********************************** Font Family Start ***********************************/
@import url('https://fonts.googleapis.com/css?family=PT+Sans:400,400i,700,700i');
@font-face {
  font-family: 'DIN';font-weight: 700;font-style: normal;font-display: swap;
  src: url('../fonts/DIN-Bold.eot');
  src: url('../fonts/DIN-Bold.eot?#iefix') format('embedded-opentype'),
      url('../fonts/DIN-Bold.woff2') format('woff2'),
      url('../fonts/DIN-Bold.woff') format('woff'),
      url('../fonts/DIN-Bold.ttf') format('truetype');
}
@font-face {
  font-family: 'DIN';font-weight: 400;font-style: normal;font-display: swap;
  src: url('../fonts/DIN-Regular.eot');
  src: url('../fonts/DIN-Regular.eot?#iefix') format('embedded-opentype'),
      url('../fonts/DIN-Regular.woff2') format('woff2'),
      url('../fonts/DIN-Regular.woff') format('woff'),
      url('../fonts/DIN-Regular.ttf') format('truetype');
}
/********************************** Font Family End ***********************************/
/*====================================== reset.css is here ========================================*/
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td { margin:0; padding:0;color:#000; }
table {	border-collapse:collapse; border-spacing:0;}
fieldset,img { border:0; }
address,caption,cite,code,dfn,th,var {font-style:normal; font-weight:normal;}
ol,ul { list-style:none;}
caption,th {text-align:left;}
h1,h2,h3,h4,h5,h6 {	font-size:100%;	color:#363636;}
q:before,q:after {content:'';}
abbr,acronym { border:0;}
.img-full-fill{display:block; width:100%; height:auto;}

/**************************************************************************************/
a {color:#000000; text-decoration:none !important; outline:0 none; outline:none !important;}
a:hover {color:#000000; -webkit-transition: all 0.5s ease;
  -moz-transition: all 0.5s ease;-o-transition: all 0.5s ease;transition: all 0.5s ease; text-decoration:none;}
h1   {font-size:32px;  color:#000000; padding:0 0 15px 0;font-weight:700; margin:0;font-family: 'DIN';}
h2   {font-size:27px;  color:#000000; padding:10px 0 10px 0;font-weight:700; margin:0;font-family: 'DIN';}
h3   {font-size:22px; color:#000000; padding:10px 0 10px 0;font-weight:700; margin:0; }
h4   {font-size:16px; color:#000000; padding:10px 0 10px 0; margin:0;}
h5   {font-size:14px; color:#000000; padding:10px 0 10px 0;  margin:0;}
h6   {font-size:12px; color:#000000; padding:10px 0 10px 0; margin:0; }
p    {font-size:16px; line-height:22px; color:#000000; padding:10px 0 10px 0; margin:0;}
p a  { color:#000000; padding:0 0 0px 0;}
/*----------------------------------------------------------------------------------*/
::selection {
    background: #000000 !important;
    color: #fff !important; 
    text-shadow: none;
}
::-moz-selection {
    background: #000000 !important;
    color: #fff !important; 
    text-shadow: none;
}
/*----------------------------------------------------------------------------------*/
html {width: 100%; height: 100%;}
body {width: 100%; height: 100%;font-size:14px;line-height: 1.45;-webkit-font-smoothing: antialiased; overflow-x:hidden; font-family: 'PT Sans', sans-serif;}
/* ---------------------------------------------------------------------------------*/
.wrapper {margin:0;}
.container {max-width: 1200px; width: 100%;}
/* ==================== Home content Start ==================== */
.header{padding: 20px 10px;box-shadow: 0 3px 6px rgba(0, 0, 0, 0.16);} 
.logo {text-align: center;}
.logo img{width: 280px; max-width: 100%;height: auto;}
.heading1{font-size: 25px;color: #fff; letter-spacing: 2px; padding: 15px 0; line-height: 40px;}
.btn-pink { display: inline-block; background: #000000 !important; color: #FFFFFF; border-radius: 6px; font-size: 20px; line-height: 22px;
  padding: 10px 25px; border:none; font-weight: 400; box-shadow: -3px 4px 0px #3FC2EC !important;text-transform: uppercase;letter-spacing: 0;
  -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; -o-transition: all 0.3s ease; transition: all 0.3s ease;font-family: "DIN-Regular", "Open Sans", "Helvetica Neue", Helvetica, Arial, sans-serif;
}
.btn.btn-pink:focus, .btn.btn-pink:hover { color: #FFFFFF;transition: all 0.3s ease;-webkit-transition: all 0.3s ease;}   


.lash-main-cont{padding: 30px 0;}
.optin-grid-cont{max-width: 660px; margin: 0 auto;}
.head-label{font-size: 18px; line-height: 24px; font-weight: 700;text-transform: uppercase;padding: 0;}
.optin-grid-cont label{margin-bottom: 0; font-weight: 500;}
.switch-btn { position: relative; top: 50%; width: 65px; height: 30px; margin: 0; border-radius: 30px; overflow: hidden;}
.knobs, .layer { position: absolute; top: 0; right: 0; bottom: 0; left: 0;}
.checkbox{position:relative;width:100%;height:100%;padding:0;margin:0;opacity:0;cursor:pointer;z-index:3;}
.knobs{z-index:2;}
.layer{width:100%;background-color:#212529;transition:0.3s ease all;z-index:1;}
.switch-btn .knobs:before{content:"NO";position:absolute;top:4px;right:3px;width: 22px;height: 22px;color:#212529;font-size: 9px;font-weight:700;text-align:center;line-height: normal;padding: 5px 3px;background-color:#fff;border-radius:50%;transition:0.3s cubic-bezier(0.18, 0.89, 0.35, 1.15) all;}
.switch-btn .checkbox:checked + .knobs:before{content:"YES";right:40px;background-color:#fff; color: #000000;}
.switch-btn .checkbox:checked ~ .layer{background-color:#000000;}
.switch-btn .knobs,.switch-btn .knobs:before,.switch-btn .layer{transition:0.3s ease all;}
.optin-btm-form{max-width: 460px;}
.optin-btm-form label{text-transform: uppercase; margin-bottom: 15px; font-weight: 700 !important;}
.optin-btm-form .form-control{font-weight: 600;height: 50px;border-radius: 30px;}
.login-grid-cont{max-width: 400px; margin: 30px auto; background: #fff; border-radius: 42px; padding: 40px 25px;box-shadow: -2px 0 35px 5px rgba(76,76,76,0.2); text-align: center;}
.login-grid-cont label{font-weight: 500 !important;}
.login-grid-cont .form-group label{text-transform: uppercase;}
.login-grid-cont h2{text-transform: none;}
.forgot-pw a{font-weight: 500; color: #000000;}

.create-account-grid{max-width: 450px; margin: 30px auto 0; background: #fff; border-radius: 42px; padding: 20px 30px;box-shadow: -2px 0 35px 5px rgba(76,76,76,0.2);}
.create-account-grid h2{text-align: center; text-transform: uppercase;}
.register-form label{text-transform: uppercase;}
.register-options label{text-transform: none; font-weight: 500;}
.pwd-input{position: relative;}
.pwd-input i{position: absolute;cursor:pointer; top: 12px; right: 10px; width: 15px; height: 15px; text-align: center; display: flex; align-items: center; }
.pwd-input img{width: 15px;} 
.fa-eye .eye-show{display: block;}
.fa-eye .eye-hide{display: none;}
.fa-eye-slash .eye-hide{display: block;}
.fa-eye-slash .eye-show{display: none;}

.reset-modal-grid{max-width: 300px; margin: 0 auto; padding: 10px 0 0;}
/*.reset-modal-grid .form-control{height: 30px;}*/
.reset-modal-grid .form-group{margin-bottom: 10px;}
.reset-modal-grid .form-group label{font-weight: 600;}
.reset-modal-grid .btn-pink{width: 95px; padding: 10px 10px;}

.call-center-grid{max-width: 1040px; padding: 15px 0;box-shadow: 0px 0 10px 3px rgba(76,76,76,0.2); margin: 30px auto;}
.call-top-cont{padding: 10px 15px;}
.btn-link{padding: 0; color: #000; text-decoration: underline !important; box-shadow: none !important;}
.input-group-append .btn{border: solid 1px #c4c4c4;}
.input-search .form-control{border: solid 1px #c4c4c4;}
.input-group-append{margin-left: 10px;}
 
.card-main-head-rgt {padding: 20px 15px 25px; text-align: right; display: block;} 
.card-main-head-rgt-date {width: 100px; margin-left: 10px;} 
.card-main-head-rgt-search {width: 455px; margin: 0 0 0 auto;}
table.dataTable { width: 100%;border: none !important;}
.dataTables_length{display: none;}
.dataTables_filter{display: none;}
.table.dataTable thead th {background-image:none !important;}
.dataTables_info {display:none !important;} 
.table td, .table th { padding: 10px 10px !important;vertical-align: middle;}
.table td {border-top:1px solid #c4c4c4 !important; font-size: 14px !important; line-height: 18px !important; color: #292929 !important; text-align: left !important;}
.table td.text-danger {color: #C03E3E !important;}
.table td.text-danger .wrap-txt {color: #C03E3E !important;}

.table th {font-size: 14px !important; line-height: 18px !important; color: #000 !important;  padding: 10px 10px !important; font-weight: 400 !important; text-transform: capitalize !important; text-align: left !important; border-bottom: none !important; }
/* table.dataTable thead .sorting {
  background-image: url("../images/sort_both.svg"); background-repeat: no-repeat;
}
table.dataTable thead .sorting_asc {
  background-image: url("../images/sort_asc.svg") !important;background-repeat: no-repeat;
}
table.dataTable thead .sorting_desc {
  background-image: url("../images/sort_desc.svg") !important;background-repeat: no-repeat;
}
table.dataTable thead .sorting_asc_disabled {
  background-image: url("../images/sort_asc_disabled.svg");background-repeat: no-repeat;
}
table.dataTable thead .sorting_desc_disabled {
  background-image: url("../images/sort_desc_disabled.svg");background-repeat: no-repeat;
} */

table.dataTable>thead .sorting_asc:before, table.dataTable>thead .sorting_desc:after{color: #000000;}
table.dataTable, table.dataTable th, table.dataTable td { box-sizing: border-box;}

.page-item.active .page-link{background-color: #000000; border-color: #000000;}
.checklist li{position: relative; padding: 0 0 4px 24px; font-size: 14px; color: #000000; line-height: 18px;}
.checklist li::before{content: ''; position: absolute; background: url(../images/checkbox.svg) no-repeat; width: 15px; height: 15px; background-size: 15px 15px; display: block;top: 2px; left: 0;}
footer{padding: 20px 0 35px;display: block;background: #FCE0EC;position: relative;}
footer span, footer strong{position: absolute; right: 0px; top: -30px; width: 100px; max-width: 100%;}
footer strong{right: auto; left: 0; top: auto; bottom: 0; height: 33px; overflow: hidden;}
footer span img, footer strong img{max-width: 100%; height: auto;}
.fotoer-inner{max-width: 880px; margin: 0 auto;}
.fotoer-inner ul{text-align: center;}
.fotoer-inner ul li{display: inline-block; padding: 0 5px;position: relative;}
.fotoer-inner ul li::after{content: '|';display: inline-block;position: absolute;right: 0;width: 1px;height: 100%; color: #000; top: 0;}
.fotoer-inner ul li:last-child::after{display: none;}
.fotoer-inner ul li a{color: #000; font-size: 14px;line-height: 18px;}
.copyright p{text-align: left; font-size: 14px;line-height: 18px; font-weight: 400; color: #000; padding:0 0 0;} 

/* ==================== Form Styling Start ==================== */
.form-control{border: solid 1px #262626;color: #000;font-size: 16px;line-height: 22px;font-weight: 500;height: 40px;border-radius: 6px;padding: 8px 16px;box-shadow: 0 0 64px rgba(0, 0, 0, 0.04);}
.form-control:focus{box-shadow: 0 0 0 0.1rem rgba(0, 0, 0,0.25);border-color: #000000;} 
select, select.form-control {
  font-size:16px;line-height:22px;color:#000;font-weight:400;padding-right:50px;background-image:url(../images/arrow-down.svg);background-repeat:no-repeat;background-position:calc(100% - 15px); background-size: 13px 7px; background-color:#fff!important;-webkit-appearance:none;-moz-appearance:none;-ms-appearance:none;appearance:none;box-shadow:none;outline:0;
}
.form-control::placeholder {color: #000000;}
.form-control::-webkit-input-placeholder {color: #000000;}
.form-control::-moz-input-placeholder {color: #000000;}
.form-control::-o-input-placeholder {color: #000000;}
.form-control::-ms-input-placeholder {color: #000000;}
.form-group{margin-bottom: 20px;}
.form-group label{font-size: 16px; font-weight: 400;}
label{font-size: 16px;font-weight: 400; }

.custom-control{min-height: 1.9rem;padding-left: 0;}
.custom-control-label::before{background:transparent; border: solid  2px #000000 !important; }
.custom-checkbox .custom-control-input:checked ~ .custom-control-label::before{ border-color:#000000 !important;  background-color: #fff !important;}
.custom-checkbox .custom-control-label::before{border-radius: 4px !important;}
.custom-control-label{padding: 0 0 0 28px;vertical-align: middle;line-height: 18px;color: #000000;}
.custom-radio .custom-control-input:checked ~ .custom-control-label::after{background-image:none;border: none;border-radius: 50%;padding: 0;width: 12px;height: 12px;display: block;background: #000000;}
.custom-checkbox .custom-control-input:checked~.custom-control-label::after{
  background-image: url("data:image/svg+xml,%0A%3Csvg xmlns='http://www.w3.org/2000/svg' width='8' height='8' viewBox='0 0 8 8'%3E%3Cpath fill='%23000000' d='M6.564.75l-3.59 3.612-1.538-1.55L0 4.26l2.974 2.99L8 2.193z'/%3E%3C/svg%3E");
}
.custom-control-label::before{top: 0;left: 0;border: solid 2px #000000 !important;width: 18px;height: 18px; }
.custom-control-label::after {position: absolute;top: 4px;left: 5px;display: block;width: 9px;height: 9px;content: "";background-repeat: no-repeat;background-position: center center;background-size: 9px 9px;text-align: center;}
.custom-control-input:focus ~ .custom-control-label::before{box-shadow: none !important;}
.custom-control-input:checked ~ .custom-control-label::before{background-color: #fff !important; border: solid 2px #000000 !important;}

/* ==================== Form Styling End ==================== */

.modal-dialog{ margin-left: auto; margin-right: auto; padding: 0 15px; max-width: 485px;} 
.modal{padding-right: 0 !important;}
.modal-header{display: block;}
.modal-content{border: none; border-radius: 10px;}
.close { width:25px; height:25px; border: none !important; position:absolute; right:5px ; top:5px; border-radius:50%; outline:none !important;  opacity:1 !important; background-color: transparent !important; z-index: 9;padding: 0 !important; margin: 0 !important;box-shadow: none;}
.close span {margin: 0 0 0 0;display:block;font-size: 30px;font-weight: 500;line-height: 25px;color: #737373;font-family: initial;}
.modal-title{font-size: 18px; line-height: 22px; padding: 10px 15px; color: #000000; font-weight: 700; text-align: center;font-family: "DIN-Regular", "Open Sans", "Helvetica Neue", Helvetica, Arial, sans-serif;}

/* ==================== Media Queries End ==================== */

@media (max-width: 1200px) {   

}
 
@media (max-width: 1079px) {
  
}

@media (max-width: 991px) {

}

@media (max-width: 767px) { 
  .inputGroup label{padding: 10px 12px;font-size: 18px;}

}

@media (max-width: 575px) { 
  h2{font-size: 24px;}
  .btn-pink{ border-radius: 6px; padding: 8px 12px;}
  .custom-control-label{padding: 0 0 0 25px;}
  .login-grid-cont{padding: 15px 15px; margin: 20px auto 0;}
  .create-account-grid{padding: 15px 15px; margin: 20px auto 0;}
  .head-label{font-size: 16px;}

 }

 /* ==================== Media Queries End ==================== */

 body {
  font-family: "Open Sans", sans-serif;
  background-color: #f9f9f9;
  min-height: 100vh;
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: center;
}
* {
   font-family: "Open Sans", sans-serif;
}
article {
 
   background-color: #f9f9f9;
    border-radius: 3px;
    border-style: solid;
    border-width: 1px;
    color: #6e6e78;
    font-family: proxima nova,montserrat-okta,Arial,Helvetica,sans-serif;
    font-size: 14px;
    font-weight: 400;
    height: auto;
    line-height: 1.4;
    margin: 20px auto 20px;
    min-width: 300px;
    overflow: auto;
    position: relative;
    width: 100%; 
    max-width: 400px;    background-color: #fff;
    border-color: #ddd #ddd #d8d8d8;
    box-shadow: 0 2px 0 hsla(0,0%,69%,.12);
}
.btn-blue {
    border: 1px solid;
    border-radius: 5px;
    box-sizing: border-box;
    display: inline-block;
    font-size: 16px;
    height: 40px;
    line-height: 36px;
    padding: 0 15px;
    display: block;
    width: 100%;
/*    box-shadow: 0 1px 0 rgba(0,0,0,.15), inset 0 1px 0 0 hsla(0,0%,100%,.1);*/
    background: #42413D !important;
    border-color: #42413D !important;
    color: #ffffff !important;
    text-transform: uppercase;
}