@import "../../external/fonts/open-sans.css";
@import "../../external/thirdparty-libraries/font-awesome-v5.3.1/css/font-awesome.min.css";
@import "../../external/thirdparty-libraries/bootstrap-v4.0/css/bootstrap.min.css";
@import "../../external/thirdparty-libraries/owl-carousel-v1.3.3/css/owl.carousel.min.css";
@import "../../external/thirdparty-libraries/owl-carousel-v1.3.3/css/owl.theme.min.css";
@import "../skin/reset.css";
@import "../skin/animation.css";
@import "../skin/responsive.css";


body{
    font-family: 'Open Sans', sans-serif;
}
::-webkit-scrollbar {
    width: 10px;
}

::-webkit-scrollbar-track {
    -webkit-box-shadow: inset 0 0 2px #444444;
    -moz-box-shadow: inset 0 0 2px #444444;
    -o-box-shadow: inset 0 0 2px #444444;
    -ms-box-shadow: inset 0 0 2px #444444;
    background-color: #ffffff;

}

::-webkit-scrollbar-thumb {
    -webkit-box-shadow: inset 0 0 2px #444444;
    -moz-box-shadow: inset 0 0 2px #444444;
    -o-box-shadow: inset 0 0 2px #444444;
    -ms-box-shadow: inset 0 0 2px #444444;
    background-color: #444444;
}

.form-control:disabled, .form-control[readonly] {
    background-color: #dedede !important;
}
/* start of modal-popup css*/

.modal,
.modal-box, .modal-new, .cmp-ord-cfn, .model-conpay, .model-signin, .modal-box-signin, .modal-forpwd, .modal-box-forpwd, .model-restpw, .modal-box-restpw {
    z-index: 900;
}

.popuperror
{
	font-size: 18px;
    font-weight: 700;
    color: red;
}

.postloginError
{
 font-size: 18px;
    font-weight: 700;
    color: red;
}
.modal, .modal-new, .cmp-ord-cfn, .model-conpay, .model-signin, .modal-forpwd, .model-restpw {
    display: none;
    position: fixed;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    background: rgb(0, 0, 0);
    background: rgba(0, 0, 0, .8);
    overflow: hidden;
}

.modal-sandbox {
    position: fixed;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    background: transparent;
}

.modal-box {
    position: relative;
    width: 100%;
    max-width: 750px;
    margin: 25px auto;
    animation-name: modalbox;
    animation-duration: .4s;
    animation-timing-function: cubic-bezier(0, 0, .3, 1.6);
    background-color: #ffffff;
    padding: 20px;
}

.modal-box-signin, .modal-box-forpwd {
    position: relative;
    width: 100%;
    max-width: 530px;
    margin: 100px auto;
    animation-name: modalbox;
    animation-duration: .4s;
    animation-timing-function: cubic-bezier(0, 0, .3, 1.6);
    background-color: #ffffff;
    padding: 20px;
}

.modal-box-restpw {
    position: relative;
    width: 100%;
    max-width: 460px;
    margin: 90px auto;
    animation-name: modalbox;
    animation-duration: .4s;
    animation-timing-function: cubic-bezier(0, 0, .3, 1.6);
    background-color: #ffffff;
    padding: 20px;
}

.modal-box-delivery {
    max-width: 460px;
    margin: 90px auto;
}
.cmp-confpay,.cmp-ordr-cfn{
    z-index: 900;
    display: none;
    position: fixed;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    background: rgb(0, 0, 0);
    background: rgba(0, 0, 0, .8);
    overflow: hidden;
}
.cmp-conf-box {
    position: fixed;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    background: transparent;
}
.ctl-cfnpay-box {
    z-index: 900;
    position: relative;
    width: 100%;
    max-width: 460px;
    margin: 90px auto;
    animation-name: modalbox;
    animation-duration: .4s;
    animation-timing-function: cubic-bezier(0, 0, .3, 1.6);
    background-color: #ffffff;
    padding: 20px;
}

.modal-header {
    padding: 15px 20px;
    background-color: #ffffff;
    color: #ffffff;
}

/* Close Button */

.close-fb-popup span, .close-item-model, .close-del-model span, .close-review-model span,.close-conf-model span, .close-conford-clo, .close-confirm-order-model span, .close-signin-popup span, .close-forpwd-model span, .close-restpw-popup span, .close-myacbil-popup, .close-myacemail-popup span, .close-frtpwd-model span {
    cursor: pointer;
    font-size: 14px;
    color: #000000;
}

.modal-body {
    display: inline-table;
    background-color: #ffffff;
    padding: 15px 0 5px;
    text-align: center;
    width: 100%;
}

.user-logo {
    margin-bottom: 20px;
    display: block;
}

span.user-logo i {
    font-size: 85px;
    margin: auto;
    color: #cfcfcf;
}

.ctl-mod-bod-css h2 {
    font-size: 28px;
    color: #605e5e;
    font-weight: 600;
    font-style: normal;
    text-align: center;
    text-transform: capitalize;
    line-height: normal;
    letter-spacing: normal;
}

.ctl-mod-bod-css h3 {
    font-size: 16px;
    color: #605e5e;
    font-weight: 100;
    font-style: normal;
    text-align: center;
    text-transform: capitalize;
    line-height: normal;
    letter-spacing: normal;
}

.ctl-mod-bod-css p {
    display: inline-block;
    font-size: 14px;
    color: #605e5e;
    font-weight: 400;
    font-style: normal;
    text-align: center;
    text-transform: capitalize;
    line-height: normal;
    letter-spacing: normal;
}

/* Animation */
@-webkit-keyframes modalbox {
    0% {
        top: -250px;
        opacity: 0;
    }
    100% {
        top: 0;
        opacity: 1;
    }
}

@keyframes modalbox {
    0% {
        top: -250px;
        opacity: 0;
    }
    100% {
        top: 0;
        opacity: 1;
    }
}

button {
    border: 1px solid #333333;
    outline: none;
    color: #333333;
}

input.face-book {
    color: #ffffff;
    font-size: 16px;
    text-transform: capitalize;
    text-align: center;
    font-weight: 600;
}

input.face-book {
    padding: 20px 60px;
    width: 100%;
    margin: 35px auto 10px;
    border: none;
    border-radius: 0;
    background-color: rgb(61, 89, 153);
    cursor: pointer;
    -webkit-transition: 0.5s;
    -moz-transition: 0.5s;
    -ms-transition: 0.5s;
    -o-transition: 0.5s;
    transition: 0.5s;
}

input.face-book:hover {
    background-color: rgb(38, 69, 140);
    -webkit-transition: 0.5s;
    -moz-transition: 0.5s;
    -ms-transition: 0.5s;
    -o-transition: 0.5s;
    transition: 0.5s;
}

input.face-book i {
    margin-right: 15px;
}

.modal-body-1 {
    display: inline-table;
    text-align: left;
}

.modal-body-1 h1 {
    font-size: 22px;
    color: #000000;
    font-weight: 400;
    font-style: normal;
    text-align: left;
    text-transform: capitalize;
    line-height: normal;
    letter-spacing: normal;
}

.modal-body-1 p {
    font-size: 16px;
    font-weight: 300;
}

h4.dollar-sign {
    font-size: 18px;
    color: #000000;
    font-weight: 400;
    font-style: normal;
    text-align: right;
    text-transform: inherit;
    line-height: normal;
    letter-spacing: normal;
    /*padding-top: 10px;*/
    padding-right: 25px;
}

h4.ctl-pop-txt {
    font-size: 15px;
    color: #000000;
    font-weight: 100;
    font-style: normal;
    text-align: left;
    text-transform: inherit;
    line-height: normal;
    letter-spacing: normal;
    margin: 5px auto 15px;
}

h4.ctl-spe-req {
    font-size: 16px;
    color: #000000;
    font-weight: 600;
    font-style: normal;
    text-align: left;
    text-transform: inherit;
    line-height: normal;
    letter-spacing: normal;
}

.ctl-txt-dis {
    display: none;
}

.ctl-txt-dis {
    margin-top: 5px;
}

.ctl-txt-css-cus {
    padding: 8px 8px;
    font-size: 16px;
    line-height: normal;
    border: 1px solid #ced4da;
    border-radius: 0;
}

.ctl-txt-css-cus:focus {
    outline: none;
    box-shadow: none;
}

.ctl-mod-lab-css {
    margin-top: 10px;
    margin-bottom: 0;
}

.ctl-mod-lab-css span {
    margin-right: 90px;
}

.ctl-mod-lab-css p label {
    font-size: 14px;
    color: #605e5e;
    font-weight: 100;
    font-style: normal;
    text-align: left;
    text-transform: inherit;
    line-height: normal;
    letter-spacing: normal;
}

.ctl-mod-lab-css span label {
    padding-left: 5px;
    font-size: 14px;
}

h4.ctl-add-txt {
    font-size: 14px;
    color: #605e5e;
    font-weight: 100;
    font-style: normal;
    text-align: left;
    text-transform: inherit;
    line-height: normal;
    letter-spacing: normal;
    padding-top: 10px;
    padding-bottom: 10px;
}



.custom-radio .custom-control-input:checked ~ .custom-control-label::before {

    background-color: #007bff !important;

}



.ctl-lft-pad-pop {
    padding-left: 10px;
    font-size: 14px;

}

.custom-control-label:before {
    background-color: #ffffff !important;
}

.ctl-pop-bag-btn input {
    color: #ffffff;
    font-size: 15px;
    font-weight: 400;
    font-style: normal;
    text-align: center;
    text-transform: uppercase;
    line-height: normal;
    letter-spacing: normal;
    padding: 10px 29px;
    border-radius: 5px;
    background-color: #12ab36;
    border: none;
    width: 35%;
    cursor: pointer;
    -webkit-transition: 0.5s;
    -moz-transition: 0.5s;
    -ms-transition: 0.5s;
    -o-transition: 0.5s;
    transition: 0.5s;
}

.ctl-pop-bag-btn input:hover {
    background-color: #005113;
    -webkit-transition: 0.5s;
    -moz-transition: 0.5s;
    -ms-transition: 0.5s;
    -o-transition: 0.5s;
    transition: 0.5s;
}

.ctl-pop-bag-btn {
    margin-top: 8px;
}

.modal-body-1 .btn-symbol {
    border-radius: 50%;
    color: #000;
    background-color: #fff;
    padding: 10px;
    cursor: pointer;
    border: 1px solid #cfcfcf;
}

.btn-symbol .fa-minus {
    text-align: center;
}

.btn-symbol:focus {
    outline: none;
}

h4.quan-tity, .ctl-popup-btn h4, p.cmp-css-mod {
    font-size: 16px;
    color: #000000;
    font-weight: 600;
    font-style: normal;
    text-align: inherit;
    text-transform: inherit;
    line-height: normal;
    letter-spacing: normal;
}

.custom-radio {
    align-items: center;
    width:30.33%;
}

.cmp-css-mod {
    align-items: center;
    display: -webkit-flex;
    display: -webkit-box;
    display: -moz-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: -ms-flex;
    display: -o-flex;
    display: flex;
    -webkit-flex-direction: row;
    -moz-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
}

.cmp-css-mod input {
    margin-left: 10px;
}


.ctl-popup-btn p, p.ctl-popup-opt-btn {
    font-size: 14px;
    color: #000000;
    font-weight: 100;
    font-style: normal;
    text-align: inherit;
    text-transform: inherit;
    line-height: normal;
    letter-spacing: normal;

}

.ctl-chk-scrol-y{
    height:200px;
    overflow-y: scroll;
}

.ctl-chk-box-ali{
    display: -webkit-flex;
    display: -webkit-box;
    display: -moz-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: -ms-flex;
    display: -o-flex;
    display: flex;
    -webkit-flex-direction: row;
    -moz-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    align-items: center;
    margin-top: 5px;
}
.ctl-popup-btn h4{
    margin-top:10px;
}


.cmp-pop-ratio-btn {
    background-color: #e3e3e3;
    padding: 10px;

    margin: 15px auto;
}

.ctl-chk-box-wid{
    width: 30.33%;
    margin-right: 0 !important;
}
.ctl-lft-pad-pop {
    color: #000;
    font-weight: 100;
    font-style: normal;
    text-align: left;
    text-transform: inherit;
    line-height: normal;
    letter-spacing: normal;
}

.modal-body-1 #quantity {
    background-color: transparent;
    width: 50px;
    text-align: center;
    margin: 16px 25px 0 25px;
}

.ctl-dis-flx-pop {
    display: -webkit-flex;
    display: -webkit-box;
    display: -moz-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: -ms-flex;
    display: -o-flex;
    display: flex;
    -webkit-flex-direction: row;
    -moz-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    align-items: center;
}

.ctl-quan-btn {
    width: 40%;
}

.ctl-pop-qua-wid {
    display: -webkit-flex;
    display: -webkit-box;
    display: -moz-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: -ms-flex;
    display: -o-flex;
    display: flex;
    -webkit-flex-direction: row;
    -moz-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    align-items: center;
}

.ctl-quan-txt {
    margin-right: 20px;
}

.ctl-pop-inp-box {
    border-radius: 0;
    font-size: 16px;
    font-weight: 100;
    line-height: normal;
    padding: 6px 8px;
    max-width: 45px;
    text-align: center;
    color: #000000;
    border: 1px solid #cfcfcf;
    margin-left: 5px;
    margin-right: 5px;
}

.ctl-pop-inp-box:focus {
    outline: none;
    box-shadow: none;
    border: 1px solid #cfcfcf;
}

.modal-body-1 .input-group-addon {
    width: 50px;
}

/*start of delivery pop*/
.ctl-del-pop-css {
    padding: 5px 0 5px;
}

.ctl-del-pop-hdr h4 {
    font-size: 22px;
    color: #000000;
    font-weight: 800;
    font-style: normal;
    text-align: center;
    text-transform: capitalize;
    line-height: normal;
    letter-spacing: normal;
}

/*end of delivery pop*/

/*start of review pop*/
.ctl-rev-pop-css {
    padding: 20px 0 20px;
}

.ctl-rev-pop-hdr h4 {
    font-size: 18px;
    color: #000000;
    font-weight: 400;
    font-style: normal;
    text-align: center;
    text-transform: capitalize;
    line-height: normal;
    letter-spacing: normal;
}

/*end of review pop*/

/*start of confirm order pop*/
.ctl-conf-ord-pop-css {
    padding: 15px 0 15px;
}

.ctl-conf-orde-pop-hdr h4 {
    font-size: 22px;
    color: #27a700;
    font-weight: 600;
    font-style: normal;
    text-align: center;
    text-transform: capitalize;
    line-height: normal;
    letter-spacing: normal;
}

/*end of confirm order pop*/

.ctl-edit-upd-upd-btn {
    width: 50%;
    float: left;
}

.ctl-edit-upd-del-btn {
    width: 50%;
    float: right;
}

.ctl-edit-upd-upd-btn, .ctl-edit-upd-del-btn {
    text-align: center;
}

.ctl-edit-upd-upd-btn input, .ctl-edit-upd-del-btn input {
    color: #ffffff;
    font-size: 15px;
    font-weight: 400;
    font-style: normal;
    text-align: center;
    text-transform: uppercase;
    line-height: normal;
    letter-spacing: normal;
    padding: 10px 29px;
    border-radius: 5px;

    border: none;
    cursor: pointer;
    -webkit-transition: 0.5s;
    -moz-transition: 0.5s;
    -ms-transition: 0.5s;
    -o-transition: 0.5s;
    transition: 0.5s;
    width: 75%;
}

.ctl-edit-upd-upd-btn input {
    background-color: #12ab36;
}

.ctl-edit-upd-del-btn input {
    background-color: #f21111;
}

.ctl-edit-upd-upd-btn input:hover {
    background-color: #005113;
    -webkit-transition: 0.5s;
    -moz-transition: 0.5s;
    -ms-transition: 0.5s;
    -o-transition: 0.5s;
    transition: 0.5s;
}

.ctl-edit-upd-del-btn input:hover {
    background-color: #b40000;
    -webkit-transition: 0.5s;
    -moz-transition: 0.5s;
    -ms-transition: 0.5s;
    -o-transition: 0.5s;
    transition: 0.5s;
}

/*start of signin pop*/
.ctl-signin-pop-css, .ctl-for-pwd-pop-css {
    padding-bottom: 15px;
}

.ctl-restpw-pop-css {
    padding-bottom: 20px;
}

.ctl-signin-btn-pop input {

    width: 100%;
    border: 3px solid #444444;
    text-transform: uppercase;
    font-weight: 400;
    font-size: 16px;
    line-height: normal;
    padding: 8px 10px;
    -webkit-transition: 0.5s;
    -moz-transition: 0.5s;
    -ms-transition: 0.5s;
    -o-transition: 0.5s;
    transition: 0.5s;
    cursor: pointer;
}

.ctl-signin-btn-pop input {
    color: #ffffff;
    background-color: #444444;
}

.ctl-signin-btn-pop input:hover {
    background-color: #da9436;
    -webkit-transition: 0.5s;
    -moz-transition: 0.5s;
    -ms-transition: 0.5s;
    -o-transition: 0.5s;
    transition: 0.5s;
    color: #ffffff;
}

.ctl-signin-btn-pop input:focus {
    outline: none;
}

.ctl-signin-btn-pop:focus {
    box-shadow: none;
}

.ctl-signin-btn-pop {
    width: 100%;
    margin: 25px auto;
}

.ctl-sig-popup-hrd-top h4 {
    color: #605e5e;
    font-size: 18px;
    font-weight: 600;
    font-style: normal;
    text-align: center;
    text-transform: uppercase;
    line-height: normal;
    letter-spacing: 1px;
    padding-bottom: 15px;
}

.ctl-restpw-popup-hrd-top h4 {
    font-size: 16px;
    color: #27a700;
    font-weight: 600;
    font-style: normal;
    text-align: center;
    text-transform: capitalize;
    line-height: normal;
    letter-spacing: normal;
}

.ctl-signin-txt-bot h4 a {
    font-size: 15px;
    color: rgb(235, 143, 17);
    font-weight: 400;
    font-style: normal;
    text-align: center;
    text-transform: capitalize;
    line-height: normal;
    letter-spacing: normal;
}

.ctl-reset-lik-txt {
    display: none;
}

.ctl-reset-lik-txt p {
    color: #605e5e;
    font-size: 15px;
    font-weight: 400;
    font-style: normal;
    text-align: center;
    text-transform: inherit;
    line-height: normal;
    letter-spacing: normal;
}

/*end of signin pop*/

/* end of modal-popup css*/

.top-i-top {
    padding: 20px 15px 40px;
}

.ctl-cus-con-wid {
    max-width: 980px !important;
}

.ctl-hor-dis-flx {
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flex;
    display: -o-flex;
    display: flex;
    -webkit-flex-direction: row;
    -moz-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    align-items: center;
}

.ctl-top-inf p {
    color: #605e5e;
    font-size: 16px;
    font-weight: 100;
    font-style: normal;
    text-align: left;
    text-transform: capitalize;
    line-height: normal;
    letter-spacing: normal;
}

.ctl-top-inf p span {
    text-transform: uppercase !important;
}

.ctl-log {
    width: 75%;
    margin: auto;
}

.ctl-log img, .ctl-ban-img img, .ctl-ban-resp-img img {
    width: 100%;
    height: auto;
    display: block;
}

.ctl-ban-resp-img {
    display: none;
}

.ctl-soc-lnk-hor {
    display:-webkit-box;
    display:-moz-flex;
    display:-moz-box;
    display:-ms-flexbox;
    display: flex;
    flex-direction:row;
    align-items: center;
}

.ctl-soc-lnk-hor li {
    margin-right: 15px;
}

.ctl-soc-lnk-hor li a i {
    font-size: 16px;
    color: #000000;
}

/* start of nav css */
.cmp-nav-hor {
    border-top-width: 1px;
    border-style: solid;
    border-color: #e9e9e9;
	display:none;
}

.nav-pad {
    padding: 8px 16px;
}

button.hover-resp {
    background-color: #de9033;
    padding: 6px 12px;
    font-size: 14px;
    line-height: 1;

    border: 1px solid transparent;

    border-radius: 0;
}

.hover-resp:focus {
    outline: none;
}

.nav-mar-lft-rit li {
    margin-right: 40px;
    margin-left: 40px;
}

li.nav-css-text a {
    color: #605e5e;
!important;
    font-size: 16px;
    font-style: normal;
    font-weight: 600;
    text-align: center;
    text-transform: capitalize;
    line-height: normal;
    letter-spacing: normal;
    padding-right: 15px !important;
    padding-left: 15px !important;
}

.nav-link:focus, .navbar-nav .nav-link:hover {
    color: rgb(222, 144, 51) !important;

}

.navbar-nav .active > .nav-link {
    color: rgb(222, 144, 51) !important;
}

/* end of nav css */
.cen-i-cen {
    padding: 50px 15px 40px;
}

/* start model div css */

.cmp-usr-signin {
    display: none;
}
/*
.list-myacc-hov {
    display: none;
}*/
.cmp-crt-itm-res{
    display: none;
}
.cmp-hrd-txt-top h1 span,.cmp-crt-itm-res h2 span{
    color: #605e5e;
    font-size: 16px;
    font-weight: 400;
    font-style: normal;
    text-align: left;
    text-transform: capitalize;
    line-height: 50px;
    letter-spacing: normal;
}
.cmp-crt-itm-res h2{
    cursor: pointer;
}
.cmp-hrd-txt-top h1,.cmp-crt-itm-res h2 {
    display: -webkit-flex;
    display: -webkit-box;
    display: -moz-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: -ms-flex;
    display: -o-flex;
    display: flex;
    -webkit-flex-direction: row;
    -moz-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    align-items: center;
}

.cmp-hrd-txt-top h1 i,.cmp-crt-itm-res h2 i {
    font-size: 35px;
    color: #aaaaaa;
    margin-right: 10px;
}

.cmp-signin-hdr, .cmp-myacc-hdr {
    cursor: pointer;
}

.cmp-myacc-nav-hdr {
    cursor: inherit;

}
.cmp-myacc-nav-mar-top{
    margin-top: 5px;
}
.cmp-myacc-nav-hdr a:hover{
    text-decoration: none;
}
.cmp-signin-hdr h4 i {
    font-size: 35px;
    margin-right: 10px;
    color: #aaaaaa;
}

.cmp-signin-hdr h4 {
    text-align: center;
}

.cmp-signin-hdr {
    -webkit-transition: 0.5s;
    -moz-transition: 0.5s;;
    -ms-transition: 0.5s;
    -o-transition: 0.5s;
    transition: 0.5s;

}

.cmp-signin-hdr:hover {
    background-color: #444444;
    -webkit-transition: 0.5s;
    -moz-transition: 0.5s;;
    -ms-transition: 0.5s;
    -o-transition: 0.5s;
    transition: 0.5s;
}

.cmp-signin-hdr:hover.cmp-signin-hdr h4 span {
    color: #ffffff !important;
    -webkit-transition: 0.5s;
    -moz-transition: 0.5s;;
    -ms-transition: 0.5s;
    -o-transition: 0.5s;
    transition: 0.5s;
}

.cmp-signin-hdr:hover.cmp-signin-hdr h4 i {
    color: #ffffff !important;
    -webkit-transition: 0.5s;
    -moz-transition: 0.5s;;
    -ms-transition: 0.5s;
    -o-transition: 0.5s;
    transition: 0.5s;
}

.cmp-signin-bot {
    display: none;
}

.cmp-menu-hdr h4, .cmp-myacc-nav-hdr h1 {
    background-color: #444444;
    color: #ffffff;
}

.cmp-menu-hdr h4, .cmp-signin-hdr h4 span, .cmp-myacc-hdr h4 {
    text-align: center;
}
.cmp-myacc-hdr h4 a{
    text-decoration: none;
    color: #605e5e;
}
.cmp-myacc-nav-hdr h1 {
    text-align: center;
}

.cmp-menu-hdr h4, .cmp-signin-hdr h4 span, .cmp-myacc-nav-hdr h1, .cmp-myacc-hdr h4 {
    font-size: 15px;
    font-weight: 400;
    font-style: normal;
    text-transform: uppercase;
    line-height: 40px;
    letter-spacing: normal;

}

.cmp-signin-hdr h4 span, .cmp-myacc-hdr h4 {
    color: #605e5e;
}

.cmp-nes-tab li, .cmp-nes-signin-tab li {
    text-align: center;
}

.cmp-myacc-nav-lft li {
    text-align: left;
    padding-left: 25px;
}

.cmp-nes-tab li, .cmp-nes-signin-tab li, .cmp-myacc-nav-lft li {
    color: #605e5e;
    font-size: 15px;
    font-weight: 400;
    font-style: normal;

    text-transform: uppercase;
    line-height: 40px;
    letter-spacing: normal;
    -webkit-transition: 0.5s;
    -moz-transition: 0.5s;;
    -ms-transition: 0.5s;
    -o-transition: 0.5s;
    transition: 0.5s;
    cursor: pointer;
}

.cmp-nes-tab li:hover, .cmp-nes-signin-tab li:hover, .cmp-myacc-nav-lft li:hover {
    background-color: rgb(249, 245, 239);
    -webkit-transition: 0.3s;
    -moz-transition: 0.3s;;
    -ms-transition: 0.3s;
    -o-transition: 0.3s;
    transition: 0.3s;
}

.cmp-nes-tab li.active, .cmp-nes-signin-tab li.active, .cmp-myacc-nav-lft li.active {
    background-color: rgb(249, 245, 239) !important;
}

.ctl-men-inf-top h4 {
    color: #605e5e;
    font-size: 26px;
    font-weight: 400;
    font-style: normal;
    text-align: center;
    text-transform: uppercase;
    line-height: normal;
    letter-spacing: normal;
    padding-bottom: 10px;
}

.ctl-men-inf-top p, .ctl-sta-hdr-top p {
    color: #605e5e;
    font-size: 14px;
    font-weight: 100;
    font-style: normal;
    text-align: center;
    text-transform: inherit;
    line-height: normal;
    letter-spacing: normal;
}

.ctl-bor-lin {
    border-bottom-width: 1px;
    border-style: solid;
    border-color: #e9e9e9;
    width: 50%;
    margin: 20px auto;
}

.ctl-sta-hdr-top h4 {
    color: #605e5e;
    font-size: 26px;
    font-weight: 400;
    font-style: normal;
    text-align: center;
    text-transform: uppercase;
    line-height: normal;
    letter-spacing: normal;
    padding-bottom: 10px;
}

.ctl-sta-inf-bot {
    margin-top: 20px;
    cursor: pointer;
    height: 780px;
    overflow-y: auto;

}

.ctl-inf-lis-rat {
    display: -webkit-flex;
    display: -webkit-box;
    display: -moz-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: -ms-flex;
    display: -o-flex;
    display: flex;
    align-items: center;
    width: 100%;
    padding: 20px 20px;
    -webkit-transition: 0.5s;
    -moz-transition: 0.5s;;
    -ms-transition: 0.5s;
    -o-transition: 0.5s;
    transition: 0.5s;
    border-bottom: 2px solid rgb(249, 245, 239);
}

.ctl-inf-lis-rat:hover {
    background-color: #444444;
    -webkit-transition: 0.5s;
    -moz-transition: 0.5s;;
    -ms-transition: 0.5s;
    -o-transition: 0.5s;
    transition: 0.5s;

}

.ctl-inf-lis-lft {
    width: 75%;
}

.ctl-inf-rat-rit {
    width: 15%;
}

.ctl-inf-rat-img-rit {
    width: 10%;
    display:none;
}

.ctl-img-rit {
    border: 1px solid #ffffff;
}

.ctl-img-rit img {
    width: 100%;
    height: auto;
    display: block;
}

.ctl-lis-lft-tit h4 {
    color: #605e5e;
    font-size: 16px;
    font-weight: 400;
    font-style: normal;
    text-align: left;
    text-transform: capitalize;
    line-height: normal;
    letter-spacing: normal;
    padding-bottom: 10px;
}

.ctl-lis-lft-tit:hover h4 {
    color: #ffffff;
    font-size: 16px;
    font-weight: 400;
    font-style: normal;
    text-align: left;
    text-transform: capitalize;
    line-height: normal;
    letter-spacing: normal;
    padding-bottom: 10px;
}


.ctl-lis-lft-tit p {
    color: #605e5e;
    font-size: 14px;
    font-weight: 100;
    font-style: normal;
    text-align: left;
    text-transform: inherit;
    line-height: normal;
    letter-spacing: normal;
}

.ctl-lis-lft-tit:hover p {
    color: #ffffff;
    font-size: 14px;
    font-weight: 100;
    font-style: normal;
    text-align: left;
    text-transform: inherit;
    line-height: normal;
    letter-spacing: normal;
}
.ctl-rat-dol:hover h4{
	color: #ffffff;
    font-size: 14px;
    font-weight: 100;
    font-style: normal;
    text-align: left;
    text-transform: inherit;
    line-height: normal;
    letter-spacing: normal;
}

.cmp-cen-bor-lft-rit {
    border-left: 1px solid #cfcfcf;
    border-right: 1px solid #cfcfcf;
    padding-left: 10px;
    padding-right: 10px;
}

/*.ctl-pad-lft {*/
    /*padding-left: 0;*/
/*}*/

.cmp-list-item {
    width: 95%;
    margin: auto;
}

/* end model div css */

/*start of fld bag block css*/
.ctl-fld-hrd-top {
    float: left;
}

.ctl-fld-hrd-bot {
    float: right;
}

.ctl-lis-lft {
    float: left;
    width: 80%;
}

.ctl-lis-rit {
    float: right;
}

.ctl-lis-rit span, .ctl-sub-tot-txt-rit h4 {
    font-size: 14px;
    font-weight: 600;
    color: #605e5e;
    font-style: normal;
    text-align: center;
    text-transform: capitalize;
    line-height: normal;
    letter-spacing: normal;
}

.cmp-fld-item-nam-top {
    display: -webkit-flex;
    display: -webkit-box;
    display: -moz-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: -ms-flex;
    display: -o-flex;
    display: flex;
    -webkit-flex-direction: row;
    -moz-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    flex-direction: row;
}

.cmp-fld-item-nam-top span {
    font-size: 14px;
    font-weight: 600;
    color: #000000;
    font-style: normal;
    text-align: center;
    text-transform: capitalize;
    line-height: normal;
    letter-spacing: normal;
    margin-left: 10px;
    margin-right: 10px;
}

.cmp-fld-item-nam-top h4 {
    font-size: 14px;
    font-weight: 600;
    color: #605e5e;
    font-style: normal;
    text-align: left;
    text-transform: capitalize;
    line-height: normal;
    letter-spacing: normal;
    width: 80%;
}

.ctl-fld-inf-list {
    margin-bottom: 20px;
}

.cmp-fld-item-nam-top i {
    font-size: 16px;
    margin-right: 5px;
    margin-left: 5px;
    color: #aaaaaa;
    cursor: pointer;
}

.cmp-fld-bag-inf-cen {
    border-bottom: 1px solid #e9e9e9;
    padding-top: 25px;
}
.ctl-sign-info{
    margin-bottom:10px;
}
.cmp-fld-item-flo-bot h4 {
    font-size: 14px;
    font-weight: 400;
    color: #8c8a8a;

    font-style: normal;

    text-align: left;

    text-transform: capitalize;

    line-height: normal;

    letter-spacing: normal;
}

.cmp-fld-bag-hdr-top {
    border-bottom: 1px solid #e9e9e9;

    padding-bottom: 10px;

}

.ctl-lnk-your-cart {
    margin: auto;
}

/*.ctl-pad-lft-rit {*/
    /*padding-right: 0;*/
/*}*/

.ctl-sub-tot-txt-lft {
    float: left;
}

.ctl-sub-tot-txt-rit {
    float: right;
}

.ctl-sub-tot-txt-lft h4 {
    font-size: 15px;
    font-weight: 600;
    color: #605e5e;
    font-style: normal;
    text-align: left;
    text-transform: capitalize;
    line-height: normal;
    letter-spacing: normal;
}

.ctl-tot-bold h4 {
    font-weight: 600 !important;
}

.ctl-fld-sub-tot {
    margin-bottom: 20px;
}

.cmp-fld-bag-tot-cen {
    margin-top: 25px;
    margin-bottom: 25px;
}

.ctl-frm-fld-blo-btn input {
    background-color: #12ab36;
    color: #ffffff;
    width: 100%;
    border-radius: 5px;
    border: none;
    text-transform: inherit;
    font-weight: 600;
    font-size: 16px;
    line-height: normal;
    padding: 10px 10px;
    -webkit-transition: 0.5s;
    -moz-transition: 0.5s;
    -ms-transition: 0.5s;
    -o-transition: 0.5s;
    transition: 0.5s;
    cursor: pointer;
}

.ctl-frm-fld-blo-btn input:hover {
    background-color: #005113;
    -webkit-transition: 0.5s;
    -moz-transition: 0.5s;
    -ms-transition: 0.5s;
    -o-transition: 0.5s;
    transition: 0.5s;
}

.ctl-frm-fld-blo-btn input:focus {
    box-shadow: none;
    border: 0;
    outline: none;
}

.cmp-fld-bag-check-btn-bot {
    display: -webkit-flex;
    display: -webkit-box;
    display: -moz-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: -ms-flex;
    display: -o-flex;
    display: flex;
    -webkit-flex-direction: row;
    -moz-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    align-items: center;
}

.cmp-del-pop-cont {
    margin-right: 10px;
    display:none;
}

.cmp-del-pop-cont, .cmp-del-tak-cont {
    width: 50%;
}

label.ctl-ord-bag-txt {
    font-size: 14px;
    font-weight: 600;
    color: #605e5e;
    font-style: normal;
    text-align: inherit;
    text-transform: capitalize;
    line-height: normal;
    letter-spacing: normal;
}

.ctl-frm-fld-blo-ratio input, .ctl-frm-fld-blo-ratio label {
    cursor: pointer;
}

.cmp-fld-bag-btn-bot {
    border-top: 1px solid #e9e9e9;
    padding-top: 15px;
}

.ctl-fld-bask {
    display: none;
}

.cmp-fld-bag-check-btn-bot {
    padding-bottom: 15px;
}

/*end of fld bag block css*/
.ctl-flo-lft {
    float: left;
    margin-right: 10px;
}

.ctl-flo-rit {
    float: right;
}

.ctl-order-txt h4 {
    text-align: left;
}

.ctl-order-txt h4, .ctl-order-your-cart-txt h4 {
    font-size: 13px;
    font-weight: 600;
    color: #605e5e;
    font-style: normal;
    text-transform: capitalize;
    line-height: normal;
    letter-spacing: normal;
}

.ctl-my-ord-item {
    background-color: rgb(68, 68, 68);
    padding: 10px 10px;
}

.ctl-order-txt h4, .ctl-order-your-cart-txt h4 {
    color: #ffffff !important;
}

.ctl-order-your-cart-txt h4 {
    text-align: right;
}

.ctl-order-img-top {
    padding: 25px 25px;
    text-align: center;
}

.ctl-order-img-top i {
    color: #aaaaaa;
    font-size: 150px
}

.ctl-order-par-bot p {
    color: #605e5e;
    font-size: 16px;
    font-weight: 800;
    font-style: normal;
    text-align: center;
    text-transform: inherit;
    line-height: normal;
    letter-spacing: normal;
}

.ctl-order-par-bot {
    padding-top: 25px;
    padding-bottom: 285px;
}

.ctl-my-ord-tot {
    display: -webkit-flex;
    display: -webkit-box;
    display: -moz-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: -ms-flex;
    display: -o-flex;
    display: flex;
    -webkit-flex-direction: row;
    -moz-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    align-items: center;
    border-left: 1px solid #cfcfcf;
}

.ctl-order-tot-txt h4, .ctl-order-tot-rat h4 {
    color: #bc9b5d;
    font-size: 15px;
    font-weight: 100;
    font-style: normal;
    text-align: left;
    text-transform: capitalize;
    line-height: 50px;
    letter-spacing: normal;
    padding-right: 30px;
    padding-left: 35px;
}

.ctl-btn {
    border-left: 1px solid #cfcfcf;
    padding: 20px 20px 100px;
}

.ctl-ord-txt {
    padding-top: 50px;
    padding-bottom: 50px;
}

.ctl-ord-txt p {
    color: #605e5e;
    font-size: 14px;
    font-weight: 100;
    font-style: normal;
    text-align: left;
    text-transform: inherit;
    line-height: normal;
    letter-spacing: normal;
}

.ctl-ord-now {
    background-color: #bc9b5d;
    cursor: pointer;
}

.ctl-ord-now a:hover {
    text-decoration: none;
}

.ctl-ord-now a h4 {
    color: #ffffff;
    font-size: 14px;
    font-weight: 400;
    font-style: normal;
    text-align: center;
    text-transform: uppercase;
    line-height: normal;
    letter-spacing: normal;
    padding: 15px;
}

::placeholder {
    color: #838383 !important;
}

.ctl-ord-now a h4 i {
    color: #ffffff;
    font-size: 14px;
    padding-left: 10px;
}

.ctl-del-pop-top-txt p {
    color: #838383;
    font-size: 16px !important;;
    font-weight: 100 !important;
    font-style: normal;
    text-align: left;
    text-transform: capitalize;
    line-height: normal;
    letter-spacing: normal;
}

.ctl-del-pop-hdr {
    margin-bottom: 15px;
}

.ctl-del-hdr-top h4 {
    padding-bottom: 10px;
}

.ctl-del-hdr-top h4 {
    color: #605e5e;
    font-size: 14px;
    font-weight: 400;
    font-style: normal;
    text-align: left;
    text-transform: inherit;
    line-height: normal;
    letter-spacing: normal;

}

.cmp-del-tim-dis h4, .cmp-del-adr-inf h4 {
    color: #000000;
    font-size: 15px;
    font-weight: 400;
    font-style: normal;
    text-align: right;
    text-transform: inherit;
    line-height: normal;
    letter-spacing: normal;

}

.cmp-flo-lft-mar {
    margin-bottom: 25px;
}

.cmp-deli-hdr-top, .cmp-del-adr-dis {
    float: left;
}

.cmp-del-cen-inf-cont, .cmp-del-adr-inf {
    float: right;
}

.cmp-deli-hdr-top h4, .cmp-del-adr-dis h4 {
    font-size: 15px;
    font-weight: 600;
    color: #000000;
    font-style: normal;
    text-align: left;
    text-transform: capitalize;
    line-height: normal;
    letter-spacing: normal;
}

.ctl-del-pop-top-txt {
    margin-top: 10px;
    margin-bottom: 15px;
}

.ctl-deli-txt-bot {
    padding-bottom: 15px;
}

.ctl-deli-txt-bot h4 {
    color: rgb(235, 143, 17);
    font-size: 15px;
    font-weight: 400;
    font-style: normal;
    text-align: left;
    text-transform: inherit;
    line-height: normal;
    letter-spacing: normal;
}

.ctl-upd-btn-pop:focus, .ctl-can-btn-pop:focus {
    box-shadow: none;
}

.ctl-upd-btn-pop {
    margin-right: 45px;
}

.ctl-upd-btn-pop, .ctl-can-btn-pop {
    width: 50%;
}

.ctl-pop-upd-can-btn {
    display: -webkit-flex;
    display: -webkit-box;
    display: -moz-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: -ms-flex;
    display: -o-flex;
    display: flex;
    -webkit-flex-direction: row;
    -moz-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    align-items: center;
}

.ctl-del-pop-wid li {
    width: 50%;
}

.ctl-del-pop-hov {
    -webkit-transition: 0.5s;
    -moz-transition: 0.5s;
    -ms-transition: 0.5s;
    -o-transition: 0.5s;
    transition: 0.5s;
}

.ctl-del-pop-hov a:hover {
    color: #2e4e99 !important;
    -webkit-transition: 0.5s;
    -moz-transition: 0.5s;
    -ms-transition: 0.5s;
    -o-transition: 0.5s;
    transition: 0.5s;
}

.ctl-del-pop-txt.active {
    background-color: #2e4e99 !important;
    color: #ffffff !important;
}

.ctl-del-pop-txt {
    border-radius: 0 !important;
    font-size: 18px;
    font-weight: 600;
    font-style: normal;
    text-align: center;
    text-transform: capitalize;
    line-height: normal;
    letter-spacing: normal;
    padding: 15px 20px;
    border: 1px solid #e3e3e3;
    color: #2e4e99 !important;
}

.form-group select {
    cursor: pointer;
}

h4.ctl-clk-pic {
    display: none;
}

.ctl-pop-pic-mar-top {
    margin-top: 10px;
}

.ctl-hid-pick-up, .ctl-hid-deli {
    display: none;
}

/* start of footer */

.cmp-bot-inf {
    background-color: rgba(68,68,68, 0.55);
    padding: 50px 25px 60px;
}

.ctl-hdr-foo-top {
    margin-bottom: 15px;
}

.ctl-hdr-foo-top h5 {
    color: #000000;
    font-size: 18px;
    font-weight: 400;
    font-style: normal;
    text-align: left;
    text-transform: uppercase;
    line-height: normal;
    letter-spacing: normal;
}

.ctl-foo-lnk li {
    margin-bottom: 10px;
}

.ctl-foo-lnk li a span, .ctl-foo-lnk li span {
    color: #000000;
    font-size: 14px;
    font-weight: 400;
    font-style: normal;
    text-align: left;
    text-transform: capitalize;
    line-height: normal;
    letter-spacing: normal;
}

.ctl-foo-lnk li a:hover {
    text-decoration: none;
}

.cmp-footer-wid-lft {
    width: 100%;
}

.ctl-pad-lft-zer {
    padding-left: 0;
}

.ctl-pad-lft-rit-zer {
    padding-right: 0;
    padding-left: 0;
}

.ctl-foot-dis-flx {
    display: -webkit-flex;
    display: -webkit-box;
    display: -moz-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: -ms-flex;
    display: -o-flex;
    display: flex;
    -webkit-flex-direction: row;
    -moz-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    align-items: center;
}

.ctl-foot-map-top {
    margin-top: 50px;
}


.ctl-inp-typ {
    border-radius: 0;
    border: 0 !important;
    font-weight: 100;
    font-size: 16px;
    line-height: normal;
    padding: 8px 8px;
    color: #000000 !important;
}

.ctl-inp-typ:focus {
    outline: none;
    box-shadow: none;
    background-color: #ffffff !important;
}

.ctl-btn-css {
    background-color: #dddddd;
    border: 2px solid #FFFFFF;
    width: 100%;
    border-radius: 0;
    text-transform: uppercase;
    font-size: 15px;
    line-height: normal;
    padding: 8px 8px;
    font-weight: 400;
    color: #000000;
}

.ctl-btn-css:focus {
    box-shadow: none;
}

.ctl-foo-txt-rit h6 {
    color: #000000;
    font-size: 14px;
    font-weight: 400;
    font-style: normal;
    text-align: left;
    text-transform: inherit;
    line-height: normal;
    letter-spacing: normal;
}

.ctl-foo-txt-rit h6 span {
    cursor: pointer;
    text-decoration: underline;
}

.ctl-foot-soc-lnk-hor {
    display: -webkit-flex;
    display: -webkit-box;
    display: -moz-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: -ms-flex;
    display: -o-flex;
    display: flex;
    -webkit-flex-direction: row;
    -moz-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    align-items: center;
}

.ctl-foot-soc-ico {
    float: right;
}

.ctl-foot-soc-lnk-hor li {
    margin-right: 20px;
}

.ctl-foot-soc-lnk-hor li a i {
    font-size: 20px;
    color: #000000;
}

/* end of footer */

/* start of contact page */
.nav-pills .nav-link.active {
    background-color: rgb(249, 245, 239);
    color: #444444 !important;
}
.cmp-par-hov .cmp-pay-nav-act.active{
    background-color: rgb(14,39,48);
    color: #ffffff !important;
}
.nav-link:focus {
    outline: none;
}

.ctl-frm-wid li {
    width: 33.33%;
}

.ctl-nav-con-css {
    border-radius: 0 !important;
    font-size: 16px;
    font-weight: 600;
    font-style: normal;
    text-align: center;
    text-transform: inherit;
    line-height: normal;
    letter-spacing: normal;
    padding: 15px 20px;
    border: 1px solid #e3e3e3;
    color: #605e5e;
    -webkit-transition: 0.5s;
    -moz-transition: 0.5s;
    -ms-transition: 0.5s;
    -o-transition: 0.5s;
    transition: 0.5s;
}

.ctl-frm-hov {
    -webkit-transition: 0.5s;
    -moz-transition: 0.5s;
    -ms-transition: 0.5s;
    -o-transition: 0.5s;
    transition: 0.5s;
}

.ctl-frm-hov a:hover {
    color: #444444 !important;
    -webkit-transition: 0.5s;
    -moz-transition: 0.5s;
    -ms-transition: 0.5s;
    -o-transition: 0.5s;
    transition: 0.5s;
    outline: none;
}

.ctl-frm-hdr, .ctl-frm-log-hdr, .ctl-frm-signup-hdr {
    margin: 20px auto;
}

.ctl-frm-hdr h1, .ctl-frm-signup-hdr h2 {
    /*text-align: left;*/
    text-align: center;
}

.ctl-frm-log-hdr h2 {
    /*text-align: left;*/
    text-align: center;
}

.ctl-frm-hdr h1, .ctl-frm-log-hdr h2, .ctl-frm-signup-hdr h2 {
    font-size: 20px;
    font-weight: 400;
    font-style: normal;

    text-transform: capitalize;
    line-height: normal;
    letter-spacing: normal;
}

.ctl-frm-hdr p {
    font-size: 14px;
    font-weight: 100;
    font-style: normal;
    /*text-align: left;*/
    text-align: center;
    text-transform: capitalize;
    line-height: normal;
    letter-spacing: normal;
}

.ctl-cont-bill-add-non {
    display: none;
}

.ctl-bill-address-lft {
   /* float: left;
    width: 100%;*/
}

.ctl-bill-address-rit {
   /* float: right;
    width: 50%;*/
}

.ctl-pay-info-lft {
    float: left;
    width: 50%;
}

.ctl-pay-info-rit {
    float: right;
    width: 50%;
}

.ctl-mar-top-cus {
    margin-top: 10px !important;
}

.ctl-check-box {
    margin-bottom: 15px;
}

.ctl-grp-inp-img {
    display: -webkit-flex;
    display: -webkit-box;
    display: -moz-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: -ms-flex;
    display: -o-flex;
    display: flex;
    align-items: center;
    -webkit-flex-direction: row;
    -moz-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
}

.ctl-grp-inp-img i {
    position: absolute;
    margin-left: 10px;
    font-size: 20px;
    color: #000000;
    display: -webkit-flex;
    display: -webkit-box;
    display: -moz-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: -ms-flex;
    display: -o-flex;
    display: flex;
    align-items: center;
    padding-top: 5px;
}

.ctl-inp-pad-lft {
    padding-left: 35px !important;
}

.ctl-pad-bot-cont {
    font-size: 15px;
    padding-top: 10px;
    padding-bottom: 10px;
    color:#605e5e;
}

.ctl-add-tip-wid li {
    width: 15%;
}

.ctl-add-tip-hov {
    -webkit-transition: 0.5s;
    -moz-transition: 0.5s;
    -ms-transition: 0.5s;
    -o-transition: 0.5s;
    transition: 0.5s;
}

.ctl-add-tip-hov a:hover {
    color: #444444 !important;
    -webkit-transition: 0.5s;
    -moz-transition: 0.5s;
    -ms-transition: 0.5s;
    -o-transition: 0.5s;
    transition: 0.5s;
}

.ctl-add-tip-hov-discount {
    -webkit-transition: 0.5s;
    -moz-transition: 0.5s;
    -ms-transition: 0.5s;
    -o-transition: 0.5s;
    transition: 0.5s;
}

.ctl-add-tip-hov-discount a:hover {
    color: #444444 !important;
    -webkit-transition: 0.5s;
    -moz-transition: 0.5s;
    -ms-transition: 0.5s;
    -o-transition: 0.5s;
    transition: 0.5s;
}




.ctl-add-tip-css {
    border-radius: 0 !important;
    font-size: 15px;
    font-weight: 400;
    font-style: normal;
    text-align: center;
    text-transform: inherit;
    line-height: normal;
    letter-spacing: normal;
    padding: 8px 20px;
    border: 1px solid #e3e3e3;
    cursor: pointer;
}

.ctl-cus-tip-wid li {
    width: 100%;
}

.ctl-bil-add-pad-lft {
    padding-left: 0;
}

.ctl-bil-add-pad-rit {
    padding-right: 0;
}

.ctl-frm-title {
    margin: 0 auto 15px;
}
.cmp-pos-log-grp-hdr{
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flex;
    display: -o-flex;
    display: flex;
    -webkit-flex-direction: row;
    -moz-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    align-items: center;
    margin-bottom: 20px;
}
.ctl-frm-pos-log-title{
    width: 80%;
}
.ctl-frm-title h2,.ctl-frm-pos-log-title h2 {
    font-size: 16px;
    font-weight: 400;
    font-style: normal;
    text-align: left;
    text-transform: inherit;
    line-height: normal;
    letter-spacing: normal;
}
.ctl-frm-pos-log-txt h3 a{
    color:#605e5e;
    font-size: 14px;
    font-weight: 400;
    font-style: normal;
    text-align: left;
    text-transform: inherit;
    line-height: normal;
    letter-spacing: normal;
}
.ctl-frm-pos-log-txt h3 a:focus{
    outline: none;
}
.ctl-frm-pos-log-txt h3 a i{
    font-size: 14px;
    color:#605e5e;
    margin-right:5px;
}
.ctl-frm-inp-css {
    padding: 8px 8px;
    font-size: 14px;
    font-weight: 100;
    text-align: inherit;
    line-height: normal;
    letter-spacing: normal;
    color: #000000;
    border: 1px solid #cfcfcf;
    border-radius: 0;
    width: 100%;
}

.ctl-frm-pad-lft-rit {
    padding-right: 0;
    padding-left: 0;
}

.ctl-frm-txt-area {
    font-size: 16px;
    font-weight: 100;
    text-align: inherit;
    line-height: normal;
    letter-spacing: normal;
    color: #000000;
    border: 1px solid #cfcfcf;
    border-radius: 0;
}

.ctl-frm-btn {
    margin-top: 25px;
    margin-bottom: 20px;
}

.ctl-frm-btn input {
    background-color: #444444;
    /*color: #000000;*/
    color: #ffffff;
    width: 100%;
    border-radius: 0;
    border: none;
    text-transform: uppercase;
    font-weight: 400;
    font-size: 16px;
    line-height: normal;
    padding: 10px 10px;
    -webkit-transition: 0.5s;
    -moz-transition: 0.5s;
    -ms-transition: 0.5s;
    -o-transition: 0.5s;
    transition: 0.5s;
    cursor: pointer;
}

.ctl-frm-btn input:hover {
    background-color: #eab46a;
    -webkit-transition: 0.5s;
    -moz-transition: 0.5s;
    -ms-transition: 0.5s;
    -o-transition: 0.5s;
    transition: 0.5s;
}

.ctl-frm-btn input:focus {
    box-shadow: none;
    border: 0;
    outline: none;
}
/**/
.ctl-savd-pos-log-lft, .ctl-savd-pos-log-rit {
    width: 50%;
}
.ctl-savd-pos-log-lft{
    float:left
}
.ctl-savd-pos-log-rit{
    float: right;
}
.ctl-savd-pos-log-lft h3{
    font-size: 14px;
    color: #605e5e;
    font-weight: 400;
    font-style: normal;
    text-align: left;
    text-transform: inherit;
    line-height: normal;
    letter-spacing: normal;
}
.ctl-savd-pos-log-rit h3{
    font-size: 14px;
    color: #605e5e;
    font-weight: 400;
    font-style: normal;
    text-align: left;
    text-transform: inherit;
    line-height: normal;
    letter-spacing: normal;
}

.ctl-savd-pos-log-crdnu h3, .ctl-savd-pos-log-expon h3 {
    font-size: 14px;
    color: #605e5e;
    font-weight: 400;
    font-style: normal;
    text-align: left;
    text-transform: inherit;
    line-height: normal;
    letter-spacing: normal;
}
.ctl-savd-pos-log-rit h3,.ctl-savd-pos-log-expon h3{
    padding-left:20px;
}
 .ctl-savd-pos-log-expon{
     width: 50%;
 }




.ctl-cus-wid-hdr-saf{
    margin-top:10px;
    margin-bottom:10px;
}
.ctl-paynw-btn {
    margin-top: 25px;
    margin-bottom: 20px;
    text-align: center;
}

.ctl-paynw-btn input {
    background-color: #444444;
    color: #ffffff;
    width: 100%;
    border-radius: 0;
    border: none;
    text-transform: uppercase;
    font-weight: 400;
    font-size: 16px;
    line-height: normal;
    padding: 10px 10px;
    -webkit-transition: 0.5s;
    -moz-transition: 0.5s;
    -ms-transition: 0.5s;
    -o-transition: 0.5s;
    transition: 0.5s;
    cursor: pointer;
}

.ctl-paynw-btn input:hover {
    background-color:  #eab46a;
    -webkit-transition: 0.5s;
    -moz-transition: 0.5s;
    -ms-transition: 0.5s;
    -o-transition: 0.5s;
    transition: 0.5s;
}

.ctl-paynw-btn input:focus {
    box-shadow: none;
    border: 0;
    outline: none;
}
.ctl-bot-txt-cont p {
    font-size: 15px;
    color: #000000;
    font-weight: 400;
    font-style: normal;
    text-align: center;
    text-transform: inherit;
    line-height: normal;
    letter-spacing: normal;
}

.ctl-bot-txt-cont p span {
    color: rgb(235, 143, 17);
    cursor: pointer;
}

.ctl-frm-inp-css:focus, .ctl-frm-txt-area:focus {
    box-shadow: none;
    border: 1px solid #605e5e
}

.ctl-confirm-pay-btn-pop input {
    width: 100%;
    border-radius: 5px;
    border: 3px solid #00c7ff;
    text-transform: capitalize;
    font-weight: 600;
    font-size: 20px;
    line-height: normal;
    padding: 8px 10px;
    -webkit-transition: 0.5s;
    -moz-transition: 0.5s;
    -ms-transition: 0.5s;
    -o-transition: 0.5s;
    transition: 0.5s;
    cursor: pointer;
}

.ctl-confirm-pay-btn-pop input {
    color: #00c7ff;
    background-color: #ffffff;
}

.ctl-confirm-pay-btn-pop input:hover {
    background-color: #00c7ff;
    -webkit-transition: 0.5s;
    -moz-transition: 0.5s;
    -ms-transition: 0.5s;
    -o-transition: 0.5s;
    transition: 0.5s;
    color: #ffffff;
}

.ctl-confirm-pay-btn-pop input:focus {
    outline: none;
}

.ctl-confirm-pay-btn-pop:focus {
    box-shadow: none;
}

.ctl-confirm-pay-btn-pop {
    width: 80%;
    margin: 25px auto;
}

.ctl-confirm-pay-txt-bot h4 a {
    font-size: 15px;
    color: rgb(235, 143, 17);
    font-weight: 400;
    font-style: normal;
    text-align: center;
    text-transform: capitalize;
    line-height: normal;
    letter-spacing: normal;
}

.ctl-confirm-ord-conf-txt-bot {
    margin-top: 15px;
    margin-bottom: 15px;
}

.ctl-confirm-ord-conf-txt-bot h4 {
    font-size: 16px;
    color: #27a700;
    font-weight: 600;
    font-style: normal;
    text-align: center;
    text-transform: capitalize;
    line-height: normal;
    letter-spacing: normal;
}

.ctl-confirm-pay-onl-ord-txt-bot h4 {
    font-size: 15px;
    color: rgb(0, 0, 0);
    font-weight: 400;
    font-style: normal;
    text-align: center;
    text-transform: capitalize;
    line-height: normal;
    letter-spacing: normal;
}

.ctl-confirm-pay-onl-ord-txt-bot h4 span {
    font-size: 15px;
    color: rgb(235, 143, 17);
    font-weight: 600;
    font-style: normal;
    text-align: center;
    text-transform: uppercase;
    line-height: normal;
    letter-spacing: normal;
}


.ctl-frm-fld-edit-btn input {
    background-color: #12ab36;
    color: #ffffff;
    width: 100%;
    border-radius: 5px;
    border: none;
    text-transform: inherit;
    font-weight: 600;
    font-size: 12px;
    line-height: normal;
    padding: 5px 10px;
    -webkit-transition: 0.5s;
    -moz-transition: 0.5s;
    -ms-transition: 0.5s;
    -o-transition: 0.5s;
    transition: 0.5s;
    cursor: pointer;
}

.ctl-frm-fld-edit-btn input:hover {
    background-color: #12ab36;
    -webkit-transition: 0.5s;
    -moz-transition: 0.5s;
    -ms-transition: 0.5s;
    -o-transition: 0.5s;
    transition: 0.5s;
}

.ctl-frm-fld-edit-btn input:focus {
    box-shadow: none;
    border: 0;
    outline: none;
}

/* start of forpw popup css*/

.ctl-cont-txt-bot h4 {
    font-size: 15px;
    color: rgb(235, 143, 17);
    font-weight: 400;
    font-style: normal;
    text-align: center;
    text-transform: capitalize;
    line-height: normal;
    letter-spacing: normal;
    cursor: pointer;
}

.ctl-frt-pwd-popup {
    display: none;
}

.ctl-frtpw-cont {
    z-index: 900;
    display: none;
    position: fixed;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    background: rgb(0, 0, 0);
    background: rgba(0, 0, 0, .8);
    overflow: hidden;
}

.ctl-frt-pwd-contbox {
    position: fixed;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    background: transparent;
}

.ctl-box-forpwd {
    z-index: 900;
    position: relative;
    max-width: 530px;
    margin: 100px auto;
    animation-name: modalbox;
    animation-duration: .4s;
    animation-timing-function: cubic-bezier(0, 0, .3, 1.6);
    background-color: #ffffff;
    padding: 20px;
}

/* end of forpw popup css*/

/* end of contact page */

/* start of my account page */
.ctl-myacc-title {
    margin-bottom: 25px;
}

.ctl-myacc-title h2 {
    color: #605e5e;
    font-size: 24px;
    font-weight: 400;
    font-style: normal;
    text-align: center;
    text-transform: uppercase;
    line-height: normal;
    letter-spacing: normal;
}

.ctl-myacct-btn input {
    background-color: #444444;
    color: #ffffff;
    width: 100%;
    border-radius: 0;
    border: none;
    text-transform: inherit;
    font-weight: 400;
    font-size: 15px;
    line-height: normal;
    padding: 10px 10px;
    -webkit-transition: 0.5s;
    -moz-transition: 0.5s;
    -ms-transition: 0.5s;
    -o-transition: 0.5s;
    transition: 0.5s;
}

.ctl-myacct-btn input:hover {
    background-color: #da9436;
    -webkit-transition: 0.5s;
    -moz-transition: 0.5s;
    -ms-transition: 0.5s;
    -o-transition: 0.5s;
    transition: 0.5s;
}

.ctl-myacct-btn input:focus {
    box-shadow: none;
    border: 0;
}

.ctl-dis-flx-myacc {
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flex;
    display: -o-flex;
    display: flex;
    align-items: center;
    -webkit-flex-direction: row;
    -moz-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
}

label.ctl-lab-txt-myacc {
    color: #605e5e;
    font-size: 16px;
    font-weight: 400;
    font-style: normal;
    text-align: left;
    text-transform: inherit;
    line-height: normal;
    letter-spacing: normal;
    /*min-width: 200px;*/
    min-width: 125px;
    padding-bottom: 10px;
}
h2.ctl-def-usr-emai{
    color: #605e5e;
    font-size: 16px;
    font-weight: 400;
    font-style: normal;
    text-align: center;
    text-transform: uppercase;
    line-height: normal;
    letter-spacing: normal;
}

.ctl-myacct-btn {
    width: 150px;
    float: right;
    margin-top: 10px;
}

label.ctl-updpw-inf {
    cursor: pointer;
    color: #444444;
    font-size: 16px;
    font-weight: 600;
    font-style: normal;
    text-align: left;
    text-transform: inherit;
    line-height: normal;
    letter-spacing: normal;
    -webkit-transition: 0.5s;
    -moz-transition: 0.5s;
    -ms-transition: 0.5s;
    -o-transition: 0.5s;
    transition: 0.5s;
}

label.ctl-updpw-inf:hover {
    color: #000000;
    -webkit-transition: 0.5s;
    -moz-transition: 0.5s;
    -ms-transition: 0.5s;
    -o-transition: 0.5s;
    transition: 0.5s;
}

.ctl-myacc-pw-upt-succ-txt {
    display: none;
}

.ctl-myacc-pw-upt-succ-txt h2 {
    color: #27a700;
    font-size: 16px;
    font-weight: 400;
    font-style: normal;
    text-align: center;
    text-transform: inherit;
    line-height: normal;
    letter-spacing: normal;
}

.ctl-show-pw-con {
    display: none;
}

.ctl-myacc-prof-inf {
    margin: auto;
    width: 90%;
}

/*.ctl-myacc-prof-inf, .ctl-myacc-deliv-inf, .ctl-myacc-paymnt-inf, .ctl-myacc-past-ordr-inf {*/
    /*display: none;*/
/*}*/

/* start of past order table css*/

.ctl-tab-bor-past-ordr {
    border: 1px solid #444444;
    width: 100%;
    table-layout: fixed;
}

.ctl-tab-hdr-past-ordr tr {
    background: -webkit-linear-gradient(#444444, #444444);
    background: -o-linear-gradient(#444444, #444444);
    background: -moz-linear-gradient(#444444, #444444);
    background: linear-gradient(#444444, #444444);
    border-bottom: 1px solid #444444;
}

.ctl-tabl-hdr-txt-past-ordr th {
    color: #ffffff;
    font-size: 16px;
    font-weight: 600;
    text-align: center;
    text-transform: capitalize;
    line-height: normal;
    letter-spacing: 1px;
    padding: 15px 10px;
}

.ctl-tab-bod-past-ordr tr {
    border-bottom: 1px solid #444444;
}

.ctl-tabl-inf-txt td {
    color: #605e5e;
    font-style: normal;
    font-size: 15px;
    font-weight: 400;
    text-align: center;
    text-transform: capitalize;
    line-height: normal;
    letter-spacing: 1px;
    padding: 10px;
    border-right: 1px solid #444444;
}

span.clt-view-popup, span.clt-email-popup {
    cursor: pointer;
}

span.clt-email-popup i, span.clt-view-popup i {
    font-size: 16px;
    color: #808080;
}

span.clt-view-popup:hover, span.clt-email-popup:hover {
    text-decoration: none;
}

@media screen and (max-width: 600px) {
    .ctl-tab-bor-past-ordr thead {
        border: none;
        clip: rect(0 0 0 0);
        height: 1px;
        margin: -1px;
        overflow: hidden;
        padding: 0;
        position: absolute;
        width: 1px;
    }

    .ctl-tab-hdr-past-ordr tr, .ctl-tab-bod-past-ordr tr {
        border-bottom: 1px solid #444444;
        display: block;
    }

    .ctl-tab-bod-past-ordr tr:last-child {
        border-bottom: none !important;
    }

    .ctl-tabl-inf-txt td {
        border-bottom: 1px solid #dedede;
        border-right: none !important;
        display: block;
        font-size: 12px !important;
        font-weight: 100;
        text-align: right;
    }

    .ctl-tabl-inf-txt td::before {
        content: attr(data-label); /* aria-label it won't be read inside a table */
        float: left;
        text-transform: uppercase;
        font-size: 11px;
        font-weight: 400;
    }

    .ctl-tabl-inf-txt td:last-child {
        border-bottom: 0;
    }
}

/* end of past ordertable css */

.cmp-view-inf, .cmp-emai-con {
    display: none;
}

.ctl-vbil-hdr-top h3 {
    color: #000000;
    font-size: 16px;
    font-weight: 700;
    font-style: normal;
    text-align: center;
    text-transform: uppercase;
    line-height: normal;
    letter-spacing: normal;
}

.ctl-vbil-add-bot {
    margin-top: 10px;
    margin-bottom: 10px;
}

.ctl-vbil-add-bot h4 {
    color: #000000;
    font-size: 14px;
    font-weight: 400;
    font-style: normal;
    text-align: center;
    text-transform: uppercase;
    line-height: normal;
    letter-spacing: normal;
}

.ctl-vbil-bot-par h5 {
    color: #000000;
    font-size: 14px;
    font-weight: 600;
    font-style: normal;
    text-align: justify;
    text-transform: inherit;
    line-height: normal;
    letter-spacing: normal;
}

.ctl-view-bil-bot, .ctl-vbil-tit-top, .ctl-itm-tot-cen {
    border-top: 2px dotted #000000;
    border-bottom: 2px dotted #000000;
    padding-top: 10px;
    padding-bottom: 10px;
}

.ctl-vbil-cen-top {
    margin-bottom: 15px;
}

.ctl-vbil-lft-inf, .ctl-vbil-rit-inf, .ctl-vbil-inf-lft, .ctl-vbil-inf-rit {
    width: 50%;
}

.ctl-vbil-lft-inf, .ctl-vbil-inf-lft {
    float: left;
}

.ctl-vbil-rit-inf, .ctl-vbil-inf-rit {
    float: right;
}

.ctl-vbil-lft-inf h4 {
    text-align: left;
}

.ctl-vbil-rit-inf h4 {
    text-align: right;
}

.ctl-vbil-inf-lft h4, .ctl-vbil-inf-rit h4 {
    text-align: right;
}

.ctl-vbil-lft-inf h4, .ctl-vbil-rit-inf h4, .ctl-vbil-inf-lft h4, .ctl-vbil-inf-rit h4 {
    color: #000000;
    font-size: 14px;
    font-weight: 600;
    font-style: normal;
    text-transform: inherit;
    line-height: normal;
    letter-spacing: normal;
}

.ctl-itm-nam-top, .ctl-itm-amt-bot {
    padding-top: 10px;
    padding-bottom: 10px;
}

/* start of vbil popup*/
.cmp-vinfo-popup {
    z-index: 900;
    display: none;
    position: fixed;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    background: rgb(0, 0, 0);
    background: rgba(0, 0, 0, .8);
    overflow: hidden;
}

.ctl-vinfo {
    position: fixed;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    background: transparent;
}

.ctl-myacc-vinfo {
    z-index: 900;
    position: relative;
    width: 100%;
    max-width: 460px;
    margin: 10px auto;
    animation-name: modalbox;
    animation-duration: .4s;
    animation-timing-function: cubic-bezier(0, 0, .3, 1.6);
    background-color: #ffffff;
    padding: 20px;
}

/* end of vbil popup*/

.cmp-email-popup {
    z-index: 900;
    display: none;
    position: fixed;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    background: rgb(0, 0, 0);
    background: rgba(0, 0, 0, .8);
    overflow: hidden;
}

.ctl-einfo {
    position: fixed;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    background: transparent;
}

.ctl-myacc-einfo {
    z-index: 900;
    position: relative;
    width: 100%;
    max-width: 410px;
    margin: 143px auto;
    animation-name: modalbox;
    animation-duration: .4s;
    animation-timing-function: cubic-bezier(0, 0, .3, 1.6);
    background-color: #ffffff;
    padding: 20px;
}

.ctl-email-popup-txt h4 {
    font-size: 16px;
    color: #27a700;
    font-weight: 400;
    font-style: normal;
    text-align: center;
    text-transform: capitalize;
    line-height: normal;
    letter-spacing: normal;
}

.ctl-myacc-savd-crd-hdr-bot {
    margin-top: 15px;
}
.ctl-myacc-savd-crd-hdr-top,.ctl-myacc-savd-crd-inf-ver{
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flex;
    display: -o-flex;
    display: flex;
    -webkit-flex-direction: row;
    -moz-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    align-items: center;
}
 .ctl-sav-exp-con-rit {
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flex;
    display: -o-flex;
    display: flex;
    -webkit-flex-direction: row;
    -moz-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    align-items: center;
}

.ctl-myacc-savd-crd-inf-ver {
    background-color: #eae9e7;
    margin-bottom: 10px;
    padding: 10px;
}

.ctl-savd-tit-lft, .ctl-savd-tit-rit {
    width: 50%;
}
.ctl-savd-tit-lft{
    float: left;
}
.ctl-savd-tit-rit{
    float: right;
}

.ctl-savd-tit-lft h3 {
    font-size: 18px;
    color: #605e5e;
    font-weight: 400;
    font-style: normal;
    text-align: left;
    text-transform: inherit;
    line-height: normal;
    letter-spacing: normal;
}

.ctl-savd-tit-rit h3, .ctl-savd-crdnu h3, .ctl-savd-expon h3 {
    font-size: 16px;
    color: #605e5e;
    font-weight: 400;
    font-style: normal;
    text-align: left;
    text-transform: inherit;
    line-height: normal;
    letter-spacing: normal;
}
.ctl-rad-btn{
    cursor: pointer;
    font-size: 16px;
    color: #605e5e;
    font-weight: 400;
    font-style: normal;
    text-align: left;
    text-transform: inherit;
    line-height: normal;
    letter-spacing: normal;
}
.ctl-savd-crd-img img {
    width: 100%;
    height: auto;
    display: block;
}

.ctl-sav-img-typ-lft{
    float: left;
}
 .ctl-sav-img-typ-lft,.ctl-sav-exp-con-rit {
    width: 50%;
}
 .ctl-sav-exp-con-rit{
     float: right;
}

.ctl-savd-expon {
    width: 25%;
    float: left;
}
.ctl-sav-crd-rat-btn{
    width:45%;
    float: left;
    text-align: center;
}
.ctl-sav-btn-con{
    width:30%;
    float: right;
}
.ctl-sav-img-typ-lft {
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flex;
    display: -o-flex;
    display: flex;
    -webkit-flex-direction: row;
    -moz-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    align-items: center;
}

.ctl-savd-crd-img {
    margin-right: 10px;
}

.ctl-clt-mke-def-btn input:focus{
    background-color: #da9436;
    -webkit-transition: 0.5s;
    -moz-transition: 0.5s;
    -ms-transition: 0.5s;
    -o-transition: 0.5s;
    transition: 0.5s;
    color: #ffffff;
}
.ctl-savd-del-btn {
    margin-right: 10px;
}

.ctl-savd-del-btn input, .ctl-savd-edi-btn input {
    width: 100%;
    border-radius: 5px;
    border: 1px solid #444444;
    text-transform: capitalize;
    font-weight: 400;
    font-size: 14px;
    line-height: normal;
    padding: 5px 10px;
    -webkit-transition: 0.5s;
    -moz-transition: 0.5s;
    -ms-transition: 0.5s;
    -o-transition: 0.5s;
    transition: 0.5s;
    cursor: pointer;
}

.ctl-savd-del-btn input, .ctl-savd-edi-btn input {
    color: #605e5e;
    background-color: #444444;
}

.ctl-savd-del-btn input:hover, .ctl-savd-edi-btn input:hover {
    background-color: #da9436;
    -webkit-transition: 0.5s;
    -moz-transition: 0.5s;
    -ms-transition: 0.5s;
    -o-transition: 0.5s;
    transition: 0.5s;
    color: #ffffff;
}

.ctl-savd-del-btn input:focus, .ctl-savd-edi-btn input:focus {
    outline: none;
}

.ctl-savd-del-btn:focus, .ctl-savd-edi-btn:focus {
    box-shadow: none;
}

.ctl-myacc-savd-crd-inf-edt {
    display: none;
}

.ctl-myacc-hdr-add-new-crd {
    margin-bottom: 10px;
}

.ctl-hrd-txt-tit {
    margin-bottom: 10px;
}
.ctl-myacc-title h3{
    font-size: 16px;
    color: #605e5e;
    font-weight: 400;
    font-style: normal;
    text-align: right;
    text-transform: inherit;
    line-height: normal;
    letter-spacing: normal;
    cursor: pointer;
    -webkit-transition: 0.5s;
    -moz-transition: 0.5s;
    -ms-transition: 0.5s;
    -o-transition: 0.5s;
    transition: 0.5s;
}
.ctl-myacc-title h3 i{
    margin-right:5px;
    font-size: 14px;
}
.ctl-hrd-txt-tit h3 span {
    font-size: 16px;
    color: #605e5e;
    font-weight: 400;
    font-style: normal;
    text-align: left;
    text-transform: inherit;
    line-height: normal;
    letter-spacing: normal;
    cursor: pointer;
    -webkit-transition: 0.5s;
    -moz-transition: 0.5s;
    -ms-transition: 0.5s;
    -o-transition: 0.5s;
    transition: 0.5s;
}

.ctl-hrd-txt-tit h3 i {
    font-size: 15px;
    color: #605e5e;
    margin-right: 5px;
    -webkit-transition: 0.5s;
    -moz-transition: 0.5s;
    -ms-transition: 0.5s;
    -o-transition: 0.5s;
    transition: 0.5s;
}

.ctl-hrd-txt-tit span:hover, .ctl-hrd-txt-tit h3 i:hover,.ctl-myacc-title h3:hover {
    color: #000000;
    -webkit-transition: 0.5s;
    -moz-transition: 0.5s;
    -ms-transition: 0.5s;
    -o-transition: 0.5s;
    transition: 0.5s;
}

.ctl-ent-yrcrd-inf-hdr {
    margin-bottom: 10px;
}

.ctl-ent-yrcrd-inf-hdr h4 {
    font-size: 16px;
    color: #605e5e;
    font-weight: 400;
    font-style: normal;
    text-align: left;
    text-transform: inherit;
    line-height: normal;
    letter-spacing: normal;
}

.ctl-crd-img-top {
    margin-bottom: 10px;
}

.ctl-crd-img-top li img {
    width: 100%;
    height: auto;
    display: block;
}

.ctl-crd-img-top {
    display: -webkit-flex;
    display: -webkit-box;
    display: -moz-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: -ms-flex;
    display: -o-flex;
    display: flex;
    -webkit-flex-direction: row;
    -moz-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    align-items: center;
}

.ctl-crd-img-top li {
    margin-right: 10px;
    border: 1px solid #eae9e7;
    padding: 5px;
    max-width: 15%;
}



/* start of savd-crd-upt btn*/
.ctl-myacct-upt-btn input {
    background-color: #444444;
    color: #ffffff;
    width: 100%;
    border-radius: 0;
    border: none;
    text-transform: inherit;
    font-weight: 400;
    font-size: 15px;
    line-height: normal;
    padding: 10px 10px;
    -webkit-transition: 0.5s;
    -moz-transition: 0.5s;
    -ms-transition: 0.5s;
    -o-transition: 0.5s;
    transition: 0.5s;
}

.ctl-myacct-upt-btn input:hover {
    background-color: #da9436;
    -webkit-transition: 0.5s;
    -moz-transition: 0.5s;
    -ms-transition: 0.5s;
    -o-transition: 0.5s;
    transition: 0.5s;
}

.ctl-myacct-upt-btn input:focus {
    box-shadow: none;
    border: 0;
}

label.ctl-lab-txt-upt-myacc, label.ctl-lab-txt-ycrd-btn {
    color: #605e5e;
    font-size: 16px;
    font-weight: 400;
    font-style: normal;
    text-align: center;
    text-transform: inherit;
    line-height: normal;
    letter-spacing: normal;
    padding-bottom: 10px;
}

.ctl-myacct-upt-btn {
    margin-top: 10px;
}

/* end of savd-crd-upt btn*/

/* end of my account page */

/* start of restpw */

.ctl-respw-hdr h1 {
    color: #605e5e;
    font-size: 24px;
    font-weight: 400;
    font-style: normal;
    text-align: center;
    text-transform: uppercase;
    line-height: normal;
    letter-spacing: normal;
}

.ctl-respw-txt-bot {
    margin: 30px auto;
}

.ctl-respw-txt-bot h2 {
    color: #de9033;
    font-size: 18px;
    font-weight: 400;
    font-style: normal;
    text-align: center;
    text-transform: inherit;
    line-height: normal;
    letter-spacing: normal;
}

.form-group {
    margin-bottom: 16px;
}

.cmp-respw-cen-inf {
    width: 70%;
    margin: auto;
}

.ctl-restpw-btn input {
    background-color: #444444;
    color: #ffffff;
    width: 100%;
    border-radius: 0;
    border: none;
    text-transform: uppercase;
    font-weight: 400;
    font-size: 16px;
    line-height: normal;
    padding: 10px 10px;
    -webkit-transition: 0.5s;
    -moz-transition: 0.5s;
    -ms-transition: 0.5s;
    -o-transition: 0.5s;
    transition: 0.5s;

}

.ctl-restpw-btn input:hover {
    background-color: #da9436;
    -webkit-transition: 0.5s;
    -moz-transition: 0.5s;
    -ms-transition: 0.5s;
    -o-transition: 0.5s;
    transition: 0.5s;
}

.ctl-restpw-btn input:focus {
    box-shadow: none;
    border: 0;
}

.ctl-dis-flx-restpw {
    display: -webkit-flex;
    display: -webkit-box;
    display: -moz-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: -ms-flex;
    display: -o-flex;
    display: flex;
    align-items: center;
    -webkit-flex-direction: row;
    -moz-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
}

label.ctl-lab-txt-restpw {
    color: #605e5e;
    font-size: 16px;
    font-weight: 400;
    font-style: normal;
    text-align: left;
    text-transform: capitalize;
    line-height: normal;
    letter-spacing: normal;
    width: 100%;
    margin-bottom:10px;
}

.ctl-restpw-btn {
    width: 100%;
}

/* end of restpw */
/* start of common item popup css*/
.ctl-item-popup-edit-disnon {
    display: none;
}

.ctl-item-popup-mp-disnon, .ctl-item-popup-bf-disnon, .ctl-item-popup-lun-disnon, .ctl-item-popup-din-disnon {
    display: none;
}

.ctl-modal-popup {
    z-index: 900;
    display: none;
    position: fixed;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    background: rgb(0, 0, 0);
    background: rgba(0, 0, 0, .8);
    overflow: hidden;
}

.ctl-modal-popup-box {
    position: fixed;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    background: transparent;
}

.ctl-mod-box-inf {
    z-index: 900;
    position: relative;
    max-width: 950px;
    margin: 15px auto;
    animation-name: modalbox;
    animation-duration: .4s;
    animation-timing-function: cubic-bezier(0, 0, .3, 1.6);
    background-color: #ffffff;
    padding: 20px;
}

.ctl-pop-upd-del-btn-edit-popup {
    display: none;
}

/* end of common item popup css*/

/* start of fb popup css*/
.ctl-fb-popup-disnon {
    display: none;
}

.ctl-fb-popup {
    z-index: 900;
    display: none;
    position: fixed;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    background: rgb(0, 0, 0);
    background: rgba(0, 0, 0, .8);
    overflow: hidden;
}

.ctl-fb-popup-box {
    position: fixed;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    background: transparent;
}

.ctl-fb-box-inf {
    z-index: 900;
    position: relative;
    max-width: 520px;
    margin: 110px auto;
    animation-name: modalbox;
    animation-duration: .4s;
    animation-timing-function: cubic-bezier(0, 0, .3, 1.6);
    background-color: #ffffff;
    padding: 20px;
}

/* end of fb popup css*/

.ctl-signin-pop,.ctl-fortpw-pop-css,.ctl-revpay-pop,.ctl-confpay-pop,.ctl-ord-cfn-pop{
    display: none;
}
.ctl-edit-btn-cont {
    display: none;
}

.ctl-edit-btn-cont {
    padding-left: 15px;
}

.ctl-dis-flx-cont {
    display: -webkit-flex;
    display: -webkit-box;
    display: -moz-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: -ms-flex;
    display: -o-flex;
    display: flex;
    -webkit-flex-direction: row;
    -moz-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    align-items: center;
    margin-bottom: 0;
}
.ctl-edit-btn-cont {
    display: block;
}
.ctl-inf-lft-nav{
    width: 100%;
}
.ctl-inf-lft-nav:hover{
    background-color: rgb(249, 245, 239);
    -webkit-transition: 0.3s;
    -moz-transition: 0.3s;
    -ms-transition: 0.3s;
    -o-transition: 0.3s;
    transition: 0.3s;
}
.ctl-inf-bor-non-pad{
    border: 0;
    padding-top: 10px;
    padding-bottom: 10px;
    color: #605e5e;
    font-size: 15px;
    font-weight: 400;
    font-style: normal;
    text-transform: uppercase;
    line-height: normal;
    display: block;
}
.cmp-myacc-usr-ico-nam-inf{
    margin-bottom: 10px;
    padding-left: 10px;
    display: -webkit-flex;
    display: -webkit-box;
    display: -moz-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: -ms-flex;
    display: -o-flex;
    display: flex;
    -webkit-flex-direction: row;
    -moz-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    align-items: center;
}
.ctl-myacc-usr-icon i{
    font-size: 25px;
    color: #605e5e;
}

.ctl-myacc-usr-icon{
    display: block;
}
.ctl-myacc-def-txt{
    margin-right: 5px;
    margin-left: 5px;
}
.ctl-myacc-def-txt span{
    color: #605e5e;
    font-size: 15px;
    font-weight: 400;
    font-style: normal;
    text-transform: uppercase;
    line-height: normal;
}
.ctl-myacc-usr-nam span{
    color: #605e5e;
    font-size: 15px;
    font-weight: 400;
    font-style: normal;
    text-transform: uppercase;
    line-height: normal;
}


/*start of my account side menu*/
.ctl-wid-cus-saf-lft-hide{
	display:none;
}
.ctl-nav-side-menu {
    overflow: auto;
    font-size: 12px;
    width: 100%;
    color: #e1ffff;
}
.ctl-nav-side-menu .brand {
    line-height: 50px;
    display: block;
    text-align: center;
    font-size: 14px;
}
.ctl-nav-side-menu .toggle-btn {
    display: none;
}
.ctl-nav-side-menu ul,
.ctl-nav-side-menu li {
    list-style: none;
    padding: 0;
    margin: 0;
    line-height: 35px;
    cursor: pointer;
}
.ctl-nav-side-menu ul :not(collapsed) .arrow:before,
.ctl-nav-side-menu li :not(collapsed) .arrow:before {
    font-family: FontAwesome;
    content: "\f078";
    display: inline-block;
    padding-left: 10px;
    padding-right: 10px;
    vertical-align: middle;
    float: right;
}
.ctl-nav-side-menu ul .active,
.ctl-nav-side-menu li .active {
    background-color: rgb(249, 245, 239);
    color:#444444;
}

.ctl-nav-side-menu ul .sub-menu li.active,
.ctl-nav-side-menu li .sub-menu li.active {
    color: #d19b3d;
}
.ctl-nav-side-menu ul .sub-menu li.active a,
.ctl-nav-side-menu li .sub-menu li.active a {
    color: #d19b3d;
}
.ctl-nav-side-menu ul .sub-menu li,
.ctl-nav-side-menu li .sub-menu li {
    background-color: #181c20;
    border: none;
    line-height: 28px;
    border-bottom: 1px solid #23282e;
    margin-left: 0;
}
.ctl-nav-side-menu ul .sub-menu li:hover,
.ctl-nav-side-menu li .sub-menu li:hover {
    background-color: #020203;
}
.ctl-nav-side-menu ul .sub-menu li:before,
.ctl-nav-side-menu li .sub-menu li:before {
    content: "\f105";
    display: inline-block;
    padding-left: 10px;
    padding-right: 10px;
    vertical-align: middle;
}
.ctl-nav-side-menu li {
    padding-left: 0;
}
.ctl-nav-side-menu li a {
    text-decoration: none;
}
.ctl-nav-side-menu li a i {
    padding-left: 10px;
    width: 20px;
    padding-right: 25px;
    font-size: 18px;
}
.ctl-nav-side-menu li:hover {
    border-left: 3px solid #444444;
    background-color: rgb(249, 245, 239);;
    -webkit-transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
    -ms-transition: all 0.5s ease;
    transition: all 0.5s ease;
}
.cmp-nav-hov-col{
    -webkit-transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
    -ms-transition: all 0.5s ease;
    transition: all 0.5s ease;
}
.ctl-nav-side-menu li:hover  .cmp-nav-hov-col:hover{
    color: #444444;
    -webkit-transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
    -ms-transition: all 0.5s ease;
    transition: all 0.5s ease;
}
@media (max-width: 991px) {
    .ctl-nav-side-menu {
        position: relative;
        width: 100%;
        margin-bottom: 10px;
    }
    .ctl-nav-side-menu .toggle-btn {
        display: block;
        cursor: pointer;
        position: absolute;
        right: 10px;
        top: 5px;
        z-index: 10 !important;
        padding: 3px;
        background-color: #ffffff;
        color: #444444;
        width: 40px;
        text-align: center;
    }
}
@media (min-width: 991px) {
    .ctl-nav-side-menu .menu-list .menu-content {
        display: block;
    }
}
 /*end of my account side menu*/

li.ctl-lft-nav-hov-bor-non:hover {
    border-left: 0;
}
.cmp-clk-item{
    display: block;
}
p.clb-display-none{
    display:none;
}
.home_container{
    max-width:1300px;
}
/* END OF FILES*/
 .nav-tabs-dropdown {
    display: none;
}

.nav-tabs-dropdown:before {
    position: absolute;
    right: 30px;
}
@media screen and (min-width: 992px) {
    #nav-tabs-wrapper {
        display: block !important;
    }
}
@media screen and (max-width: 991px) {
    .nav-tabs-dropdown {
        display: block;
    }
    #nav-tabs-wrapper {
        display: none;
        border-top-left-radius: 0;
        border-top-right-radius: 0;
        text-align: center;
    }
}
.guestError
{
	font-size: 18px;
    font-weight: 700;
    color: red;
}

.signError
{
	font-size: 18px;
    font-weight: 700;
    color: red;
}
.checkError
{
	font-size: 18px;
    font-weight: 700;
    color: red;
}
.loginError
{
	font-size: 18px;
    font-weight: 700;
    color: red;
}
.signerror
{
	font-size: 18px;
    font-weight: 700;
    color: red;
}
.commonerror
{
	font-size: 18px;
    font-weight: 700;
    color: red;
}
.popuperror
{
	font-size: 18px;
    font-weight: 700;
    color: red;
}

.ctl-cus-wid-hdr-saf{
    width: 100%;
}
.ctl-cus-wid-inf-lft-saf{
    width: 50%;
    float: left;
}
.ctl-pad-rit-saf{
    padding-right:5px;
}
.ctl-cus-wid-inf-rit-saf{
    width: 50%;
    float: right;
}
.ctl-wid-foo-lft,.cmp-fot-inf-wid-fot-lft-saf{
    float: left;
}
.ctl-wid-foo-rit,.cmp-fot-inf-wid-fot-rit-saf{
    float: right;
}
.ctl-wid-foo-lft,.ctl-wid-foo-rit{
    width: 50%;
}
.cmp-fot-inf-wid-fot-lft-saf,.cmp-fot-inf-wid-fot-rit-saf{
    width: 50%;
}

li.ctl-mar-rit-zer{
    margin-right: 0;
}
.ctl-wid-top-par-wid{
    width:85%;
    margin: auto;
}
.ctl-wid-top-hdr-lft,.ctl-wid-top-hdr-cen{
    float: left;
}
.ctl-wid-top-hdr-lft,.ctl-wid-top-hdr-rit{
    width:25%;
}
.ctl-wid-top-hdr-cen{
    width:50%;
}
.ctl-wid-top-hdr-rit{
    float:right;
}
.ctl-pay-wid-saf-lft{
    width: 70%;
    float: left;
    padding-right: 25px;
}
.ctl-pay-wid-saf-rit{
    width:30%;
    float: right;
}
.ctl-cus-cont-wid-saf-lft,.ctl-cus-cont-wid-saf-rit{
    width: 50%;
}
.ctl-cus-cont-wid-saf-lft{
    float: left;
    padding-right:10px;
}
.ctl-cus-cont-wid-saf-rit{
    float: right;
}
.ctl-wid-cus-saf-lft{
    width:23%;
    float: left;
}
.ctl-wid-cus-saf-rit-100{
    width:100%;
    float: right;
    padding-left: 20px;
}
.ctl-wid-cus-saf-rit{
    width:77%;
    float: right;
    padding-left: 20px;
}
.ctl-wid-payt-saf-lft{
    width:23%;
    float: left;
}
.ctl-wid-payt-saf-cen{
    width:47%;
    float: left;
    padding-left:10px;
    padding-right:10px;
}
.ctl-wid-payt-saf-rit{
    width:30%;
    float: right;
}
.ctl-payt-wid-top-saf-lft,.ctl-payt-wid-top-saf-cen,.ctl-payt-wid-top-saf-rit{
    width: 33.33%;
}
.ctl-payt-wid-top-saf-lft,.ctl-payt-wid-top-saf-cen{
    float: left;
}
.ctl-payt-wid-top-saf-rit{
    float: right;
}
.ctl-saf-wid-log-pay-lft{
    width:20%;
    float: left;
}
.ctl-saf-wid-log-pay-cen{
    width:30%;
    float: left;
}
.ctl-saf-wid-log-pay-rit{
    width:50%;
    float: right;
}
.ctl-hme-sid-lft{
    width:18%;
    float: left;
}
.ctl-hme-sid-cen{
    width:52%;
    float: left;
    padding-right:15px;
    padding-left:15px;
}
.ctl-hme-sid-rit{
    width:30%;
    float: right;
}
.ctl-wid-pay-inf-lft{
    width:25%;
    float: left;
}
.ctl-wid-pay-inf-rit{
    width:70%;
    float: right;
}