@font-face {
    font-family: 'SF Pro Text';
    src: url('../fonts/SFProText-Light.eot');
    src: url('../fonts/SFProText-Light.eot?#iefix') format('embedded-opentype'),
        url('../fonts/SFProText-Light.woff2') format('woff2'),
        url('../fonts/SFProText-Light.woff') format('woff'),
        url('../fonts/SFProText-Light.ttf') format('truetype'),
        url('../fonts/SFProText-Light.svg#SFProText-Light') format('svg');
    font-weight: 300;
    font-style: normal;
    font-display: swap;
}
@font-face {
    font-family: 'SF Pro Text';
    src: url('../fonts/SFProText-Regular.eot');
    src: url('../fonts/SFProText-Regular.eot?#iefix') format('embedded-opentype'),
        url('../fonts/SFProText-Regular.woff2') format('woff2'),
        url('../fonts/SFProText-Regular.woff') format('woff'),
        url('../fonts/SFProText-Regular.ttf') format('truetype'),
        url('../fonts/SFProText-Regular.svg#SFProText-Regular') format('svg');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}
@font-face {
    font-family: 'SF Pro Text';
    src: url('../fonts/SFProText-Medium.eot');
    src: url('../fonts/SFProText-Medium.eot?#iefix') format('embedded-opentype'),
        url('../fonts/SFProText-Medium.woff2') format('woff2'),
        url('../fonts/SFProText-Medium.woff') format('woff'),
        url('../fonts/SFProText-Medium.ttf') format('truetype'),
        url('../fonts/SFProText-Medium.svg#SFProText-Medium') format('svg');
    font-weight: 500;
    font-style: normal;
    font-display: swap;
}
@font-face {
    font-family: 'SF Pro Text';
    src: url('../fonts/SFProText-Semibold.eot');
    src: url('../fonts/SFProText-Semibold.eot?#iefix') format('embedded-opentype'),
        url('../fonts/SFProText-Semibold.woff2') format('woff2'),
        url('../fonts/SFProText-Semibold.woff') format('woff'),
        url('../fonts/SFProText-Semibold.ttf') format('truetype'),
        url('../fonts/SFProText-Semibold.svg#SFProText-Semibold') format('svg');
    font-weight: 600;
    font-style: normal;
    font-display: swap;
}
@font-face {
    font-family: 'SF Pro Text';
    src: url('../fonts/SFProText-Bold.eot');
    src: url('../fonts/SFProText-Bold.eot?#iefix') format('embedded-opentype'),
        url('../fonts/SFProText-Bold.woff2') format('woff2'),
        url('../fonts/SFProText-Bold.woff') format('woff'),
        url('../fonts/SFProText-Bold.ttf') format('truetype'),
        url('../fonts/SFProText-Bold.svg#SFProText-Bold') format('svg');
    font-weight: bold;
    font-style: normal;
    font-display: swap;
}
@font-face {
    font-family: 'SF Pro Text';
    src: url('../fonts/SFProText-Heavy.eot');
    src: url('../fonts/SFProText-Heavy.eot?#iefix') format('embedded-opentype'),
        url('../fonts/SFProText-Heavy.woff2') format('woff2'),
        url('../fonts/SFProText-Heavy.woff') format('woff'),
        url('../fonts/SFProText-Heavy.ttf') format('truetype'),
        url('../fonts/SFProText-Heavy.svg#SFProText-Heavy') format('svg');
    font-weight: 900;
    font-style: normal;
    font-display: swap;
}

html, body{ -webkit-overflow-scrolling: touch;}
body { font-family: 'SF Pro Text', sans-serif; font-size: 15px; line-height: 24px; color: #1d1d1b; background:#fff; -webkit-overflow-scrolling: touch; -webkit-tap-highlight-color: rgba(0, 0, 0, 0);}

*:focus,
a, a:focus,
.btn:focus, .btn:active:focus, .btn.active:focus,
input, input:focus,
button, button:focus{ outline:none;}
a{ color: #f39b37;}
a:hover{ color: #1d1d1b; text-decoration: none;}
img{ max-width:100%;}
a:hover { -webkit-transition: all ease .2s; transition: all ease .2s; text-decoration:none;}
a:focus, a:active { text-decoration: none;}
h1, h2, h3, h4, h5, h6,
.h1, .h2, .h3, .h4, .h5, .h6{ font-weight: bold; margin-bottom: 16px; color: #1d1d1b;}
h1, .h1{ font-size: 36px; line-height: normal;}
h2, .h2{ font-size: 30px; line-height: normal;}
h3, .h3{ font-size: 22px; line-height: 32px; margin-bottom: 24px;}
h4, .h4{ font-size: 20px; line-height: 30px; font-weight: 600;}
h5, .h5{ font-size: 18px; line-height: 28px; font-weight: 500;}
h6, .h6{ font-size: 16px; line-height: 24px; font-weight: 500;}
p, .p{ margin-bottom: 20px;}

.dir-ltr{ direction: ltr;}
.dir-rtl{ direction: rtl;}

.text-l{ font-weight: 300;}
.text-n{ font-weight: normal;}
.text-m{ font-weight: 500;}
.text-s{ font-weight: 600;}
.text-b{ font-weight: bold;}

.text-primary{ color: #f39b37 !important;}
.bg-f3{ background-color: #f3f3f3;}
.border-top{ border-color: #efeff4 !important;}
.shadow{ box-shadow: 0 5px 20px rgba(0,0,0,0.1);}

.text-14{ font-size: 14px; line-height: 20px;}
.text-15{ font-size: 15px; line-height: 22px;}
.text-14g{ font-size: 14px; line-height: 20px; color: #898989; font-weight: normal;}
.link-about{ font-size: 14px; line-height: 20px; color: #898989; font-weight: normal; display: inline-block;}
.link-about:hover{ color: #f39b37;}
.link-size{ font-size: 14px; line-height: 20px; font-weight: normal; display: inline-block; text-decoration: underline;}
.link-size:hover{ color: #f39b37; text-decoration: none;}
.link-14b{ font-size: 14px; line-height: 24px; font-weight: bold;}
.link-16b{ font-size: 16px; line-height: 24px; font-weight: bold;}

.row-12{ margin-left: -12px; margin-right: -12px;}
.row-12 > .px-12{ padding-left: 12px; padding-right: 12px;}

select::-ms-expand {display: none;-webkit-appearance: none;}
input::-ms-clear {display: none;-webkit-appearance: none;}
input:focus,
select:focus,
button:focus{outline:0 !important;-webkit-box-shadow: none !important;box-shadow: none !important;-webkit-appearance: none;}
input[type=number]::-webkit-inner-spin-button, 
input[type=number]::-webkit-outer-spin-button { -webkit-appearance: none; margin: 0; }
input[type=number] {-moz-appearance: textfield;}

/* Header */
.header{ height: 130px; position: absolute; top: 0; left: 0; right: 0; z-index: 2;}
.header-top{ text-align: right; padding: 16px 0;}
.header-top .navbar-nav{ flex-direction: row;}
.header-top .navbar-nav li{ display: inline-block; padding: 0 9px;}
.header-top .navbar-nav li > a{ font-size: 13px; color: #858585; line-height: 20px; padding: 0;}
.header-top .navbar-nav li > a:hover{ color: #f39b37;}
.header-top .navbar-nav .dropdown > .nav-link{ padding-right: 14px; background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 18 12'%3E%3Cpath fill='none' stroke='%23b3b3b3' stroke-width='3' stroke-linecap='round' d='M1.448,2.21l7.38,7.379l7.724-7.379'/%3E%3C/svg%3E"); background-repeat: no-repeat; background-position: right center; background-size: 10px 10px;}
.select-lang{ padding-left: 10px; position: relative; text-align: center;}
.select-lang .select-dropdown{ display: inline-block; width: 70px;}
.select-lang .chosen-container-single .chosen-single{ display: inline-block; width: 100%; max-width: 100%; height: 20px; padding: 0 14px 0 5px; position: relative; font-size: 13px; color: #858585; line-height: 20px; border-radius: 0; box-shadow: none; vertical-align: top; background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 18 12'%3E%3Cpath fill='none' stroke='%23b3b3b3' stroke-width='3' stroke-linecap='round' d='M1.448,2.21l7.38,7.379l7.724-7.379'/%3E%3C/svg%3E"); background-repeat: no-repeat; background-position: right center; background-size: 10px 10px; -webkit-appearance:none; -moz-appearance:none; -o-appearance:none; appearance:none; cursor:pointer; overflow: hidden; text-decoration: none; white-space: nowrap;}
.select-lang .chosen-container-single .chosen-single:hover{ color: #858585;}
.select-lang .chosen-container-single .chosen-single span{ margin-right: 0;}
.select-lang .chosen-container-active.chosen-with-drop .chosen-single div{ display: none;}
.select-lang .chosen-container-single .chosen-search{ display: none;}
.select-lang .chosen-container .chosen-drop{ position: absolute; left: 0; top: 100%; width: 100%; margin-top: 0; background: #fff; border-radius: 10px; box-shadow: 0 5px 20px rgba(0,0,0,0.1); z-index: 1010; clip: rect(0, 0, 0, 0); -webkit-clip-path: inset(100% 100%); clip-path: inset(100% 100%);}
.select-lang .chosen-container .chosen-results{ color: #858585; margin: 0; padding: 0 8px; max-height: 274px; position: relative; overflow-x: hidden; overflow-y: auto; -webkit-overflow-scrolling: touch;}
.select-lang .chosen-container .chosen-results li{ display: none; font-size: 13px; line-height: 20px; padding: 8px 0; margin: 0; list-style: none; word-wrap: break-word; -webkit-touch-callout: none;}
.select-lang .chosen-container .chosen-results li.active-result{ display: list-item; cursor: pointer;}
.select-lang .chosen-container .chosen-results li.highlighted{ color: #f39b37;}
.select-lang .chosen-container .chosen-results li + li{ border-top: 1px solid #e5e5e5;}
.select-lang .chosen-container.chosen-with-drop .chosen-drop{ clip: auto; -webkit-clip-path: none; clip-path: none;}

.navbar-nav{ padding-right: 0;}
.navbar .navbar-nav .nav-item{ padding: 0 10px;}
.navbar .navbar-nav .nav-link{ font-size: 16px; line-height: 20px; color: #1d1d1b; padding: 8px 0;}
.navbar .navbar-nav .nav-link:hover,
.navbar .navbar-nav .nav-link.active,
.navbar .navbar-nav .nav-item.show .nav-link{ color: #f39b37;}
.navbar .navbar-nav .nav-item-icon .icon{ width: 22px; height: 22px;}
.navbar .navbar-nav .nav-link-cart{ position: relative;}
.navbar .navbar-nav .nav-link-cart .nav-count{ position: absolute; right: -16px; top: 0; width: 22px; height: 22px; background: #f39b37; text-align: center; color: #fff; font-size: 12px; font-weight: 500; line-height: 22px; border-radius: 50%;}
.navbar-nav .dropdown-toggle:after{ display: none;}
.navbar-nav .dropdown-menu{ border: none; background: #fff; min-width: 112px; position: absolute; top: 100% !important; left: 50% !important; transform: translateX(-50%) !important; border-radius: 10px; box-shadow: 0 5px 20px rgba(0,0,0,0.1); padding: 4px 8px;}
.navbar-nav .dropdown-item{ color: #9e9d9d; font-weight: 500; font-size: 14px; padding: 6px 12px; display: inline-block; width: 100%; text-align: center;}
.navbar-nav .dropdown-item:focus,
.navbar-nav .dropdown-item:hover,
.navbar-nav .dropdown-item.active{ background: transparent; color: #f39b37;}
.navbar-nav .dropdown-item + .dropdown-item{ border-top: 1px solid #e5e5e5;}

/* Btn Style and Color */
.btn{ padding: 14px 40px; border: none; font-size: 16px; line-height: 22px; font-weight: bold; border-radius: 25px; transition: all 0.2s ease;}
.btn.btn-sm{ padding: 4px 20px 5px; font-size: 13px; line-height: 18px; font-weight: 500;}
.btn.w-200{ width: 200px; max-width: 100%;}
.btn.w-230{ width: 230px; max-width: 100%;}
.btn.w-320{ width: 320px; max-width: 100%;}
.btn-google,
.btn-facebook{ font-size: 14px; font-weight: 500;}

.btn-primary,
.btn-primary:focus,
.btn-primary.focus{ color: #fff; background: #f9c12e; background: -webkit-linear-gradient(left,  #f9c12e 0%,#ed7540 100%); background: linear-gradient(to right,  #f9c12e 0%,#ed7540 100%); box-shadow: 0 10px 10px rgba(237,119,64,0.2);}
.btn-primary:hover,
.btn-primary:not(:disabled):not(.disabled):active,
.btn-primary:not(:disabled):not(.disabled).active,
.show > .btn-primary.dropdown-toggle{ color: #fff; background: #f9c12e; background: -webkit-linear-gradient(left,  #f9c12e 0%,#ed7540 0%); background: linear-gradient(to right,  #f9c12e 0%,#ed7540 0%);}
.btn-primary.disabled,
.btn-primary:disabled{ color: #fff; background: #f9c12e; background: -webkit-linear-gradient(left,  #f9c12e 0%,#ed7540 100%); background: linear-gradient(to right,  #f9c12e 0%,#ed7540 100%); pointer-events: none;}
.btn-primary:focus,
.btn-primary.focus,
.btn-primary:not(:disabled):not(.disabled):active:focus,
.btn-primary:not(:disabled):not(.disabled).active:focus,
.show > .btn-primary.dropdown-toggle:focus{ box-shadow: none;}

.btn-green,
.btn-green:focus,
.btn-green.focus{ color: #fff; background: #71f3ab; background: -webkit-linear-gradient(left,  #71f3ab 0%,#28c870 100%); background: linear-gradient(to right,  #71f3ab 0%,#28c870 100%); box-shadow: none;}
.btn-green:hover,
.btn-green:not(:disabled):not(.disabled):active,
.btn-green:not(:disabled):not(.disabled).active,
.show > .btn-green.dropdown-toggle{ color: #fff; background: #71f3ab; background: -webkit-linear-gradient(left,  #71f3ab 0%,#28c870 0%); background: linear-gradient(to right,  #71f3ab 0%,#28c870 0%);}
.btn-green.disabled,
.btn-green:disabled{ color: #fff; background: #71f3ab; background: -webkit-linear-gradient(left,  #71f3ab 0%,#28c870 100%); background: linear-gradient(to right,  #71f3ab 0%,#28c870 100%); pointer-events: none;}
.btn-green:focus,
.btn-green.focus,
.btn-green:not(:disabled):not(.disabled):active:focus,
.btn-green:not(:disabled):not(.disabled).active:focus,
.show > .btn-green.dropdown-toggle:focus{ box-shadow: none;}

.btn-red,
.btn-red:focus,
.btn-red.focus{ color: #fff; background: #fe6c60; background: -webkit-linear-gradient(left,  #fe6c60 0%,#e34133 100%); background: linear-gradient(to right,  #fe6c60 0%,#e34133 100%); box-shadow: none;}
.btn-red:hover,
.btn-red:not(:disabled):not(.disabled):active,
.btn-red:not(:disabled):not(.disabled).active,
.show > .btn-red.dropdown-toggle{ color: #fff; background: #fe6c60; background: -webkit-linear-gradient(left,  #fe6c60 0%,#e34133 0%); background: linear-gradient(to right,  #fe6c60 0%,#e34133 0%);}
.btn-red.disabled,
.btn-red:disabled{ color: #fff; background: #fe6c60; background: -webkit-linear-gradient(left,  #fe6c60 0%,#e34133 100%); background: linear-gradient(to right,  #fe6c60 0%,#e34133 100%); pointer-events: none;}
.btn-red:focus,
.btn-red.focus,
.btn-red:not(:disabled):not(.disabled):active:focus,
.btn-red:not(:disabled):not(.disabled).active:focus,
.show > .btn-red.dropdown-toggle:focus{ box-shadow: none;}

.btn-grey,
.btn-grey:focus,
.btn-grey.focus{ color: #777777; background: #e6e6e6;}
.btn-grey:hover,
.btn-grey:not(:disabled):not(.disabled):active,
.btn-grey:not(:disabled):not(.disabled).active,
.show > .btn-grey.dropdown-toggle{ color: #fff; background: #f39b37;}
.btn-grey.disabled,
.btn-grey:disabled{ color: #777777; background: #e6e6e6; pointer-events: none;}
.btn-grey:focus,
.btn-grey.focus,
.btn-grey:not(:disabled):not(.disabled):active:focus,
.btn-grey:not(:disabled):not(.disabled).active:focus,
.show > .btn-grey.dropdown-toggle:focus{ box-shadow: none;}

.btn-google,
.btn-google:focus{ color: #fff; background: #fe6c60; background: -webkit-linear-gradient(left,  #fe6c60 0%,#e34133 100%); background: linear-gradient(to right,  #fe6c60 0%,#e34133 100%); box-shadow: 0 10px 20px rgba(228,66,52,0.2);}
.btn-google:hover{ color: #fff; background: #fe6c60; background: -webkit-linear-gradient(left,  #fe6c60 0%,#e34133 0%); background: linear-gradient(to right,  #fe6c60 0%,#e34133 0%);}

.btn-facebook,
.btn-facebook:focus{ color: #fff; background: #6283c7; background: -webkit-linear-gradient(left,  #6283c7 0%,#4265ae 100%); background: linear-gradient(to right,  #6283c7 0%,#4265ae 100%); box-shadow: 0 10px 20px rgba(67,102,175,0.2);}
.btn-facebook:hover{ color: #fff; background: #6283c7; background: -webkit-linear-gradient(left,  #6283c7 0%,#4265ae 0%); background: linear-gradient(to right,  #6283c7 0%,#4265ae 0%);}

/* Form */
.form-wrap .form-group{ margin-bottom: 5px;}
.form-group > label{ font-size: 14px; line-height: 20px; margin-bottom: 6px;}
.form-control,
.custom-select{ display: inline-block; width: 100%; height: 50px; padding: 13px 30px; border: 2px solid #f2f2f2; font-size: 14px; font-weight: normal; line-height: 20px; color: #858585; border-radius: 25px; box-shadow: none; vertical-align: top;}
select.form-control,
select.form-control.is-invalid,
select.form-control.is-invalid:focus,
.custom-select{ background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 9 6'%3E%3Cpath fill='%23b2b2b2' d='M9,0L4.5,6L0,0H9z'/%3E%3C/svg%3E"); background-repeat: no-repeat; background-size: 9px 6px; -webkit-appearance:none; -moz-appearance:none; -o-appearance:none; appearance:none; cursor:pointer;}
textarea.form-control{ resize: none; height: auto; min-height: 104px;}
.form-control:focus,
.custom-select:focus{ color: #858585; background-color: #fff; border-color: #ddd; outline: 0; box-shadow: none;}
.form-text{ font-size: 14px;}

.search-group{ position: relative;}
.search-group .fc-search-button{ position: absolute; top: 0; height: 100%; width: 52px; background-color: transparent; background-image: url(../images/fc-search.png); background-repeat: no-repeat; border: none; padding: 0;}
.search-group .fc-clear-button{ position: absolute; top: 50%; transform: translateY(-50%); height: 18px; width: 16px; background-color: transparent; background-image: url(../images/fc-clear.png); background-position: center center; background-repeat: no-repeat; border: none; padding: 0;}
.form-control.fci-left,
.form-control.fci-right{ background-repeat: no-repeat;}
.fc-email{ background-image: url(../images/fc-email.png);}
.fc-lock{ background-image: url(../images/fc-lock.png);}
.fc-calendar{ background-image: url(../images/fc-calendar.png);}
.fc-calendar-alt{ background-image: url(../images/fc-calendar-alt.png);}
.fc-map{ background-image: url(../images/fc-map.png);}
.fc-search{ background-image: url(../images/fc-search.png);}

.text-or-line{ position: relative;}
.text-or-line:before{ content: ''; position: absolute; left: 0; right: 0; top: 50%; height: 1px; background-color: #e5e5e5;}
.text-or-line span{ position: relative; background: #fff; padding: 0 24px;}

.form-control.is-invalid,
.was-validated .form-control:invalid,
.form-control.is-invalid:focus,
.was-validated .form-control:invalid:focus{ background-image: none; border-color: #B22B2E; box-shadow: none;}
.invalid-feedback{ color: #B22B2E; font-size: 14px; font-weight: normal; margin-top: 2px;}

.form-control::-webkit-input-placeholder { color: #858585; opacity: 1;}
.form-control::-moz-placeholder { color: #858585; opacity: 1;}
.form-control:-ms-input-placeholder { color: #858585; opacity: 1;}
.form-control::-ms-input-placeholder { color: #858585; opacity: 1;}
.form-control::placeholder { color: #858585; opacity: 1;}

/* Selectbox */
.form-group-select .chosen-container{ position: relative; width: 100% !important;}
.form-group-select .chosen-container-active.chosen-with-drop:before{ content: ""; position: absolute; left: 0; bottom: 0; right: 0; background: #fff; height: 14px; z-index: 1011;}
.form-group-select .chosen-container-active.chosen-with-drop:after{ content: ""; position: absolute; left: 12px; bottom: 0; right: 12px; background: #f2f2f2; height: 1px; z-index: 1011;}
.form-group-select .chosen-container-single .chosen-single{ display: inline-block; width: 100%; max-width: 100%; height: 50px; padding: 13px 0; position: relative; border: 2px solid #f2f2f2; font-size: 14px; line-height: 20px; font-weight: normal; color: #858585; border-radius: 25px; box-shadow: none; vertical-align: top; background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 9 6'%3E%3Cpath fill='%23b2b2b2' d='M9,0L4.5,6L0,0H9z'/%3E%3C/svg%3E"); background-repeat: no-repeat; background-position: right 30px center; background-size: 9px 6px; -webkit-appearance:none; -moz-appearance:none; -o-appearance:none; appearance:none; cursor:pointer; overflow: hidden; text-decoration: none; white-space: nowrap;}
.form-group-select .chosen-container-active.chosen-with-drop .chosen-single{ border-radius: 25px 25px 0 0; border-color: #fff; box-shadow: 0 5px 20px rgba(0,0,0,0.1);}
.form-group-select .chosen-container-single .chosen-single:hover{ color: #858585;}
.form-group-select .chosen-container-single .chosen-single span{ margin-right: 0;}
.form-group-select .chosen-container-active.chosen-with-drop .chosen-single div{ display: none;}
.form-group-select .chosen-container-single .chosen-search{ display: none;}
.form-group-select .chosen-container .chosen-drop{ position: absolute; left: 0; top: 100%; width: 100%; margin-top: 0; background: #fff; border: none; border-radius: 0 0 25px 25px; box-shadow: 0 5px 20px rgba(0,0,0,0.1); z-index: 1010; clip: rect(0, 0, 0, 0); -webkit-clip-path: inset(100% 100%); clip-path: inset(100% 100%); overflow: hidden;}
.form-group-select .chosen-container-active.chosen-with-drop .chosen-drop{ }
.form-group-select .chosen-container .chosen-results{ color: #1d1d1b; margin: 0; padding: 8px 0 12px; max-height: 234px; position: relative; overflow-x: hidden; overflow-y: auto; -webkit-overflow-scrolling: touch;}
.form-group-select .chosen-container .chosen-results li{ display: none; font-size: 14px; line-height: 20px; padding: 5px 30px; margin: 0; list-style: none; word-wrap: break-word; -webkit-touch-callout: none;}
.form-group-select .chosen-container .chosen-results li.active-result{ display: list-item; cursor: pointer;}
.form-group-select .chosen-container .chosen-results li.highlighted{ background: transparent; color: #f39b37;}
.form-group-select .chosen-container.chosen-with-drop .chosen-drop{ clip: auto; -webkit-clip-path: none; clip-path: none;}

/* Form Checkbox, Radio */
.checkbox,
.radio{ position: relative; vertical-align: top; display: block;}
.checkbox-inline,
.radio-inline{ display: inline-block;}
label.checkbox,
label.radio,
.checkbox label,
.radio label{ margin-bottom: 0;}
.checkbox input[type="checkbox"],
.radio input[type="radio"]{ opacity: 0; position: absolute; left: 0; top: 0; margin: 0;}
.checkbox .checkbox-label{ cursor: pointer; display: inline-block; min-height: 20px; font-size:14px; line-height:20px; color: #1d1d1b; font-weight: normal; vertical-align: top;}
.checkbox.disable .checkbox-label{ cursor: default; opacity: 0.6;}
.checkbox .checkbox-label:before{ content: ""; position: absolute; width: 18px; height: 18px; top: 2px; border: 2px solid #f2f2f2; border-radius: 50%;}
.checkbox .checkbox-label:after{ content: ""; position: absolute; width: 18px; height: 18px; top: 2px; border-radius: 50%; background: url("data:image/svg+xml,%3Csvg width='25' height='25' viewBox='0 0 25 25' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M7.06,12.996 l3.547,3.641l7.484-7.576' fill='none' stroke='%23fff'  stroke-width='3' stroke-linecap='round' stroke-linejoin='round' fill-rule='nonzero'/%3E%3C/svg%3E ") no-repeat center center; background-size: 18px 18px; opacity: 0;}
.checkbox input[type="checkbox"]:checked + .checkbox-label:before{ background: #f39b37; border-color: #f39b37;}
.checkbox input[type="checkbox"]:checked + .checkbox-label:after{ opacity: 1;}
.checkbox input[disabled="disabled"] + .checkbox-label:before,
.checkbox.disable .checkbox-label:before{ opacity: 0.9;}
.checkbox.disable input[type="checkbox"]:checked + .checkbox-label:after{ opacity: 0.9;}
.checkbox .checkbox-label.text-red{ color: #f00e0e;}

.ct-radio{ position: relative; vertical-align: top; margin-bottom: 0;}
.ct-radio label{ padding: 0; margin: 0; display: inline-block;}
.ct-radio input[type="radio"]{ opacity: 0; position: absolute; left: 0; top: 0; margin: 0;}
.ct-radio .ct-image-left .ct-image{ vertical-align: top;}
.ct-radio .ct-radio-label{ cursor: pointer; display: inline-block; min-height: 23px; padding-top: 1px; font-size:15px; line-height:20px; color: #1d1d1b; font-weight: normal; vertical-align: top;}
.ct-radio.disable .ct-radio-label{ cursor: default; opacity: 0.6;}
.ct-radio .ct-radio-label:before{ content: ""; position: absolute; width: 23px; height: 23px; top: 0; background: #e6e6e6; border-radius: 50%;}
.ct-radio .ct-radio-label:after{ content: ""; position: absolute; width: 23px; height: 23px; top: 0; border-radius: 50%; background: url("data:image/svg+xml,%3Csvg viewBox='0 0 23 23' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M15.53,8.01l-5.259,6.949L7.45,11.35' fill='none' stroke='%23fff'  stroke-width='2.3' stroke-linecap='round' stroke-linejoin='round' fill-rule='nonzero'/%3E%3C/svg%3E ") no-repeat center center; background-size: 23px 23px;}
.ct-radio input[type="radio"]:checked + .ct-radio-label:before{ background: #f39b37;}
.ct-radio input[disabled="disabled"] + .ct-radio-label:before,
.ct-radio.disable .ct-radio-label:before{ opacity: 0.9;}
.ct-radio.disable input[type="radio"]:checked + .ct-radio-label:after{ opacity: 0.9;}

/* Datepicker */
.datepicker.dropdown-menu{ padding: 12px; border: 1px solid #f2f2f2; border-radius: 10px; box-shadow: 0 10px 20px rgba(0,0,0,0.1);}
.datepicker-dropdown:before,
.datepicker-dropdown:after{ display: none;}
.datepicker th.prev,
.datepicker th.next{ background-repeat: no-repeat !important; background-position: center center !important; background-size: 12px 12px !important; font-size: 0;}
.datepicker th.prev:hover,
.datepicker th.next:hover{ background-color: #eeeeee !important;}
.datepicker th.prev{ background-image: url("data:image/svg+xml,%3Csvg width='18' height='18' viewBox='0 0 18 18' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M12.833,16.5L5.167,9l7.666-7.5' fill='none' stroke='%231d1d1b' stroke-width='2.5' stroke-linecap='round' stroke-linejoin='round' fill-rule='nonzero'/%3E%3C/svg%3E ") !important;}
.datepicker th.next{ background-image: url("data:image/svg+xml,%3Csvg width='18' height='18' viewBox='0 0 18 18' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M5.167,1.5L12.833,9l-7.666,7.5' fill='none' stroke='%231d1d1b' stroke-width='2.5' stroke-linecap='round' stroke-linejoin='round' fill-rule='nonzero'/%3E%3C/svg%3E ") !important;}
.datepicker table tr td span{ height: 40px; line-height: 40px;}
.datepicker table tr td.today,
.datepicker table tr td.today:hover,
.datepicker table tr td.today.disabled,
.datepicker table tr td.today.disabled:hover{ background: #fdf59a; background: -webkit-linear-gradient(-45deg,  #fdf59a 0%,#fde19a 100%); background: linear-gradient(135deg,  #fdf59a 0%,#fde19a 100%);}
.datepicker table tr td.active:hover,
.datepicker table tr td.active,
.datepicker table tr td span.active:hover,
.datepicker table tr td span.active{ background: #f9c12e; background: -webkit-linear-gradient(-45deg,  #f9c12e 0%,#ed7540 100%); background: linear-gradient(135deg,  #f9c12e 0%,#ed7540 100%);}

/* Background Gradient */
.bg-f8{ background-color: #f8f8fa;}
.grd-orange{ background: #f9c12e; background: -webkit-linear-gradient(-45deg,  #f9c12e 0%,#ed7540 100%); background: linear-gradient(135deg,  #f9c12e 0%,#ed7540 100%);}
.grd-red{ background: #fe6c60; background: -webkit-linear-gradient(-45deg,  #fe6c60 0%,#e34133 100%); background: linear-gradient(135deg,  #fe6c60 0%,#e34133 100%);}
.grd-blue{ background: #89ceff; background: -webkit-linear-gradient(-45deg,  #89ceff 0%,#189eff 100%); background: linear-gradient(135deg,  #89ceff 0%,#189eff 100%);}
.grd-green{ background: #71f3ab; background: -webkit-linear-gradient(-45deg,  #71f3ab 0%,#28c870 100%); background: linear-gradient(135deg,  #71f3ab 0%,#28c870 100%);}
.grd-purple{ background: #bb94fa; background: -webkit-linear-gradient(-45deg,  #bb94fa 0%,#7f6ef1 100%); background: linear-gradient(135deg,  #bb94fa 0%,#7f6ef1 100%);}
.grd-grey{ background: #ababab; background: -webkit-linear-gradient(-45deg,  #ababab 0%,#6b6b6b 100%); background: linear-gradient(135deg,  #ababab 0%,#6b6b6b 100%);}
.bs-orange{ box-shadow: 0 10px 20px rgba(237,119,64,0.2);}
.bs-red{ box-shadow: 0 10px 20px rgba(231,72,58,0.2);}
.bs-blue{ box-shadow: 0 10px 20px rgba(33,162,255,0.2);}
.bs-green{ box-shadow: 0 10px 20px rgba(45,203,116,0.2);}
.bs-purple{ box-shadow: 0 10px 20px rgba(132,113,242,0.2);}
.bs-grey{ box-shadow: 0 10px 20px rgba(119,119,119,0.2);}
.card-paypal{ background: #0067b1; background: -webkit-linear-gradient(-45deg,  #0067b1 0%,#003e93 100%); background: linear-gradient(135deg,  #0067b1 0%,#003e93 100%); box-shadow: 0 10px 20px rgba(26,30,92,0.2);}
.card-master{ background: #ababab; background: -webkit-linear-gradient(-45deg,  #ababab 0%,#6b6b6b 100%); background: linear-gradient(135deg,  #ababab 0%,#6b6b6b 100%); box-shadow: 0 10px 20px rgba(119,119,119,0.2);}
.card-mada{ background: #2e846f; background: -webkit-linear-gradient(-45deg,  #2e846f 0%,#016b57 100%); background: linear-gradient(135deg,  #2e846f 0%,#016b57 100%); box-shadow: 0 10px 20px rgba(216,216,216,0.2);}

/* Breadcrumb */
.section-breadcrumb{ margin-top: 130px; background-color: #f2f2f2; padding: 35px 0px;}
.breadcrumb{ padding: 0; background-color: transparent; margin-bottom: 0;}
.breadcrumb .breadcrumb-item{ font-size: 14px; font-weight: normal; color: #9e9e9e; line-height: 20px;}
.breadcrumb .breadcrumb-item a{ color: #9e9e9e;}
.breadcrumb .breadcrumb-item a:hover{ color: #f39b37;}
.breadcrumb .breadcrumb-item + .breadcrumb-item:before{ color: #9e9e9e;}

/* Home */
.section-home{ padding: 130px 0 20px; display: flex; align-items: center; width: 100%; background-repeat: no-repeat; background-size: 70% auto; overflow: hidden;}
.section-home .home-slider{ width: 100%;}
.section-home .caption p{ font-size: 20px; line-height: 28px; font-weight: 300;}
.home-slider .slick-dots li button{ width: 10px; height: 10px;}

/* Slick Dots and Control */
.slick-dots li{ width: auto; height: auto; margin: 0 10px 0 0;}
.slick-dots li button{ width: 8px; height: 8px; padding: 0; border: none; background: #bbbbba; border-radius: 50%;}
.slick-dots li.slick-active button{ width: 14px; height: 14px; background: #f39b37; margin-top: -2px;}
.slick-dots li button:before{ display: none;}
.slider-gap-5 .slick-list{ margin-left: -5px; margin-right: -5px;}
.slider-gap-5 .slick-slide{ padding-left: 5px; padding-right: 5px;}
.slider-gap-9 .slick-list{ margin-left: -9px; margin-right: -9px;}
.slider-gap-9 .slick-slide{ padding-left: 9px; padding-right: 9px;}
.slider-gap-15 .slick-list{ margin-left: -15px; margin-right: -15px;}
.slider-gap-15 .slick-slide{ padding-left: 15px; padding-right: 15px;}
.slider-loading{ max-height: 100vh; overflow: hidden; opacity: 0;}
.slider-loading.slick-initialized{ max-height: none; overflow: visible; opacity: 1;}

.section-70{ padding: 70px 0;}
.section-70.items-30{ padding-bottom: 40px;}
.section-page{ padding: 50px 0 108px;}
.section-page.items-20{ padding-bottom: 88px;}

.category-wrap{ display: flex; flex-wrap: wrap; margin-left: -15px;}
.category-wrap .item-col{ width: 20%; padding: 0 15px 30px;}
.items-category{ display: inline-block; text-align: center; width: 100%;}
.items-category .item-icon{ width: 100%; padding: 15px; margin-bottom: 16px; display: flex; align-items: center; justify-content: center; border-radius: 18px;}

.items-cat{ background: #fff; padding: 8px; display: inline-block; width: 100%; margin-bottom: 30px; border-radius: 14px;}
.items-cat .item-body{ padding: 16px 6px 20px;}
.items-cat .item-image img{ border-radius: 14px;}
.items-cat .item-name{ margin-bottom: 10px;}

.cat-item{ color: #1d1d1b; display: inline-block; width: 100%; margin-bottom: 30px; position: relative;}
.cat-item .item-image{ border-radius: 14px; overflow: hidden; position: relative; height: 0; padding-top: 100%;}
.cat-item .item-image img{ position: absolute; left: 50%; top: 0; height: 100%; width: auto; max-width: none; transform: translateX(-50%);}
.cat-item .item-body{ padding: 16px 0;}
.cat-item .item-name{ font-size: 13px; line-height: 16px; margin-bottom: 8px;}
.cat-item .item-price{ font-size: 14px; line-height: 18px; font-weight: bold;}
.cat-item .item-price strike{ font-weight: normal; color: #909090; display: inline-block; margin: 0 4px;}
.cat-item .icon-fav{ height: 28px; width: 28px; display: inline-block; background: #fff url(../images/icon-fav.svg) center center no-repeat; position: absolute; top: 6px; box-shadow: 0 5px 20px rgba(0,0,0,0.1); border-radius: 50%;}
.cat-item .icon-fav.active{ background-image: url(../images/icon-fav-active.svg);}

.rating-16,
.rating-13{ display: flex;}
.rating-16 .rating-grey{ height: 16px; width: 80px; display: inline-block; background: #fff url(../images/rating-star.png) left top no-repeat; vertical-align: top;}
.rating-16 .rating-active{ height: 100%; display: inline-block; background: #fff url(../images/rating-star-active.png) left top no-repeat; vertical-align: top;}
.rating-16 .rating-value{ font-size: 14px; color: #888787; line-height: 16px; display: inline-block;}
.rating-16.items-13 .rating-grey{ height: 13px; width: 65px; background-size: 65px auto;}
.rating-16.items-13 .rating-active{ background-size: 65px auto;}
.rating-16.items-13 .rating-value{ font-size: 11px; line-height: 13px;}

.items-jobs{ background: #fff; padding: 26px; margin: 0 0 30px; display: inline-block; width: 100%; border-radius: 14px; box-shadow: 0 5px 20px rgba(0,0,0,0.1);}
.jobs-slider .items-jobs{ margin: 16px 0 26px;}
.items-jobs .item-name{ margin-bottom: 12px;}
.items-jobs .item-company{ font-size: 16px; font-weight: bold; color: #f39b37; line-height: 22px; margin-bottom: 24px;}
.items-jobs .item-date-exp{ display: flex; align-items: center; font-size: 14px; font-weight: 500; color: #9e9d9d; line-height: 24px;}

.badge{ background-color: #e6e6e6; color: #777777; padding: 2px 14px 4px; font-size: 13px; font-weight: 500; line-height: 14px; text-transform: uppercase; border-radius: 20px;}

.items-account{ background: #fff; border: 2px solid #f2f2f2; width: 100%; height: 100%; padding: 26px 20px 30px; font-size: 16px; color: #1d1d1b; font-weight: 500; text-align: center; display: inline-block; vertical-align: top; border-radius: 25px; box-shadow: 0 5px 20px rgba(0,0,0,0);}
.items-account:hover{ color: #f39b37; box-shadow: 0 5px 20px rgba(0,0,0,0.1);}
.items-account .item-icon{ margin-bottom: 16px;}
.items-account .item-icon .icon{ width: 42px; height: 25px; transition: all ease .2s;}
.items-account:not(:hover) .item-icon .icon{ color: #9e9d9d;}

/* Modal */
.modal-content{ border: none; border-radius: 20px;}
.modal .modal-header .close{ position: absolute; top: 0; margin: 0; padding: 20px; color: #b3b3b3; line-height: 15px; opacity: 1;}
.modal .modal-header .close .icon{ width: 15px; height: 15px; vertical-align: top;}

.items-cat-md .items-cat{ margin-bottom: 12px;}
.items-cat-md .items-cat .item-body{ padding-bottom: 16px;}
.link-reset .icon{ width: 17px; height: 17px; vertical-align: top; margin-top: 4px;}

/* Paging */
.paging{ margin: 0; padding: 0; list-style: none; display: flex;}
.paging.center{ justify-content: center;}
.paging li{ padding: 0 8px;}
.paging li a{ font-size: 16px; line-height: 20px; color: #1d1d1b; font-weight: 600; padding: 10px 24px; display: inline-block; text-align: center; border-radius: 20px;}
.paging li a.item-link{ width: 40px; height: 40px; padding: 10px;}
.paging li a:hover{ color: #f39b37;}
.paging li a.active{ color: #fff; background: #f9c12e; background: -webkit-linear-gradient(-45deg,  #f9c12e 0%,#ed7540 100%); background: linear-gradient(135deg,  #f9c12e 0%,#ed7540 100%);}
.paging li a.disabled{ color: #aba9a9; pointer-events: none;}

.about-left .item-image{ border-radius: 14px; overflow: hidden;}
.text-nearby{ font-size: 13px; color: #888787; direction: ltr;}
.social-icons{ display: flex;}
.social-icons a{ width: 38px; height: 38px; margin-right: 8px; text-align: center; line-height: 38px; font-size: 18px; color: #fff; border-radius: 50%;}
.social-icons a.twitter{ background-color: #2aa4f1;}
.social-icons a.facebook{ background-color: #456ab0;}
.social-icons a.instagram{ background: #ab3ebd; background: -webkit-linear-gradient(top,  #ab3ebd 0%,#f2316f 50%,#ee8b34 100%); background: linear-gradient(to bottom,  #ab3ebd 0%,#f2316f 50%,#ee8b34 100%);}
.social-icons a.email{ background-color: #88919c;}
.social-icons a.whatsapp{ background-color: #38d64d;}
.social-icons a.call{ background-color: #f5a332;}

.about-left .item-name,
.about-right > .item-title,
.about-right > .item-text{ direction: ltr;}
.about-right .item-text p{ line-height: 30px;}
.items-reviews{ padding: 20px 0; position: relative; border-bottom: 1px solid #efeff4;}
.items-reviews .item-image{ width: 52px; height: 52px; position: absolute; top: 20px; border-radius: 50%;}
.items-reviews .item-name{ font-size: 15px; font-weight: 600; line-height: 22px; color: #777777; margin-bottom: 6px;}
.items-reviews .item-date{ font-weight: normal; color: #aba9a9; display: inline-block;}
.items-reviews .item-text{ font-size: 16px; font-weight: 300; line-height: 28px;}

.modal-review{ padding: 30px 24px; text-align: center;}
.modal-review .item-title{ font-size: 24px; line-height: 34px; font-weight: 500px;}
.modal-review .item-text{ font-size: 16px; line-height: 22px;}
.modal-success{ padding: 30px 24px; text-align: center;}

.review-rating{ display: inline-block;}
.review-rating:not(:checked) > input{ position:absolute; top:-9999px; clip:rect(0,0,0,0);}
.review-rating:not(:checked) > label{ width: 42px; padding: 0 3px; overflow: hidden; white-space: nowrap; cursor: pointer; line-height:1.2; margin-bottom: 0;}
.review-rating .icon-star{ width: 36px; height: 36px; color: #cccccc; transition: all .3s; pointer-events: none;}
.review-rating > input:checked ~ label .icon-star{ color: #f5a332;}
.review-rating:not(:checked) > label:hover .icon-star,
.review-rating:not(:checked) > label:hover ~ label .icon-star{ color: #dadada;}
.review-rating > input:checked + label:hover .icon-star,
.review-rating > input:checked + label:hover ~ label .icon-star,
.review-rating > input:checked ~ label:hover .icon-star,
.review-rating > input:checked ~ label:hover ~ label .icon-star,
.review-rating > label:hover ~ input:checked ~ label .icon-star{ color: #fcb046;}

.product-slider-for{ margin-bottom: 8px;}
.product-slider-for .slick-slide{ border: 1px solid #e6e6e6; border-radius: 1px;}
.product-slider-for .slick-slide img{ width: 100%;}

.product-slider-nav .slick-list{ margin: 0 -4px;}
.product-slider-nav .slick-slide{ padding: 0 4px;}
.product-slider-nav .slick-slide img{ width: 100%; border: 1px solid #e6e6e6; border-radius: 1px;}

.pd-header{ padding: 12px 0 20px; position: relative;}
.pd-header .pd-icons{ position: absolute; top: 8px;}
.pd-header .pd-icons a{ margin: 0 6px; height: 45px; width: 45px; padding: 11px; display: inline-block; box-shadow: 0 5px 20px rgba(0,0,0,0.1); border-radius: 50%;}
.pd-header .pd-icons a .icon{ color: #b3b3b3; width: 23px; height: 23px; vertical-align: top;}
.pd-header .pd-icons .icon-fav.active .icon{ color: #ff3e3e;}
.pd-header .pd-icons .icon-share.active .icon{ color: #f39b37;}
.pd-header .item-price strike{ font-weight: normal; color: #909090; display: inline-block;}
.pd-header .item-price .offer-tag{ color: #fff; font-size: 13px; font-weight: bold; line-height: 18px; padding: 3px 12px 5px; display: inline-block; vertical-align: middle; border-radius: 15px;}
.spec-row{ padding: 14px 0; border-top: 1px solid #efeff4; font-size: 14px; line-height: 18px;}
.spec-label{ padding: 6px 0; color: #898989;}
.spec-value{ padding: 6px 0;}
.spec-badge-wrap{ padding-bottom: 0;}
.spec-badge-wrap .spec-badge{ margin-bottom: 6px;}
.spec-badge{ font-size: 14px; font-weight: normal; color: #858585; line-height: 20px; display: inline-block; position: relative;}
.spec-badge input[type="radio"]{ position: absolute; left: 0; top: 0; opacity: 0;}
.spec-badge .lbl{ padding: 8px 24px; border: 1px solid #f2f2f2; display: inline-block; border-radius: 20px; cursor: pointer;}
.spec-badge input[type="radio"]:checked + .lbl{ background-color: #e6e6e6; border-color: #e6e6e6; color: #1d1d1b;}

.items-qty{ display: flex; align-items: center; justify-content: space-between; width: 90px; min-height: 23px;}
.items-qty a{ line-height: 23px;}
.items-qty a .icon{ width: 23px; height: 23px; color: #b3b3b3; vertical-align: top;}
.items-qty input{ width: 35px; background: #fff; border: none; height: 23px; font-size: 16px; font-weight: bold; line-height: 22px; padding: 0; text-align: center;}

.spec-row .items-qty{ width: 138px; height: 50px; padding: 14px 13px 13px; box-shadow: 0 5px 20px rgba(0,0,0,0.1); border-radius: 25px;}
.spec-row .items-qty input{ width: 46px;}

.pd-tabs .nav-pills{ margin: 0 -4px 20px;}
.pd-tabs .nav-pills .nav-item{ padding: 0 4px;}
.pd-tabs .nav-pills .nav-link{ padding: 10px 24px; background: #f2f2f2; font-size: 15px; line-height: 20px; font-weight: 500; color: #777777; border-radius: 20px;}
.pd-tabs .nav-pills .nav-link.active{ background: #fff; color: #1d1d1b; box-shadow: 0 5px 20px rgba(0,0,0,0.1);}
.pd-tabs ul{ padding: 0;}
.pd-tabs ul li{ line-height: 20px; padding: 5px 0;}

.items-cart .item-th{ font-size: 14px; font-weight: normal; line-height: 20px; color: #858585; padding-bottom: 5px;}
.items-cart .item-row{ padding: 14px 0 0; border-bottom: 1px solid #efeff4;}
.items-cart .item-row [class*=col-]{ margin-bottom: 14px;}
.cart-image-wrap{ position: relative; min-height: 80px; display: flex; justify-content: center; flex-direction: column;}
.cart-image-wrap .item-image{ position: absolute; top: 0; width: 80px; height: 80px; background: #fff; border-radius: 12px; box-shadow: 0 5px 20px rgba(0,0,0,0.1); overflow: hidden; display: flex; justify-content: center;}
.cart-image-wrap .item-image img{ height: 100%; width: auto; max-width: none;}
.cart-image-wrap .item-name{ font-size: 13px; line-height: 16px;}
.cart-image-wrap .item-desc{ font-size: 13px; line-height: 16px; color: #858585; padding-top: 14px;}
.cart-image-wrap .item-desc span{ display: inline-block; width: 100%;}
.items-cart .item-price{ font-size: 14px; line-height: 24px; font-weight: bold;}
.items-cart .item-tlabel{ font-size: 16px; line-height: 20px; font-weight: bold;}
.items-cart .item-tprice{ font-size: 20px; line-height: 24px; font-weight: bold; color: #f39b37;}
.items-cart .icon-right{ position: relative;}
.items-cart .icon-right .item-delete{ position: absolute; top: 50%; transform: translateY(-50%);}
.items-cart .icon-right .item-delete .icon{ display: inline-block; width: 23px; height: 23px; vertical-align: top; color: #e44234;}
.items-cart .icon-right .item-delete:hover .icon{ color: #ce3325;}

.fc-group-inset{ position: relative;}
.fc-group-inset .fc-addon-right{ position: absolute; top: 0; background: transparent; border: none; width: 56px; height: 50px; overflow: hidden;}
.fc-group-inset .fc-addon-right .icon{ width: 16px; height: 14px; color: #b3b3b3; vertical-align: top;}
.fc-group-inset .fc-addon-right:hover .icon{ color: #f39b37;}

.items-coupon{ padding: 24px 28px; margin-bottom: 24px; color: #fff; position: relative; border-radius: 18px;}
.items-coupon .item-status{ position: absolute; top: 10px; height: 26px; font-size: 13px; line-height: 18px; font-weight: 500; background: #fff; display: inline-block; border-radius: 15px; box-shadow: 0 5px 20px rgba(0,0,0,0.1);}
.items-coupon .item-status .icon{ display: inline-block; width: 15px; height: 15px; position: absolute; top: 50%; transform: translateY(-50%);}
.items-coupon .item-discount{ font-size: 30px; font-weight: 900; line-height: 36px; padding-bottom: 4px;}
.items-coupon .item-text{ font-size: 24px; font-weight: 300; line-height: 30px; min-height: 62px;}
.items-coupon .item-date{ font-size: 14px; font-weight: 700; line-height: 20px;}
.items-coupon .item-status.item-use{ color: #1d1d1b;}
.items-coupon .item-status.item-use .icon{ color: #f39b37;}
.items-coupon .item-status.item-claim{ color: #777;}
.items-coupon .item-status.item-claim .icon{ color: #d9d9d9;}
.items-coupon .item-status.item-claimed,
.items-coupon .item-status.item-claimed .icon{ color: #2bca72;}
.items-coupon .item-status.item-expired,
.items-coupon .item-status.item-expired .icon{ color: #e34133;}

.c-label{ font-size: 14px; line-height: 20px; color: #858585;}
.c-value{ font-size: 14px; line-height: 20px; color: #1d1d1b; font-weight: bold;}
.ct-label{ font-size: 16px; line-height: 24px; color: #1d1d1b; font-weight: bold;}
.ct-value{ font-size: 20px; line-height: 24px; color: #f39b37; font-weight: bold;}
.s-value{ font-size: 15px; line-height: 22px; color: #1d1d1b;}
.items-order{ background-color: #f2f2f2;}
.items-order .item-title{ text-align: center; padding: 30px 24px; border-bottom: 1px solid #e5e5e5;}
.items-order .item-product{ padding: 26px 48px 18px; border-bottom: 1px solid #e5e5e5;}
.items-order .item-product .item-row{ padding-bottom: 12px;}
.items-order .item-body{ padding: 26px 48px 46px;}
.items-order .item-row .item-price{ padding-top: 30px;}
.items-order .item-price{ font-size: 14px; line-height: 20px; font-weight: bold;}
.items-order .item-tlabel{ font-size: 16px; line-height: 24px; font-weight: bold;}
.items-order .item-tprice{ font-size: 20px; line-height: 24px; font-weight: bold; color: #f39b37;}
.icon-location-left{ background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 18 22'%3e%3cpath fill='none' stroke='%231d1d1b' stroke-linecap='round' stroke-width='2.1' d='M9,20.634 c-2.073-1.946-7.45-7.349-7.45-11.919c0-4.059,3.335-7.349,7.45-7.349c4.114,0,7.45,3.29,7.45,7.349 C16.45,13.251,11.073,18.688,9,20.634 M9,11C7.539,11,6.35,9.81,6.35,8.35C6.35,6.887,7.539,5.7,9,5.7 c1.461,0,2.65,1.187,2.65,2.649C11.65,9.81,10.461,11,9,11'/%3e%3c/svg%3e"); background-repeat: no-repeat; background-size: 18px 22px;}

.item-dropdown .dropdown-toggle:after{ display: none;}
.item-dropdown .dropdown-menu{ border: none; background: #fff; min-width: 112px; top: 100% !important; position: absolute; border-radius: 10px; box-shadow: 0 5px 20px rgba(0,0,0,0.1); padding: 4px 8px;}
.item-dropdown .dropdown-item{ color: #9e9d9d; font-weight: 500; font-size: 13px; padding: 6px 12px; display: inline-block; width: 100%; text-align: center;}
.item-dropdown .dropdown-item:focus,
.item-dropdown .dropdown-item:hover,
.item-dropdown .dropdown-item.active{ background: transparent; color: #f39b37;}
.item-dropdown .dropdown-item + .dropdown-item{ border-top: 1px solid #e5e5e5;}

.sidebar-tabs{ padding: 10px 15px; background: #fff; margin-bottom: 20px; border: 2px solid #e6e6e6; border-radius: 18px;}
.sidebar-tabs .nav-link{ padding: 7px 8px 9px; font-size: 16px; font-weight: 500; line-height: 20px; color: #777;}
.sidebar-tabs .nav-link + .nav-link{ border-top: 1px solid #e6e6e6;}
.sidebar-tabs .nav-link:hover,
.sidebar-tabs .nav-link.active{ color: #f39b37;}

.items-my-order{ position: relative; background: #fff; display: inline-block; width: 100%; box-shadow: 0 5px 20px rgba(0,0,0,0.1); border-radius: 10px;}
.items-my-order + .items-my-order{ margin-top: 20px;}
.items-my-order .item-status{ position: absolute; top: 17px; padding: 2px 19px 5px; font-size: 13px; font-weight: 500; line-height: 20px; color: #fff;}
.items-my-order .item-more{ position: absolute; top: 13px;}
.items-my-order .item-more > a{ color: #aba9a9;}
.items-my-order .item-order-number{ font-size: 14px; line-height: 20px;}
.items-my-order .item-label{ font-size: 12px; line-height: 18px; color: #aba9a9; padding-top: 8px;}
.items-my-order .item-price{ font-size: 16px; line-height: 20px; color: #f39b37; font-weight: bold;}

.items-track .item-status{ position: relative; min-height: 70px; font-size: 16px; line-height: 20px; padding-top: 1px;}
.items-track .item-status span{ font-size: 12px; color: #aba9a9; display: inline-block; width: 100%;}
.items-track .item-status:before{ content: ""; position: absolute; top: 0; width: 25px; height: 25px; background: #ccc url("data:image/svg+xml,%3Csvg viewBox='0 0 23 23' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M15.53,8.01l-5.259,6.949L7.45,11.35' fill='none' stroke='%23fff'  stroke-width='2.3' stroke-linecap='round' stroke-linejoin='round' fill-rule='nonzero'/%3E%3C/svg%3E ") no-repeat center center; background-size: 23px 23px; border-radius: 50%; z-index: 2;}
.items-track .item-status + .item-status:after{ content: ""; position: absolute; top: -50px; width: 3px; height: 100%; background: #ccc; z-index: 1;}
.items-track .item-status.active:before,
.items-track .item-status.active:after{ background-color: #2bca72;}
.btn.btn-track{ position: relative;}
.btn.btn-track:after{ content: ""; position: absolute; top: 50%; transform: translateY(-50%); width: 16px; height: 16px; border: 1px solid rgba(255,255,255,0.5); border-radius: 50%;}
.btn.btn-track:before{ content: ""; position: absolute; top: 50%; transform: translateY(-50%); width: 8px; height: 8px; background: #fff; border-radius: 50%;}

.items-my-deals{ position: relative; background: #fff; display: inline-block; width: 100%; margin-bottom: 20px; vertical-align: top; border-radius: 18px;}
.items-my-deals .item-image{ overflow: hidden; position: relative; border-radius: 18px;}
.items-my-deals .item-image img{ width: 100%;}
.items-my-deals .item-image:before{ content: ""; position: absolute; top: 0; bottom: 0; left: 0; right: 0; background: -webkit-linear-gradient(top,  rgba(0,0,0,0) 0%,rgba(0,0,0,0) 50%,rgba(0,0,0,0.95) 100%); background: linear-gradient(to bottom,  rgba(0,0,0,0) 0%,rgba(0,0,0,0) 50%,rgba(0,0,0,0.95) 100%);}
.items-my-deals .item-status{ position: absolute; top: 25px; padding: 5px 19px 7px; font-size: 16px; font-weight: 500; line-height: 20px; color: #fff;}
.items-my-deals.sm .item-status{ top: 18px; padding: 2px 19px 5px; font-size: 13px;}
.items-my-deals .item-name{ position: absolute; left: 24px; right: 28px; bottom: 30px; font-weight: bold; color: #fff;}
.items-my-deals.sm .item-name{ bottom: 26px;}
.items-my-deals .item-name .icon{ position: absolute; top: 50%; margin-top: -8px; width: 19px; height: 17px;}
.items-my-deals.r-deals{ margin-bottom: 45px;}
.items-my-deals.r-deals .item-name{ padding-bottom: 12px; text-align: center;}
.items-my-deals .item-answer{ position: absolute; left: 20px; right: 20px; bottom: -25px; display: flex;}
.items-my-deals .item-answer .form-control,
.items-my-deals .item-answer .form-control:focus{ height: 50px; font-size: 17px; font-weight: normal; border: none; box-shadow: 0 5px 20px rgba(0,0,0,0.1) !important; border-radius: 30px;}
.items-my-deals .item-answer button{ position: absolute; top: 0; width: 60px; height: 100%; background: transparent; border: none; display: flex;align-items: center; transition: all 0.2s ease;}
.items-my-deals .item-answer button .icon{ width: 19px; height: 17px; vertical-align: top;}
.items-dd-image{ overflow: hidden; border-radius: 18px;}
.items-dd-image img{ width: 100%;}
.items-deals-list .item-name{ font-size: 15px; line-height: 20px; color: #777; padding: 8px 6px; display: inline-block; width: 100%; vertical-align: top;}
.items-deals-list .item-name + .item-name{ border-top: 1px solid #e6e6e6;}

.items-pcard{ padding: 18px 30px 30px; width: 100%; min-height: 180px; position: relative; display: inline-block; vertical-align: top; margin-bottom: 30px; color: #fff; border-radius: 18px;}
.items-pcard .item-logo{ padding-bottom: 16px;}
.items-pcard .item-radio{ position: absolute; top: 10px; width: 28px; height: 28px; background: #fff; margin-bottom: 0; cursor: pointer; border-radius: 50%;}
.items-pcard .item-radio input[type="radio"]{ position: absolute; left: 0; top: 0; opacity: 0;}
.items-pcard .item-radio .lbl{ opacity: 0; padding: 6px; display: inline-block; line-height: 16px; transition: all 0.1s ease;}
.items-pcard .item-radio .lbl .icon{ width: 16px; height: 16px; vertical-align: top;}
.items-pcard .item-radio input[type="radio"]:checked + .lbl{ color: #2bca72; opacity: 1;}
.items-pcard .item-number{ padding-bottom: 26px; font-size: 21px; font-weight: 300; line-height: 24px; white-space: nowrap; width: 100%; text-overflow: ellipsis; display: inline-block; overflow: hidden;}
.items-pcard .item-bottom{ display: flex; align-items: center;}
.items-pcard .item-name{ font-size: 15px; font-weight: bold; line-height: 20px; min-width: 154px;}
.items-pcard .item-date{ font-size: 15px; font-weight: normal; line-height: 20px; color: rgba(255,255,255,0.6);}
.items-pcard .item-more{ position: absolute; bottom: 20px;}
.items-pcard .item-more svg{ color: #fff;}

.item-image-view{ width: 100%; height: 260px; display: flex; align-items: center; justify-content: center; overflow: hidden;}
.item-image-view img{ width: auto; height: 100%; max-width: none;}

.items-similar{ width: 100%; margin-bottom: 14px; position: relative; display: flex; justify-content: center; flex-direction: column; min-height: 90px;}
.items-similar .item-image{ position: absolute; top: 0; width: 107px; height: 90px; border-radius: 12px; overflow: hidden; display: flex; align-items: center; justify-content: center;}
.items-similar .item-image img{ width: auto; max-width: none; height: 100%;}
.items-similar .item-name{ margin-bottom: 5px; font-size: 14px; font-weight: 500;}

.single-slider-for.slick-dotted.slick-slider{ margin-bottom: 10px;}
.single-slider-for .item-image{ position: relative;}
.single-slider-for .item-image:after{ content: ""; position: absolute; left: 0; right: 0; top: 0; bottom: 0; background: -webkit-linear-gradient(top,  rgba(0,0,0,0) 0%,rgba(0,0,0,0.4) 100%); background: linear-gradient(to bottom,  rgba(0,0,0,0) 0%,rgba(0,0,0,0.4) 100%);}
.single-slider-for .slick-dots{ bottom: 24px;}
.single-slider-for .slick-dots li:not(.slick-active) button{ background: #fff;}

.single-slider-nav .item-image{ border: 1px solid #e5e5e5; height: 78px; width: 100%; overflow: hidden; display: flex; align-items: center; justify-content: center;}
.single-slider-nav .item-image img{ width: auto; max-width: none; height: 100%;}

.items-facility{ display: flex; flex-wrap: wrap;}
.items-facility .item-name{ margin-bottom: 18px; background-repeat: no-repeat; line-height: 20px; font-size: 14px; padding-top: 2px; padding-bottom: 2px;}
.icon-wifi{ background-image: url(../images/icon-wifi.png);}
.icon-parking{ background-image: url(../images/icon-parking.png);}
.icon-family{ background-image: url(../images/icon-family.png);}
.icon-restaurant{ background-image: url(../images/icon-restaurant.png);}
.icon-no-smoking{ background-image: url(../images/icon-no-smoking.png);}
.icon-coffee-maker{ background-image: url(../images/icon-coffee-maker.png);}
.icon-room-service{ background-image: url(../images/icon-room-service.png);}

.items-serve{ display: inline-block; width: 100%;}
.items-serve .item-wrap{ position: relative; display: flex; align-items: center; min-height: 40px; margin-bottom: 18px;}
.items-serve .item-wrap .item-icon{ position: absolute; top: 0; width: 40px; height: 40px; border-radius: 50%;}
.items-serve .item-wrap .item-icon .icon{ width: 100%; height: 100%; display: inline-block; background-repeat: no-repeat; background-position: center; border-radius: 50%;}
.items-serve .item-wrap .item-name{ font-size: 15px; line-height: 20px;}
.items-serve .item-wrap .item-price{ font-size: 14px; line-height: 20px; font-weight: bold; color: #f39b37;}
.icon-hairstyle{ background-image: url(../images/icon-hairstyle.png);}
.icon-hairdryer{ background-image: url(../images/icon-hairdryer.png);}
.icon-haircut{ background-image: url(../images/icon-haircut.png);}
.icon-hair-coloring{ background-image: url(../images/icon-hair-coloring.png);}
.icon-facial-makeup{ background-image: url(../images/icon-facial-makeup.png);}
.icon-eye-makeup{ background-image: url(../images/icon-eye-makeup.png);}

.items-cat.items-mall-stores{ margin-bottom: 10px;}
.items-cat.items-mall-stores .item-name{ font-size: 13px; line-height: 20px; margin-bottom: 6px;}
.items-cat.items-mall-stores .item-body{ padding-top: 12px; padding-bottom: 12px;}

.items-menu-list{ border-bottom: 1px solid #e8e8e8; margin-bottom: 20px; padding-bottom: 5px;}
.items-menu-list .item-wrap{ position: relative; padding-left: 67px; padding-right: 130px; min-height: 56px; margin-bottom: 15px; display: flex; align-items: center;}
.items-menu-list .item-wrap .item-image{ position: absolute; top: 0; width: 56px; height: 56px; border-radius: 50%; overflow: hidden; display: flex; align-items: center; justify-content: center;}
.items-menu-list .item-wrap .item-name{ font-size: 14px; line-height: 20px;}
.items-menu-list .item-wrap .item-price{ font-size: 13px; line-height: 20px; color: #f39b37; font-weight: bold; min-width: 100px;}
.items-menu-list .item-wrap .items-qty{ position: absolute; top: 50%; transform: translateY(-50%);}

.items-times-slot{ display: flex; flex-wrap: wrap;}
.items-times-slot .item-time{ width: 104px; height: 50px; border: 2px solid #f2f2f2; background: #fff; font-size: 14px; line-height: 20px; color: #858585; display: flex; align-items: center; justify-content: center; margin-bottom: 6px; border-radius: 25px;}
.items-times-slot .item-time:hover,
.items-times-slot .item-time.active{ border-color: #f39b37; color: #f39b37;}

.items-room-type{ padding: 16px 24px; min-height: 105px; margin-bottom: 15px; background: #fff; border: 2px solid #f2f2f2; display: flex; flex-direction: column; align-items: center; justify-content: center; width: 100%; text-align: center; border-radius: 25px;}
.items-room-type:hover,
.items-room-type.active{ border-color: #f39b37;}
.items-room-type .item-info{ font-size: 13px; font-weight: normal; line-height: 20px; color: #858585; margin-bottom: 6px;}
.items-room-type .item-price{ font-size: 14px; font-weight: bold; line-height: 20px; color: #1d1d1b;}

.items-specialist{ display: flex; flex-wrap: wrap; margin: 0 -6px;}
.items-specialist .item-wrap{ width: 70px; margin: 0 6px; margin-bottom: 15px; text-align: center; font-size: 14px; font-weight: normal; line-height: 20px; color: #858585;}
.items-specialist .item-wrap:hover,
.items-specialist .item-wrap.active{ color: #f39b37;}
.items-specialist .item-wrap .item-image{ background: #fff; border: 2px solid #f2f2f2; padding: 5px; border-radius: 50%; transition: all ease .2s;}
.items-specialist .item-wrap .item-image img{ border-radius: 50%;}
.items-specialist .item-wrap:hover .item-image,
.items-specialist .item-wrap.active .item-image{ border-color: #f39b37; color: #f39b37;}
.items-specialist .item-wrap .item-name{ margin-top: 6px;}

.items-job .item-body{ padding: 18px; border-top: 1px solid #efeff4;}
.items-job .item-body ul{ margin-bottom: 0; line-height: 30px;}
.items-job .item-body ul li{ padding-left: 6px;}

/* Footer */
.footer-subscribe{ padding: 60px 0; margin-bottom: -100px; background: #fff; position: relative; border-radius: 5px; box-shadow: 0 5px 20px rgba(0,0,0,0.1);}
.footer-subscribe .h2{ margin-bottom: 20px;}
.footer-subscribe .form-group{ margin-bottom: 0;}
.footer-subscribe .form-control{ border: 1px solid #d7d7d7; line-height: 22px; font-size: 16px;}
.footer-subscribe .btn{ min-width: 186px;}

.footer-top{ background-color: #1d1d1b; padding: 170px 0 50px; line-height: 1.2; font-family: 'Open Sans', sans-serif;}
.footer ul{ margin: -7px 0 0; padding: 0;}
.footer ul li a{ font-size: 14px; line-height: 30px;}
.footer a{ color: #919191; display: inline-block; vertical-align: top;}
.footer a:hover{color: #fff;}
.footer .f-about a{ font-size: 13px; font-style: italic;}
.footer .f-title{ color: #fff; font-weight: bold; margin-bottom: 22px;}
.footer p{ color: #fff; font-size: 14px; line-height: 22px; margin-bottom: 15px;}
.footer .follow-us ul li{ margin-bottom: 2px;}
.footer .follow-us ul li a{ color: #fff;}
.footer .follow-us ul li a i{ height: 22px; width: 22px; background-color: #fff; border-radius: 50%; line-height: 22px; color: #2b2b2b; text-align: center;}
.footer .follow-us ul li a:hover{ opacity: 0.5;}
.get-app ul li{ margin-bottom: 15px; background-color: #2e2e2e; box-shadow: 0 5px 40px #181816; border-radius: 20px; padding: 6px 20px; display: block; max-width: 165px;}
.get-app ul li a:hover{ opacity: 0.5;}
.footer-bottom{ background-color: #171715; text-align: center; font-family: 'Tajawal', sans-serif; color: #919191; font-size: 14px; line-height: 20px; padding: 22px 0;}

.scroll-top{ width: 46px; height: 46px; display: flex; align-items: center; justify-content: center; position: fixed; cursor: pointer; bottom: -46px; z-index: 9; border-radius: 50%; transition: all 0.4s ease;}
.scroll-top span{ display: inline-block; width: 20px; height: 12px; background: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='20px' height='12px' viewBox='0 0 20 12'%3e%3cpath fill='none' stroke='%23ffffff' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5' d='M1.5,10l8.492-8l8.508,8'/%3e%3c/svg%3e"); background-repeat: no-repeat; background-position: center;}
.scroll-top:hover { opacity:0.8;}
.scroll-top.active{ bottom: 30px;}

@media (max-width:1199px){
  h1, .h1{ font-size: 32px;}
  h2, .h2{ font-size: 28px;}
  h3, .h3{ font-size: 21px; line-height: 30px;}
  h4, .h4{ font-size: 19px; line-height: 28px;}
  h5, .h5{ font-size: 17px; line-height: 26px;}
  h6, .h6{ font-size: 15px; line-height: 24px;}
  p{ line-height:26px;}

  .section-70{ padding: 60px 0;}
  .section-70.items-30{ padding-bottom: 30px;}

  .section-home{ padding-bottom: 40px;}
  .section-home .caption p{ font-size: 18px;}
  .category-wrap{ margin-left: -8px; margin-right: -8px;}
  .category-wrap .item-col{ padding-left: 8px; padding-right: 8px;}

  .section-breadcrumb{ padding: 26px 0;}
  .section-page{ padding: 40px 0 80px;}
  .section-page.items-20{ padding-bottom: 60px;}
  .spec-badge .lbl{ padding: 6px 18px;}
  .items-nearby{ height: 500px; width: 100%; overflow: hidden; display: flex; align-items: center; justify-content: center;}
  .items-nearby img{ height: 100%; width: auto; max-width: none;}
}
@media (max-width:991px){
  .header-top{ padding-bottom: 0;}
  .navbar .container{ padding-left: 15px; padding-right: 15px;}
  .navbar .navbar-toggler{ padding: 4px 10px; font-size: 17px; line-height: 20px; font-weight: bold; color: #003DA5; border: none; display: flex; align-items: center;}
  .navbar .navbar-toggler .navbar-toggler-icon{ background-image: url("data:image/svg+xml,%3Csvg width='30' height='24' viewBox='0 0 30 24' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M7,4l16,16 M23,4L7,20' fill='none' stroke='%23000000' stroke-width='2.3' stroke-linecap='round' stroke-linejoin='round' fill-rule='nonzero'/%3E%3C/svg%3E "); width: 30px; height: 24px; padding: 4px 0;}
  .navbar .navbar-toggler.collapsed .navbar-toggler-icon{ background-image: url("data:image/svg+xml,%3Csvg width='30' height='16' viewBox='0 0 30 16' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M1,1h28 M1,8h28 M1,15h28' fill='none' stroke='%23000000' stroke-width='2' stroke-linecap='round' stroke-linejoin='round' fill-rule='nonzero'/%3E%3C/svg%3E ");}
  .navbar-collapse{ position: absolute; right: 0; top: 100%; background: #fff; width: 100%; max-width: 480px; padding: 5px 20px; box-shadow: 0 10px 20px rgba(0,0,0,0.2);}
  .navbar .container > .navbar-nav{ flex-direction: row;}
  .navbar .navbar-collapse .navbar-nav .nav-link{ padding: 15px 0;}

  .items-menu-list .item-wrap{ flex-wrap: wrap;}
  .items-menu-list .item-wrap .item-price{ width: 100%;}
}
@media (max-width:767px){
  body{ font-size: 14px;}
  h1, .h1{ font-size: 28px;}
  h2, .h2{ font-size: 24px;}
  h3, .h3{ font-size: 20px; line-height: 28px; margin-bottom: 20px;}
  h4, .h4{ font-size: 18px; line-height: 26px;}
  h5, .h5{ font-size: 16px; line-height: 24px;}
  h6, .h6{ font-size: 14px; line-height: 24px;}
  p{ line-height:24px; margin-bottom: 20px;}

  .header{ height: 92px;}

  .section-70{ padding: 24px 0;}
  .section-70.items-30{ padding-bottom: 24px;}

  .container{ padding-left: 20px; padding-right: 20px;}
  .navbar .container{ padding-left: 0; padding-right: 0;}

  .section-breadcrumb{ padding: 16px 0; margin-top: 92px;}
  .section-page{ padding: 24px 0 40px;}
  .section-page.items-20{ padding-bottom: 20px;}

  .section-home .caption p{ font-size: 16px; line-height: 24px;}
  .items-cat{ margin-bottom: 20px;}
  .jobs-slider .items-jobs{ margin: 10px 0 20px;}

  .section-welcome .item-image img{ width: 70px;}

  .items-account{ padding: 16px 10px 20px; font-size: 14px; line-height: 20px; border-radius: 16px;}
  .items-account .item-icon{ margin-bottom: 12px;}

  .paging li{ padding: 0 1px;}
  .paging li a{ font-size: 14px; padding: 5px 16px;}
  .paging li a.item-link{ width: 30px; height: 30px; padding: 5px;}

  .pd-header .pd-icons a{ height: 36px; width: 36px; padding: 9px;}
  .pd-header .pd-icons a .icon{ width: 18px; height: 18px;}

  .items-reviews .item-name,
  .items-reviews .item-text{ font-size: 14px; line-height: 22px;}
  .items-reviews .item-date{ font-size: 13px;}

  .items-cart .item-row [class*=col-]{ padding-left: 6px; padding-right: 6px;}
  .items-order .item-title{ padding: 16px;}
  .items-order .item-product{ padding: 16px 16px 6px;}
  .items-order .item-body{ padding: 16px 16px 22px;}
  .items-order .item-tprice,
  .items-cart .item-tprice,
  .ct-value{ font-size: 16px;}

  .sidebar-tabs .nav-link{ font-size: 14px;}
  .items-my-order .item-price{ font-size: 14px;}
  .items-track .item-status{ font-size: 14px;}
  .items-my-deals .item-status{ font-size: 14px;}
  .items-my-deals .item-name{ font-size: 16px; line-height: 22px;}

  .items-coupon{ padding: 20px 24px; margin-bottom: 20px;}
  .items-coupon .item-discount{ font-size: 26px; line-height: 30px;}
  .items-coupon .item-text{ font-size: 20px; line-height: 26px;}
  .items-coupon .item-date{ font-size: 13px;}

  .items-pcard{ margin-bottom: 20px;}

  .footer-subscribe{ text-align: center; padding: 24px 0;}
  .footer-subscribe .btn{ margin-top: 20px;}
  .footer-top{ padding-top: 140px; padding-bottom: 24px;}
  .scroll-top{ width: 36px; height: 36px;}
  .scroll-top span{ background-size: 18px auto;}
  .scroll-top.active{ bottom: 15px;}
}
@media (max-width:575px){
  .category-wrap{ margin-left: -6px; margin-right: -6px;}
  .category-wrap .item-col{ padding-left: 6px; padding-right: 6px;}
  .items-category .item-icon{ padding: 8px; margin-bottom: 10px; border-radius: 10px;}
  .items-category .item-name{ font-size: 14px; line-height: 20px;}
  .pd-tabs .nav-pills .nav-link{ padding: 8px 16px; font-size: 14px;}
  .spec-row .spec-action{ width: 100%;}
  .spec-row .spec-action .items-qty{ margin: 0 auto 20px;}
  .spec-row .spec-action .btn{ width: 100%;}
}
@media (max-width:320px){
  body{ font-size: 13px;}
  .header-top .navbar-nav li{ padding: 0 5px;}
  .navbar-logo{ width: 92px;}
  .btn{ padding: 14px 24px;}
  .spec-row .items-qty{ width: 126px; padding-left: 10px; padding-right: 10px;}
  .pd-tabs .nav-pills .nav-link{ padding: 7px 13px; font-size: 13px;}
}
@media (min-width:576px){
  .modal-dialog{ max-width: 540px;}
  .modal-450{ max-width: 450px;}
  .modal-coupons{ padding: 0 32px;}
}
@media (min-width:768px){
  .modal-lg{ max-width: 750px;}
  .modal-review,
  .modal-success{ padding: 45px 35px;}
  .footer-subscribe .form-group{ display: flex;}
}
@media (min-width:1200px){
  .container{ max-width: 1170px;}
  .navbar .navbar-nav .nav-item{ padding: 0 15px;}

  .section-home{ min-height: 100vh;}
  .home-slider .slick-dots{ left: calc((100% - 1140px) / 2); right: calc((100% - 1140px) / 2); width: auto;}

  .items-coupon.lg{ padding: 30px 36px; width: 100%; margin-bottom: 30px;}
  .items-coupon.lg .item-status{ top: 12px; height: 32px; font-size: 16px; line-height: 20px;}
  .items-coupon.lg .item-status .icon{ width: 18px; height: 18px;}
  .items-coupon.lg .item-discount{ font-size: 36px; line-height: 42px; padding-bottom: 8px;}
  .items-coupon.lg .item-text{ font-size: 29px; line-height: 34px; min-height: 76px;}
  .items-coupon.lg .item-date{ font-size: 16px; line-height: 20px;}
  .items-my-deals.r-deals{ margin-bottom: 60px;}
  .items-my-deals .item-answer{ position: absolute; left: 30px; right: 30px; bottom: -30px;}
  .items-my-deals .item-answer .form-control,
  .items-my-deals .item-answer .form-control:focus{ height: 60px;}
}
@media (min-width:1440px){
  .section-home{ background-size: 65% auto;}
}
@media (min-width:1920px){
  .section-home{ background-size: 60% auto;}
}