@font-face {

    font-family: 'hk_groteskbold';

    src: url('../fonts/hkgrotesk-bold-webfont.woff2') format('woff2'), url('../fonts/hkgrotesk-bold-webfont.woff') format('woff');

    font-weight: normal;

    font-style: normal;

}



@font-face {

    font-family: 'hk_groteskregular';

    src: url('../fonts/hkgrotesk-regular-webfont.woff2') format('woff2'), url('../fonts/hkgrotesk-regular-webfont.woff') format('woff');

    font-weight: normal;

    font-style: normal;

}



@font-face {

    font-family: 'hk_groteskmedium';

    src: url('../fonts/hkgrotesk-medium-webfont.woff2') format('woff2'), url('../fonts/hkgrotesk-medium-webfont.woff') format('woff');

    font-weight: normal;

    font-style: normal;

}



.link,

body {

    position: relative;

}



.btn-theme,

p {

    line-height: 1.4

}



.btn-theme.active.focus,

.btn-theme.active:focus,

.btn-theme.focus,

.btn-theme:active.focus,

.btn-theme:active:focus,

.btn-theme:focus,

:active,

:focus,

a,

a:active,

a:focus,

a:hover {

    outline: 0

}



.link:after,

.pricing .pricing-list-item:before {

    width: 9px;

    height: 2px;

    content: " "

}



.link:after,

.pricing .pricing-list-item:before {

    content: "+"

}



.back-to-top:focus,

.back-to-top:hover,

.btn-theme.focus,

.btn-theme:focus,

.btn-theme:hover,

.content-wrapper-link,

.header .logo-wrap:focus,

.header .logo-wrap:hover,

a:active,

a:focus,

a:hover,

h1>a:focus,

h2>a:focus,

h3>a:focus,

h4>a:focus,

h5>a:focus,

h6>a:focus {

    text-decoration: none

}



.back-to-top,

.carousel-title,

.header .nav-item-child,

.link {

    text-transform: uppercase

}



html {

    overflow-x: hidden;

    font-size: 16px;

}



body,

html,

html a {

    -webkit-font-smoothing: antialiased

}



p {

    font-size: 16px;

    font-weight: 400;

    /*color: #a6a7aa;*/

    color: #000000;

    margin-bottom: 15px;

    line-height: normal;

}



em,

li,

li a {

    font-size: 16px;

    font-weight: 500;

    color: #000000;

}



a {

    color: #000000;

}



a:active,

a:focus,

a:hover {

    color: #999999

}



h1,

h2,

h3,

h4,

h5,

h6 {

    color: #000000;

    line-height: 1.4;

    margin: 0 0 15px;

    font-family: 'hk_groteskbold';

}



h1>a,

h2>a,

h3>a,

h4>a,

h5>a,

h6>a {

    color: #000000

}



h1>a:hover,

h2>a:hover,

h3>a:hover,

h4>a:hover,

h5>a:hover,

h6>a:hover {

    color: #999999;

    text-decoration: none

}



h1 {

    font-size: 35px

}



h2 {

    font-size: 45px

}



.accordion .panel-title,

h3,

h4 {

    font-size: 22px

}



::selection {

    color: #fff;

    background: #000000;

    text-shadow: none

}



::-webkit-selection {

    color: #fff;

    background: #000000;

    text-shadow: none

}



::-moz-selection {

    color: #fff;

    background: #000000;

    text-shadow: none

}



html {

    scroll-behavior: smooth;

}



body {

    font-size: 16px;

    font-family: 'hk_groteskregular', sans-serif;

    letter-spacing: 0px;

    /* color: #707070; */

    padding: 0px;

    overflow-x: hidden;

    background-color: #f9f9f9;

}



a {

    -webkit-transition: all 0.3s ease;

    -moz-transition: all 0.3s ease;

    -ms-transition: all 0.3s ease;

    -o-transition: all 0.3s ease;

    transition: all 0.3s ease;

}



a:hover {

    text-decoration: none;

    -webkit-transition: all 0.3s ease;

    -moz-transition: all 0.3s ease;

    -ms-transition: all 0.3s ease;

    -o-transition: all 0.3s ease;

    transition: all 0.3s ease;

}



.container {

    max-width: none;

    width: 80%;

}



.container2 {

    max-width: none;

    width: 86%;

}



.home-bg {

    height: 560px;

    background: #6bc58d url(../images/bg1.png) no-repeat top left;

    background-size: 100% 100%;

    padding-top: 2%;

    border-bottom: solid #ccc 1px;

}



.main-banner {

    margin: 40px 0;

    position: relative;

}



.main-banner h1 {

    font-size: 45px;

    line-height: 50px;

    color: #000000;

}



.main-banner h4 {

    font-family: 'hk_groteskmedium';

    color: #e22327;

}



.banner {

    width: 100%;

    position: relative;

    height: auto;

}



.banner .carousel-inner img {

    width: 100%;

}



.carousel-inner img {

    width: 100%;

}



.logo img {

    max-width: 300px;

}



.navbar {

    width: 100%;

    position: relative;

    left: 0;

    right: 0;

    margin: auto;

    z-index: 17;

    justify-content: space-between;

    padding: 0;

    border-bottom: solid 2px #ced8e4;

}



.list-group-item {

    padding: 0;

    margin-left: 35px;

    border: 0;

    color: #000000;

    font-size: 18px;

    background-color: transparent;

}



.list-group-item form {

    margin-bottom: 0;

}



.nav2 .list-group-item {

    margin-left: 0;

}



.list-group-item a {

    display: block;

    font-size: 18px;

    margin-top: 12px;

}



.navbar-expand-lg .navbar-nav .nav-item {

    position: relative;

}



.navbar-expand-lg .navbar-nav .nav-link {

    text-decoration: none;

    font-size: 16px;

    color: #043817;

    font-weight: bold;

    padding: 5px 20px 10px;

    border-radius: 10px;

    font-family: 'hk_groteskmedium';

    line-height: 20px;

}



.navbar-expand-lg .navbar-nav .nav-link:hover {

    color: #999999;

    border-color: #ffffff;

    transition: ease-in 0.3s;

}



.search-field {

    position: relative;

    max-width: 500px;

}



.search-field input {

    background: #FFFFFF;

    border-radius: 4px;

    border: solid #ccc 1px;

    padding-left: 20px;

    width: 70%;

    height: 45px;

    transition: ease-in 0.3s;

}



.search-field a {

    text-decoration: none;

    color: #FFF;

    font-weight: bold;

    font-size: 18px;

    text-align: center;

    margin-left: 3%;

    background: #1a6e3a;

    border-radius: 5px;

    padding: 10px 20px;

}



.search-field input:focus {

    box-shadow: 0px 0px 20px #ec90478a;

    transition: ease-in 0.3s;

}



.carousel-indicators li {

    width: 10px;

    height: 10px;

    border-radius: 100%;

    opacity: 1;

}



.carousel-indicators .active {

    background-color: #874d27;

}



.carousel-control-prev {

    left: -80px;

    background: url(../images/arrow-left.png) no-repeat center left;

    opacity: 1;

    transition: ease-in 0.3s;

}



.carousel-control-prev:hover {

    transform: translateX(-10px);

    transition: ease-in 0.3s;

}



.carousel-control-prev-icon {

    display: none;

}



.carousel-control-next {

    right: -80px;

    background: url(../images/arrow-right.png) no-repeat center right;

    opacity: 1;

    transition: ease-in 0.3s;

}



.carousel-control-next:hover {

    transform: translateX(10px);

    transition: ease-in 0.3s;

}



.btn2 {

    background-color: transparent;

    border: solid 1px #000000;

    color: #000000;

}



.btn2:hover {

    background-color: #000000;

    border: solid 1px #000000;

    color: #fff;

}



section {

    padding: 50px 0;

    position: relative;

}



.section-header,

.section-header2 {

    position: relative;

    width: 100%;

    margin: 0 auto;

    text-align: center;

    margin-bottom: 40px;

}



.section-header h2,

.section-header2 h2 {

    font-size: 40px;

    font-weight: 600;

    margin-bottom: 0px;

    color: #333841;

    position: relative;

    display: inline-block;

    z-index: 1;

}



.section-header2 h2 {

    color: #831D00;

}



.section-header2 h2:before {

    background: url(../images/header-circle2.png) no-repeat;

}



.section-header2 h2:after {

    background: url(../images/header-circle1.png) no-repeat;

}



.section-header p {

    font-size: 18px;

    font-weight: 600;

}



.how-we-work {

    text-align: center;

}



.how-we-work p {

    margin: 25px 0;

    font-weight: 500;

    font-size: 24px;

    line-height: 41px;

    text-align: center;

    color: #000000;

}



.dogelvlog.row {

    margin-right: -7px;

    margin-left: -7px;

}



.dogelvlog .col-sm-4,

.dogelvlog .col-xs-12,

.dogelvlog .col-12 {

    padding-left: 7px;

    padding-right: 7px;

    margin-bottom: 14px;

}



.dogelvlog .main-video {

    margin-bottom: 14px;

}





/* Slider */



.slick-slide {

    margin: 0px 20px;

}



.slick-slide img {

    width: 100%;

}



.slick-slider {

    position: relative;

    display: block;

    box-sizing: border-box;

    -webkit-user-select: none;

    -moz-user-select: none;

    -ms-user-select: none;

    user-select: none;

    -webkit-touch-callout: none;

    -khtml-user-select: none;

    -ms-touch-action: pan-y;

    touch-action: pan-y;

    -webkit-tap-highlight-color: transparent;

}



.slick-list {

    position: relative;

    display: block;

    overflow: hidden;

    margin: 0;

    padding: 0;

}



.slick-list:focus {

    outline: none;

}



.slick-list.dragging {

    cursor: pointer;

    cursor: hand;

}



.slick-slider .slick-track,

.slick-slider .slick-list {

    -webkit-transform: translate3d(0, 0, 0);

    -moz-transform: translate3d(0, 0, 0);

    -ms-transform: translate3d(0, 0, 0);

    -o-transform: translate3d(0, 0, 0);

    transform: translate3d(0, 0, 0);

}



.slick-track {

    position: relative;

    top: 0;

    left: 0;

    display: block;

}



.slick-track:before,

.slick-track:after {

    display: table;

    content: '';

}



.slick-track:after {

    clear: both;

}



.slick-loading .slick-track {

    visibility: hidden;

}



.slick-slide {

    display: none;

    float: left;

    height: 100%;

    min-height: 1px;

}



[dir='rtl'] .slick-slide {

    float: right;

}



.slick-slide img {

    display: block;

}



.slick-slide.slick-loading img {

    display: none;

}



.slick-slide.dragging img {

    pointer-events: none;

}



.slick-initialized .slick-slide {

    display: block;

}



.slick-loading .slick-slide {

    visibility: hidden;

}



.slick-vertical .slick-slide {

    display: block;

    height: auto;

    border: 1px solid transparent;

}



.slick-arrow.slick-hidden {

    display: none;

}



.global-community p {

    margin-bottom: 60px;

}



.slider {

    width: 100%;

    margin: 0px auto;

}



.slick-slide {

    margin: 0px 15px;

}



.slick-slide img {

    width: 100%;

}



.slick-prev:before,

.slick-next:before {

    color: black;

}



.slick-slide {

    transition: all ease-in-out .3s;

    opacity: .2;

}



.slick-active {

    opacity: 1;

}



.slick-current {

    opacity: 1;

}



.category-item {

    border-radius: 14px;

    width: 100%;

    text-align: center;

    box-shadow: 0px 4px 30px rgba(0, 0, 0, 0.1);

    padding: 20px 0;

}





/* .category-item img {

    height: 200px;

    width: auto;

} */



.category-item>div {

    margin-top: -20px;

}



.category-item h3 {

    color: #fff;

    font-size: 20px;

    font-family: 'hk_groteskmedium';

    margin-bottom: 0;

}



.testimonial {

    text-align: center;

    background-color: #f2f5fa;

    position: relative;

    border-radius: 10px;

    padding: 50px;

}



.testimonial::before {

    content: '';

    position: absolute;

    top: 20px;

    left: 20px;

    width: 100px;

    height: 100px;

    background: url(../images/qoute.png) no-repeat top left;

    background-size: 100%;

}



.testimonial .comment-img img {

    width: auto;

    margin: auto;

    margin-bottom: 30px;

}



.testimonial .comment {

    font-size: 18px;

    font-weight: 600;

    margin-bottom: 30px;

}



.clients {

    display: flex;

    justify-content: center;

    margin-bottom: 50px;

}



.clients .profile-img img {

    width: auto;

    transition: ease-in 0.3s;

}



.clients .profile {

    text-align: left;

    padding: 20px 15px;

}



.clients h3 {

    font-size: 30px;

    margin-bottom: 0;

}



.clients p {

    font-size: 20px;

    color: #888888;

}



.heard {

    font-size: 18px;

    font-weight: 600;

}



.slick-vertical .slick-slide {

    border: 0 none;

}



.slick-prev,

.slick-next {

    color: #FFFFFF;

    opacity: 1;

    height: 40px;

    width: 40px;

    margin-top: -20px;

}



.slick-prev {

    left: auto;

    right: -35px;

    top: 50%;

}



.slick-next {

    right: -35px;

    top: 50%;

    margin-top: 0px;

}



.slick-prev:before,

.slick-next:before {

    content: none;

}



.slick-dots li button:before {

    color: rgba(255, 255, 255, 0.4);

    opacity: 1;

    font-size: 8px;

}



.slick-dots li.slick-active button:before {

    color: #FFFFFF;

}



@-webkit-keyframes gradient {

    0% {

        background-position: 5% 0%

    }

    50% {

        background-position: 96% 100%

    }

    100% {

        background-position: 5% 0%

    }

}



@-moz-keyframes gradient {

    0% {

        background-position: 5% 0%

    }

    50% {

        background-position: 96% 100%

    }

    100% {

        background-position: 5% 0%

    }

}



@keyframes gradient {

    0% {

        background-position: 5% 0%

    }

    50% {

        background-position: 96% 100%

    }

    100% {

        background-position: 5% 0%

    }

}



.flip-box {

    background-color: transparent;

    width: 100%;

    height: 243px;

    perspective: 1000px;

}



.flip-box-inner {

    position: relative;

    width: 100%;

    height: 100%;

    text-align: center;

    transition: transform 0.8s;

    transform-style: preserve-3d;

}



.flip-box:hover .flip-box-inner {

    transform: rotateY(180deg);

}



.flip-box-front,

.flip-box-back {

    position: absolute;

    width: 100%;

    height: 100%;

    -webkit-backface-visibility: hidden;

    backface-visibility: hidden;

}



.flip-box-front {

    color: black;

}



.flip-box-back {

    color: white;

    transform: rotateY(180deg);

}



footer {

    background-color: #000000;

    padding-top: 65px;

    /* margin-top: 50px; */

    position: relative;

    z-index: 1;

    overflow: hidden;

}



.subscribe {

    display: flex;

    flex-direction: row;

    justify-content: center;

    width: 100%;

}



.subscribe .email input {

    max-width: 490px;

    height: 47px;

    border: none;

    border-bottom: solid 1px #000;

    margin-right: 25px;

    font-size: 30px;

    background-color: transparent;

}



.footer-links {

    display: flex;

    flex-direction: row;

    justify-content: center;

    width: 100%;

    margin-top: 170px;

    flex-wrap: wrap;

}



.footer-links ul {

    width: 20%;

    padding: 0;

}



.footer-links ul:nth-child(2) {

    width: 25%;

}



.footer-links ul:nth-child(3) {

    width: 15%;

}



.footer-links ul:last-child li {

    text-align: right;

}



.footer-links ul h3 {

    font-size: 18px;

    font-weight: bolder;

    color: #69676a;

    margin-bottom: 20px;

}



.footer-links ul li {

    list-style-type: none;

    margin-bottom: 10px;

    color: #69676a;

}



.footer-links ul li a {

    color: #69676a;

}



.footer-links ul li a:hover {

    color: #000000;

}



.footer-links ul li a svg {

    width: 26px;

    fill: #69676a;

}



.footer-links ul li a svg:hover {

    fill: #000000;

}



footer h3 {

    font-family: 'hk_groteskmedium';

    font-size: 24px;

    line-height: 46px;

    color: #ABCDE7;

}



footer p {

    font-weight: 500;

    font-size: 16px;

    line-height: 27px;

    color: #FFFFFF;

}



.contact {

    display: flex;

}



.contact ul {

    padding: 0;

    margin-right: 30px;

}



.contact ul,

.contact li,

.contact li a {

    list-style: none;

    color: #fff;

    font-weight: 500;

    font-size: 18px;

    line-height: 30px;

}



.contact li span {

    color: #ABCDE7;

}



.contact li a:hover {

    color: #FFA064;

}



.copy-right {

    margin-top: 30px;

    border-top: 2px solid #223D52;

    padding: 0 20px;

}



.copy-right p {

    line-height: 21px;

    font-size: 14px;

    text-align: center;

    color: #bcbcbc;

    margin-bottom: 0;

    padding: 20px;

}



.copy-right p span {

    color: #fdcf0b;

}



.img-fluid {

    max-width: 100%;

    height: auto;

}



.message {

    position: absolute;

    top: auto;

    bottom: 150px;

    left: auto;

    right: 56px;

}



#mask {

    position: absolute;

    left: 0;

    top: 0;

    z-index: 9000;

    background-color: #26262c;

    display: none;

    width: 100% !important;

    height: 100% !important;

    opacity: 0.7;

}



#boxes .window {

    position: fixed;

    left: 50%;

    top: 100px;

    transform: translateX(-50%);

    max-width: 440px;

    height: 850px;

    display: none;

    z-index: 9999;

    padding: 20px;

    border-radius: 5px;

    text-align: center;

}



#boxes #dialog {

    max-width: 510px;

    width: 510px;

    height: auto;

    padding: 55px 80px 90px;

    background-color: #ffffff;

    font-size: 18pt;

}



.agree:hover {

    background-color: #D1D1D1;

}



.popupoption:hover {

    background-color: #D1D1D1;

    color: green;

}



.popupoption2:hover {

    color: red;

}





/* .close {

    position: absolute;

    right: 50px;

    top: 50px;

} */



#boxes .window h3 {

    font-size: 22px;

    color: #0675ba;

    margin-top: 10px;

    margin-bottom: 35px;

}



.custom-select {

    position: relative;

    padding: 0;

    max-width: 200px;

    height: 45px;

    background: #fff url(../images/arrow3.png) no-repeat right 15px center;

    font-size: 16px;

    padding-left: 20px;

    padding-right: 50px;

    border-radius: 0;

    border: none;

}



.custom-select select {

    display: none;

    /*hide original SELECT element:*/

}



.select-selected:after {

    position: absolute;

    content: "";

    top: 14px;

    right: 10px;

    width: 0;

    height: 0;

    border: 6px solid transparent;

    border-color: #fff transparent transparent transparent;

}



.custom-select:focus {

    border-color: transparent;

    outline: 0;

    box-shadow: none;

}



.sort {

    display: inline-block;

    padding-right: 20px;

    line-height: 42px;

    font-weight: 600;

}





/*point the arrow upwards when the select box is open (active):*/



.select-selected.select-arrow-active:after {

    border-color: transparent transparent #fff transparent;

    top: 7px;

}





/*style the items (options), including the selected item:*/



.select-items div,

.select-selected {

    color: #000000;

    padding: 8px 16px;

    /* border: 1px solid transparent; */

    border-color: transparent transparent rgba(0, 0, 0, 0.1) transparent;

    cursor: pointer;

    user-select: none;

    text-align: left;

    font-size: 18px;

    padding-left: 40px;

    font-weight: 600;

}





/*style items (options):*/



.select-items {

    position: absolute;

    background-color: #fff;

    top: 100%;

    left: 0;

    right: 0;

    z-index: 99;

    border: solid 1px #ccc;

}





/*hide the items when the select box is closed:*/



.select-hide {

    display: none;

}



.select-items div:hover,

.same-as-selected {

    background-color: rgba(0, 0, 0, 0.1);

}



.img-block {

    position: relative;

    z-index: 1;

    width: 100%;

    cursor: pointer;

}



.img-block:before,

.img-block::after {

    content: '';

    position: absolute;

    top: 0;

    left: 0;

    width: 50%;

    height: 100%;

    background: rgba(0, 0, 0, 0.4);

    opacity: 0;

    visibility: hidden;

    -webkit-transition: all 0.4s linear;

    -moz-transition: all 0.4s linear;

    -ms-transition: all 0.4s linear;

    -o-transition: all 0.4s linear;

    transition: all 0.4s linear;

    will-change: all;

}



.img-block .overlay {

    position: absolute;

    left: 0;

    right: 0;

    top: 0;

    bottom: 0;

    background: rgba(0, 0, 0, 0.4);

    opacity: 0;

    -webkit-transition: all 0.4s linear;

    -moz-transition: all 0.4s linear;

    -ms-transition: all 0.4s linear;

    -o-transition: all 0.4s linear;

    transition: all 0.4s linear;

    will-change: all;

}



.img-block::after {

    right: 0;

    left: auto;

}



.img-block .img-overlay {

    position: absolute;

    left: 50%;

    z-index: 1;

    padding: 0;

    top: 50%;

    margin: 0 auto;

    display: inline-block;

    transform: translate(-50%, -50%);

    -webkit-transition: all 0.4s linear;

    -moz-transition: all 0.4s linear;

    -ms-transition: all 0.4s linear;

    -o-transition: all 0.4s linear;

    transition: all 0.4s linear;

    will-change: all;

    opacity: 0;

}



.img-block:hover:before,

.img-block:hover:after {

    opacity: 1;

    visibility: visible;

    width: 0;

}



.img-block:hover:after {

    left: auto;

    right: 0;

}



.img-block:hover .overlay,

.img-block:hover .img-overlay {

    opacity: 1;

}



.banner.product-slider,

.banner.product-slider .carousel-inner img {

    height: auto;

}



.sizes .select-size {

    display: flex;

    flex-wrap: wrap;

    align-items: flex-end;

    justify-content: space-between;

}



.sizes .select-size a {

    width: 100%;

    height: 390px;

    background-color: #fff2cd;

    width: 20%;

    display: flex;

    align-items: flex-end;

    justify-content: center;

    font-size: 22px;

    margin: 0 2px;

    flex: 20;

}



.sizes .select-size a span {

    display: inline-block;

    margin-bottom: 50px;

    position: absolute;

}



.sizes .select-size a:hover,

.sizes .select-size a.active {

    background-color: #69676a;

    font-weight: bold;

    color: #fff;

}



.products {

    border-radius: 10px;

    overflow: hidden;

    margin-bottom: 30px;

}



.product-details {

    text-align: left;

    line-height: 27px;

    background-color: #fff;

    padding: 10px;

    width: 100%;

}



.product-details p {

    margin-bottom: 5px;

    font-size: 14px;

    line-height: 23px;

    color: #898989;

    margin-bottom: 0;

}



.product-details p span {

    font-size: 14px;

    color: #000;

}



.product-details h3 {

    font-size: 17px;

    margin-bottom: 0px;

    color: #000;

    font-weight: 400;

}



.product-details .rating,

.rating {

    width: 100px;

    font-weight: 400;

    line-height: 24px;

}



.product-details span {

    font-size: 16px;

    color: #000;

    margin-right: 5px;

    font-weight: normal;

}



.product-details .rating .icon-star,

.rating .icon-star {

    color: #fff;

    background-color: #e22327;

    padding: 3px 0px;

    border-radius: 4px;

    width: 20px;

    height: 20px;

    display: inline-block;

    text-align: center;

    font-size: 13px;

}



.product-image4 .offer-price {

    font-size: 14px;

    line-height: 1.8rem;

    padding: 0px 0.6rem;

    background: rgb(214, 27, 105) none repeat scroll 0% 0%;

    color: rgb(255, 255, 255);

    width: auto;

    font-weight: 400;

    border-radius: 2px;

    max-width: 100%;

    overflow: hidden;

    text-overflow: ellipsis;

    white-space: nowrap;

    position: absolute;

    bottom: 10px;

    left: 10px;

    margin-bottom: 0;

}



.product-details .disc-prc {

    font-size: 20px;

    color: #000000;

}



.product-details .price {

    display: flex;

    margin-right: 0px;

    line-height: 27px;

    font-weight: 600;

}



.large-font {

    font-size: 32px;

}



.checkout-btns {

    display: flex;

    justify-content: center;

    margin-top: 50px;

}



.checkout-btns .btn {

    margin: 0 25px;

}



.cart-details-box .cart-desc-box {

    border: solid 1px #000000;

    padding: 25px 20px;

}



.cart-details-box .cart-desc-box h3 {

    font-size: 20px;

    margin-bottom: 20px;

}





/* DivTable.com */



.divTable {

    display: table;

    width: 60%;

}



.divTableRow {

    display: table-row;

}



.divTableRow .divTableCell:last-child {

    text-align: right !important;

    width: 150px;

}



.divTableRow .divTableCell2 {

    border: solid 1px #000;

}



.divTableHeading {

    display: table-header-group;

}



.divTableCell,

.divTableHead {

    display: table-cell;

    padding: 0px 0px 20px;

}



.divTableBody {

    display: table-row-group;

}



.divTableHeader {

    font-size: 20px;

    font-weight: 600;

}



.customer-note textarea {

    width: 100%;

    padding: 30px 40px;

    height: 175px;

    border: dashed 1px #000000;

    font-size: 20px;

    margin-top: 90px;

    resize: none;

}



.promo-code-box {

    width: 100%;

    height: 190px;

    border: solid 1px #000000;

    display: flex;

    flex-wrap: wrap;

    align-items: center;

    justify-content: space-around;

    margin-top: 60px;

}



.promo-code-box .promo-code-text {

    font-size: 26px;

    font-weight: 600;

    padding: 0 20px;

}



.promo-code-box .promo-code {

    font-size: 48px;

    font-weight: 600;

}



.promo-code-box span {

    background-color: #f7f7f7;

    padding: 0 70px;

    line-height: 80px;

    display: inline-block;

}



.total-cart {

    margin-top: 70px;

    text-align: right;

    margin-bottom: 40px;

}



.total-cart h2 {

    font-size: 34px;

    margin-bottom: 10px;

}



.customer-info-form {

    margin-top: 10px;

}



.form-control {

    width: 100%;

    padding: 0px 25px;

    line-height: 50px;

    border: solid 1px #000000;

    font-size: 20px;

    margin-bottom: 40px;

    resize: none;

    border-radius: 0;

    height: auto;

}



textarea.form-control {

    height: 170px;

}



.container3 {

    max-width: 700px;

}



.container4 {

    max-width: 900px;

}



.container5 {

    max-width: 500px;

}



.customer-info {

    margin-top: 200px;

}



.fields {

    text-transform: uppercase;

    font-size: 20px;

    font-weight: 600;

    margin-bottom: 20px;

}



.return-to-cart {

    display: flex;

    margin-top: 85px;

    margin-bottom: 50px;

}



.return-to-cart a:last-child {

    margin-left: 50px;

}



.span_pseudo,

.chiller_cb span:before,

.chiller_cb span:after {

    content: "";

    display: inline-block;

    background: #000000;

    width: 0;

    height: 0.2rem;

    position: absolute;

    transform-origin: 0% 0%;

}



.chiller_cb {

    position: relative;

    height: 42px;

    display: flex;

    align-items: center;

    margin-bottom: 40px;

}



.chiller_cb input {

    display: none;

}



.chiller_cb input:checked~span {

    border-color: #000000;

}



.chiller_cb input:checked~span:before {

    width: 24px;

    height: 2px;

    transition: width 0.1s;

    transition-delay: 0.3s;

}



.chiller_cb input:checked~span:after {

    width: 10px;

    height: 2px;

    transition: width 0.1s;

    transition-delay: 0.2s;

}



.chiller_cb input:disabled~span {

    background: #000000;

    border-color: #000000;

}



.chiller_cb input:disabled~label {

    color: #dcdcdc;

}



.chiller_cb input:disabled~label:hover {

    cursor: default;

}



.chiller_cb label {

    padding-left: 60px;

    position: relative;

    z-index: 2;

    cursor: pointer;

    margin-bottom: 0;

}



.chiller_cb span {

    display: inline-block;

    width: 40px;

    height: 40px;

    border: 1px solid #000000;

    position: absolute;

    left: 0;

    transition: all 0.2s;

    z-index: 1;

    box-sizing: content-box;

}



.chiller_cb span:before {

    transform: rotate(-50deg);

    top: 28px;

    left: 16px;

}



.chiller_cb span:after {

    transform: rotate(35deg);

    bottom: 15px;

    left: 9px;

}



.inter-ship-textarea textarea {

    border-style: dashed;

}



.inter-ship-textarea .btn2 {

    position: relative;

    top: 30%;

}





/* DivTable.com */



.divTableRow2 {

    display: flex;

    margin-top: -1px;

}



.divTableRow2 .divTableCell2:last-child {

    text-align: center !important;

    flex: 0 0 25%;

    margin-left: -1px;

}



.divTableRow2 .divTableCell2:first-child {

    padding-left: 34px;

}



.divTableRow2 .divTableCell2 {

    border: solid 1px #000;

    flex: 0 0 75%;

    line-height: 64px;

    font-size: 18px;

}



.divTableRow3 .divTableCell2 {

    border: none;

    text-transform: uppercase;

    line-height: normal;

}



.divTableRow3 .divTableCell2:first-child {

    padding-left: 0;

}



.redirect {

    margin-top: 250px;

}



.contact-us-btn {

    display: flex;

}



.contact-us-btn p {

    margin-left: 30px;

    line-height: 46px;

    margin-bottom: 0;

}



.social-media {

    margin: 0;

}



.social-media ul {

    display: flex;

    list-style: none;

    padding: 0;

}



.social-media ul li {

    margin-right: 10px;

}



.social-media ul li a {

    width: 40px;

    text-align: center;

    background-color: #264057;

    color: #fff;

    font-size: 20px;

    display: block;

    height: 40px;

    border-radius: 50%;

    padding: 10px;

}



.social-media ul li a:hover {

    background-color: #fff;

    color: #264057;

}



.sizing-guide {

    margin-top: 200px;

}



.custom-select2 {

    position: relative;

    margin: 0px;

    border: none;

    border-radius: initial;

    padding: 0;

    height: auto;

    background: none;

    line-height: 20px;

}



.custom-select2 .select-selected {

    font-size: 16px;

    padding: 0px 10px;

    width: 90px;

}



.custom-select select {

    display: none;

    /*hide original SELECT element: */

}



.select-selected {

    background-color: transparent;

    font-size: 18px;

}





/* Style the arrow inside the select element: */



.select-selected:after {

    position: absolute;

    content: "";

    top: 14px;

    right: 10px;

    width: 0;

    height: 0;

    border: 0px solid transparent;

    border-color: #fff transparent transparent transparent;

}





/* Point the arrow upwards when the select box is open (active): */



.select-selected.select-arrow-active:after {

    border-color: transparent transparent #fff transparent;

    top: 7px;

}





/* style the items (options), including the selected item: */



.custom-select2 .select-items div {

    padding: 0 7px;

    cursor: pointer;

    font-weight: normal;

}





/* Style items (options): */



.custom-select2 .select-items {

    position: absolute;

    background-color: #ffffff;

    top: 100%;

    left: 0;

    right: 0;

    z-index: 99;

    line-height: 30px;

    margin-top: 10px;

}





/* Hide the items when the select box is closed: */



.select-hide {

    display: none;

}



.custom-select2 .select-items div:hover,

.same-as-selected {

    background-color: rgba(0, 0, 0, 0.1);

}



.form-control {

    border-radius: 0px;

    padding-left: 25px;

}



.site-header__cart-count {

    display: flex;

    align-items: center;

    justify-content: center;

    position: absolute;

    right: -8px;

    top: 4px;

    font-weight: bold;

    background-color: #FF3C2C;

    color: #fff;

    border-radius: 50%;

    width: 1em;

    height: 1em;

    font-size: 11px;

    padding: 8px;

}



.search-div {

    height: 60px;

    background-color: #343434;

    width: 100%;

    position: absolute;

    top: 87px;

    left: 0;

    border-radius: 6px;

    padding: 5px 20px;

}



.search-div .form-control {

    background: 0 0;

    border: 0;

    color: #fff;

    font-weight: 400;

    font-size: 15px;

    padding: 0;

    margin: 0;

}



.search-div .form-control::placeholder {

    color: #fff;

}



.search-div .btn {

    padding: 14px;

    height: 0;

    background: none;

    line-height: 0;

}



.search-div .btn svg {

    fill: #fff;

}



.global-community div {

    display: none;

}



.color-combination {

    width: 260px;

    margin: auto;

    text-transform: uppercase;

    margin-top: 10px;

}



.color-combination p {

    font-size: 14px;

    margin-bottom: 0;

    text-align: center;

}



.color-combination .colors {

    display: flex;

    margin-bottom: 10px;

    text-align: center;

    font-size: 14px;

    font-weight: bold;

    line-height: 40px;

}



.color-combination .colors a {

    width: 50%;

}



.color-combination .colors .turquoise {

    background-color: #50abac;

    color: #fff;

}



.color-combination .colors .rose-gold {

    background-color: #fc9d87;

    color: #fff;

}



.color-combination .colors .quite-grey {

    background-color: #e3dfe0;

    color: #000;

}



.color-combination .colors .yellow-gold {

    background-color: #d8c55f;

    color: #000;

}



.sky-blue-bg {

    background-color: #f2f5fa;

    position: relative;

    overflow: hidden;

}



.mt-100 {

    margin-top: 100px;

}



.mt-200 {

    margin-top: 200px;

}



.mb-100 {

    margin-bottom: 100px;

}



.pb-100 {

    padding-bottom: 100px;

}



.green {

    background-color: #b1ca4b;

}



.red {

    background-color: #ec716a;

}



.blue {

    background-color: #53ded7;

}



.orange {

    background-color: #ec9047;

}



.mtb-50 {

    margin-top: 50px;

    margin-bottom: 50px;

}



.header {

    background-color: #fff;

    padding: 50px;

}



.header .section-header {

    margin-bottom: 0;

}



.pack {

    display: flex;

    margin-top: 20px;

}



.pack p {

    color: #000;

    margin-bottom: 0;

}



.pack a {

    display: inline-block;

    padding: 3px 20px;

    background-color: #fff;

    font-size: 14px;

    border-radius: 30px;

    margin-left: 10px;

}



.billing-form .pack a {

    background-color: #eaf1fd;

}



.pack a:hover,

.pack a.active,

.pack a:focus {

    background-color: #3489fe;

    color: #fff;

}



form {

    margin: 0;

}



.inc-dec {

    margin-top: 30px;

    position: relative;

    width: 150px;

}



.inc-dec p {

    color: #000 !important;

    font-size: 14px;

}



.inc-dec h5 {

    color: #000 !important;

    font-size: 16px;

    margin-bottom: 5px;

}



.value-button {

    display: inline-block;

    border: 1px solid #ddd;

    margin: 0px;

    width: 35px;

    height: 35px;

    text-align: center;

    vertical-align: middle;

    padding: 3px 0;

    background: #3489fe;

    -webkit-touch-callout: none;

    -webkit-user-select: none;

    -khtml-user-select: none;

    -moz-user-select: none;

    -ms-user-select: none;

    user-select: none;

    position: relative;

    color: #fff;

    font-size: 26px;

    position: absolute;

}



.value-button:hover {

    cursor: pointer;

}



form #decrease {

    margin-right: 0;

    border-radius: 50%;

    left: 3px;

    bottom: 3px;

}



form #increase {

    margin-right: 0;

    border-radius: 50%;

    right: 3px;

    bottom: 3px;

}



form #input-wrap {

    margin: 0px;

    padding: 0px;

}



input#number {

    text-align: center;

    border: none;

    margin: 0px;

    width: 150px;

    height: 40px;

    border-radius: 30px;

    font-size: 18px;

    font-weight: 600;

}



input[type=number]::-webkit-inner-spin-button,

input[type=number]::-webkit-outer-spin-button {

    -webkit-appearance: none;

    margin: 0;

}



.cart-btn {

    display: inline-flex;

    margin-top: 30px;

}



.cart-btn a,

.btn2,

.sub-btn {

    padding: 7px 30px;

    font-size: 14px;

    text-transform: uppercase;

    text-align: center;

    border-radius: 30px;

    background-color: #fff;

    color: #000;

    font-weight: 600;

    margin: 0 10px;

    text-transform: uppercase;

}



.cart-btn a:hover,

.cart-btn a.active {

    background-color: #67ad0c;

    color: #fff;

}



.cart-btn a.remove {

    background-color: #ff5454;

    color: #fff;

    height: 40px;

    margin-top: 30px;

}



#faq .card {

    margin-bottom: 0;

    border: 0;

    border-bottom: solid 1px #ccc;

}



#faq .card .card-header {

    border: 0;

    padding: 0;

}



#faq .card .card-header .btn-header-link {

    color: #fff;

    display: block;

    text-align: left;

    background: #f2f5fa;

    color: #222;

    padding: 0px;

    text-transform: uppercase;

    font-size: 24px;

}



#faq .card .card-header .btn-header-link:after {

    content: "\f107";

    font-family: 'FontAwesome';

    font-weight: 900;

    float: right;

}



#faq .card .card-header .btn-header-link.collapsed:after {

    content: "\f106";

}



#faq .card .collapsing {

    line-height: 20px;

}



#faq .card .collapse {

    border: 0;

}



#faq .card .collapse.show {

    line-height: 20px;

    color: #222;

    background-color: #f2f5fa;

}



#faq .card .card-body {

    padding: 0;

    padding-bottom: 20px;

}



.description {

    margin-top: 40px;

    border-top: solid 1px #ccc;

}



.cart-box {

    display: flex;

    width: 100%;

    background: #fff;

    border-radius: 10px;

    margin-bottom: 20px;

}



.cart-img {

    padding: 15px;

}



.cart-img img {

    height: 200px;

    border-radius: 10px;

}



.cart-box .product-details {

    border-radius: 10px;

}



.mt-10 {

    margin-top: 10px;

}



.mb-10 {

    margin-bottom: 10px;

}



.my-cart-title {

    border-top: solid 1px #ccc;

}



.my-cart-title h3 {

    font-size: 20px;

    text-transform: uppercase;

    padding-top: 5px;

}



.order-summary,

.payment-method {

    background-color: #fff;

    border-radius: 10px;

    padding: 20px;

}



.coupon-code {

    display: flex;

}



.coupon-code input,

.form-control {

    background-color: #ffffff;

    padding: 5px 10px;

    font-size: 15px;

    border-radius: 4px;

    border: solid 1px #ccc;

    line-height: 29px;

}



.coupon-code .btn2 {

    background-color: #3489fe;

    color: #fff;

    border: none;

}



.price-box {

    margin-top: 20px;

}



.price-box p {

    display: flex;

    justify-content: space-between;

    position: relative;

}



.price-box p strong {

    text-align: right;

}



.blue-txt {

    color: #3489fe;

}



.sub-total {

    border-top: solid 1px #ccc;

    padding-top: 10px;

}



.sub-total p {

    font-size: 20px;

    font-weight: 700;

}



.price-box p i {

    color: #3489fe;

    margin-left: 6px;

    margin-top: 5px;

}



.sub-btn {

    width: 100%;

    display: block;

    background: #67ad0c;

    margin: 0;

    color: #fff;

    margin: 20px 0 10px;

}



.sub-btn:hover,

.sub-btn:focus {

    background: #eaf1fd;

    color: #000;

}



.sub-btn2 {

    width: 36px;

    height: 36px;

    background: #67ad0c;

    margin: 0;

    color: #fff;

    border-radius: 50%;

    margin-left: 20px;

    text-align: center;

    line-height: 40px;

    font-size: 20px;

}



.sub-btn2 i {

    margin-top: 8px;

}



.gray-btn {

    background: #eaf1fd;

    color: #000;

}



.gray-btn:hover,

.gray-btn:focus {

    background: #67ad0c;

    color: #fff;

}



.modal-dialog {

    max-width: 400px;

    margin: 1.75rem auto;

}



.modal-footer {

    display: block;

    text-align: center;

    padding-left: 30px;

    padding-right: 30px;

    border: none;

}



.modal-footer p a {

    color: #3489fe;

}



.modal-footer p a:hover {

    text-decoration: underline;

}



.modal-body p {

    font-size: 18px;

    font-weight: 700;

    text-align: center;

    padding: 20px;

    margin-bottom: 0;

}



.modal-content {

    border-radius: 10px;

}



.billing-form {

    background-color: #fff;

    padding: 30px 50px 40px;

    border-radius: 10px;

}



.form-group {

    margin-bottom: 0rem;

}



.form-control {

    margin-bottom: 20px;

}



button:focus {

    outline: 1px dotted;

    outline: none;

}



.payment-method {

    background: #fff url(../images/payment.png) no-repeat top right;

    background-size: 50%;

}



.payment-method .product-title {

    border-bottom: solid 1px #ccc;

    margin-top: 30px;

    width: 60%;

}



[type="radio"]:checked,

[type="radio"]:not(:checked) {

    position: absolute;

    left: -9999px;

}



[type="radio"]:checked+label,

[type="radio"]:not(:checked)+label {

    position: relative;

    padding-left: 28px;

    cursor: pointer;

    line-height: 20px;

    display: inline-block;

    color: #000;

    font-weight: 600;

}



[type="radio"]:checked+label:before,

[type="radio"]:not(:checked)+label:before {

    content: '';

    position: absolute;

    left: 0;

    top: 0;

    width: 18px;

    height: 18px;

    border: 1px solid #3489fe;

    border-radius: 100%;

    background: #fff;

}



[type="radio"]:checked+label:after,

[type="radio"]:not(:checked)+label:after {

    content: '';

    width: 12px;

    height: 12px;

    background: #3489fe;

    position: absolute;

    top: 3px;

    left: 3px;

    border-radius: 100%;

    -webkit-transition: all 0.2s ease;

    transition: all 0.2s ease;

}



[type="radio"]:not(:checked)+label:after {

    opacity: 0;

    -webkit-transform: scale(0);

    transform: scale(0);

}



[type="radio"]:checked+label:after {

    opacity: 1;

    -webkit-transform: scale(1);

    transform: scale(1);

}



.tooltip {

    position: relative;

    display: inline-block;

    border-bottom: 1px dotted black;

}



.fa-info-circle .tooltiptext {

    visibility: hidden;

    width: 120px;

    background-color: black;

    color: #fff;

    text-align: center;

    border-radius: 6px;

    padding: 5px 0;

    position: absolute;

    z-index: 1;

    bottom: 100%;

    left: 50%;

    /* Fade in tooltip - takes 1 second to go from 0% to 100% opac: */

    opacity: 0;

    transition: opacity 1s;

}



.fa-info-circle:hover .tooltiptext {

    visibility: visible;

    opacity: 1;

}



.dropdown-toggle::after {

    display: none;

}



.carousel-caption {

    position: absolute;

    right: 11%;

    bottom: -18px;

    left: 15%;

    z-index: 10;

    padding-top: 50px;

    padding-bottom: 20px;

    color: #fff;

    text-align: right;

}



.bounce {

    -moz-animation: bounce 2s infinite;

    -webkit-animation: bounce 2s infinite;

    animation: bounce 2s infinite;

}



@keyframes bounce {

    0%,

    20%,

    50%,

    80%,

    100% {

        transform: translateY(0);

    }

    40% {

        transform: translateY(-30px);

    }

    60% {

        transform: translateY(-15px);

    }

}



.carousel-control-next-icon,

.carousel-control-prev-icon {

    background-image: none;

}



.address p {

    text-transform: capitalize;

    font-size: 16px;

    font-family: 'hk_groteskmedium';

    width: 50%;

}



.address p span {

    display: block;

    margin-top: 5px;

}



.address p.border-line {

    width: 2px;

    margin: 0 30px;

    position: relative;

}



.address p.border-line:after {

    content: '';

    width: 2px;

    background-color: #ccc;

    position: absolute;

    top: 40px;

    right: 0;

    height: 90px;

}



.address.contact-num p {

    width: 100%;

    margin-top: 50px;

}



.map {

    width: 100%;

    border-radius: 10px;

    border: solid 1px #ccc;

    height: 300px;

    margin-top: 50px;

}



.pos-abs {

    position: absolute;

}



.animate1 {

    transition: ease-in;

    animation: myfirst 2s infinite;

    animation-direction: alternate;

}



@keyframes myfirst {

    from {

        right: 25%;

    }

    to {

        right: 15%;

    }

}



.animate2 {

    transition: ease-in;

    animation: myfirst2 5s infinite;

    animation-direction: alternate;

}



@keyframes myfirst2 {

    from {

        left: 10%;

    }

    to {

        left: 0%;

    }

}



.animate3 {

    transition: ease-in;

    animation: myfirst3 5s infinite;

    animation-direction: alternate;

}



@keyframes myfirst3 {

    from {

        left: 15%;

    }

    to {

        left: 25%;

    }

}



.animate4 {

    transition: ease-in;

    animation: myfirst4 5s infinite;

    animation-direction: alternate;

}



@keyframes myfirst4 {

    from {

        top: 13%;

    }

    to {

        top: 23%;

    }

}



.animate5 {

    transition: ease-in;

    animation: myfirst5 5s infinite;

    animation-direction: alternate;

}



@keyframes myfirst5 {

    from {

        left: 0%;

    }

    to {

        left: -10%;

    }

}



.animate6 {

    transition: ease-in;

    animation: myfirst6 5s infinite;

    animation-direction: alternate;

}



@keyframes myfirst6 {

    from {

        top: 25%;

    }

    to {

        top: 40%;

    }

}



@keyframes myfirst7 {

    from {

        transform: rotate(0deg);

    }

    to {

        transform: rotate(360deg);

    }

}



.gif-img {

    width: 398px;

    overflow: hidden;

}



.gif-img img {

    margin-left: -1px;

}



.modal-body p.or {

    text-align: center;

    margin: 0px auto;

    border: none;

}



.gmail {

    background: #FBFBFB;

    border: 1px solid #DADADA !important;

    box-sizing: border-box;

    border-radius: 5px;

    line-height: 35px;

    text-align: center;

    color: #9B9B9B;

    font-size: 14px;

    margin: 0 auto;

    text-transform: uppercase;

    padding: 0 20px;

    display: block;

}



.gmail img {

    margin-right: 10px;

}



.form-group {

    position: relative;

}



.form-group input {

    border: solid 1px #ccc;

}



.form-group i {

    position: absolute;

    right: 12px;

    top: 12px;

    visibility: hidden;

}



.form-group.error i.fa-exclamation-circle {

    color: red;

    visibility: visible;

}



.form-group.error input {

    border-color: red;

}



.form-group.success i.fa-check-circle {

    color: green;

    visibility: visible;

}



.form-group.success input {

    border-color: green;

}



.form-group span {

    visibility: hidden;

    color: red;

    position: absolute;

    top: 38px;

    left: 20px;

    font-size: 14px;

}



.form-group.error span {

    visibility: visible;

}



.form-row .form-group {

    padding-right: 5px;

    padding-left: 5px;

}



.ready-order {

    height: 300px;

    background: #59b67c url(../images/footer1.png) no-repeat bottom center;

    background-size: 120% 130%;

}



.f-links,

.fortitle {

    list-style: none;

    padding: 0;

}



.f-links li a {

    color: #fff;

}



.f-links li a {

    text-decoration: none;

    color: #FFF;

    display: block;

    line-height: 30px;

    font-size: 15px;

}



.f-links li a:hover {

    color: #fdcf0b;

}



.f-links li {

    list-style: none;

    border-bottom: dashed #2e2d2e 1px;

}



.footer-form label {

    color: #fff;

}



.footer-form .form-control {

    margin-bottom: 15px;

}



.fortitle li {

    border: solid #ccc 1px;

    padding: 5px 10px;

    border-radius: 5px;

    margin-top: 2%;

}



.fortitle li a {

    text-decoration: none;

    color: #FFF;

    font-size: 15px;

}



.store-app img {

    max-width: 150px;

    margin-bottom: 5px;

}



.bg-white {

    background-color: #ffffff;

}



.filters {

    border: 1px solid #e7e7e7;

    padding: 10px;

    background: #fff;

    border-radius: 2px;

}



.filters ul {

    list-style: none;

    padding-left: 0;

}



.filters h4 {

    font-size: 18px;

    margin-bottom: 0px;

}



.sorting {

    border-top: solid 1px #eee;

    padding-top: 5px;

}



.sorting a span {

    color: #999;

}



.sorting a {

    line-height: 30px;

    display: block;

}



.sorting a:hover {

    color: #e22327;

}



.banner-box {

    background-repeat: no-repeat;

    background-position: center;

    background-size: 100%;

    position: relative;

    padding: 0;

    margin-top: 20px;

}



.banner-img {

    padding: 0;

    position: relative;

}



.banner-img::after {

    content: '';

    position: absolute;

    background: rgba(0, 0, 0, 0.4);

    width: 100%;

    height: 100%;

    left: 0;

    top: 0;

    border-radius: 10px;

}



.banner-img img {

    border-radius: 10px;

}



.banner-text {

    padding: 20px;

    margin-top: 20px;

    position: absolute;

    position: absolute;

    bottom: 10px;

}



.banner-text h2,

.banner-text h4 {

    color: #fff;

    font-family: 'hk_groteskmedium';

}



#sidebar.sticky {

    float: none;

    position: fixed;

    top: 20px;

    z-index: 6;

    left: auto;

}



.home p {

    font-size: 20px;

}



.categories-left-bar {

    position: sticky;

    top: 200px;

    width: 100%;

    height: 100%;

    border-right: solid 1px #ccc;

}



.categories-left-bar .categories-names {

    font-size: inherit;

    line-height: 1.5;

    margin: 0px;

    cursor: pointer;

    padding: 0.8rem 2rem;

    font-weight: 300;

    color: rgb(28, 28, 28);

    border-right: medium none;

    background: rgba(0, 0, 0, 0) none repeat scroll 0% 0%;

}



.categories-left-bar .categories-names.active {

    font-size: inherit;

    line-height: 1.5;

    margin: 0px;

    cursor: pointer;

    padding: 0.8rem 2rem;

    font-weight: 500;

    color: rgb(237, 90, 107);

    border-right: 3px solid rgb(237, 90, 107);

    background: rgba(0, 0, 0, 0) linear-gradient(90deg, rgb(255, 255, 255), rgb(247, 235, 236)) repeat scroll 0% 0%;

}



.cart-header {

    border-bottom: solid 1px #ccc;

    padding-bottom: 10px;

    margin-bottom: 10px;

}



.cart-header h3,

.cart-header p {

    margin-bottom: 0;

}



.cart-sub-total {

    border-top: solid 1px #ccc;

    margin-bottom: 10px;

    padding-top: 7px;

}



.cart-sub-total p {

    margin-bottom: 0;

    font-size: 14px;

    color: #666666;

}



.cart-sub-total p strong {

    font-size: 18px;

    color: #000000;

}



.cart-button .btn {

    width: 100%;

}



.cart-button .btn,

.btn-green {

    background-color: #60b246;

    font-weight: bold;

    border-color: #60b246;

    color: #fff;

}



.food-item-box {

    border-bottom: solid 1px #ccc;

    margin-top: 20px;

    padding-bottom: 10px;

}



.food-item-box .food-item-det {

    width: 73%;

}



.food-item-box .food-item-img {

    width: 25%;

    position: relative;

}



.food-item-box .food-item-img img {

    border-radius: 10px;

}



.price-value {

    position: absolute;

    bottom: 10px;
	width: 95%;
	margin: auto;

}



.price-value form {

    margin: auto;

    width: 70%;

    position: relative;

}



.inc-dec {

    margin-top: 30px;

    position: relative;

    width: 150px;

}



.inc-dec p {

    color: #000 !important;

    font-size: 14px;

}



.inc-dec h5 {

    color: #000 !important;

    font-size: 16px;

    margin-bottom: 5px;

}



.value-button {

    display: inline-block;

    border: 1px solid #ddd;

    margin: 0px;

    width: 20px;

    height: 20px;

    text-align: center;

    vertical-align: middle;

    padding: 3px 0;

    background: #60b246;

    -webkit-touch-callout: none;

    -webkit-user-select: none;

    -khtml-user-select: none;

    -moz-user-select: none;

    -ms-user-select: none;

    user-select: none;

    position: relative;

    color: #fff;

    font-size: 14px;

    position: absolute;

    font-size: 20px;

    line-height: 0;

    font-weight: bold;

}



.value-button:hover {

    cursor: pointer;

}



form #decrease {

    margin-right: 0;

    border-radius: 4px;

    left: 3px;

    bottom: 3px;

    top: 5px;

}



form #increase {

    margin-right: 0;

    border-radius: 4px;

    right: 3px;

    bottom: 3px;

    top: 5px;

}



form #input-wrap {

    margin: 0px;

    padding: 0px;

}



input#number {

    text-align: center;

    border: none;

    margin: 0px;

    width: 100%;

    height: 30px;

    border-radius: 4px;

    font-size: 16px;

    font-weight: 600;

    border: solid 1px #ccc;

    margin: auto;

    padding-left: 10px;

    background-color: #fff;

}



input[type=number]::-webkit-inner-spin-button,

input[type=number]::-webkit-outer-spin-button {

    -webkit-appearance: none;

    margin: 0;

}



.food-item-container {

    margin-bottom: 20px;

}



.banner-box2 {

    background-color: #171a29;

    color: #fff;

    height: 245px;

    transition: transform .2s ease-in-out, background-color .2s ease-in-out, color .2s ease-in-out;

    pointer-events: auto;

    padding: 20px;

    display: flex;

    align-items: center;

}



.banner-box2 h1 {

    color: #fff;

}



.restaurant-details h1,

.restaurant-details p {

    color: #fff;

}



.restaurant-details h1 {

    margin-bottom: 0;

}



.offer-box {

    border: 1px solid #bec0c8;

    position: relative;

    margin-top: 15px;

}



.offer-text {

    color: inherit;

    font-size: 20px;

    font-weight: 500;

    background-color: #171a29;

    display: inline-block;

    padding-right: 10px;

    padding-bottom: 10px;

    text-transform: uppercase;

    position: absolute;

    top: -13px;

    left: -6px;

}



.offer-text-box {

    padding: 31px 40px 15px 25px;

}



.offer-text-desc {

    display: flex;

    -ms-flex-align: center;

    align-items: center;

    line-height: 17px;

    margin-bottom: 20px;

}



.icon-offer-filled {

    width: 40px;

    margin-right: 10px;

}



.red-btn {

    background-color: #e22327;

    border-color: #e22327;

}



.red-btn:hover {

    background-color: #ac1719;

    border-color: #ac1719;

}



.select-box {

    position: relative;

    display: block;

    width: 100%;

    margin: 0;

    font-size: 16px;

    color: #606666;

    margin-bottom: 20px;

}



.select-box label {

    margin-bottom: 0px;

}



.select-box__current {

    position: relative;

    cursor: pointer;

    outline: none;

    border: solid 1px #ccc;

    border-radius: 4px;

    width: 100%;

}



.select-box__current:focus+.select-box__list {

    opacity: 1;

    -webkit-animation-name: none;

    animation-name: none;

}



.select-box__current:focus+.select-box__list .select-box__option {

    cursor: pointer;

}



.select-box__current:focus .select-box__icon {

    -webkit-transform: translateY(-50%) rotate(180deg);

    transform: translateY(-50%) rotate(180deg);

}



.select-box__icon {

    position: absolute;

    top: 50%;

    right: 15px;

    -webkit-transform: translateY(-50%);

    transform: translateY(-50%);

    width: 20px;

    opacity: 0.3;

    -webkit-transition: 0.2s ease;

    transition: 0.2s ease;

}



.select-box__value {

    display: -webkit-box;

    display: flex;

}



.select-box__input {

    display: none;

}



.select-box__input:checked+.select-box__input-text {

    display: block;

}



.select-box__input-text {

    display: none;

    width: 100%;

    margin: 0;

    padding: 8px 15px;

    background-color: #fff;

    border-radius: 4px;

}



.select-box__list {

    position: absolute;

    width: 100%;

    padding: 0;

    list-style: none;

    opacity: 0;

    -webkit-animation-name: HideList;

    animation-name: HideList;

    -webkit-animation-duration: 0.5s;

    animation-duration: 0.5s;

    -webkit-animation-delay: 0.5s;

    animation-delay: 0.5s;

    -webkit-animation-fill-mode: forwards;

    animation-fill-mode: forwards;

    -webkit-animation-timing-function: step-start;

    animation-timing-function: step-start;

    border: solid 1px #eee;

    z-index: 9999;

    background: #fff;

    height: 200px;

    overflow-y: auto;

}



.select-box__option {

    display: block;

    padding: 0 15px;

    background-color: #fff;

}



.select-box__option:hover,

.select-box__option:focus {

    color: #546c84;

    background-color: #fbfbfb;

}



@-webkit-keyframes HideList {

    from {

        -webkit-transform: scaleY(1);

        transform: scaleY(1);

    }

    to {

        -webkit-transform: scaleY(0);

        transform: scaleY(0);

    }

}



@keyframes HideList {

    from {

        -webkit-transform: scaleY(1);

        transform: scaleY(1);

    }

    to {

        -webkit-transform: scaleY(0);

        transform: scaleY(0);

    }

}



.address-box {

    display: flex;

    justify-content: space-between;

}



.address {

    border: solid 1px #ccc;

    padding: 20px;

    width: 47%;

}



.checkout {

    background: #fff;

    border: solid 1px #ccc;

    padding: 20px;

}



.hotel-img {

    width: 100px;

    margin-right: 10px;

}



.coupon {

    border: dashed 1px #ccc;

    display: flex;

    padding: 10px;

    cursor: pointer;

    margin-bottom: 10px;

}



.coupon p {

    margin-bottom: 0;

    padding-right: 10px;

}





/* The container */



.container-checkbox {

    display: block;

    position: relative;

    padding-left: 35px;

    margin-bottom: 12px;

    cursor: pointer;

    font-size: 16px;

    -webkit-user-select: none;

    -moz-user-select: none;

    -ms-user-select: none;

    user-select: none;

}



.container-checkbox input {

    position: absolute;

    opacity: 0;

    cursor: pointer;

}



.container-checkbox .checkmark {

    position: absolute;

    top: 6px;

    left: 0;

    height: 25px;

    width: 25px;

    background-color: #f4f4f4;

    border: 1px solid #b4b4b4;

}



.container-checkbox:hover input~.checkmark {

    background-color: #f4f4f4;

    border: 1px solid #b4b4b4;

}



.container-checkbox input:checked~.checkmark {

    background-color: #3197EE;

    border: 1px solid #3197EE;

}



.container-checkbox .checkmark:after {

    content: "";

    position: absolute;

    display: none;

}



.container-checkbox input:checked~.checkmark:after {

    display: block;

}



.container-checkbox .checkmark:after {

    left: 9px;

    top: 5px;

    width: 5px;

    height: 10px;

    border: solid white;

    border-width: 0 3px 3px 0;

    -webkit-transform: rotate(45deg);

    -ms-transform: rotate(45deg);

    transform: rotate(45deg);

}



.login-form {

    max-width: 400px;

}



.contact-address .contact ul,

.contact-address .contact li,

.contact-address .contact li a {

    color: #000000;

}



.contact ul,

.contact li,

.contact li a {

    list-style: none;

    color: #ffffff;

    font-weight: 500;

    font-size: 1rem;

    line-height: 30px;

}



.contact-address {

    background: #fff;

    border: solid 1px #ccc;

    padding: 20px;

    border-radius: 4px;

}