@font-face {
    font-family:'Brandon Grotesque';
    src: url('../fonts/BrandonGrotesque-Regular.eot');
    src: url('../fonts/BrandonGrotesque-Regular.eot?#iefix') format('embedded-opentype'),
        url('../fonts/BrandonGrotesque-Regular.woff2') format('woff2'),
        url('../fonts/BrandonGrotesque-Regular.woff') format('woff'),
        url('../fonts/BrandonGrotesque-Regular.ttf') format('truetype'),
        url('../fonts/BrandonGrotesque-Regular.svg#BrandonGrotesque-Regular') format('svg');
    font-weight: 400;
    font-style: normal;
}

@font-face {
    font-family:'Brandon Grotesque';
    src: url('../fonts/BrandonGrotesque-Bold.eot');
    src: url('../fonts/BrandonGrotesque-Bold.eot?#iefix') format('embedded-opentype'),
        url('../fonts/BrandonGrotesque-Bold.woff2') format('woff2'),
        url('../fonts/BrandonGrotesque-Bold.woff') format('woff'),
        url('../fonts/BrandonGrotesque-Bold.ttf') format('truetype'),
        url('../fonts/BrandonGrotesque-Bold.svg#BrandonGrotesque-Bold') format('svg');
    font-weight: 700;
    font-style: normal;
}

@font-face {
    font-family: 'Brandon Text';
    src: url('../fonts/BrandonText-Medium.eot');
    src: url('../fonts/BrandonText-Medium.eot?#iefix') format('embedded-opentype'),
        url('../fonts/BrandonText-Medium.woff2') format('woff2'),
        url('../fonts/BrandonText-Medium.woff') format('woff'),
        url('../fonts/BrandonText-Medium.ttf') format('truetype'),
        url('../fonts/BrandonText-Medium.svg#BrandonText-Medium') format('svg');
    font-weight: 500;
    font-style: normal;
}

@font-face {
    font-family: 'Brandon Text';
    src: url('../fonts/BrandonText-Bold.eot');
    src: url('../fonts/BrandonText-Bold.eot?#iefix') format('embedded-opentype'),
        url('../fonts/BrandonText-Bold.woff2') format('woff2'),
        url('../fonts/BrandonText-Bold.woff') format('woff'),
        url('../fonts/BrandonText-Bold.ttf') format('truetype'),
        url('../fonts/BrandonText-Bold.svg#BrandonText-Bold') format('svg');
    font-weight: 700;
    font-style: normal;
}
@font-face {
  font-family: 'icomoon';
  src:  url('../fonts/icomoon.eot?w3vp8q');
  src:  url('../fonts/icomoon.eot?w3vp8q#iefix') format('embedded-opentype'),
    url('../fonts/icomoon.ttf?w3vp8q') format('truetype'),
    url('../fonts/icomoon.woff?w3vp8q') format('woff'),
    url('../fonts/icomoon.svg?w3vp8q#icomoon') format('svg');
  font-weight: normal;
  font-style: normal;
}

/*Normalize css*/
html{line-height:1.15;-webkit-text-size-adjust:100%}
main{display:block}
hr{box-sizing:content-box;height:0;overflow:visible}
pre{font-family:monospace,monospace;font-size:1em}
a{background-color:transparent}
abbr[title]{border-bottom:none;text-decoration:underline;text-decoration:underline dotted}
b,strong{font-weight:bolder}
code,kbd,samp{font-family:monospace,monospace;font-size:1em}
small{font-size:80%}
sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}
sub{bottom:-.25em}
ul,ol{margin-top: 0; margin-bottom: 10px;}
sup{top:-.5em}img{border-style:none}
button,input,optgroup,select,textarea{font-family:inherit;font-size:100%;line-height:1.15;margin:0}
button,input{overflow:visible; border: none;}
button,select{text-transform:none}
[type=button],[type=reset],[type=submit],button{-webkit-appearance:button;}
[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner,button::-moz-focus-inner{border-style:none;padding:0}
[type=button]:-moz-focusring,[type=reset]:-moz-focusring,[type=submit]:-moz-focusring,button:-moz-focusring{outline:1px dotted ButtonText}fieldset{padding:.35em .75em .625em}
legend{box-sizing:border-box;color:inherit;display:table;max-width:100%;padding:0;white-space:normal}
progress{vertical-align:baseline}
textarea{overflow:auto}
[type=checkbox],[type=radio]{box-sizing:border-box;padding:0}
[type=number]::-webkit-inner-spin-button,[type=number]::-webkit-outer-spin-button{height:auto}
[type=search]{-webkit-appearance:textfield;outline-offset:-2px}
[type=search]::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}
details{display:block}
summary{display:list-item}
template{display:none}[hidden]{display:none}
figure{margin: 0;}
table {border-spacing: 0; border-collapse: collapse;}
th {text-align: inherit;}
label{display: inline-block; max-width: 100%; margin-bottom: 5px; font-weight: 700;}
img{max-width: 100%; height: auto; vertical-align: middle;}
p{margin-top: 0px; margin-bottom: 10px;}

::-webkit-input-placeholder {color: #b5bbc5;}
::-moz-placeholder {color: #b5bbc5;}
:-ms-input-placeholder {color: #b5bbc5;}
:-moz-placeholder {color: #b5bbc5;}

/*common classes */
*{-webkit-box-sizing:border-box; -moz-box-sizing:border-box; -ms-box-sizing:border-box; box-sizing:border-box; }
body{font-family: 'Brandon Grotesque', sans-serif; font-size: 16px; color: #383838; font-weight: 400; line-height: 1.15; overflow-x: hidden; margin: 0; padding: 0;}
a{text-decoration: none;}
h2{font-family: 'Brandon Grotesque', sans-serif;  font-size: 28px; color: #a6b49a; margin-top: 10px; margin-bottom: 20px;}
h3{font-family: 'Brandon Grotesque', sans-serif;  font-size: 25px; color: #a6b49a; margin-top: 10px; margin-bottom: 20px;}
h4{font-size: 18px; margin-top: 10px; margin-bottom: 20px; color: #383838;}
select{ -webkit-appearance: none; -moz-appearance: none; appearance: none; font-family: inherit;}

.xs6,.s3,.s4,.s6,.s8,.s9,.m3,.m4,.lg2,.lg3,.lg4,.lg5{width: 100%;}

/*Custom Select Box*/
.select-box{position: relative;}
.select-box > select{padding-right: 40px;}
.select-box:after{content: '\e909'; font-family: 'icomoon'; position: absolute; top: 0; bottom: 0px; right: 0px; padding: 0px 10px; border-left: solid 1px; border-color: inherit; line-height: 34px; font-size: 12px; pointer-events: none;}

.list-unstyled{list-style: none; padding-left: 0;}

.font-brandon-grot{font-family: 'Brandon Grotesque', sans-serif !important;}
.font-brandon-text{font-family: 'Brandon Text', sans-serif !important;}
.f-bold{font-weight: 700 !important;}

.fs-18{font-size: 18px !important;}
.fs-20{font-size: 20px !important;}

/*Spacing Classes*/
.px-0{padding-left: 0px !important; padding-right: 0px !important;}
.px-15{padding: 0px 15px !important;}
.py-20{padding-top: 20px !important; padding-bottom: 20px !important;}
.py-30{padding-top: 30px !important; padding-bottom: 30px !important;}
.pt-20{padding-top: 20px !important;}
.pt-30{padding-top: 30px !important;}
.pt-40{padding-top: 40px !important;}
.pb-10{padding-bottom: 10px !important;}
.pb-20{padding-bottom: 20px !important;}
.pl-10{padding-left: 10px !important;}
.pl-20{padding-left: 20px !important;}

.mt-0{margin-top: 0px !important;}
.mt-20{margin-top: 20px !important;}
.mt-30{margin-top: 30px !important;}
.mb-10{margin-bottom: 10px !important;}
.mb-0{margin-bottom: 0px !important;}
.mb-15{margin-bottom: 15px !important;}
.mb-20{margin-bottom: 20px !important;}
.mb-30{margin-bottom: 30px !important;}
.mb-40{margin-bottom: 40px !important;}
.mr-10{margin-right: 10px !important;}
.mr-20{margin-right: 20px !important;}

/*Flex Classes*/
.d-flex{display: -webkit-box;display: -ms-flexbox;display: flex;}
.flex-middle{-webkit-box-align: center;-ms-flex-align: center;align-items: center;}
.flex-center{-webkit-box-pack: center;-ms-flex-pack: center;justify-content: center;}
.flex-start{-webkit-box-pack: start;-ms-flex-pack: start;justify-content: flex-start;}
.flex-end{-webkit-box-pack: end;-ms-flex-pack: end;justify-content: flex-end;}
.flex-space-around{-ms-flex-pack: distribute;justify-content: space-around;}
.flex-space-between{-webkit-box-pack: justify;-ms-flex-pack: justify;justify-content: space-between;}
.flex-row{-webkit-box-orient: horizontal;-webkit-box-direction: normal;-ms-flex-direction: row;flex-direction: row;}
.flex-column{-webkit-box-orient: vertical;-webkit-box-direction: normal;-ms-flex-direction: column;flex-direction: column;}
.flex-wrap{-ms-flex-wrap: wrap;flex-wrap: wrap;}
.flex-align-end{-webkit-box-align: end;-ms-flex-align: end;align-items: flex-end;}

.container{max-width: 1200px; margin: 0 auto; position: relative;}
.clearfix::after,.container::after{content: " "; display: block; clear: both;}

.col{padding-left: 15px; padding-right: 15px;}

.text-green{color: #a6b49a !important;}
.text-blue{color: #083050 !important;}
.text-red{color: #ee4045 !important;}
.text-gray{color: #4c4c4c !important;}
.text-light-gray{color: #989898 !important;}

.text-uppercase{text-transform: uppercase !important;}

.text-center{text-align: center !important;}
.text-right{text-align: right !important;}

.center-box{position: relative; top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%); -moz-transform: translate(-50%, -50%); transform: translate(-50%, -50%);}

.border-bot-none{border-bottom: none !important;}

/*Button*/
.btn{display: inline-block; font-weight: 700; text-align: center; vertical-align: middle; -webkit-user-select: none; -moz-user-select: none;
  -ms-user-select: none; user-select: none; min-width: 150px; font-size: 18px; border-radius: 6px; padding: 8px 25px;-webkit-transition: all 0.25s ease-in-out;-o-transition: all 0.25s ease-in-out;transition: all 0.25s ease-in-out; cursor: pointer;}

.btn-green{background-color: #a6b49a; color: #fff;}
.btn-green:hover{background-color: #849773;}

.btn-pink{background-color: #fc95a0; color: #fff;}
.btn-pink:hover{background-color: #ec7581;}

.btn-gray{background-color: #989898; color: #fff;}
.btn-gray:hover{background-color: #827c7c;}

.btn-blue{background-color: #022c4f; color: #fff;}
.btn-blue:hover{background-color: #064173;}

/*Cuatom Radio Button*/
.radio-inner, .checkbox-inner{position: relative; padding-left: 30px; margin-bottom: 5px; cursor: pointer;}
.radio-inner > input, .checkbox-inner > input{ position: absolute; z-index: -1; opacity: 0; filter: alpha(opacity=0); padding: 0;}
.radio-inner > span, .checkbox-inner > span{position: absolute; top: 1px; left: 0; height: 18px; width: 18px; border-radius: 50%; background: none;}
.radio-inner > span:after{top: 50%; left: 50%; margin-left: -4px; margin-top: -4px; height: 8px; width: 8px; border-radius: 50%; content: ''; position: absolute; display: none;}
.radio-inner > input:checked ~ span:after, .checkbox-inner > input:checked ~ span:after{display: block;}

/*Radio Button Green*/
.radio-inner > .radio-green{border: 2px solid #a6b49a;}
.radio-inner > .radio-green:after{background-color: #a6b49a;}

/*Radio Button Blue*/
.radio-inner > .radio-blue{border: 2px solid #083050 ;}
.radio-inner > .radio-blue:after{background-color: #083050 ;}

/*Custom Checkbox*/
.checkbox-inner > span{border: 1px solid #a6b49a; border-radius: 3px;}
.checkbox-inner > span:after{content: ''; top: 50%; left: 50%;  margin-left: -3px; margin-top: -8px; width: 5px; height: 10px; border-width: 0 2px 2px 0 !important; border: solid #fff; transform: rotate(45deg); position: absolute; display: none;}
.checkbox-inner > input:checked ~ span{background: #a6b49a;}

.form-input{display: block; width: 100%; padding: 6px 12px; height: 34px; color: #555; background-color: #fff; background-image: none; border: 1px solid #a6b49a; border-radius: 4px; -webkit-box-shadow: none; box-shadow: none; outline: none;}

.table{width: 100%; max-width: 100%;}
.table th,.table td {padding: 8px; vertical-align: top;}
.table thead th { vertical-align: bottom;}
.table tbody + tbody { border-top: 2px solid #dee2e6;}
.table-responsive{ display: block; width: 100%; overflow-x: auto; -webkit-overflow-scrolling: touch; -ms-overflow-style: -ms-autohiding-scrollbar;}

/*responsive menu toggle button*/
.burger-menu {position: relative; width: 30px; height: 30px; cursor: pointer; border: none; float: right; display: none;}
.burger {position: absolute; background-color: #a6b49a; width: 100%; height: 3px; top: 50%; right: 0px; margin-top: -3px; opacity: 1;}
.burger::before { position: absolute;  background-color: #a6b49a; width: 30px; height: 3px; top: 8px; content: ""; display: block;}
.burger::after {position: absolute; background-color: #a6b49a; width: 30px; height: 3px; bottom: 8px; content: ""; display: block;}
.burger::after, .burger::before, .burger {transition: all .3s ease-in-out;-webkit-transition: all .3s ease-in-out;}
.burger-menu.menu-on .burger::after{ transform: rotate(-45deg); -webkit-transform: rotate(-45deg); bottom: 0px;}
.burger-menu.menu-on .burger::before{  transform: rotate(45deg); -webkit-transform: rotate(45deg); top: 0px;}
.burger-menu.menu-on .burger{background: rgba(111,111,111,.0);}

/*popup*/
/* Outer */
.popup{width:100%; height:100%; display:none; position:fixed; top:0px; left:0px; z-index: 10;}
.overlay{ width:100%; height:100%; display:none; position:fixed; top:0px; left:0px; z-index: 1; background:rgba(166, 180, 154, 0.8);}
/*.overlay.gray{background-color: rgba(216, 216, 216, 0.7);}*/
.popup-open{overflow: hidden; padding-right: 17px;}

/* Inner */
.popup-inner { max-width:700px; width: 90%; padding:40px 25px 30px; position:absolute; top:50%; left:50%; -webkit-transform:translate(-50%, -50%); -moz-transform:translate(-50%, -50%); transform:translate(-50%, -50%); border-radius:8px; background-color:#fff; border: solid 1px #a6b49a; z-index: 2}
.popup-lg{max-width: 1000px;}
.popup-max-hgt{ max-height: 60vh; overflow-y: auto;}

/* Close Button */
.popup-close { position:absolute; top:15px; right:15px; font-size:16px; color:#083050;}

/*Header*/
.main-header{position: relative; background-color: #fff; border-bottom: solid 1px #0a2a4d; -webkit-box-shadow: 0 10px 15px rgba(0, 0, 0, 0.2); -moz-box-shadow: 0 10px 15px rgba(0, 0, 0, 0.2); box-shadow: 0 10px 15px rgba(0, 0, 0, 0.2); z-index: 5;}
.main-menu .menu-item{margin-bottom: 0;}
.main-menu .menu-item li a{display: inline-block; font-size: 16px; font-weight: 700; color: #a6b49a; padding: 30px 15px;}
.main-menu .menu-item li.active a{color: #071f79;}

.main-logo img{max-height: 50px;}

.cart-wrapper{padding-left: 15px;}
.cart-wrapper .cart-item{margin-right: 30px;}
.cart-wrapper .cart-item > div >a, .user-info-wrap >a{font-size: 20px; color: #3d3d3d;}
.cart-wrapper .cart-item > div >a{margin-right: 14px;}
.cart-info{position: relative;}
.cart-total-no{position: absolute; width: 22px; height: 22px; background-color: #a6b49a; border-radius: 50%; line-height: 22px; font-size: 12px; text-align: center; left: 14px; top: -8px; color: #3f3f3f; font-weight: bold;}

/*Drowdown Menu*/
.dropdown-wrap{position: relative;}
.dropdown-menu{position: absolute; width: 240px; top: 44px; right: -33px; left: auto; background-color: #fff; border-radius: 4px; border: solid 1px #a6b49a; margin: 0; list-style: none; padding: 15px; -webkit-box-shadow: 0 3px 14px rgba(0, 0, 0, 0.30); box-shadow: 0 3px 14px rgba(0, 0, 0, 0.30); display: none;}
.dropdown-menu:before{content: ''; position: absolute; top: -10px; right: 32px; display: inline-block; border-right: 10px solid #0000; border-bottom: 10px solid #fff; border-left: 10px solid #0000; z-index: 1;}
.dropdown-menu:after{content: ''; position: absolute; top: -12px; right: 30px; display: inline-block; border-right: 12px solid #0000; border-bottom: 12px solid #a6b49a; border-left: 12px solid #0000;}
.dropdown-menu li > a{display: block; padding: 10px; color: #4c4c4c; text-transform: uppercase; font-size: 16px; font-family: 'Brandon Text', sans-serif; border-bottom: solid 1px rgba(166, 180, 154, 0.45);}
.dropdown-menu > li:last-child > a{border-bottom: none;}
.dropdown-menu li > a:hover{color: #a6b49a;}
.dropdown-menu li.active > a{color: #a6b49a;}

/*Product List*/
.product-thumbnail{margin-bottom: 10px;}
.product-thumbnail > a{display: block; height: 250px; overflow: hidden;}
.product-thumbnail > a > img{position: relative; top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%); -moz-transform: translate(-50%, -50%); transform: translate(-50%, -50%); min-height: 250px;}
.product-name{margin-bottom: 8px;}
.product-name > a{color: #a6b49a; font-weight: bold;font-size: 18px;}
.product-price{font-weight: bold; color: #000; font-size: 18px; margin-bottom: 8px;}

.product-title-m{font-size: 35px; text-transform: uppercase; margin-top: 0; margin-bottom: 10px; color: #a6b49a;}
.p-short-des{font-size: 18px;}
.product-code-m{font-size: 28px; font-weight: bold; color: #a6b49a;}

/*Main Slider*/
.slider-main:after{content:''; position: absolute; width: 100%; top: 0; bottom: 0; left: 0; right: 0; background-color: rgba(0,0,0,.35);}
.slider-main .slide{width: 100%; background-size: cover; background-position: center center; background-repeat: no-repeat; position: relative; height: 500px;}
.slider-main .slick-next::before, .slider-main .slick-prev::before {font-family: 'icomoon'; font-size: 32px; line-height: 32px;}
.slider-main .slick-dots li, .slider-main .slick-dots li button, .slider-main .slick-dots li button::before {width: 12px; height: 12px; border-radius: 50%; padding: 0}
.slider-main .slick-dots {bottom: 13px; z-index: 1;}
.slider-main .slick-dots li button::before { content: ''; background-color: #ada5a5; opacity: 1}
.slider-main .slick-dots li.slick-active button::before { content: ''; background-color: #fff; opacity: 1}
.slider-main .slick-prev {left: 20px}
.slider-main .slick-next {right: 20px}
.slider-main .slick-slide img {width: 100%}
.slider-main .slick-next,.slider-main .slick-prev {width: 30px;height: auto; z-index: 1}
.slider-main .slick-prev:before { content: '\e907'}
.slider-main .slick-next:before { content: '\e908'}

.table-product-cart > thead > tr >th:not(:first-child), .table-product-cart > tbody > tr >td:not(:first-child){ text-align: center;}
.table-additional-items > tbody > tr > td:last-child{text-align: right;}

/*Login*/
.profile-pic > i{font-size: 70px;}
.enter-otp-box{max-width: 260px; margin: 0 auto;}
.enter-otp-box > .form-input{border: 1px solid #a6b49a; height: 45px; background-color: #f2f2f2; text-align: center; border-radius: 0px;}
.enter-otp-box > .form-input:not(:last-child){border-right: none;}

/*Cart Page*/
.cart-page-wrapper{max-width: 1000px; width: 100%;}
.cart-item-row{padding-bottom: 30px; margin-bottom: 30px; border-bottom: solid 1px rgba(166, 180, 154, 0.55);}
.product-det-thumb{height: 170px; overflow: hidden;}
.product-det-thumb > img{min-height: 170px;}
.order-row{margin-bottom: 5px; font-size: 18px; color: #a6b49a;}
.order-row > label{font-weight: 400; max-width: 100px; width: 100%;}
.order-row > strong{padding-left: 8px;}
.order-detail{padding-left: 30px; height: 100%;}
.order-control{margin-bottom: -30px;}
.order-control .product-code{font-size: 18px; font-weight: bold; color: #071f79; margin-bottom: 15px;}
.order-total-count{-webkit-box-flex: 1;-ms-flex: 1;flex: 1;padding: 20px 30px 30px 0px; margin-right: 30px; border-right: solid 2px #a6b49a;}
.view-det{color: #989898; font-size: 14px; font-weight: bold; margin-right: 30px;}
.remove-btn-wrap{-ms-flex-item-align: end;align-self: flex-end; padding-bottom: 30px;}

.value-button,input.number{text-align:center; margin:0; width:55px}
.value-button{display:inline-block; vertical-align:middle; padding: 0; background-color:#a6b49a; color: #fff; font-size: 25px; line-height: 40px; -webkit-touch-callout:none; -webkit-user-select:none;-khtml-user-select:none; -moz-user-select:none; -ms-user-select:none; user-select:none; height:40px}
.value-button:hover{cursor:pointer}
.decrease{border-radius:8px 0 0 8px}
.increase{border-radius:0 8px 8px 0}
input.number{border:0; height:40px; background-color: #022c4f; color: #fff;}
input[type=number].number::-webkit-inner-spin-button,
input[type=number].number::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}
input[type=number].number{-moz-appearance:textfield;}

.cart-price-wrapper{max-width: 1000px; border-bottom: solid 1px rgba(166, 180, 154, 0.55);}
.cart-price-wrapper .table-responsive, .cart-price-wrapper .btn-inline{padding-left: 15px;}
.cart-price-wrapper .table-responsive > .table{max-width: 442px; color: #a6b49a; text-transform: uppercase;}
.cart-price-wrapper .table-responsive > .table tr td{border-bottom: solid 1px rgba(166, 180, 154, 0.55);}

.related-product-block{border-top: solid 1px rgba(166, 180, 154, 0.55);}

.payment-option{padding: 20px 0px 15px; border-top: solid 1px #d1d5dc; border-bottom: solid 1px #d1d5dc;}
.new-address-box{max-width: 160px; display: block; padding: 20px; background-color: #a6b49a; color: #fff; border-radius: 4px;}
.new-address-box i{font-size: 25px;}

.user-thumbnail{text-align: center;}
.user-thumbnail > i{font-size: 150px;}

/*Order Timeline*/
.timeline-wrapper{position: relative;}
.timeline-wrapper:before{content: ''; position: absolute; width: 3px; height: 100%; left: 85px; background-color: #083050;}
.timeline-row{position: relative;}
.timeline-thumb{min-width: 50px; text-align: center;}
.timeline-inner .timeline-row:nth-child(1) .timeline-thumb > img, .timeline-inner .timeline-row:nth-child(2) .timeline-thumb > img{max-width: 35px;}
.timeline-inner .timeline-row:not(:nth-child(1)):not(:nth-child(2)) .timeline-thumb > img{max-width: 50px;}
.timeline-circle{position: absolute; top: 50%; left: 78px; height: 18px; width: 18px; border-radius: 50%; background-color: #fff; border: 2px solid #083050;-webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); transform: translateY(-50%);}
.timeline-circle.active:after{top: 50%; left: 50%; margin-left: -4px; margin-top: -4px; height: 8px; width: 8px; border-radius: 50%; content: ''; position: absolute; background-color: #083050;}
.timeline-text{padding-left: 76px; font-size: 18px; font-family: 'Brandon Text', sans-serif; color: #083050;}

/*Gift Card*/
.gift-card > div:not(:last-child){padding-right: 15px;}
.card-det-box{-webkit-border-radius:8px; -moz-border-radius:8px; border-radius: 8px; min-height: 100px; padding: 15px; border: solid 1px  #a6b49a;}
.card-det-box.fill{background-color: #a6b49a;}
.card-det-box >label{display: block;}
.card-det-box > input{width: 100%; height: 34px; background-color: transparent; color: #383838; font-size: 28px; font-weight: bold;}
.card-det-box > input::-webkit-input-placeholder {color: #383838;}
.card-det-box > input::-moz-placeholder {color: #383838;}
.card-det-box > input:-ms-input-placeholder {color: #383838;}
.card-det-box > input:-moz-placeholder {color: #383838;}
.select-card >div:not(:last-child){padding-right: 15px;}


/*Strip*/
.strip-full{background-color: #c9cfc2; padding: 20px 0px;}
.social-icon-box > a{font-size: 30px; color: #083050;}
.social-icon-box > a:not(:last-child){margin-right: 10px;}
.subscribe-email-form{font-family: 'Brandon Text', sans-serif;}
.subscribe-email-form form{max-width: 500px; width: 100%;}
.subscribe-email-form form input[type="email"]{width: 100%; padding: 7px; border-radius: 5px 0px 0px 5px; -webkit-box-flex: 1;-ms-flex: 1;flex: 1;}
.subscribe-email-form form input[type="submit"]{background-color: #022c4f; color: #fff; padding: 10px 20px; border-radius: 0px 5px 5px 0px; cursor: pointer; -webkit-transition: all 0.25s ease-in-out;-o-transition: all 0.25s ease-in-out;transition: all 0.25s ease-in-out;}
.subscribe-email-form form input[type="submit"]:hover{background-color: #033e65;}

/*Footer*/
footer{font-family: 'Brandon Text', sans-serif; font-weight: 500; background-color: #a8b49e; padding: 40px 0px;}
footer h4{margin-top: 0px; margin-bottom: 15px; color: #083050; font-size: 18px; font-weight: 700;}
.footer-link > li > a{color: #083050; display: block; padding-bottom: 8px;}
.footer-menu > li > a{color: #083050; display: inline-block; padding-bottom: 10px; font-size: 17px;}
.footer-menu > li:not(:first-child)  a:before{content:'|'; display: inline-block; padding: 0px 10px;}


/*Font Icon*/
[class^="icon-"], [class*=" icon-"] {font-family: 'icomoon' !important; speak: none; font-style: normal; font-weight: normal; font-variant: normal; text-transform: none; line-height: 1; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale;}

.icon-facebook:before {content: "\e900";}
.icon-twitter:before {content: "\e901";}
.icon-instagram:before {content: "\e902";}
.icon-notification:before {content: "\e903";}
.icon-cart:before { content: "\e904";}
.icon-cross:before { content: "\e905";}
.icon-profile:before { content: "\e906";}
.icon-left-arrow:before {content: "\e907";}
.icon-right-arrow:before {content: "\e908";}
.icon-arrow-down:before {content: "\e909";}
.icon-plus:before {content: "\e90a";}

/*Media Query*/
@media (min-width: 580px){
  .xs6{-webkit-box-flex: 0; -ms-flex: 0 0 50%; flex: 0 0 50%; max-width: 50%;}
}

@media (min-width: 768px){
  .s3{-webkit-box-flex: 0; -ms-flex: 0 0 25%; flex: 0 0 25%; max-width: 25%;}
  .s4{-webkit-box-flex: 0; -ms-flex: 0 0 33.33%; flex: 0 0 33.33%; max-width: 33.33%;}
  .s6{-webkit-box-flex: 0; -ms-flex: 0 0 50%; flex: 0 0 50%; max-width: 50%;}
  .s8{-webkit-box-flex: 0; -ms-flex: 0 0 66.66%; flex: 0 0 66.66%; max-width: 66.66%;}
  .s9{-webkit-box-flex: 0; -ms-flex: 0 0 75%; flex: 0 0 75%; max-width: 75%;}

  .login-wrapper > .col:first-child{padding-right: 10%; border-right: solid 1px #d1d5dc;}
  .login-wrapper > .col:last-child{padding-left: 10%;}

  .order-summary{border-left: solid 1px #d1d5dc; padding-left: 50px;}

    .preview-gift-card > div{position: relative; padding: 15px 0;}
    .preview-gift-card > div:not(:last-child){padding-right: 30px;}
    .preview-gift-card > div:not(:last-child):after{content:''; width: 2px; background-color:#a6b49a; position: absolute; top: 0 ; right: 25px; bottom: 0;}
}
@media (min-width: 993px){
  .m4{-webkit-box-flex: 0; -ms-flex: 0 0 33.33%; flex: 0 0 33.33%; max-width: 33.33%;}
  .m3{-webkit-box-flex: 0; -ms-flex: 0 0 25%; flex: 0 0 25%; max-width: 25%;}
}
@media (min-width: 1201px){
    .lg2{-webkit-box-flex: 0; -ms-flex: 0 0 16.66%; flex: 0 0 16.66%; max-width: 16.66%;}
    .lg3{-webkit-box-flex: 0; -ms-flex: 0 0 25%; flex: 0 0 25%; max-width: 25%;}
    .lg4{-webkit-box-flex: 0; -ms-flex: 0 0 33.33%; flex: 0 0 33.33%; max-width: 33.33%;}
    .lg5{-webkit-box-flex: 0; -ms-flex: 0 0 41.66%; flex: 0 0 41.66%; max-width: 41.66%;}
}

@media (max-width: 1440px){
  .slider-main .slide{height: 400px;}
}

@media (max-width: 1200px){
  .main-menu .menu-item li a{padding: 30px 12px; font-size: 15px;}
}

@media(max-width: 992px){
   /*Flex-Classes-Responsive*/
   .flex-column-mb{-webkit-box-orient: vertical;-webkit-box-direction: normal;-ms-flex-direction: column;flex-direction: column;}

  .burger-menu {display: block; margin-left: 18px; -webkit-box-ordinal-group: 2;-ms-flex-order: 1;order: 1}
  .main-menu{width: 100%; position: absolute; left: 0; right: 0; top: 64px; background-color: #a6b49a; display: none;}
  .main-menu .menu-item li a{color: #fff; padding: 10px 15px; display: block;}

  .cart-wrapper{padding-top: 20px; padding-bottom: 20px;}
  .cart-wrapper .cart-item{margin-right: 15px;}

  .slider-main .slide{height: 300px;}

  .strip-col{-webkit-box-align: start;-ms-flex-align: start;align-items: flex-start;}
  .strip-col > .d-flex{margin-top: 20px;}
}

@media (max-width: 767px){
    h2{font-size: 23px;}
    h3{font-size: 20px;}

   /*Flex-Classes-Responsive*/
  .flex-column-sb{-webkit-box-orient: vertical;-webkit-box-direction: normal;-ms-flex-direction: column;flex-direction: column;}

  .slider-main .slide{height: 250px;}

  .product-thumbnail > a{height: 200px;}
  .product-thumbnail > a > img{min-height: 200px;}

  .order-detail{padding-left: 0; padding-top: 20px;}
  .product-det-thumb{height: auto;}
  .product-det-thumb .center-box{top: auto; left: auto; -webkit-transform:none; -moz-transform: none; transform: none;}

  .cart-price-wrapper .table-responsive, .cart-price-wrapper .btn-inline{padding-left: 0;}

  .user-thumbnail > i{font-size: 100px;}
}

@media (max-width: 640px){
    .gift-card,.select-card{-ms-flex-wrap: wrap; flex-wrap: wrap;}
    .gift-card > div:not(:last-child),.select-card >div:not(:last-child){padding-right: 0;}
}

@media (max-width: 550px){
  .order-total-count > .d-flex{-webkit-box-orient: vertical;-webkit-box-direction: normal;-ms-flex-direction: column;flex-direction: column;}
  .order-total-count > .d-flex{-webkit-box-align: start;-ms-flex-align: start;align-items: flex-start;}
  .view-det{margin-bottom: 10px;}
}

@media(max-width: 480px){
  .main-logo img{max-height: 32px;}

  .slider-main .slide{height: 170px;}

  .order-total-count{padding-right: 10px; margin-right: 10px;}
}

@media(max-width: 400px){
  .value-button, input.number{width: 44px;}
  .remove-btn-wrap .btn-pink{min-width: auto;}
}