@import url('https://fonts.googleapis.com/css2?family=Quicksand:wght@300;400;500;600;700&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Playfair+Display:ital,wght@0,400;0,500;0,600;0,700;0,800;0,900;1,400;1,500;1,600;1,700;1,800;1,900&display=swap');
h1,h2,h3,h4,h5,h6{font-size: 35px; margin: 0px; padding: 0px; font-weight: 600; font-family: 'Playfair Display', serif;}
ul{padding: 0px; margin: 0px; list-style-type: none;}
li{padding: 0px; margin: 0px; font-size: 14px; font-family: 'Quicksand', sans-serif; color: #111;}
a{font-size: 15px; font-family: 'Quicksand', sans-serif;}
a:hover{text-decoration: none;}
p{font-size: 15px; padding: 0px; margin: 0px; font-family: 'Quicksand', sans-serif; color: #111;}
body{padding: 0px; margin: 0px; box-sizing: content-box; overflow-x: hidden;}
span{padding: 0px; margin: 0px; font-family: 'Quicksand', sans-serif;}
input{font-family: 'Quicksand', sans-serif;}
textarea{font-family: 'Quicksand', sans-serif;}
button{font-family: 'Quicksand', sans-serif;}
/*Css*/
header{  background-image:  linear-gradient(to right, #d31367, #f73daa);}
.navigation-links a{font-size: 18px;}
.fnt_chn{font-size: 25px; font-weight: 600;}
.sticky.fixed {    position: fixed;    top: 0;    background-color: #bf0858;    z-index: 99;    width: 100%;}
/*.search-bar .search-bar {  display: flex;  flex: 1;  max-width: 800px;  margin: 0 auto;}*/
.search-bar .search-bar .search {  display: flex;  align-items: center;  flex: 1;}
.search-bar .search-bar .search .search__input {
    display: flex;
    flex: 1;
    padding: 1.2rem 1rem 1.2rem 4rem;
    height: 48px;
    font-size: 0.9rem;
    color: #4a4a4a;
    border: none;
    border-radius: 0;
    position: relative;
    right: 0;
    letter-spacing: 0.05rem;
    background: url(images/search-bar.png) #ececec;
    background-repeat: no-repeat;
    background-position: 1rem 50%;
    background-size: 2rem;
    outline: 0;
    transition: background 0.3s ease-out, opacity 0.5s ease-out;
    border: 1px solid #ccc;
}
.search-bar .search-bar .search .search__input:focus {  background: url(images/search-bar.png) no-repeat 1rem 50% #ececec;  background-size: 2rem; }

.logo-header img{
    height: 75px;  
}
.logo-footer img{
    height: 95px;
    background: white;
    padding: 10px;
    border-radius: 10px;
}
.logo-header {
    height: 75px;
    display: block;
    width: 75px;
}
.social{
    gap: 10px;
}

.social a {
    width: 32px;
    height: 32px;
    display: block;
    background: white;
    line-height: 32px;
    text-align: center;
    color: #d41468;
    border-radius: 50%;
}

.search-bar .search-bar .search .search__btn {  background: #d31367;  height: 48px;  border: none; width: 120px;  color: #FFF;  font-size: 0.8rem;  text-transform: uppercase;  cursor: pointer;  outline: 0;  transition: all 0.4s ease-out;}

.search-bar .search-bar .search .search__btn p{
    color: white;
}

.search-bar .search-bar .search .search__btn:hover {  background: #f73daa;}
.suggestion__content-left-side span {    font-size: 18px;    display: block;    margin-bottom: 10px;}
.search-bar .search-bar .search .search__icon {  display: none;}
.suggestion {  display: flex;  position: absolute;  top: 39px;  border-top: 1px solid #F1F1F1;  opacity: 0;  visibility: hidden;}
.suggestion.active {  opacity: 1;  visibility: visible;  transform-origin: center top;  transform: translateZ(0);  -webkit-backface-visibility: hidden;          backface-visibility: hidden; -webkit-animation: rotation-show 0.5s 0.3s; animation: rotation-show 0.5s 0.3s;  -webkit-animation-fill-mode: backwards;  animation-fill-mode: backwards; z-index: 999999;}
.suggestion__content {background-color: #255498;  display: flex;  flex: 1;  box-shadow: 0 6px 8px rgba(0, 0, 0, 0.15);  font-size: 0.8rem;}
.suggestion__content .suggestion__content-right-side,.suggestion__content .suggestion__content-left-side {  flex: 1;  padding: 1em;}
.suggestion__content .suggestion__content-right-side h5,.suggestion__content .suggestion__content-left-side h5 {  margin: 0;  padding: 0;  font-size: 0.9rem;  color: #757575;  font-weight: 600;  margin-bottom: 5px;}
.suggestion__content .suggestion__content-right-side ul,
.suggestion__content .suggestion__content-left-side ul {  margin: 0;  padding: 0;}
.suggestion__content .suggestion__content-right-side ul li,.suggestion__content .suggestion__content-left-side ul li {  list-style-type: none;  padding: 2px 0;}
.suggestion__content .suggestion__content-left-side ul li {  list-style-type: none;  padding: 2px 0;  color: #328dbb;  cursor: pointer;  transition: color 0.4s ease-out, transform 0.4s ease;}
.suggestion__content .suggestion__content-left-side ul li:hover {  color: #13587b;  transform: translateX(3px);}
.suggestion__content .suggestion__content-right-side h5 {  text-align: center;}
.suggestion__content .suggestion__content-right-side ul {  padding: 0;  max-width: 200px;  margin: auto;}
.suggestion__content .suggestion__content-right-side ul li {  border: 1px solid #f3f3f3;  background: #FFF;  text-align: center;  border-radius: 10px;  margin-bottom: 8px;  cursor: pointer; transition: background 0.3s ease-out, border 0.4s ease-in-out;}
.suggestion__content .suggestion__content-right-side ul li:hover {  border: 1px solid #607D8B;  background: #f1f1f1;}
.hide-element {  display: none !important;}
.mobile-search {  margin: 0 1em;  opacity: 1 !important;  visibility: visible !important;  width: 100%;}
.close-icon {  color: #909090 !important;  position: absolute !important;  right: 8% !important;  font-size: 1rem;}
@-webkit-keyframes rotation-show {
0% {transform: perspective(1000px) rotateX(-90deg);}
100% {transform: perspective(1000px) translateY(0);}
}
@keyframes rotation-show {
0% {transform: perspective(1000px) rotateX(-90deg);}
100% {transform: perspective(1000px) translateY(0);}
}
@media only screen and (max-width: 600px) {
.search__input {    font-size: 16px !important;    opacity: 0;    visibility: hidden;    width: 0;  }
.search__btn {    display: none !important;  }
.search__icon {    display: flex !important;    color: #FFF;    align-items: center;    flex: 6;    position: absolute;    right: 5rem;   cursor: pointer;    height: 80px;    line-height: 80px;}
.message {    position: relative;    top: 80px;    background: #f3f3f3;    padding: 0.5rem 1.5rem;    display: block !important;    text-align: center;}
}
.suggestion__content-left-side span {    font-size: 18px;    display: block;    margin-bottom: 10px;}
.buttons-side a{background: linear-gradient(to right, #f73daa 0%, #d31367 100%);}
/* Modal Form*/
.modal-content{border-radius: 0;}
.close{float: right;font-size: 23px;font-weight: 600;line-height: 2;color: #fff;text-shadow: 0 1px 0 #fff;    opacity: .7;}
.close:hover, .close:focus {color: #fff;text-decoration: none;cursor: pointer;opacity: .9;}
.send_p {    font-size: 17px !important;    line-height: 22px;    text-align: center;    margin-bottom: 20px;}
.modal-body input[type="text"], .modal-body select,
.modal-body input[type="number"]{width:100%; padding:5px 12px; border-radius:0px;}
.modal-body textarea{width:100%; height:120px; padding:5px 12px; border-radius:0px;}
.modal-body select{ width: 100%;}
.modal-header {    padding: 0 15px !important;    color: #fff;  background-color: #d31367;    height: 46px;}
.pac-container { z-index: 100000; }
.g-recaptcha{transform:scale(0.80);transform-origin:0 0;-webkit-transform-origin:0 0}
.modal_btn{width:auto; background:#d31367; padding: 8px 25px; border:none; color:#fff; font-size:14px; border-radius:4px; cursor: pointer; transition: 0.5s;}
.modal_btn:hover,.modal_btn:focus{background: #f73daa; color: #fff;}
.form-group textarea {height: 100px !important;}
span.modal-title {  display: block;    text-align: center;    width: 100%;    font-size: 20px;    margin-top: 10px;}
.buttons-side a {
    padding: 12px 20px 12px 20px;
    cursor: pointer;
    border-radius: 5px;
} 
/*sticky*/
.sticky{background: #bf0858; position: relative;}

.message {  position: absolute;  right: 20px;  bottom: 10px;  color: white;  line-height: 27px;  font-size: 18px;  text-align: right;  pointer-events: none;  -webkit-animation: message-frames 1.5s ease 5s forwards;          animation: message-frames 1.5s ease 5s forwards;  opacity: 0;}
@-webkit-keyframes message-frames {
from {    opacity: 0;  }  
to {    opacity: 1;  }
}
@keyframes message-frames {
  from {    opacity: 0;  }
  to {    opacity: 1;  }
}
.under-bubble {    overflow: hidden;}
div.ruby-menu-demo-header {    position: relative;    left: 0;    top: 0;    width: 100%;    height: auto;    padding: 0;    margin: 0;    z-index: 99; }

div.ruby-menu-demo-header-bg div.ruby-menu-demo-download > span {    color: #efefef}
div.ruby-menu-demo-header-bg div.ruby-menu-demo-download > span > span {    color: #efefef}
div.ruby-menu-demo-description {    position: relative;    width: 980px;    height: 160px;    margin: 0 auto;    padding: 0}
div.ruby-menu-demo-description img {    max-width: 200px;    float: left;    margin: 50px 20px 0 0}
span.ruby-menu-demo-highlight {    color: #333;}
div.ruby-menu-demo-bg-light,div.ruby-menu-demo-bg-dark {    width: 980px;    height: auto;    position: relative;    background: #fff;    margin: 0 auto;    font-size: 16px;}
div.ruby-menu-demo-bg-dark {    background: #efefef;}
div.ruby-menu-demo-bg-light-c:after,div.ruby-menu-demo-bg-dark-c:after {    content: "";    display: table;    clear: both}
div.ruby-menu-demo-cv-1 {    float: left;    width: 33%;}
div.ruby-menu-demo-cv-2 {    float: left;    width: 67%;}
div.ruby-menu-demo-cv-3 {    float: left;    width: 48%;}
div.ruby-menu-demo-cv-4 {    float: left;    width: 52%;}
div.ruby-menu-demo-cr-1 {    float: left;    width: 33%;}
div.ruby-menu-demo-cr-2 {    float: left;    width: 66%;}
div.ruby-menu-demo-cs-1 {    float: left;    width: 33%;}
div.ruby-menu-demo-cs-2 {    float: left;    width: 66%;}
div.ruby-menu-demo-cf-1,div.ruby-menu-demo-cf-2,div.ruby-menu-demo-cf-3,div.ruby-menu-demo-cf-4 {    float: left;    width: 25%;    text-align: center;}
div.ruby-menu-demo-f-icon {    width: 80px;    height: 80px;    border-radius: 50%;    margin: 0 auto;    padding: 22px;    font-size: 30px;   background: #efefef;    color: #aaa}
div.ruby-menu-demo-f-title {    width: 100%;    height: 30px;    margin: 0 auto;    margin-top: 20px;    font-weight: 700;    font-size: 18px}
div.ruby-menu-demo-f-desc {    font-size: 14px;    line-height: 24px;    color: #555;    padding: 15px}
div.ruby-menu-demo-cs-1 table {    line-height: 20px}
div.ruby-menu-demo-cs-1 table tr,div.ruby-menu-demo-cs-1 table td {    padding: 0;    font-weight: 700}
div.ruby-menu-demo-cs-1 table td:last-child {    padding-top: 5px}
h2.ruby-menu-demo-slogan-1,h3.ruby-menu-demo-slogan-1 {    font-size: 20px;    font-weight: 300;    text-transform: uppercase;    color: #b1b1b1;    margin: 0}
h1.ruby-menu-demo-slogan-2,h3.ruby-menu-demo-slogan-2 {    font-size: 36px;    font-weight: 700;    text-transform: none;    color: #222;    margin: 0}
p.ruby-menu-demo-slogan-description,p.ruby-menu-demo-slogan-description-2 {    font-size: 16px;    line-height: 24px;    color: #444;    margin: 35px 0}
p.ruby-menu-demo-slogan-description-2 {    color: #666;    font-weight: 600;    margin: -10px 0}
span.ruby-menu-demo-code {    color: #888;    text-decoration: underline}
td.ruby-menu-demo-theme-td-1 {    max-width: 30px;    text-align: left;    padding: 6px}
td.ruby-menu-demo-theme-td-2 {    min-width: 120px;    text-align: left;    padding: 6px}
td.ruby-menu-demo-theme-td-1:hover {    cursor: pointer}
.ruby-menu-demo-circle {    border-radius: 50%;    width: 24px;    height: 24px;    border: 4px solid #222;    display: inline-block;    margin: 0}
.ruby-menu-demo-color-1 {    background: #1aad86}
.ruby-menu-demo-color-2 {    background: #0c67c2}
.ruby-menu-demo-color-3 {    background: #ce0661}
.ruby-menu-demo-color-4 {    background: #ea7500}
.ruby-menu-demo-color-5 {    background: #74ba27}
.ruby-menu-demo-color-6 {    background: #ff3264}
.ruby-menu-demo-color-7 {    background: #fad814}
.ruby-menu-demo-color-8 {    background: #ccc}
.ruby-menu-demo-color-9 {    background: #111;    border-color: #ccc}
.ruby-menu-demo-color-10 {    background: #036de2;    border-color: #489efd}
.ruby-menu-demo-color-11 {    background: #f85252;    border-color: #444}
.ruby-menu-demo-color-12 {    background: #ca79d0;    border-color: #f2def3}
.ruby-menu-demo-color-13 {    background: #efefef;    border-color: #222}
.ruby-menu-demo-color-14 {    background: #ccc}
div.ruby-menu-demo-download {    position: absolute;   width: auto;   top: 55px;    right: 0}
div.ruby-menu-demo-download .fa {    font-size: 20px;    margin-right: 10px}
div.ruby-menu-demo-download > span {    font-size: 16px;    display: block;    margin: 10px 26px}
div.ruby-menu-demo-download > span > span {    font-size: 20px;    color: #555;    font-weight: 700}
button.ruby-btn {    background: #19ad86;    border: 2px solid #19ad86;    color: #fff;    border-radius: 0;    padding: 10px 25px;    font-size: 16px;    font-weight: 700;    cursor: pointer}
button.ruby-btn:hover {    background: #fff;    color: #19ad86}
.switch {    display: table-cell;    vertical-align: middle;    padding: 10px}
.cmn-toggle {    position: absolute;    margin-left: -9999px;    visibility: hidden}
.cmn-toggle + label {    display: block;    position: relative;    cursor: pointer;    outline: none;    -webkit-user-select: none;    -moz-user-select: none;    -ms-user-select: none;    user-select: none}
input.cmn-toggle-round + label {    padding: 2px;    margin-top: -10px;    width: 40px;    height: 20px;    background-color: #ddd;    -webkit-border-radius: 20px;    -moz-border-radius: 20px;    -ms-border-radius: 20px;   -o-border-radius: 20px;    border-radius: 20px}
input.cmn-toggle-round + label:before,input.cmn-toggle-round + label:after {    display: block;    position: absolute;    top: 1px;    left: 1px;    bottom: 1px;    content: ""}
input.cmn-toggle-round + label:before {    right: 1px;    background-color: #f1f1f1;    -webkit-border-radius: 20px;    -moz-border-radius: 20px;    -ms-border-radius: 20px;    -o-border-radius: 20px;    border-radius: 20px;    -webkit-transition: background .4s;    -moz-transition: background .4s;   -o-transition: background .4s;    transition: background .4s}
input.cmn-toggle-round + label:after {    width: 18px;    background-color: #fff;    -webkit-border-radius: 100%;    -moz-border-radius: 100%;    -ms-border-radius: 100%;    -o-border-radius: 100%;    border-radius: 100%;    -webkit-box-shadow: 0 2px 5px rgba(0,0,0,0.3);    -moz-box-shadow: 0 2px 5px rgba(0,0,0,0.3);   box-shadow: 0 2px 5px rgba(0,0,0,0.3);    -webkit-transition: margin .4s;    -moz-transition: margin .4s;    -o-transition: margin .4s;    transition: margin .4s}
input.cmn-toggle-round:checked + label:before,input.cmn-toggle-on + label:before {    background-color: #8ce196}
input.cmn-toggle-round:checked + label:after,input.cmn-toggle-on + label:after {    margin-left: 20px}
input.cmn-toggle-on:checked + label:before {    background-color: #f1f1f1}
input.cmn-toggle-on:checked + label:after {    margin-left: 0}
img.iphone7 {    max-width: 350px;    float: right;    margin-right: 0}
@media(min-width: 768px) and (max-width:991px) {
    div.ruby-menu-demo-description {        position: relative;        width: 760px;        height: 160px;       margin: 0 auto;        padding: 0    } 
    div.ruby-menu-demo-description img {        max-width: 200px;        float: left;        margin: 50px 20px 0 0  }
    div.ruby-menu-demo-bg-light,div.ruby-menu-demo-bg-dark {        width: 760px;        font-size: 14px    }
    div.ruby-menu-demo-cs-1 {        width: 27%    }
    div.ruby-menu-demo-cs-2 {        width: 73%    }
    td.ruby-menu-demo-theme-td-1 {        max-width: 27px;        padding: 7px    }
    td.ruby-menu-demo-theme-td-2 {        min-width: 100px;        padding: 7px   }
    .ruby-menu-demo-circle {        width: 22px;        height: 22px;        border: 3px solid #222    }
    img.iphone7 {        max-width: 320px;        float: right;        margin-right: 20px    }
}

@media(max-width: 767px) {
    div.ruby-menu-demo-header {        width:100%;        height: auto    }
    div.ruby-menu-demo-description {        width: 100%;        margin: 0 auto;        margin-bottom: 220px;        padding: 10px;        text-align: center    }
    div.ruby-menu-demo-description img {        float: none;        margin: 90px 0 0    }
    div.ruby-menu-demo-download {        position: relative;        width: auto;        top: 25px;        right: auto;        left: auto   }
    div.ruby-menu-demo-download > span {        font-size: 20px;        margin: 25px auto    }
    div.ruby-menu-demo-download > span > span {        font-size: 26px    }
    button.ruby-btn {        padding: 14px 25px;        font-size: 16px;        text-transform: uppercase    }
    div.ruby-menu-demo-bg-light.ruby-menu-demo-switches {        display: none    }
    div.ruby-menu-demo-bg-light,div.ruby-menu-demo-bg-dark {        width: 100%;        font-size: 16px;        padding: 25px;       margin-bottom: -100px    }
    div.ruby-menu-demo-cv-1 {        width: 100%    }
    div.ruby-menu-demo-cv-2 {        width: 100%    }
    div.ruby-menu-demo-cv-3 {        width: 100%    }
    div.ruby-menu-demo-cv-4 {        width: 100%    }
    div.ruby-menu-demo-cr-1 {        width: 100%    }
    div.ruby-menu-demo-cr-2 {        width: 100%;        margin-top: 40px    }
    div.ruby-menu-demo-cf-1,div.ruby-menu-demo-cf-2,div.ruby-menu-demo-cf-3,div.ruby-menu-demo-cf-4 {        float: left;        width: 50%;        text-align: center    }
    div.ruby-menu-demo-f-desc {        margin-bottom: 30px    }
    img.iphone7 {        max-width: 300px;        float: none;      margin-right: 0 auto   }
}
ul.ruby-menu > li > a {    color: #222}
ul.ruby-menu > li > a:hover,ul.ruby-menu > li:hover > a,ul.ruby-menu > li.ruby-active-menu-item > a:hover,ul.ruby-menu > li.ruby-active-menu-item:hover > a {    background: #f73daa;    color: #fff}
ul.ruby-menu > li.ruby-active-menu-item > a {    background: #efefef;    color: #222}
ul.ruby-menu.ruby-menu-dividers > li > a,ul.ruby-menu.ruby-menu-dividers > li.ruby-menu-social > a {    border-left: 1px solid #ddd;   border-right: 1px solid #fff}
ul.ruby-menu.ruby-menu-dividers > li:first-child > a,ul.ruby-menu.ruby-menu-dividers > li.ruby-menu-social:last-child > a {    border-left: none}
ul.ruby-menu.ruby-vertical.ruby-menu-dividers > li > a {    border: none;    border-top: 1px solid #ddd;    border-bottom: 1px solid #fff}
ul.ruby-menu.ruby-vertical.ruby-menu-dividers > li:first-child > a {    border-top: none}
ul.ruby-menu.ruby-menu-dividers > li > a:hover,ul.ruby-menu.ruby-menu-dividers > li:hover > a {    border-left: 1px solid #222;    border-right: 1px solid #222}
ul.ruby-menu.ruby-vertical.ruby-menu-dividers > li > a:hover,ul.ruby-menu.ruby-vertical.ruby-menu-dividers > li:hover > a {    border-bottom: 1px solid #222}
ul.ruby-menu.ruby-menu-dividers > li.ruby-active-menu-item > a {    border-left: 1px solid #efefef;    border-right: 1px solid #fff}
ul.ruby-menu.ruby-vertical.ruby-menu-dividers > li.ruby-active-menu-item > a {    border-bottom: 1px solid #fff;    border-left: none;    border-right: none}
ul.ruby-menu.ruby-vertical.ruby-menu-dividers > li > a {    border-left: none;    border-right: none}
ul.ruby-menu.ruby-vertical.ruby-menu-dividers > li.ruby-active-menu-item > a:hover,ul.ruby-menu.ruby-vertical.ruby-menu-dividers > li.ruby-active-menu-item:hover > a {    border-bottom: 1px solid #222;    border-left: none}
ul.ruby-menu > li > ul,ul.ruby-menu > li > ul > li > ul,ul.ruby-menu > li > ul > li > ul > li > ul {    border-top: 4px solid #222}
ul.ruby-menu > li > ul > li > a,ul.ruby-menu > li > ul > li > ul > li > a,ul.ruby-menu > li > ul > li > ul > li > ul > li > a {    background: #fff;    color: #666}
ul.ruby-menu > li > ul > li:hover > a,ul.ruby-menu > li > ul > li > a:hover,ul.ruby-menu > li > ul > li > ul > li:hover > a,ul.ruby-menu > li > ul > li > ul > li > a:hover,ul.ruby-menu > li > ul > li > ul > li > ul > li:hover > a,ul.ruby-menu > li > ul > li > ul > li > ul > li > a:hover {    background: #efefef}
ul.ruby-menu > li.ruby-menu-mega > div,ul.ruby-menu > li.ruby-menu-mega-blog > div,ul.ruby-menu > li.ruby-menu-mega-shop > div {    background: #fff;}
ul.ruby-menu > li.ruby-menu-mega-blog > div > ul.ruby-menu-mega-blog-nav {    background: #efefef;}
ul.ruby-menu > li.ruby-menu-mega-blog > div > ul.ruby-menu-mega-blog-nav > li > a {    background: #efefef;    color: #666}
ul.ruby-menu > li.ruby-menu-mega-blog > div > ul.ruby-menu-mega-blog-nav > li.ruby-active-menu-item > a {    background: #e6e6e6;}
ul.ruby-menu > li.ruby-menu-mega-blog > div > ul.ruby-menu-mega-blog-nav > li > div {    background: #fff}
ul.ruby-menu > li.ruby-menu-mega-blog > div > ul.ruby-menu-mega-blog-nav > li:hover > a {    background: #ddd}
ul.ruby-menu > li.ruby-menu-mega-shop > div > ul {    background: #efefef;    border-bottom: 1px solid #ddd}
ul.ruby-menu > li.ruby-menu-mega-shop > div > ul > li > a {    color: #666}
ul.ruby-menu > li.ruby-menu-mega-shop > div > ul > li > div {    background: #fff}
ul.ruby-menu > li.ruby-menu-mega > div ul li > a,ul.ruby-menu > li.ruby-menu-mega-shop > div > ul > li > div ul > li > a {    color: #555}
ul.ruby-menu > li.ruby-menu-mega > div ul li > a:hover,ul.ruby-menu > li.ruby-menu-mega-shop > div > ul > li > div ul > li > a:hover {    color: #222}
ul.ruby-menu > li.ruby-menu-mega > div ul.ruby-list-with-images li span.ruby-list-desc {    color: #999}
span.ruby-c-title,span.ruby-c-title a {    color: #222}
span.ruby-c-title a:hover,span.ruby-c-category,span.ruby-c-category a,span.ruby-c-date,span.ruby-c-date a {    color: #444}
span.ruby-c-category a:hover,span.ruby-c-date a:hover {    color: #222}
@media(min-width: 768px) {
   ul.ruby-menu > li.ruby-menu-mega-shop > div > ul > li > a:before,ul.ruby-menu > li.ruby-menu-mega-shop > div > ul > li > a:after {        background-color:#222    }
   ul.ruby-menu > li.ruby-menu-mega-shop > div > ul > li > a:hover {        color: #333    }
   ul.ruby-menu > li.ruby-menu-mega-blog > div > ul.ruby-menu-mega-blog-nav > li.ruby-active-menu-item > a:after,ul.ruby-menu > li.ruby-menu-mega-blog > div > ul.ruby-menu-mega-blog-nav > li:hover > a:after {        border-color: transparent #fff transparent transparent    }
}

@media(max-width: 767px) {
   ul.ruby-menu > li > a {        background:#efefef    }
    ul.ruby-menu > li > a:hover,ul.ruby-menu > li:hover > a,ul.ruby-menu > li.ruby-active-menu-item > a:hover {        background: #ccc;        color: #111    }
    ul.ruby-menu > li.ruby-active-menu-item > a {        background: #ccc   }
    ul.ruby-menu > li > ul > li > a,ul.ruby-menu > li > ul > li > ul > li > a,ul.ruby-menu > li > ul > li > ul > li > ul > li > a,ul.ruby-menu > li.ruby-menu-mega-blog > div > ul.ruby-menu-mega-blog-nav > li > a,ul.ruby-menu > li.ruby-menu-mega-shop > div > ul > li > a {        background: #d1d1d1    }
    ul.ruby-menu > li > ul > li:hover > a,ul.ruby-menu > li > ul > li > a:hover,ul.ruby-menu > li > ul > li > ul > li:hover > a,ul.ruby-menu > li > ul > li > ul > li > a:hover,ul.ruby-menu > li > ul > li > ul > li > ul > li:hover > a,ul.ruby-menu > li > ul > li > ul > li > ul > li > a:hover {        background: #d9d9d9;        color: #111    }
    ul.ruby-menu > li > ul > li > ul > li > a {        background: #e5e5e5    }
    ul.ruby-menu > li > ul > li > ul > li:hover > a,ul.ruby-menu > li > ul > li > ul > li > a:hover {        background: #e1e1e1    }
    ul.ruby-menu > li > ul > li > ul > li > ul > li > a {        background: #efefef    }
    ul.ruby-menu > li > ul > li > ul > li > ul > li:hover > a,ul.ruby-menu > li > ul > li > ul > li > ul > li > a:hover {        background: #fff    }
    ul.ruby-menu > li.ruby-menu-mega-blog > div > ul.ruby-menu-mega-blog-nav > li.ruby-active-menu-item > a {        background: #bcbcbc    }
    ul.ruby-menu > li.ruby-menu-mega-blog > div > ul.ruby-menu-mega-blog-nav > li:hover > a {        background: #d9d9d9    }
    ul.ruby-menu > li.ruby-menu-mega-shop > div > ul > li.ruby-active-menu-item > a {        background: #bcbcbc    }
    ul.ruby-menu > li.ruby-menu-mega-shop > div > ul > li:hover > a,ul.ruby-menu > li.ruby-menu-mega-shop > div > ul > li > a:hover,ul.ruby-menu > li.ruby-menu-mega-shop > div > ul > li.ruby-active-menu-item > a {        background: #d9d9d9    }
    span.ruby-dropdown-toggle:after {        color: #fff    }
    ul.ruby-menu > li > a:before,ul.ruby-menu > li > ul > li > a:before,ul.ruby-menu > li > ul > li > ul > li > a:before,ul.ruby-menu > li > ul > li > ul > li > ul > li > a:before,ul.ruby-menu > li.ruby-menu-mega-blog > div > ul.ruby-menu-mega-blog-nav > li > a:before,ul.ruby-menu > li.ruby-menu-mega-shop > div > ul > li > a:before {        background: #333    }
    ul.ruby-menu > li > ul > li > a:before,ul.ruby-menu > li.ruby-menu-mega-blog > div > ul.ruby-menu-mega-blog-nav > li > a:before,ul.ruby-menu > li.ruby-menu-mega-shop > div > ul > li > a:before {        background: #555    }
    ul.ruby-menu > li > ul > li > ul > li > a:before {        background: #777    }
    ul.ruby-menu > li > ul > li > ul > li > ul > li > a:before {        background: #999    }
    .c-hamburger span {        background: #222    }
    .c-hamburger span::before,.c-hamburger span::after {        background-color: #222    }
    .c-hamburger--htx {        background-color: #efefef;        color: #222    }
    .c-hamburger--htx.is-active {        background-color: #ddd    }
    ul.ruby-menu > li.ruby-menu-mega > div,ul.ruby-menu > li.ruby-menu-mega-blog > div,ul.ruby-menu > li.ruby-menu-mega-shop > div {        border-top: none    }
    ul.ruby-menu > li > ul,ul.ruby-menu > li > ul > li > ul,ul.ruby-menu > li > ul > li > ul > li > ul {        border-top: none    }
    ul.ruby-menu.ruby-menu-dividers > li,ul.ruby-menu.ruby-menu-dividers > li > a,ul.ruby-menu.ruby-menu-dividers > li.ruby-menu-social > a,ul.ruby-menu.ruby-menu-dividers > li > a:hover,ul.ruby-menu.ruby-menu-dividers > li:hover > a {        border: none    }
}

/* transision */

span.ruby-dropdown-toggle {    transition: transform .3s ease}
span.ruby-dropdown-toggle:after {    transition: transform .3s ease}
@media(min-width: 767px) {    
    ul.ruby-menu > li > a:after {        transition:all .3s ease    }
    ul.ruby-menu > li > ul > li > a:after,ul.ruby-menu > li > ul > li > ul > li > a:after,ul.ruby-menu > li > ul > li > ul > li > ul > li > a:after {        transition: all .3s ease    }
    ul.ruby-menu > li > ul,ul.ruby-menu > li > div {        transform: translateY(25px);        transition: all .3s ease    }
    ul.ruby-menu > li:hover > ul,ul.ruby-menu > li:hover > div {        transform: translateY(0)    }
    ul.ruby-menu.ruby-vertical > li > ul,ul.ruby-menu.ruby-vertical > li > div {        transform: translateX(25px);        transition: all .3s ease    }
    ul.ruby-menu.ruby-vertical > li:hover > ul,ul.ruby-menu.ruby-vertical > li:hover > div {        transform: translateX(0)    }
    ul.ruby-menu > li > ul > li > ul,ul.ruby-menu > li > ul > li > ul > li > ul,ul.ruby-menu > li > ul > li > ul > li > ul > li > ul {        transform: translateX(25px);        transition: all .3s ease    }
    ul.ruby-menu > li > ul > li:hover > ul,ul.ruby-menu > li > ul > li > ul > li:hover > ul,ul.ruby-menu > li > ul > li > ul > li > ul > li:hover > ul {        transform: translateX(0)    }
    ul.ruby-menu > li > ul > li.ruby-open-to-left > ul,ul.ruby-menu > li > ul > li > ul > li.ruby-open-to-left > ul,ul.ruby-menu > li > ul > li > ul > li > ul > li.ruby-open-to-left > ul {        transform: translateX(-25px);        transition: all .3s ease    }
    ul.ruby-menu > li > ul > li.ruby-open-to-left:hover > ul,ul.ruby-menu > li > ul > li > ul > li.ruby-open-to-left:hover > ul,ul.ruby-menu > li > ul > li > ul > li > ul > li.ruby-open-to-left:hover > ul {        transform: translateX(0)    }
    ul.ruby-menu > li.ruby-menu-mega-blog > div > ul.ruby-menu-mega-blog-nav > li > div {        transform: translateY(-50px);        transition: all .5s ease    }
    ul.ruby-menu > li.ruby-menu-mega-blog:hover > div > ul.ruby-menu-mega-blog-nav > li.ruby-active-menu-item > div,ul.ruby-menu > li.ruby-menu-mega-blog > div > ul.ruby-menu-mega-blog-nav > li:hover > div {        transform: translateY(0)    }
    ul.ruby-menu.ruby-vertical > li.ruby-menu-mega-blog > div > ul.ruby-menu-mega-blog-nav > li > div {        transform: translateX(50px);        transition: all .5s ease   }
    ul.ruby-menu.ruby-vertical > li.ruby-menu-mega-blog:hover > div > ul.ruby-menu-mega-blog-nav > li.ruby-active-menu-item > div,ul.ruby-menu.ruby-vertical > li.ruby-menu-mega-blog > div > ul.ruby-menu-mega-blog-nav > li:hover > div {        transform: translateX(0)    }
    ul.ruby-menu > li.ruby-menu-mega-shop > div > ul > li > div {        transform: translateY(-50px);        transition: all .5s ease    }
    ul.ruby-menu > li.ruby-menu-mega-shop:hover > div > ul > li.ruby-active-menu-item > div,ul.ruby-menu > li.ruby-menu-mega-shop > div > ul > li:hover > div {        transform: translateY(0)    }
    ul.ruby-menu.ruby-vertical > li.ruby-menu-mega-shop > div > ul > li > div {        transform: translateX(50px);        transition: all .5s ease    }
    ul.ruby-menu.ruby-vertical > li.ruby-menu-mega-shop:hover > div > ul > li.ruby-active-menu-item > div,ul.ruby-menu.ruby-vertical > li.ruby-menu-mega-shop > div > ul > li:hover > div {        transform: translateX(0)    }
    ul.ruby-menu > li.ruby-menu-mega-shop > div > ul > li > a:before,ul.ruby-menu > li.ruby-menu-mega-shop > div > ul > li > a:after {        -webkit-transition: all .4s ease;        transition: all .4s ease    }
}




div.ruby-wrapper ul {    margin: 0;    padding: 0;    list-style: none}
div.ruby-wrapper > ul {    position: relative}
ul.ruby-menu > li {    float: left;    font-size: 14px}
ul.ruby-menu > li.ruby-menu-right {    float: right}
ul.ruby-menu > li > a {    display: block;    line-height: 50px;    padding: 0 25px 0 15px;    color: #fff !important;    text-decoration: none;    font-size: 16px;    font-weight: 700;    text-transform: uppercase}
ul.ruby-menu > li > a:only-child {    padding: 0 15px}
ul.ruby-menu > li > a:only-child:after,ul.ruby-menu > li:hover > a:only-child:after {    content: ''}
ul.ruby-menu > li.ruby-active-menu-item > a {    background: #17a47d}
ul.ruby-menu > li > a .fa {    position: relative;    width: 24px}
ul.ruby-menu > li > a > img {    max-width: 16px;    display: block}
ul.ruby-menu > li.ruby-menu-social > a {    padding: 0;    width: 30px;    padding: 0 8px;    font-size: 16px}
ul.ruby-menu > li.ruby-menu-social > a > span {    display: none}
ul.ruby-menu > li.ruby-menu-social.ruby-menu-search > a,ul.ruby-menu.ruby-menu-dividers > li.ruby-menu-social.ruby-menu-search > a {    transition: all .5s ease;    max-height: 50px;   width: 30px;    transition: all .5s ease;    transition-delay: .3s}
ul.ruby-menu > li.ruby-menu-social.ruby-menu-search > a:hover,ul.ruby-menu.ruby-menu-dividers > li.ruby-menu-social.ruby-menu-search > a:hover {    width: 120px}
ul.ruby-menu > li.ruby-menu-social.ruby-menu-search > a:hover > span input,ul.ruby-menu.ruby-menu-dividers > li.ruby-menu-social.ruby-menu-search > a:hover > span input {    transform: scaleY(1);    max-width: 80px}
ul.ruby-menu > li.ruby-menu-social.ruby-menu-search > a span,ul.ruby-menu.ruby-menu-dividers > li.ruby-menu-social.ruby-menu-search > a span {    display: inline}
ul.ruby-menu > li.ruby-menu-social.ruby-menu-search > a > span input,ul.ruby-menu.ruby-menu-dividers > li.ruby-menu-social.ruby-menu-search > a > span input {    position: absolute;    width: 80px;    height: 50px;    line-height: 50px;    margin: 0;    background: none;    color: #efefef;    border: none;    font-size: 14px;   font-weight: 700;    text-transform: uppercase;    max-width: 0;    transform: scaleY(0);    transition: all .5s ease;    transition-delay: .3s}
ul.ruby-menu > li.ruby-menu-social.ruby-menu-search > a > span input:focus {    outline: none;    color: #efefef}
ul.ruby-menu > li.ruby-menu-social.ruby-menu-search > a > span input::-webkit-input-placeholder {    color: #efefef}
ul.ruby-menu.ruby-menu-dividers > li > a,ul.ruby-menu.ruby-menu-dividers > li.ruby-menu-social > a {    border-left: 1px solid #111;    border-right: 1px solid #666}
ul.ruby-menu.ruby-menu-dividers > li:first-child > a,ul.ruby-menu.ruby-menu-dividers > li.ruby-menu-social:last-child > a {    border-left: none}
ul.ruby-menu.ruby-vertical.ruby-menu-dividers > li > a {    border: none;    border-top: 1px solid #111;    border-bottom: 1px solid #666}
ul.ruby-menu.ruby-vertical.ruby-menu-dividers > li:first-child > a {    border-top: none}
ul.ruby-menu.ruby-menu-dividers > li > a:hover,ul.ruby-menu.ruby-menu-dividers > li:hover > a {    border-right: 1px solid #19ad86}
ul.ruby-menu.ruby-vertical.ruby-menu-dividers > li > a:hover,ul.ruby-menu.ruby-vertical.ruby-menu-dividers > li:hover > a {    border-bottom: 1px solid #19ad86}
ul.ruby-menu.ruby-menu-dividers > li.ruby-active-menu-item > a {    border-right: 1px solid #17a47d}
ul.ruby-menu.ruby-vertical.ruby-menu-dividers > li.ruby-active-menu-item > a {    border-bottom: 1px solid #17a47d}
ul.ruby-menu > li > ul,ul.ruby-menu > li > ul > li > ul,ul.ruby-menu > li > ul > li > ul > li > ul {    position: absolute;    -webkit-box-shadow: 0 8px 24px -5px #ccc;    -moz-box-shadow: 0 8px 24px -5px #ccc;    box-shadow: 0 8px 24px -5px #ccc;    border-top: 4px solid #19ad86}
ul.ruby-menu > li > ul > li,ul.ruby-menu > li > ul > li > ul > li {    position: relative}
ul.ruby-menu > li > ul > li > a,ul.ruby-menu > li > ul > li > ul > li > a,ul.ruby-menu > li > ul > li > ul > li > ul > li > a {    display: block;    width: 170px;    line-height: 40px;    padding: 0 35px 0 25px;    background: #fff;    color: #666;    text-decoration: none;    font-size: 14px}
ul.ruby-menu > li > ul > li:hover > a,ul.ruby-menu > li > ul > li > a:hover,ul.ruby-menu > li > ul > li > ul > li:hover > a,ul.ruby-menu > li > ul > li > ul > li > a:hover,ul.ruby-menu > li > ul > li > ul > li > ul > li:hover > a,ul.ruby-menu > li > ul > li > ul > li > ul > li > a:hover {    background: #efefef}
ul.ruby-menu > li > ul > li > a:only-child:after,ul.ruby-menu > li > ul > li > ul > li > a:only-child:after,ul.ruby-menu > li > ul > li > ul > li > ul > li > a:only-child:after {    content: ""}
ul.ruby-menu > li > ul > li > a .fa,ul.ruby-menu > li > ul > li > ul > li > a .fa,ul.ruby-menu > li > ul > li > ul > li > ul > li > a .fa {    position: relative;    width: 24px}
ul.ruby-menu > li.ruby-menu-right > ul {    right: 0}
ul.ruby-menu > li > ul > li > ul,ul.ruby-menu > li > ul > li > ul > li > ul {    left: 170px;    top: -4px;    z-index: 100}
ul.ruby-menu > li > ul > li.ruby-open-to-left > ul,ul.ruby-menu > li > ul > li > ul > li.ruby-open-to-left > ul {    left: auto;    right: 170px}
ul.ruby-menu > li.ruby-menu-mega > div,ul.ruby-menu > li.ruby-menu-mega-blog > div,ul.ruby-menu > li.ruby-menu-mega-shop > div {    position: absolute;    width: 100%;    height: auto;    top: 50px;    left: 0;    background: #fff;    overflow: hidden;    -webkit-box-shadow: 0 8px 24px -5px #ccc;    -moz-box-shadow: 0 8px 24px -5px #ccc;    box-shadow: 0 8px 24px -5px #ccc;    background: url(images/submenu.jpg);}
ul.ruby-menu > li.ruby-menu-mega-blog > div > ul.ruby-menu-mega-blog-nav {    position: relative;    width: 200px;    height: 100%;    left: 0;    top: 0;   background: #efefef;}
ul.ruby-menu > li.ruby-menu-mega-blog > div > ul.ruby-menu-mega-blog-nav > li {    font-size: 14px}
ul.ruby-menu > li.ruby-menu-mega-blog > div > ul.ruby-menu-mega-blog-nav > li > a {    display: block;    line-height: 40px;    padding: 0 15px;    background: #efefef;    color: #666;    text-decoration: none}
ul.ruby-menu > li.ruby-menu-mega-blog > div > ul.ruby-menu-mega-blog-nav > li.ruby-active-menu-item > a {    background: #e6e6e6}
ul.ruby-menu > li.ruby-menu-mega-blog > div > ul.ruby-menu-mega-blog-nav > li > div {    position: absolute;    width: 780px;    height: auto;    min-height: 100%;    left: 200px;    top: 0;    background: #fff}
ul.ruby-menu > li.ruby-menu-mega-blog > div > ul.ruby-menu-mega-blog-nav > li:hover > a {    background: #ddd}
ul.ruby-menu > li.ruby-menu-mega-shop > div {    text-align: center;    z-index: 999999; height: 350px; overflow: auto;}
ul.ruby-menu > li.ruby-menu-mega-shop > div > ul {    width: 100%;    background: #d31367;    margin: 0 auto;    padding: 0;    border-bottom: 1px solid #ddd;    font-size: 0;    z-index: 100}
ul.ruby-menu > li.ruby-menu-mega-shop > div > ul > li {    display: inline-block;    margin: 0}
ul.ruby-menu > li.ruby-menu-mega-shop > div > ul > li > a {    display: block;    padding: 20px 15px;    text-transform: uppercase;    font-weight: 700;    font-size: 16px;    font-stretch: expanded;    color: #fff;}
ul.ruby-menu > li.ruby-menu-mega-shop > div > ul > li:hover > a,ul.ruby-menu > li.ruby-menu-mega-shop > div > ul > li > a:hover,ul.ruby-menu > li.ruby-menu-mega-shop > div > ul > li.ruby-active-menu-item > a {    text-decoration: none}
ul.ruby-menu > li.ruby-menu-mega-shop > div > ul > li > a {    position: relative;    text-decoration: none;    display: inline-block}
ul.ruby-menu > li.ruby-menu-mega-shop > div > ul > li > div {    position: absolute;    width: 100%;    left: 0;    top: auto;    margin-top: 1px;    text-align: left;   background: url(images/submenu.jpg);  z-index: -1}
div.ruby-grid,div.ruby-grid-lined {    position: relative;    width: 100%;    padding: 0;    margin: 0}
div.ruby-grid > div.ruby-row {    position: relative;    width: 100%;    height: auto}
div.ruby-grid > div.ruby-row div.ruby-row [class^="ruby-col"] {    margin-top: 16px}
div.ruby-grid > div.ruby-row div.ruby-row:first-of-type [class^="ruby-col"] {    margin-top: 0}
div.ruby-grid.ruby-grid-lined > div.ruby-row:after {    content: "";    width: 100%;    height: 1px;    left: 0;    bottom: 0;    background: -webkit-linear-gradient(left,rgba(204,204,204,0) 0%,rgba(204,204,204,0.48) 24%,rgba(204,204,204,1) 50%,rgba(204,204,204,0.42) 79%,rgba(204,204,204,0) 100%)}
div.ruby-grid.ruby-grid-lined > div.ruby-row:last-child:after {    height: 0}
div.ruby-grid > div.ruby-row::after {    content: "";    display: table;    clear: both}
div.ruby-grid > div.ruby-row [class^="ruby-col"] {    position: relative;    float: left;    height: auto}
div.ruby-grid > div.ruby-row > [class^="ruby-col"] {    padding: 16px}
div.ruby-grid > div.ruby-row > [class^="ruby-col"] [class^="ruby-col"] {    padding-left: 16px}
div.ruby-grid > div.ruby-row > [class^="ruby-col"] [class^="ruby-col"]:first-of-type {    padding-left: 0}
div.ruby-grid > div.ruby-row div.ruby-col-1 {    width: 8.33%}
div.ruby-grid > div.ruby-row div.ruby-col-2 {    width: 16.66%}
div.ruby-grid > div.ruby-row div.ruby-col-3 {    width: 25%}
div.ruby-grid > div.ruby-row div.ruby-col-4 {    width: 33.33%}
div.ruby-grid > div.ruby-row div.ruby-col-5 {    width: 41.66%}
div.ruby-grid > div.ruby-row div.ruby-col-6 {    width: 50%}
div.ruby-grid > div.ruby-row div.ruby-col-7 {    width: 58.33%}
div.ruby-grid > div.ruby-row div.ruby-col-8 {    width: 66.66%}
div.ruby-grid > div.ruby-row div.ruby-col-9 {    width: 75%}
div.ruby-grid > div.ruby-row div.ruby-col-10 {    width: 83.33%}
div.ruby-grid > div.ruby-row div.ruby-col-11 {    width: 91.66%}
div.ruby-grid > div.ruby-row div.ruby-col-12 {    width: 100%}
div.ruby-grid.ruby-grid-lined > div.ruby-row > div[class^="ruby-col"]:after {    content: "";    position: absolute;    top: 0;    width: 1px;    height: 100%;    right: 0;    background: -webkit-linear-gradient(top,rgba(204,204,204,0) 0%,rgba(204,204,204,0.48) 24%,rgba(204,204,204,1) 50%,rgba(204,204,204,0.42) 79%,rgba(204,204,204,0) 100%)}
div.ruby-grid.ruby-grid-lined > div.ruby-row > div[class^="ruby-col"]:last-child:after {    width: 0}
ul.ruby-menu > li.ruby-menu-mega > div ul,ul.ruby-menu > li.ruby-menu-mega-shop > div > ul > li > div ul {    margin: 0;}
ul.ruby-menu > li.ruby-menu-mega > div ul li,ul.ruby-menu > li.ruby-menu-mega-shop > div > ul > li > div ul > li {    position: relative;    line-height: 28px;    display: block;    width: 100%}
ul.ruby-menu > li.ruby-menu-mega > div ul li > a, ul.ruby-menu > li.ruby-menu-mega-shop > div > ul > li > div ul > li > a {
    font-size: 16px;
    font-weight: 600;
    text-decoration: none;
    color: #1b1b1b;
    display: inline-block;
    background: white;
    width: 100%;
    box-shadow: rgba(0, 0, 0, 0.16) 0px 1px 4px;
    padding: 5px;
}
ul.ruby-menu > li.ruby-menu-mega > div ul li > a:hover,ul.ruby-menu > li.ruby-menu-mega-shop > div > ul > li > div ul > li > a:hover { color: #bf0858;    text-decoration: none;}
ul.ruby-menu > li.ruby-menu-mega > div ul li .fa,ul.ruby-menu > li.ruby-menu-mega-shop > div > ul > li > div ul > li .fa {    position: relative;}
ul.ruby-menu > li.ruby-menu-mega > div ul.ruby-list-with-images li {    height: 50px;}
ul.ruby-menu > li.ruby-menu-mega > div ul.ruby-list-with-images li span.ruby-list-desc {    font-size: 11px;    display: block;    position: absolute;    top: 16px;    left: 72px;    color: #999;}
ul.ruby-menu > li.ruby-menu-mega > div ul li > a > img {    float: left;    width: 60px;    margin-right: 12px}
span.ruby-c-title,span.ruby-c-category,span.ruby-c-date {    position: relative;    display: block}
span.ruby-c-title a,span.ruby-c-category a,span.ruby-c-date a {    text-decoration: none}
span.ruby-c-title,span.ruby-c-title a {    font-size: 14px;    font-weight: 700;    text-transform: capitalize;    line-height: 20px;    margin-top: -5px;    color: #222}
span.ruby-c-title a:hover {    color: #444;    text-decoration: underline}
span.ruby-c-category,span.ruby-c-category a {    font-size: 11px;    margin: 9px 0;    color: #444}
span.ruby-c-date,span.ruby-c-date a {    font-size: 11px;    color: #444}
span.ruby-c-category a:hover,span.ruby-c-date a:hover {    color: #19ad86}
div.ruby-c-inline {    display: block;    position: relative;    height: 14px;    margin: 7px 0}
div.ruby-c-inline span.ruby-c-category,div.ruby-c-inline span.ruby-c-date {    position: absolute;    display: inline-block}
div.ruby-c-inline span.ruby-c-date {    right: 0}
div.ruby-c-inline span.ruby-c-category,div.ruby-c-inline span.ruby-c-category a {    margin: 0}
span.ruby-c-content {    display: block;    position: relative;    top: 7px;    font-size: 12px;    line-height: 18px;    text-align: justify}
.ruby-wrapper .visible-xs {    visibility: hidden;    position: absolute}
@media(min-width: 768px) {
    div.ruby-wrapper.ruby-menu-transparent {        background:none    }
    div.ruby-wrapper.ruby-menu-transparent > ul.ruby-menu > li.ruby-active-menu-item > a {        background: none    }
    div.ruby-wrapper.ruby-menu-transparent > ul.ruby-menu > li.ruby-menu-social > a {        border: none    }
    div.ruby-wrapper.ruby-menu-transparent > ul.ruby-menu.ruby-menu-dividers > li > a {        border: none    }
    div.ruby-wrapper.ruby-menu-transparent > ul.ruby-menu > li:hover > a,div.ruby-wrapper.ruby-menu-transparent > ul.ruby-menu > li > a:hover,div.ruby-wrapper.ruby-menu-transparent > ul.ruby-menu.ruby-menu-dividers > li:hover > a,div.ruby-wrapper.ruby-menu-transparent > ul.ruby-menu.ruby-menu-dividers > li > a:hover {        background: none;        color: #e2e2e2    }
    div.ruby-wrapper.ruby-menu-transparent > ul.ruby-menu > li.ruby-menu-social.ruby-menu-search > a:hover,div.ruby-wrapper.ruby-menu-transparent > ul.ruby-menu > li.ruby-menu-social.ruby-menu-search:hover > a {        background: none    }
    div.ruby-wrapper.ruby-menu-full-width {        width: 100%    }
    div.ruby-wrapper.ruby-menu-full-width > ul.ruby-menu {        width: 980px;        margin: 0 auto    }
    ul.ruby-menu > li > ul,ul.ruby-menu > li > ul > li > ul,ul.ruby-menu > li > ul > li > ul > li > ul {        visibility: hidden;        opacity: 0    }
    ul.ruby-menu > li:hover > ul,ul.ruby-menu > li > ul > li:hover > ul,ul.ruby-menu > li > ul > li > ul > li:hover > ul {        visibility: visible;        opacity: 1    }
    ul.ruby-menu > li.ruby-menu-mega > div,ul.ruby-menu > li.ruby-menu-mega-blog > div,ul.ruby-menu > li.ruby-menu-mega-shop > div {        visibility: hidden;        opacity: 0    }
    ul.ruby-menu > li.ruby-menu-mega:hover > div,ul.ruby-menu > li.ruby-menu-mega-blog:hover > div,ul.ruby-menu > li.ruby-menu-mega-shop:hover > div {        visibility: visible;        opacity: 1    }
    ul.ruby-menu > li.ruby-menu-mega-blog > div > ul.ruby-menu-mega-blog-nav > li > div {        visibility: hidden;        opacity: 0    }
    ul.ruby-menu > li.ruby-menu-mega-blog:hover > div > ul.ruby-menu-mega-blog-nav > li.ruby-active-menu-item > div {        visibility: visible;        opacity: 1    }
    ul.ruby-menu > li.ruby-menu-mega-blog > div > ul.ruby-menu-mega-blog-nav > li:hover > div {        visibility: visible;        opacity: 1;        z-index: 101    }
    ul.ruby-menu > li.ruby-menu-mega-shop > div > ul > li > div {        visibility: hidden;        opacity: 0    }
    ul.ruby-menu > li.ruby-menu-mega-shop:hover > div > ul > li.ruby-active-menu-item > div,ul.ruby-menu > li.ruby-menu-mega-shop > div > ul > li:hover > div {        visibility: visible;        opacity: 1   }
    ul.ruby-menu > li.ruby-menu-mega-shop > div > ul > li > a:before,ul.ruby-menu > li.ruby-menu-mega-shop > div > ul > li > a:after {        height: 1px;        position: absolute;        content: '';        background-color: #fff;        width: 0    }
    ul.ruby-menu > li.ruby-menu-mega-shop > div > ul > li > a:before {        top: 10px;        left: 5%    }
    ul.ruby-menu > li.ruby-menu-mega-shop > div > ul > li > a:after {        bottom: 10px;        right: 5%    }
    ul.ruby-menu > li.ruby-menu-mega-shop > div > ul > li > a:hover,.snip1217 .current a {        color: #fff;    }
    ul.ruby-menu > li.ruby-menu-mega-shop > div > ul > li > a:hover:before,ul.ruby-menu > li.ruby-menu-mega-shop > div > ul > li.ruby-active-menu-item > a:before,ul.ruby-menu > li.ruby-menu-mega-shop > div > ul > li > a:hover:after,ul.ruby-menu > li.ruby-menu-mega-shop > div > ul > li.ruby-active-menu-item > a:after,ul.ruby-menu > li.ruby-menu-mega-shop > div > ul > li:hover > a:before,ul.ruby-menu > li.ruby-menu-mega-shop > div > ul > li:hover > a:after {        width: 90%    }
    ul.ruby-menu > li > a:after {        font-family: "FontAwesome";        text-decoration: none;        content: '\f107';       position: absolute;        margin-left: 5px    }
    ul.ruby-menu > li:hover > a:after {        -webkit-transform: rotate(-180deg);        -moz-transform: rotate(-180deg);        -o-transform: rotate(-180deg);        -ms-transform: rotate(-180deg);        transform: rotate(-180deg)    }
    ul.ruby-menu > li > ul > li > a:after,ul.ruby-menu > li > ul > li > ul > li > a:after,ul.ruby-menu > li > ul > li > ul > li > ul > li > a:after {        font-family: "FontAwesome";        text-decoration: none;        font-size: 16px;        padding: 0;        content: '\f105';        position: absolute;        right: 15px    }
    ul.ruby-menu > li > ul > li:hover > a:after,ul.ruby-menu > li > ul > li > ul > li:hover > a:after,ul.ruby-menu > li > ul > li > ul > li > ul > li:hover > a:after {        -webkit-transform: rotate(-180deg);        -moz-transform: rotate(-180deg);        -o-transform: rotate(-180deg);        -ms-transform: rotate(-180deg);        transform: rotate(-180deg)    }
    ul.ruby-menu > li > ul > li.ruby-open-to-left > a:after,ul.ruby-menu > li > ul > li > ul > li.ruby-open-to-left > a:after,ul.ruby-menu > li > ul > li > ul > li > ul > li.ruby-open-to-left > a:after {        content: '\f104';        right: auto;        left: 10px    }
    ul.ruby-menu > li > ul > li.ruby-open-to-left:hover > a:after,ul.ruby-menu > li > ul > li > ul > li.ruby-open-to-left:hover > a:after,ul.ruby-menu > li > ul > li > ul > li > ul > li.ruby-open-to-left:hover > a:after {        -webkit-transform: rotate(-180deg);        -moz-transform: rotate(-180deg);        -o-transform: rotate(-180deg);        -ms-transform: rotate(-180deg);        transform: rotate(-180deg)    }
    ul.ruby-menu > li.ruby-menu-mega-blog > div > ul.ruby-menu-mega-blog-nav > li.ruby-active-menu-item > a:after,ul.ruby-menu > li.ruby-menu-mega-blog > div > ul.ruby-menu-mega-blog-nav > li:hover > a:after {        content: "";        position: absolute;        right: 0;        margin-top: 13px;        width: 0;        height: 0;        border-style: solid;        border-width: 6px 8px 6px 0;        border-color: transparent #fff transparent transparent    }
  }
/* responsive */
@media(max-width: 767px) {
div.ruby-wrapper .hidden-xs {        visibility:hidden;        display: none    }
div.ruby-wrapper {        position: absolute;        width: 100%;        top: 0;        background: #111;}
.ruby-wrapper .visible-xs {        visibility: visible;        position: absolute;        left: 0;        top: 0  }
 div.ruby-wrapper > ul {        position: absolute;        top: 50px;        width: 100%    }
 ul.ruby-menu > li,ul.ruby-menu > li.ruby-menu-right {        float: none    }
 ul.ruby-menu > li > a {        padding: 0 65px;        background: #19ad86    }
 ul.ruby-menu > li > a:only-child {        padding: 0 65px    }
 ul.ruby-menu > li > a:hover,ul.ruby-menu > li:hover > a,ul.ruby-menu > li.ruby-active-menu-item > a:hover {        background: #127e61    }
 ul.ruby-menu > li.ruby-active-menu-item > a {        background: #159572    }
 ul.ruby-menu > li.ruby-menu-social > a > span {        display: block    }
 ul.ruby-menu > li > ul,ul.ruby-menu > li > ul > li > ul,ul.ruby-menu > li > ul > li > ul > li > ul {        position: relative;        width: 100%;        -webkit-box-shadow: none;        -moz-box-shadow: none;        box-shadow: none;        border-top: none    }
 ul.ruby-menu > li,ul.ruby-menu > li > ul > li,ul.ruby-menu > li > ul > li > ul > li,ul.ruby-menu > li > ul > li > ul > li > ul > li {      position: relative }
 ul.ruby-menu > li > ul > li > a,ul.ruby-menu > li > ul > li > ul > li > a,ul.ruby-menu > li > ul > li > ul > li > ul > li > a {     width: 100%;       line-height: 50px;        padding: 0 80px;        background: #d1d1d1    }
 ul.ruby-menu > li > ul > li:hover > a,ul.ruby-menu > li > ul > li > a:hover,ul.ruby-menu > li > ul > li > ul > li:hover > a,ul.ruby-menu > li > ul > li > ul > li > a:hover,ul.ruby-menu > li > ul > li > ul > li > ul > li:hover > a,ul.ruby-menu > li > ul > li > ul > li > ul > li > a:hover {        background: #d9d9d9;        color: #111    }
 ul.ruby-menu > li > ul > li > ul,ul.ruby-menu > li > ul > li > ul > li > ul {        left: auto;        top: auto;       z-index: auto  }
 ul.ruby-menu > li > ul > li.ruby-open-to-left > ul,ul.ruby-menu > li > ul > li > ul > li.ruby-open-to-left > ul {        left: auto;        right: auto    }
 ul.ruby-menu > li > ul > li > ul > li > a {        background: #e5e5e5;        padding: 0 95px    }
 ul.ruby-menu > li > ul > li > ul > li:hover > a,ul.ruby-menu > li > ul > li > ul > li > a:hover {        background: #e1e1e1    }
 ul.ruby-menu > li > ul > li > ul > li > ul > li > a {        background: #efefef;        padding: 0 110px }
 ul.ruby-menu > li > ul > li > ul > li > ul > li:hover > a,ul.ruby-menu > li > ul > li > ul > li > ul > li > a:hover {     background: #fff    }
 ul.ruby-menu > li.ruby-menu-social > a {     border: none  }
 ul.ruby-menu > li.ruby-menu-mega,ul.ruby-menu > li.ruby-menu-mega-blog,ul.ruby-menu > li.ruby-menu-mega-shop {     position: relative  }
ul.ruby-menu > li.ruby-menu-mega > div,ul.ruby-menu > li.ruby-menu-mega-blog > div,ul.ruby-menu > li.ruby-menu-mega-shop > div {        position: relative;        top: auto;        left: auto;        border-top: none;        -webkit-box-shadow: none;        -moz-box-shadow: none;        box-shadow: none    }
ul.ruby-menu > li.ruby-menu-mega-blog > div > ul.ruby-menu-mega-blog-nav {        width: 100%;        height: auto;        left: auto;        top: auto   }
ul.ruby-menu > li.ruby-menu-mega-blog > div > ul.ruby-menu-mega-blog-nav > li {        position: relative    }
ul.ruby-menu > li.ruby-menu-mega-blog > div > ul.ruby-menu-mega-blog-nav > li > a {        line-height: 50px;        padding: 0 75px;        background: #d1d1d1;        color: #222    }
ul.ruby-menu > li.ruby-menu-mega-blog > div > ul.ruby-menu-mega-blog-nav > li.ruby-active-menu-item > a {        background: #bcbcbc    }
ul.ruby-menu > li.ruby-menu-mega-blog > div > ul.ruby-menu-mega-blog-nav > li > div {     position: relative;      width: 100%;        min-height: auto;        left: auto;        top: auto;        z-index: auto    }
ul.ruby-menu > li.ruby-menu-mega-blog > div > ul.ruby-menu-mega-blog-nav > li:hover > a {        background: #d9d9d9    }
ul.ruby-menu > li.ruby-menu-mega-shop > div {        position: relative;        text-align: left    }
ul.ruby-menu > li.ruby-menu-mega-shop > div > ul {        position: relative;        border: none;        font-size: 14px;        margin-bottom: -1px    }
ul.ruby-menu > li.ruby-menu-mega-shop > div > ul > li {        position: relative;        display: block;        margin-top: -1px    }
ul.ruby-menu > li.ruby-menu-mega-shop > div > ul > li > a {        padding: 0 80px;        line-height: 50px;        max-height: 50px;        text-transform: none;        font-weight: 400;        background: #d1d1d1;        color: #222;        border: none    }
ul.ruby-menu > li.ruby-menu-mega-shop > div > ul > li.ruby-active-menu-item > a {        background: #bcbcbc    }
ul.ruby-menu > li.ruby-menu-mega-shop > div > ul > li:hover > a,ul.ruby-menu > li.ruby-menu-mega-shop > div > ul > li > a:hover,ul.ruby-menu > li.ruby-menu-mega-shop > div > ul > li.ruby-active-menu-item > a {        background: #d9d9d9    }
ul.ruby-menu > li.ruby-menu-mega-shop > div > ul > li > a {        display: block    }
ul.ruby-menu > li.ruby-menu-mega-shop > div > ul > li > div {        position: relative;        top: 0;        z-index: 9999;        margin: 0    }
ul.ruby-menu > li.ruby-menu-social img {        display: inline-table;        position: absolute;        top: 15px;}
ul.ruby-menu > li.ruby-menu-social > a {        width: 100%    }
ul.ruby-menu > li.ruby-menu-social .fa {        position: absolute;        top: 17px    }
ul.ruby-menu > li.ruby-menu-social span {        line-height: 50px;        padding: 0 25px    }
span.ruby-dropdown-toggle {        position: absolute;        width: 50px;        height: 50px;        max-width: 50px;        max-height: 50px;        left: 0;        top: 0;        padding: 10px 17px;       z-index: 1000000;        cursor: pointer    }
span.ruby-dropdown-toggle:after {        font-family: "FontAwesome";        text-decoration: none;        content: '\f107';        color: #fff;        font-size: 25px;        right: 0    }
span.ruby-dropdown-toggle.ruby-dropdown-toggle-rotate {        -webkit-transform: rotate(180deg);        -moz-transform: rotate(180deg);        -o-transform: rotate(180deg);        -ms-transform: rotate(180deg);        transform: rotate(180deg)    }
    ul.ruby-menu > li > a:before,ul.ruby-menu > li > ul > li > a:before,ul.ruby-menu > li > ul > li > ul > li > a:before,ul.ruby-menu > li > ul > li > ul > li > ul > li > a:before,ul.ruby-menu > li.ruby-menu-mega-blog > div > ul.ruby-menu-mega-blog-nav > li > a:before,ul.ruby-menu > li.ruby-menu-mega-shop > div > ul > li > a:before {        content: "";        width: 50px;        height: 50px;        background: #333;        position: absolute;        left: 0;        top: 0    }
    ul.ruby-menu > li > ul > li > a:before,ul.ruby-menu > li.ruby-menu-mega-blog > div > ul.ruby-menu-mega-blog-nav > li > a:before,ul.ruby-menu > li.ruby-menu-mega-shop > div > ul > li > a:before {        background: #555    }
    ul.ruby-menu > li > ul > li > ul > li > a:before {        background: #777    }
    ul.ruby-menu > li > ul > li > ul > li > ul > li > a:before {        background: #999    }
    ul.ruby-menu > li > ul > li > ul > li > ul,ul.ruby-menu > li > ul > li > ul,ul.ruby-menu > li > ul,ul.ruby-menu,ul.ruby-menu > li.ruby-menu-mega > div,ul.ruby-menu > li.ruby-menu-mega-blog > div > ul.ruby-menu-mega-blog-nav > li > div,ul.ruby-menu > li.ruby-menu-mega-shop > div > ul > li > div,ul.ruby-menu > li.ruby-menu-mega-blog > div,ul.ruby-menu > li.ruby-menu-mega-shop > div {        max-height: 0;        transform: scaleY(0);        overflow: hidden    }
    ul.ruby-menu > li > ul.ruby-mobile-sublevel-show,ul.ruby-menu > li > ul > li > ul.ruby-mobile-sublevel-show,ul.ruby-menu > li > ul > li > ul > li > ul.ruby-mobile-sublevel-show,ul.ruby-menu.ruby-mobile-sublevel-show,ul.ruby-menu > li.ruby-menu-mega > div.ruby-mobile-sublevel-show,ul.ruby-menu > li.ruby-menu-mega-blog > div.ruby-mobile-sublevel-show,ul.ruby-menu > li.ruby-menu-mega-blog > div > ul.ruby-menu-mega-blog-nav > li > div.ruby-mobile-sublevel-show,ul.ruby-menu > li.ruby-menu-mega-shop > div.ruby-mobile-sublevel-show,ul.ruby-menu > li.ruby-menu-mega-shop > div > ul > li > div.ruby-mobile-sublevel-show {        max-height: 20000px;        transform: scaleY(1)    }
    div.ruby-grid > div.ruby-row div.ruby-row [class^="ruby-col"] {        margin-top: 0    }
    div.ruby-grid > div.ruby-row div.ruby-row:first-of-type [class^="ruby-col"] {        margin-top: 0    }
    div.ruby-grid.ruby-grid-lined > div.ruby-row:after {        height: 0    }
    div.ruby-grid > div.ruby-row > [class^="ruby-col"] {        padding: 0    }
    div.ruby-grid > div.ruby-row > [class^="ruby-col"] [class^="ruby-col"] {        padding-left: 0    }
    div.ruby-grid > div.ruby-row > [class^="ruby-col"] [class^="ruby-col"]:first-of-type {        padding-left: 0    }
    div.ruby-grid > div.ruby-row div.ruby-col-1,div.ruby-grid > div.ruby-row div.ruby-col-2,div.ruby-grid > div.ruby-row div.ruby-col-3,div.ruby-grid > div.ruby-row div.ruby-col-4,div.ruby-grid > div.ruby-row div.ruby-col-5,div.ruby-grid > div.ruby-row div.ruby-col-6,div.ruby-grid > div.ruby-row div.ruby-col-7,div.ruby-grid > div.ruby-row div.ruby-col-8,div.ruby-grid > div.ruby-row div.ruby-col-9,div.ruby-grid > div.ruby-row div.ruby-col-10,div.ruby-grid > div.ruby-row div.ruby-col-11,div.ruby-grid > div.ruby-row div.ruby-col-12 {        width: 100%;        padding: 20px 30px    }
    div.ruby-grid.ruby-grid-lined > div.ruby-row > div[class^="ruby-col"]:after {        width: 0    }
    div.ruby-grid img {        position: relative;        max-width: 100%;        height: auto;        display: block    }
    div.ruby-grid > div.ruby-row::after {        content: "";        display: table;        clear: both    }
    .c-hamburger {        display: block;        position: relative;        overflow: hidden;        margin: 0;        padding: 0;        width: 50px;        height: 50px;        font-size: 0;        text-indent: -9999px;        -webkit-appearance: none;        -moz-appearance: none;        appearance: none;        box-shadow: none;        border-radius: none;        border: none;        cursor: pointer;        -webkit-transition: background .3s;        transition: background .3s    }
    .c-hamburger:focus {        outline: none    }
    .c-hamburger span {        display: block;        position: absolute;        top: 24px;        left: 8px;        right: 8px;        height: 3px;        background: #fff    }
    .c-hamburger span::before,.c-hamburger span::after {        position: absolute;        display: block;        left: 0;        width: 100%;        height: 3px;        background-color: #fff;        content: ""    }
    .c-hamburger span::before {        top: -10px    }
    .c-hamburger span::after {        bottom: -10px    }
    .c-hamburger--htx {        background-color: #19ad86    }
    .c-hamburger--htx span {        -webkit-transition: background 0 .3s;        transition: background 0 .3s    }
    .c-hamburger--htx span::before,.c-hamburger--htx span::after {        -webkit-transition-duration: 0.3s,.3s;        transition-duration: 0.3s,.3s;        -webkit-transition-delay: 0.3s,0;        transition-delay: 0.3s,0    }
    .c-hamburger--htx span::before {        -webkit-transition-property: top,-webkit-transform;        transition-property: top,transform    }
    .c-hamburger--htx span::after {        -webkit-transition-property: bottom,-webkit-transform;        transition-property: bottom,transform    }
    .c-hamburger--htx.is-active {        background-color: #333    }
    .c-hamburger--htx.is-active span {        background: none    }
    .c-hamburger--htx.is-active span::before {        top: 0;        -webkit-transform: rotate(45deg);        -ms-transform: rotate(45deg);        transform: rotate(45deg)    }
    .c-hamburger--htx.is-active span::after {        bottom: 0;        -webkit-transform: rotate(-45deg);        -ms-transform: rotate(-45deg);        transform: rotate(-45deg)    }
    .c-hamburger--htx.is-active span::before,.c-hamburger--htx.is-active span::after {        -webkit-transition-delay: 0s,.3s;        transition-delay: 0s,.3s;    }
    ul.ruby-menu.ruby-menu-dividers > li,ul.ruby-menu.ruby-menu-dividers > li > a,ul.ruby-menu.ruby-menu-dividers > li.ruby-menu-social > a,ul.ruby-menu.ruby-menu-dividers > li > a:hover,ul.ruby-menu.ruby-menu-dividers > li:hover > a {        border: none    }
    div.ruby-wrapper.ruby-menu-transparent > ul.ruby-menu > li.ruby-active-menu-item > a {        padding-left: 45px    }
    ul.ruby-menu > li.ruby-menu-social.ruby-menu-search > a {        display: none    }
}
@media(min-width: 768px) and (max-width:991px) {
.ruby-wrapper .hidden-md {        visibility:hidden;        display: none    }
div.ruby-wrapper {        width: 760px    }
ul.ruby-menu > li.ruby-menu-mega-blog > div > ul.ruby-menu-mega-blog-nav {        width: 170px    }
ul.ruby-menu > li.ruby-menu-mega-blog > div > ul.ruby-menu-mega-blog-nav > li > div {        width: 590px;        left: 170px }
ul.ruby-menu.ruby-vertical > li.ruby-menu-mega > div,ul.ruby-menu.ruby-vertical > li.ruby-menu-mega-blog > div,ul.ruby-menu.ruby-vertical > li.ruby-menu-mega-shop > div {        width: 560px    }
ul.ruby-menu.ruby-vertical > li.ruby-menu-mega-blog > div > ul.ruby-menu-mega-blog-nav > li > div {        width: 360px    }
span.ruby-c-date {        display: none;        visibility: hidden;        opacity: 0    }
div.ruby-grid > div.ruby-row div.ruby-col-3-md {        width: 25%    }
div.ruby-grid > div.ruby-row div.ruby-col-4-md {        width: 33.33%    }
div.ruby-grid > div.ruby-row div.ruby-col-6-md {        width: 50%    }
div.ruby-grid > div.ruby-row div.ruby-col-12-md {        width: 100%    }
div.ruby-grid.ruby-grid-lined > div.ruby-row:after,div.ruby-grid.ruby-grid-lined > div.ruby-row > div[class^="ruby-col"]:after {        background: none    }
ul.ruby-menu > li.ruby-menu-mega-shop > div > ul > li > a {        padding: 20px 5px;        font-size: 12px;        font-stretch: condensed;        color: #666;    }
}
.ruby-col-6 a {    font-size: 16px;}
/*.under-bubble {  position: relative;    z-index: 99;}*/
figure.effect-oscar {  background: -webkit-linear-gradient(45deg, #22682a 0%, #9b4a1b 40%, #3a342a 100%);  background: linear-gradient(45deg, #22682a 0%,#9b4a1b 40%,#3a342a 100%);}
figure.effect-oscar img {  -webkit-transition: opacity 0.35s;  transition: opacity 0.35s;}
figure.effect-oscar figcaption {  padding: 3em;  /*background-color: rgba(58,52,42,0.7);*/  -webkit-transition: background-color 0.35s;  transition: background-color 0.35s;}
figure.effect-oscar figcaption::before {  position: absolute;  top: 30px;  right: 30px;  bottom: 30px;  left: 30px; border: 1px solid #fff;  content: '';}
figure.effect-oscar h2 {  margin: 20% 0 10px 0;  -webkit-transition: -webkit-transform 0.35s;  transition: transform 0.35s;  -webkit-transform: translate3d(0,100%,0);  transform: translate3d(0,100%,0);}
figure.effect-oscar figcaption::before,figure.effect-oscar p {  opacity: 0;  -webkit-transition: opacity 0.35s, -webkit-transform 0.35s;  transition: opacity 0.35s, transform 0.35s;  -webkit-transform: scale(0);  transform: scale(0);}
figure.effect-oscar:hover h2 {  -webkit-transform: translate3d(0,0,0);  transform: translate3d(0,0,0);}
figure.effect-oscar:hover figcaption::before,figure.effect-oscar:hover p {  opacity: 1;  -webkit-transform: scale(1);  transform: scale(1);}
figure.effect-oscar:hover figcaption {  background-color: rgba(58,52,42,0);}
figure.effect-oscar:hover img {  opacity: 0.4;}
.grid {  position: relative;  margin: 0 auto;  max-width: 100%;  list-style: none;  text-align: center;}
/* Common style */
.grid figure {  position: relative;  float: left;  overflow: hidden;  min-width: 100%;  max-width: 100%;  width: 100%;  background: #255498;  text-align: center;  cursor: pointer;}
.grid figure img {  position: relative;  display: block;  min-height: 100%;  max-width: 100%;  /*opacity: 0.8;*/}
.grid figure figcaption {  padding: 2em;  color: #fff;  text-transform: uppercase;  font-size: 1.25em;  -webkit-backface-visibility: hidden;  backface-visibility: hidden;}
.grid figure figcaption::before,.grid figure figcaption::after {  pointer-events: none;}
.grid figure figcaption,.grid figure figcaption > a {  position: absolute;  top: 0;  left: 0;  width: 100%;  height: 100%;}
.grid figure figcaption > a {  z-index: 1000;  text-indent: 200%;  white-space: nowrap;  font-size: 0;  opacity: 0;}
figure.effect-oscar span {  position: relative;    top: 52px;}
.about-section .about-area .info {    background-image: linear-gradient(to bottom, #d31367c7, #f73daacc);    top: 100px;    max-width: 55%;}
.about-section .about-area img {    display: inline-block; margin-left: 33%;}
.about-section .about-area {    text-align: right;}
.about-section .about-area .info { max-width: 705px;  background-image: linear-gradient(to bottom, #d31367c7, #f73daacc);   padding: 13px 30px;    position: absolute;    left: 0;    top: 110px;    box-shadow: 0px 6px 68px 0px rgb(10 39 50 / 6%);}

.about-section .about-area .info p {    margin-bottom: 2em; line-height: 19px;     z-index: 9; position: relative; font-size: 18px;
    font-weight: 600;     color: #fff;}
.about-section .mission-vision-area > div {    margin-bottom: 60px;}
.about-section .mission-vision-area h3 {    font-size:26px;    margin: 0 0 0.5em;    position: relative;    text-transform: capitalize;}
.theme-btn, .theme-btn-s2, .theme-btn-s3, .theme-btn-s4, .theme-btn-s6, .theme-btn-s7, .theme-btn-s5, button { background-color: rgb(135 6 62); color: #fff;    font-size: 12px;    font-size: 0.8rem;    font-weight: 500; text-transform: uppercase;    letter-spacing: 2px;    display: inline-block; padding: 14px 15px;}
.company-profile-btn a{background: #d41468; position: relative;}
.company-profile-btn a:hover{color: #fff;}
.company-profile-btn a:after {    position: absolute;    content: '';   background: #bf0858;   width: 100%;    height: 26px;    left: 0;    bottom: 0; }
.info h1 {    font-size: 35px;    margin-bottom: 4px;}
.company-profile-btn p {    z-index: 9;    position: relative;}
.side-flwoers img{    position: absolute;    right: 0;}
.side-flwoers img {    position: absolute;    right: 0;    width: 50%;    z-index: -99;    opacity: 0.2;}
img.img-left-side {    position: absolute;  left:0;  opacity: 0.5;     z-index: -99;  width: 35%;}

/*Pulse*/
.pulse {-webkit-animation-name: pulse;    animation-name: pulse;}
.pulse {animation: 3s linear infinite;    transform-origin: 50% 50%;}
@keyframes pulse {
from {-webkit-transform: scale3d(1, 1, 1);    transform: scale3d(1, 1, 1);  }
50% {-webkit-transform: scale3d(1.05, 1.05, 1.05); transform: scale3d(1.05, 1.05, 1.05);}
to {-webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1);}
}
.pulse {  -webkit-animation-name: pulse;  animation-name: pulse;}
.company-profile-btn p {    letter-spacing: 0;}
.content_side{background: #a5084c;}
.form-side{background: url(images/bg-metter.jpg); background-attachment: fixed; background-size: cover; padding: 15px 0 45px 0;}
.side-flwoers h3 {    font-size: 26px;}
.testimonial_side span {    font-size: 29px; font-family: 'Playfair Display', serif;}

.owl-carousel .owl-wrapper:after {  content: "."; display: block; clear: both;visibility: hidden;line-height: 0;  height: 0;}
.owl-carousel{  display: none;  position: relative; width: 100%;  -ms-touch-action: pan-y;}
.owl-carousel .owl-wrapper{ display: none;  position: relative; -webkit-transform: translate3d(0px, 0px, 0px);}
.owl-carousel .owl-wrapper-outer{ overflow: hidden; position: relative; width: 100%; top:6px;}
.owl-carousel .owl-wrapper-outer.autoHeight{  -webkit-transition: height 500ms ease-in-out; -moz-transition: height 500ms ease-in-out;  -ms-transition: height 500ms ease-in-out; -o-transition: height 500ms ease-in-out;  transition: height 500ms ease-in-out;}  
.owl-carousel .owl-item{  float: left;}
.owl-controls .owl-page,.owl-controls .owl-buttons div{ cursor: pointer;}
.owl-controls { -webkit-user-select: none;  -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none;  user-select: none;  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);}
.owl-carousel  .owl-wrapper,.owl-carousel  .owl-item{ -webkit-backface-visibility: hidden;  -moz-backface-visibility:    hidden;  -ms-backface-visibility:     hidden;  -webkit-transform: translate3d(0,0,0);  -moz-transform: translate3d(0,0,0);  -ms-transform: translate3d(0,0,0);}
.owl-controls.clickable{ display:block !important;}
.owl-pagination {display: none;}
.owl-buttons{ position: absolute;    top: -216px;    color: #fff;    right: 1%;    width: 100px;    height: 45px; display: none;}    
.owl-buttons .owl-next, .owl-prev{  width:40px;    height:40px;    font-size:0;    position: absolute;    top:175px;  left: 55px; background: #fbba42;}
.owl-next {right:0;     -webkit-transform: skewX(-10deg); -ms-transform: skewX(-10deg); transform: skewX(-10deg);}
.owl-prev{ left:0px;     -webkit-transform: skewX(-10deg); -ms-transform: skewX(-10deg); transform: skewX(-10deg);}
.owl-next:hover {       color: #16639f !important;    }
.owl-prev:hover {    color: #16639f !important;    }
.owl-prev:before {        } 
.owl-prev:before { position: absolute;    top: 9px;    left: 8px}  
.owl-next:after { font: normal normal normal 14px/1 FontAwesome;    font-size: 40px;}  
.owl-next:after { position: absolute;    top: -3px;    color: #fff;    left: 11px;} 
div#owl-demo i {  font-size: 20px; color: #d41468;}
.testimonialHeading {    font-size: 20px;    line-height: 28px;    text-transform: capitalize;    font-weight: 600!important;}
hr{border-top: 1px solid rgba(0,0,0,.1);}
.testimonial_side span{color: #d41468;}
.testimonial_side {    position: relative;    top: 20px;    left: 30px;    padding: 15px;}
.quick_links-and-form {padding-left: 70px;}
.quick_links  span{font-size: 22px;}
.quick_links ul li {    line-height: 34px;}
.home-filed input {height: 35px;    padding-left: 10px;    border-radius: 2px; outline: none;}
.home-filed textarea {height: 100px;    padding-left: 10px;    border-radius: 2px; outline: none;}
.home-filed-btn button {    padding: 10px !important; cursor: pointer;}
.form-metter span{font-family: 'Playfair Display', serif;     font-size: 30px;}
footer{background-color: #bf0858; position: relative;}
.widget span{font-size: 20px;}
.widget li {line-height: 21px; font-size: 14px;}
.only-widget span{position: relative; font-size: 22px;}
.only-widget span::after {    position: absolute;    content: '';    width: 30px;    height: 3px;    background-color: #27ae61;   top: 32px;    left: 0px;}
.only-widget li {line-height: 30px;}
.only-widget li a{transition: 0.5s;}
.only-widget li a:hover{padding-left: 5px; color: #27ae61 !important;}
.categories_all span {font-size: 20px;}
.footer-bg {    position: absolute; opacity: 0.1; top: -20%;}
footer {    position: relative;}
.aaroo-social-icons {
    display: flex;
    gap: 12px;
    margin-top: 15px;
}
.aaroo-social-icons a {
    width: 35px;
    height: 35px;
    border: 1px solid #fff;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #fff;
    text-decoration: none;
    transition: .3s; 
}
.aaroo-social-icons a:hover {
    background: #fff;
    color: #bf0858;
}
.copy-right{background-color: #d41468 !important; position: relative;}
a.title_hyper  {    background: #bf0858;    margin-bottom: 0 !important; font-size: 18px;}

a.view_btn-product {    background: #255498;    padding: 5px 10px;   display: block;    border-radius: 2px;}
a.whats-app-icon {    background: #11887a; display: block;     padding: 5px 10px;}
.videos-side p {    line-height: 25px;}
#toTop {    position: absolute;    bottom: 48px;    right: 50%;   cursor: pointer;    transition: 0.5s;    z-index: 99999; border-radius: 5px;}
.fixed-call-btn {    position: fixed;    z-index: 9999;    bottom: 115px;    right: 0;    height: 50px;    border-top-left-radius: 44px;    width: 50px;    display: flex;    align-items: center;    justify-content: center;    background: #333;    color: #fff;    border-bottom-left-radius: 44px;    -webkit-transition: all .2s;    -moz-transition: all .2s;    transition: all .2s;    font-size: 20px;}
.fixed-whtasapp {    position: fixed;    z-index: 9999;    bottom: 50px;    right: 0;    height: 50px;    border-top-left-radius: 44px;    width: 50px;    display: flex;    align-items: center;    justify-content: center;    background: #1bd741;    border-bottom-left-radius: 44px;    -webkit-transition: all .2s;    -moz-transition: all .2s;    transition: all .2s;}
a.fixed-whtasapp i {    font-size: 25px;}
.action{position: fixed;bottom: 50px;left: 50px;width: 50px;height: 50px;cursor: pointer;background-color: #fff;border-radius: 50%;box-shadow: 0 5px 5px rgb(0, 0, 0, 0.1); z-index: 9999;}
.action span{position: relative; width: 100%;height: 100%; display: flex; justify-content: center; align-items: center; color: #d31367; font-size: 2em; transition: 0.3s ease-in-out;}
.action:active span{transform: rotate(135deg);}
.action ul{position: absolute; bottom: 55px; background-color: #fff; min-width: 250px; padding: 20px; border-radius: 20px; opacity: 0; visibility: hidden; transition: 0.3s;}
.action.active ul{opacity: 1; visibility: visible; transition: 0.3s; bottom: 65px;}
.action ul li{list-style-type: none; display: flex; justify-content: flex-start; align-items: center; padding: 10px 0px; transition: 0.3s;}
.action ul li:hover{font-weight: 600;}
.action ul li:not(:last-child){border-bottom: 1px solid rgba(0, 0, 0, 0.1);}
.action ul li img{margin-right: 10px;transform: scale(0.8);}
.action ul li:hover img{opacity: 0.8;}
button.search__btn p {    position: relative;    bottom: 3px;}
.our-prducts{position: relative;}
img.left-side {    position: absolute;    width: 35%;    bottom: 35px;    opacity: 0.5;}
img.right-side {    position: absolute;    width: 35%;    bottom: 35px;    opacity: 0.5; right: 0px;}
.breadcumb{background-color: #A5378F;     padding: 60px 0px;}
.category-same span {    background: #d41468;    width: 100%;     display: block; border-radius: 20px 20px 0 0;}
.category-same li {    line-height: 28px;}
.category-same {    background: #faf5f1;   margin-bottom: 15px; padding-bottom: 12px;}
.content_side-menu p {    line-height: 25px;}
.under-content h4{font-size: 25px; color: #255498;}
figure.effect-apollo {    background:#255498;}
figure.effect-apollo img {    opacity: 0.95;    -webkit-transition: opacity 0.35s, -webkit-transform 0.35s;    transition: opacity 0.35s, transform 0.35s;    -webkit-transform: scale3d(1.05,1.05,1);    transform: scale3d(1.05,1.05,1);}
figure.effect-apollo figcaption::before {    position: absolute;    top: 0;    left: 0;    width: 100%;    height: 100%;    background: rgba(255,255,255,0.5);    content: '';    -webkit-transition: -webkit-transform 0.6s;    transition: transform 0.6s;    -webkit-transform: scale3d(1.9,1.4,1) rotate3d(0,0,1,45deg) translate3d(0,-100%,0);    transform: scale3d(1.9,1.4,1) rotate3d(0,0,1,45deg) translate3d(0,-100%,0);}
figure.effect-apollo:hover img {    opacity: 0.6;    -webkit-transform: scale3d(1,1,1);    transform: scale3d(1,1,1);}
figure.effect-apollo:hover figcaption::before {    -webkit-transform: scale3d(1.9,1.4,1) rotate3d(0,0,1,45deg) translate3d(0,100%,0);    transform: scale3d(1.9,1.4,1) rotate3d(0,0,1,45deg) translate3d(0,100%,0);}
.grid {    position: relative;    clear: both;    margin: 0 auto;    max-width: 1000px;    list-style: none;    text-align: center;}
.grid figure {    position: relative;    float: left;    overflow: hidden;    min-width: 100%;    max-width: 100%;       width: 100%;    height: auto;    background:#d41468;    text-align: center;    cursor: pointer;}
.grid figure img {    position: relative;    display: block;    min-height: 100%;    max-width: 100%;}
.grid figure figcaption {    padding: 2em; color: #fff; text-transform: uppercase;  font-size: 19px; /* margin-top: 24%;*/  font-weight: 700;    -webkit-backface-visibility: hidden; backface-visibility: hidden;}
.grid figure figcaption::before,.grid figure figcaption::after {    pointer-events: none;}
.grid figure figcaption,.grid figure figcaption > a {    position: absolute;    top: 0;    left: 0;    width: 100%;    height: 100%;}
.under-content ul li {line-height: 28px;    background: url(images/check.png)no-repeat;    padding-left: 22px;    background-position: 0% 50%;}

.cover-product {padding-left: 0px;  min-height: 250px;  width: 300px;  float: left; margin-right: 20px;}
.cover-product-this p {line-height: 24px; margin-bottom: 16px;}
.only-product h2 {font-size: 32px;}
.zoom-effect img {width: 100%;}
.cover-product-this p {  line-height: 26px;    color: #111;}
.products-fill { border-right: 1px solid #ccc;}
.listing-product h2 {font-size: 25px;}
.listing-product li{font-size: 18px; padding-left: 28px;    background-position: 0 58%;    line-height: 38px;}
.color-site { background: #d41468;}
.skin-color { background: #e72a8c;}
.black-color{ background: #bf0858;}
.inner-left-side-product li {    display: inline-block;    margin-right: 12px;    line-height: 45px;}
ul.coloring li a {  background: #255498; padding: 15px; color: #fff; font-size: 18px;}
.full-width-type {    background-color: #222222;   margin-top: 20px;    width: 100%;    margin-left: 0;    margin-bottom: 20px;}
.full-width-type h3 {    color: #fff;    margin: 0px;    padding-top: 10px;    padding-bottom: 10px;}
.inner-states {    text-align: left;}
.inner-states h4 {    color: #fff;    margin-bottom: 15px;    padding-left: 15px;    padding-top: 10px;    padding-bottom: 10px;    font-size: 15px;}
.inner-states i {  padding-right: 8px;}
.inner-states a {color: #fff; background: #bf0858; display: block; margin: 5px;}
.inner-left-side-product h3{padding-bottom: 20px; font-size: 30px; text-align: center;}
.inner-left-side-product p{line-height: 25px;}
ul.coloring {   text-align: center;}
/*.contact-area {  position: relative;}*/
.contact-area .fixed-bg {  position: absolute;  right: 0;  top: 0; z-index: -1;  text-align: right;}
.contact-area .fixed-bg img {  width: 60%;  position: relative;  right: 0; height: 100%;  bottom: 0;}
.contact-area .contact-items {  background: #ffffff;  padding: 80px;  box-shadow: 0 0 25px rgb(0 0 0 / 8%);  position: relative;  bottom: -120px;  margin-top: -120px;  z-index: 9;}
.contact-area .left-item {  padding-right: 15px;}
.contact-area .right-item {  margin-top: 75px;}
.contact-area .contact-items .right-item h2 {  font-weight: 600;  margin-bottom: 40px;}
.contact-area .contact-items .item {  display: flex;  margin-bottom: 40px;}
.contact-area .contact-items .item:last-child {  margin-bottom: 0;}
.contact-area .contact-items .item i {    display: inline-block;    font-size: 22px;    background: rgb(191 8 88);    height: 60px;    width: 60px;    line-height: 60px;    text-align: center;    color: #fff;    border-radius: 5px;    margin-right: 15px;       border: 1px solid rgb(212 20 104);}
.contact-area .contact-items .item p {  margin: 0;  font-size: 16px;}

.contact-area .contact-items .item a {  font-weight: 400;  color: #070707;  font-size: 14px;}
.contact-area .contact-items .item a:hover {     color: #bf0858;}
.yellow .contact-area .contact-items .item a:hover {  color: #0298d7;}
.contact-area .contact-items .item h4 {  margin-bottom: 10px;  font-weight: 600;}
.contact-area .contact-items .content h2 {  font-weight: 600;  margin-bottom: 30px;}
.contact-area .contact-items .content input, 
.contact-area .contact-items .content textarea {  border: none;  padding: 20px;  background: #eef1f6; min-height: 60px;}
.contact-area .contact-items .content textarea {  min-height: 150px;}
.contact-area .contact-items .content button {  background: #d41468;  cursor: pointer;  color: #ffffff;  border: none; padding: 15px 40px;  text-transform: uppercase;  font-weight: 600;  border-radius: 5px;  font-size: 14px;  position: relative;  z-index: 1;  transition: all 0.35s ease-in-out;}
.yellow .contact-area .contact-items .content button {  background: #febc35;  color: #232323;}
.contact-area .contact-items .content button::after {  position: absolute;  left: 0;  bottom: 0;  content: "";  height: 0;  width: 0;      background: #bf0858; z-index: -1;  transition: all 0.35s ease-in-out;  border-radius: 5px;}
.contact-area .contact-items .content button:hover::after {  width: 100%;  height: 100%;}
.contact-area img.loader {  margin-left: 10px;}
/* Google Maps */
.google-maps iframe {  border: medium none;  height: 550px;  margin-bottom: -10px; width: 100%;}
.maps-area {  overflow: hidden;     margin-top: 130px;}
.right-item .info span {    font-size: 20px;    display: block;    margin-bottom: 6px;}
.mobile-menu {    display: none;}
ul.header_chng {    column-count: 4;    height: 400;}
.footer-bg img {    width: 18%;}
.ma5menu__panel>ul li>.ma5menu__btn--enter+a {    color: white;}
img.ml_t {    margin-left: 70% !important;}
figure.effect-apollo img {    height: 293px;}
.query-form-field input {border: none; border-bottom: 1px solid #ccc;    width: 100%;    margin-bottom: 22px;     background: transparent; color: #fff;}
.query-form-field textarea{    width: 100%;    resize: none;    border: none;    border-bottom: 1px solid #ccc;    margin-bottom: 20px;    height: 100px;    background: transparent;    color: #fff;    padding-top: 0px;}  
.query-form-field-btn input {     border: none;    cursor: pointer;    border: 1px solid #bf0858;    padding: 10px 30px 10px 30px;    text-transform: uppercase;    background: #ffff;   width: 100%; color: #333 !important;}
.form-contact-color {    background: #bf0858;    padding: 20px;	margin-bottom: 30px;}
.form-contact-color p {    text-align: center;    font-size: 26px;    color: #fff;    margin-bottom: 10px;}
.form-contact-color input::placeholder {  color: #fff;  opacity: 1;}
.form-contact-color input:-ms-input-placeholder { color: #fff;}
.form-contact-color input::-ms-input-placeholder { color: #fff;}
.form-contact-color textarea::placeholder {  color: #fff;  opacity: 1;}
.form-contact-color textarea:-ms-input-placeholder { color: #fff;}
.form-contact-color textarea::-ms-input-placeholder { color: #fff;}
.form-contact-color img {    width: 100%;    margin-bottom: 25px;}
.about-area .info a { color: #fff;  font-weight: bold;  font-size: 16px; text-decoration: underline;}
.about-area .info a:hover{ color: #000;}
.about-area p {  line-height: 25px !important;}
.lty p { color: #fff; }
.side-flwoers {    padding-left: 35px;}
.cover-product-this h2, h3, h4, h5, h6 {    text-align: left !important;    font-size: 27px;    padding-bottom: 15px;}
.action a {    color: #333;    font-weight: 900;}
a.dk-hide {    pointer-events: none;}
.f32 { font-weight: 700; font-family: 'Playfair Display', serif; font-size: 22px !important;}
.videos-side span {    font-size: 32px; font-family: 'Playfair Display', serif;}
.content_side span {    font-size: 27px; font-family: 'Playfair Display', serif;}

.full-width-content {    margin: 0px auto;}
p.related-heading{    background: rgb(135 6 62);    width: 100%;    display: block;    padding: 10px 15px;   font-size: 22px;    font-weight: 700;}
.full-width-content > .row {  height: auto;}
.related-products .section-heading {    text-align: center;}
.related-products .container {    padding: 0;}
.related-products .container {    padding-top: 20px;}

.read-btn a {    background: #0b1a32;    padding: 7px 15px;    color: #fff;}
.related_content h4 {    font-size: 20px;}
.related_img img {    height: 160px;    margin: 10px 0px;}
.related_img img {    width: 100%;    object-fit: contain;    border: 1px solid #cccc;}
.related_content {    margin-top: 10px;}
.related_content p {    margin-bottom: 15px;}
.content-side-product-details span {    font-size: 20px;    margin-bottom: 10px;    display: block;}

/* Container, Grid aur Figure ko full height set karne ke liye */
.four-items .grid,
.four-items figure.effect-oscar {
  height: 100%;
  width: 100%;
  overflow: hidden;
}

/* Image height ko fix karke auto crop/fit karne ke liye */
.four-items figure.effect-oscar img {
  width: 100%;
  height: 480px; /* Aap apne layout ke hisaab se height 450px ya 500px adjust kar sakte hain */
  object-fit: cover;
  object-position: top center;
  display: block;
}
/* About Us Section Styling */
.about-us-section {
  background-color: #fff;
}

/* Left Image Box matching 4-items section */
.about-us-section .grid,
.about-us-section figure.effect-oscar {
  height: 100%;
  width: 100%;
  overflow: hidden;
  position: relative;
}

.about-us-section figure.effect-oscar img {
  width: 100%;
  height: 480px;
  object-fit: cover;
  object-position: top center;
  display: block;
}

/* Typography & Content Styling */
.about-content .sub-title {
  color: #e91e63; /* Header theme color */
  font-size: 14px;
  letter-spacing: 1.5px;
}

.about-content .main-title {
  color: #222;
  font-size: 32px;
  line-height: 1.3;
}

.about-content .description {
  font-size: 15px;
  line-height: 1.7;
}

.about-content .feature-item i {
  color: #e91e63;
  font-size: 18px;
}

.about-content .feature-item span {
  color: #333;
  font-size: 14px;
}

/* Theme Button */
.btn-theme {
  background-color: #e91e63;
  color: #fff;
  padding: 12px 30px;
  border-radius: 0;
  transition: all 0.3s ease;
  font-size: 14px;
  letter-spacing: 1px;
}

.btn-theme:hover {
  background-color: #222;
  color: #fff;
}
.about-content h1 {
    font-size: 25px;
    margin: 12px 0px 20px 0px;
}
.about-content p {
    margin-top: 15px;
    margin-bottom: 15px;
}
/* Center Heading Styles */
.section-title {
    font-size: 32px;
    font-weight: 600;
    color: #2c2c2c;
    text-transform: uppercase;
    letter-spacing: 1px;
    margin-bottom: 8px;
}

.title-line {
    width: 60px;
    height: 3px;
    background-color: #8b263e;
    margin: 0 auto;
    border-radius: 2px;
}

/* Simple Product Card Styles */
.simple-product-card {
    text-align: center;
    background: #ffffff;
    padding: 12px;
    border-radius: 8px;
    transition: transform 0.3s ease;
}

.simple-product-card:hover {
    transform: translateY(-4px);
}

.product-thumb-link {
    display: block;
    overflow: hidden;
    border-radius: 6px;
}

.product-img {
    width: 100%;
    height: 400px;
    object-fit: cover;
    transition: transform 0.4s ease;
}

.product-thumb-link:hover .product-img {
    transform: scale(1.03);
}

.product-info {
    padding-top: 14px;
}

.product-code {
    font-size: 11px;
    color: #888888;
    letter-spacing: 1px;
    text-transform: uppercase;
    display: block;
    margin-bottom: 4px;
}

.product-title {
    font-size: 15px;
    font-weight: 800;
    margin: 0;
   
}

.product-title a {
    color: #2c2c2c;
    text-decoration: none;
    transition: color 0.2s ease;
}

.product-title a:hover {
    color: #8b263e;
}
/* Why Choose Us Section */
.sub-title {
    color: #8b263e;
    font-size: 12px;
    font-weight: 700;
    letter-spacing: 2px;
    display: block;
    margin-bottom: 5px;
}

.feature-box {
    background: #fff;
    padding: 30px 20px;
    border-radius: 12px;
    border: 1px solid #f0f0f0;
    text-align: center;
    box-shadow: 0 4px 15px rgba(0,0,0,0.03);
    transition: all 0.3s ease;
    height: 100%;
}

.feature-box:hover {
    transform: translateY(-6px);
    border-color: #8b263e;
    box-shadow: 0 10px 25px rgba(139, 38, 62, 0.08);
}

.icon-wrap {
    width: 60px;
    height: 60px;
    background: #fdf2f4;
    color: #8b263e;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 26px;
    margin: 0 auto 18px auto;
    transition: background 0.3s, color 0.3s;
}

.feature-box:hover .icon-wrap {
    background: #8b263e;
    color: #ffffff;
}

.feature-box h4 {
    font-size: 17px;
    font-weight: 600;
    color: #2c2c2c;
    margin-bottom: 8px;
}

.feature-box p {
    font-size: 13px;
    color: #777;
    margin: 0;
    line-height: 1.5;
}

/* WhatsApp CTA Banner */
.cta-card {
    background: linear-gradient(135deg, #8b263e 0%, #581626 100%);
    border-radius: 16px;
    box-shadow: 0 10px 30px rgba(139, 38, 62, 0.25);
}

.badge-tag {
    background: rgba(255, 255, 255, 0.15);
    color: #fff;
    font-size: 11px;
    letter-spacing: 1px;
    padding: 6px 14px;
    border-radius: 20px;
    display: inline-block;
}

.btn-whatsapp {
    background-color: #25d366;
    color: #fff;
    font-weight: 600;
    padding: 12px 28px;
    border-radius: 30px;
    border: none;
    transition: transform 0.2s, background-color 0.2s;
}

.btn-whatsapp:hover {
    background-color: #20ba5a;
    color: #fff;
    transform: scale(1.03);
}

.btn-outline-light-custom {
    border: 2px solid rgba(255, 255, 255, 0.8);
    color: #fff;
    font-weight: 600;
    padding: 10px 24px;
    border-radius: 30px;
    text-decoration: none;
    transition: all 0.3s ease;
}

.btn-outline-light-custom:hover {
    background: #fff;
    color: #8b263e;
}
.widget ul li strong{
  font-size: 17px;
}
.widget ul a {
    font-size: 15px;
    margin-bottom: 11px;
    font-weight: 600;
    display: inline-block;
}
.aaroo-social-icons {
    display: flex;
    gap: 12px;
}
.aaroo-social-icons a {
    width: 40px;
    height: 40px;
    border: 1px solid #fff;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #fff;
    text-decoration: none;
    transition: .3s;
}
.aaroo-social-icons a:hover {
    background: #fff;
    color: #bf0858;
}
.carousel .carousel-control-prev, .carousel-control-next {
    
    display: none;
}
.logo-heade img{
     height: 75px;
}
@media screen and (max-width:567px) {

    .kunu{
      display: flex;
      justify-content: center;
    }
    .navigation-links a {
    font-size: 14px;
}
.copy-right {
    margin-bottom: 48px;
    padding: 0 15px;
}
.cover-product {

    width: 100%;
 
    margin-bottom: 10px;
}
        .sticky {
    background: #ffffff;
    height: 82px;

}
.logo-header img {
    height: 75px;
    position: absolute;
    z-index: 99;
    left: 0;
}
.sticky.fixed {

    display: none;
}
.logo-header {
 
    position: absolute;
}
    
}