*{
    margin: 0;
    padding: 0;
}
@font-face {
    font-family: "Raleway";
    src: url("../fonts/raleway/Raleway-Regular.ttf");
}

@font-face {
    font-family: "Cinzel";
    src: url("../fonts/cinzel/Cinzel-Bold.ttf");
    font-weight: 800;
}
@font-face {
    font-family: "Cinzel";
    src: url("../fonts/cinzel/Cinzel-SemiBold.ttf");
    font-weight: 600;
}
@font-face {
    font-family: "Cinzel";
    src: url("../fonts/cinzel/Cinzel-Regular.ttf");
    font-weight: 400;
}

body{
    font-family: "Raleway";
    background-color: #FFFAFA;
    color: #3d3d3d;
}
/* common css */
a:focus,a:hover{
    box-shadow: none;
    outline: 0;
    text-decoration: none;
}
h1,h2,h3,h4,h5,h6, .btn {
    font-family: "Cinzel";
    font-weight: bold;
}
.h5, h5 {
    font-size: 1.35rem;
}

.select2-container--default .select2-selection--single {
    border-radius: 0px !important;
}
.select2-container .select2-selection--single {
    height: 40px !important;
}
.select2-container--default .select2-selection--single .select2-selection__rendered {
    line-height: 36px !important;
}
.select2-container--default .select2-selection--single .select2-selection__arrow {
    height: 35px !important;
}

#site-select .dropdown-toggle::after {
    line-height: 30px;
}
#site-select .dropdown-menu {
    padding: 15px;
}
@media (max-width: 575.98px) {
    #site-select .dropdown-menu {
        right: 0;
        left: unset;
        position: absolute;
        background-color: #fff;
        border: 1px solid #e5e5e5;
        min-width: auto !important;
    }
}

/* COLOUR OVERRISED */
.text-primary {
    color: #E85696 !important;
}
a {
    color: #E85696;
}
a:hover {
    color: #ca237b;
}
[data-cart-items]::before {
    background-color: #E85696;
}
.nav-link.active {
    color: #E85696;
}
.btn-primary {
    background-color: #E85696;
    border-color: #E85696;
}
.btn-primary:hover {
    background-color: #ca237b;
    border-color: #ca237b;
}
.navbar-light .navbar-nav .nav-link:focus, .navbar-light .navbar-nav .nav-link:hover {
    color: #E85696;
}
.btn-primary:not(:disabled):not(.disabled).active, .btn-primary:not(:disabled):not(.disabled):active, .show>.btn-primary.dropdown-toggle {
    color: #fff;
    background-color: #ca237b;
    border-color: #ca237b;
}
.btn-link:focus, .btn-link:hover {
    color: #ca237b;
}
.btn-secondary {
    background-color: #5b5b5b;
}
/* COLOUR OVERRIDES END */

.btn:hover > .fa-arrow-right {
    -webkit-transform: translateX(.25rem);
    transform: translateX(0.25rem);
}
i{
    transition: all .2s ease-in-out;
}
.bg-pink{
    background-color: #ec1d8b;
}
.bg-green{
    background-color: #28a745;
}
.bg-grey{
    background-color: #eee;
}
.heading-section h1 {
    font-size: 30px;
    font-weight: 600;
    color: #333;
}
.heading-section h3 {
    font-size: 16px;
    font-weight: 300;
    color: #333;
}
.heading-section p {
    color: #525252;
}
.heading-xxs {
    font-size: 16px;
}
.breadcrumb-item,.breadcrumb-item a {
    color: #000 !important;
    font-size: 15px !important;
}
.btn-orange{
    background-color: transparent;
    color: #ff6f61 !important;
    border: 1px solid #ff6f61;
    transition: all 0.5s ease-in-out;
}
.btn-orange:hover{
    color: #ff2915 !important;
}
/* end common css */
/* navbar css */
.navbar-expand-xl .navbar-collapse {
    justify-content: space-between;
}
.navbar-topbar {
    background-color: #F5F5F5 !important;
    padding-top: 0;
    padding-bottom: 0;
}
.navbar-topbar .fa-star {
    color: #FFE103;
}
.nav.navbar-navfirst .nav-item{
    position: relative;
}
.nav.navbar-navfirst .nav-item a:hover{
    color: #3d3d3d;
}
.logo-section {
    padding: 20px 0;
}
.logo-image .navbar-brand{
    width: 100%;
}
.navbar.navbar-expand-lg.navbar-light {
    padding-top: 5px;
    padding-bottom: 5px;
}
.logo-section .nav-item a {
    text-transform: uppercase;
    font-size: 14px;
    margin-left: 25px;
}
.logo-section .nav-item a i{
    font-size: 15px;
}
.header-code {
    font-size: 20px;
}
.header-code a {
    color: #fff;
    font-size: 12px;
    text-transform: capitalize;
    letter-spacing: 0;
}
.header-code a:hover { 
    text-decoration: underline;
}   
.navbar-icons-sec{
    justify-content: center;
}
#topbarCollapse{
    padding-bottom: 0;
}
.header-navbar .navbar-nav li a {
    margin-left: 0;
    font-size: 14px;
    font-family: "Cinzel";
    font-weight: 600;
}
.header-navbar .navbar-collapse{
    padding-bottom: 0;
}
.navbar-icons-sec li a i {
    color: #3d3d3d;
    font-size: 17px !important;
}
.navbar-brand-list{
    display: none;
}
.logo-section .row{
    align-items: center;
}
/* end navbar css * / 
/* homepage css */
.rating-section {
    display: flex;
    justify-content: center;
}
.rating-section p img {
    max-width: 125px;
}
.rating-section p a {
    color: #3d3d3d;
}
.rating-section p {
    margin: 0 10px;
    display: flex;
    align-items: center;
}
.rating-section p strong {
    font-size: 23px;
    margin-right: 10px;
}
.pagescards-details a {
    font-family: "Cinzel";
    font-weight: bold;
    margin-bottom: 15px;
    display: block;
    font-size: 20px;
}
/* end homepage css */
/* request kit page css */
.request-form form {
    text-align: left;
    padding: 25px 20px;
    min-height: 445px;
}
.request-form form h4 {
    font-size: 19px;
    font-weight: 300;
}
.request-form form .btn{
    height: calc(1.5rem + 1.3rem + 0px);
    line-height: 0.5rem;
}
.requestform-btn .btn {
    height: calc(1.5rem + 1.3rem + 0px);
    line-height: 0.5rem;
}
.request-form form .form-control {
    height: calc(1.5em + 1.2rem + 2px);
    padding-bottom: 0;
    padding-top: 0px;
}
.request-form form .form-group {
    margin-bottom: 13px;
}
/* end request kit page css */
/* chooseus section css */
.choose-cards-row .row {
    margin-bottom: 35px;
}
.choose-cards-details h2 {
    font-size: 30px;
    font-weight: 300;
    color: #333;
}
.choose-cards-details p {
    margin-bottom: 7px;
    color:#333;
}
.choose-cards-details a {
    font-size: 19px;
}
/* chooseus section css */
/* pets page css */
.pets-cards-details h2 {
    font-size: 35px;
    font-weight: 300;
    color: #333;
}
.pets-cards-details p {
    margin-bottom: 7px;
    color:#333;
}
.pets-cards-details a {
    font-size: 19px;
}
.pets-cards-details a {
    border: 1px solid #ff6f61;
    padding: 10px 30px;
    font-size: 18px;
    text-transform: uppercase;
    display: inline-block;
    margin-top: 10px;
}
/* end pets page css */
/* visit our page css */
.store-details h5 {
    font-size: 18px;
    font-weight: 300;
    color: #3d3d3d;
}
.store-details p {
    font-size: 15px;
    color: #3d3d3d;
    margin-bottom: 12px;
}
.store-details a {
    color: #000;
    font-size: 16px;
    display: block;
}
.storeappointment-details .btn-orange {
    border-radius: 3px;
    text-align: center;
    padding: 3px;
    margin-bottom: 8px;
    text-transform: uppercase;
    font-size: 13px;
}
.store-details ul.available-list li {
    font-size: 15px;
    color: #000 !important;
}
.storeappointment-details i {
    font-size: 14px;
    margin-right: 4px;
}
.store-details p strong {
    font-size: 18px;
    color: #000;
    font-weight: 300;
}
.store-details h4 {
    font-size: 21px;
}
/* end visit our page css */
/* faq page css */
.faq-card-heading {
    font-size: 20px !important;
}
.faq-card-description {
    font-size: 15px !important;
    color: #999;
    margin-bottom: 15px;
}
/* end faq page css */
/* contact page css */
ul.available-list li{
    display: flex;
    justify-content: space-between;
    color: #525252 !important;
}
.contact-form form .form-group input,
.contact-form form .form-group textarea{
    color: #333;
}
/* end contact page css */
/* footer css */
#footer {
    background-color: #E9E9E9;
}
#footer .footer-links-section {
    border-bottom: 1px solid #7f7f7f;
}
#footer h6 {
    font-weight: bold;
}
#footer ul li, #footer ul li a {
    color: #7f7f7f;
    padding: 5px 0 5px 0;
    font-size: 14px;
    color: #3d3d3d;
}
#footer .footer-copyright p {
    font-size: 14px !important;
}
#footer .logos img {
    max-height: 80px;
}

/* Klarna */
#klarna-checkout .card-title > button:before {
    float: left !important;
    font-family: 'Font Awesome\ 5 Free';
    content: "\f058";
    padding-right: 5px;
    font-weight: 900; /* Fix version 5.0.9 */
}
#klarna-checkout .card-title > button.collapsed:before {
    font-family: 'Font Awesome\ 5 Free';
    content: "\f111";
    padding-right: 5px;
    font-weight: 900; /* Fix version 5.0.9 */
}

/* Product view */
.shipping-box {
    height: 80px;
}

.flickity-slider .embed-responsive {
    border: 1px solid #ccc;
    cursor: pointer;
}
.productSlider {
    border: 1px solid #ccc;
}

.productdec-text {
    border: 1px solid #ccc;
    padding: 25px 25px;
}

.shipping-details {
    text-align: center;
}

.shipping-details i {
    color: #aaa;
}

#collection-group-list .card-body span {
    font-family: "cinzel";
    font-size: 14px;
}
#collection-group-list .card {
    background-color: transparent;
}
#collection-group-list .card .card-title  {
            font-size: 18px;
        }

.product-description {
    background-color: #fff;
}
.product-description h5 {
    font-size: 20px;
}
#productAccordion .card {
    background-color: #fff;
    border: 1px solid #ccc;
    margin-bottom: 10px;
}
#productAccordion .card-header {
    padding: 0px;
    background-color: #fff;
}
#productAccordion .card-header .btn {
    padding: 20px 20px;
    height: auto;
    font-family: "Raleway";
    font-weight: 400;
}

#productCollapseParent .list-group-item {
    background-color: #fff;
    border: 1px solid #ccc;
    margin-bottom: 11px;
    padding: 0;
}
#productCollapseParent .list-group-item a, #productAccordion .card-header .btn {
    padding: 15px 20px;
}
#productCollapseParent .list-group-item a span {
    float: right;
    margin-right: 60px;
}

#productCollapseParent .collapse-custom {
    padding: 0px 20px;
}

#productCollapseParent label input[type=radio] {
    position: absolute;
    left: -9999px;
}

#productCollapseParent .glass-img, #productCollapseParent .metal-img {
    max-width: 40px;
    margin-right: 5px;
    vertical-align: top;
}

#productCollapseParent .metal-details, #productCollapseParent .glass-details {
    display: inline-block;
}

#productCollapseParent .metal-section, #productCollapseParent .glass-section {
    display: flex;
    margin-bottom: 5px;
}
#productCollapseParent .selection-wrapper label{
    cursor: pointer;
    width: 100%;
    margin-bottom: 0;
}

#productCollapseParent .active {

}
#productCollapseParent .selection-wrapper {
    padding: 5px;
    border: 3px solid transparent;
}
#productCollapseParent .selection-wrapper.active {
    border-color: #535454;
}

#productCollapseParent .metal-details p, #productCollapseParent .glass-details p {
    margin-bottom: 0;
    font-size: 18px;
    line-height: 1;
}

#productCollapseParent .metal-details span, #productCollapseParent .glass-details span {
    color: #aaa;
    font-size: 12px;
}
#productCollapseParent .dropdown-toggle::after {
    position: absolute;
    right: 8px;
}

#productCollapseParent .dropdown-toggle img {
    max-width: 33px;
    position: absolute;
    right: 30px;
    top: 12px;
}

/* Broad Product View */
#metal-group-list {
    padding: 0;
    list-style: none;
}
#metal-group-list li.metal-group {
    margin-bottom: 30px;
    padding-bottom: 10px;
    min-height: 266px;
    position: relative;
}
#metal-group-list li.metal-group:after {
    position: absolute;
    background-image: linear-gradient(90deg,hsla(0,0%,100%,0),#fff);
    height: 220px;
    width: 50px;
    content: '';
    right: 0;
    top: 0px;
}
#metal-group-list .stone-media-list {
    min-height: 235px;
    white-space: nowrap;
    overflow-x: auto;
    overflow-y: hidden;
    position: static;
    display: block;
    margin-top: 20px;
    padding-bottom: 10px;
    position: relative;
    -webkit-overflow-scrolling: touch;
}
#metal-group-list .stone-media-list li {
    width: 220px;
    float: none;
    display: inline-block;
    margin: 0 20px 0 0;
    padding-bottom: 0;
    vertical-align: top;
}
#metal-group-list .stone-media-list li .stone-name a {
    font-size: 16px;
    color: #333333;
    font-weight: bold;
}
#metal-group-list .metal-colour {
    font-size: 22px;
    color: #333333;
    font-weight: bold;
    overflow: hidden;
    position: relative;
}
#metal-group-list .metal-info {
    position: absolute;
    margin: 0 auto;
    display: inline-block;
    left: 0px;
}
@media only screen and (max-width : 480px) {
    #metal-group-list .metal-info {
        left: 0;
    }
}
#metal-group-list .scroll-info {
    font-size: 18px;
    color: #ED1392;
    font-weight: bold;
}

.navbar-nav>.dropdown.position-static>.dropdown-menu::before {
    top: 0;
}

/******************* Desktop Navigation ********************/
#navigation {
    /*padding-left: 0;*/
    max-height: 100%;
}
#navigation .yamm-content .yamm-product-box {
    margin-bottom: 5px;
}
#navigation .yamm-content .yamm-product-box a {
    text-decoration: none;
}
#navigation .yamm-content .yamm-product-box a span {
    height: 42px;
    display: block;
    color: #656565;
    font-size: 14px;
    overflow: hidden;
}
#navigation .yamm-content .yamm-product-box a:hover span {
    color: #000000;
}
#navigation .yamm-content .yamm-product-box .mav-img-wrapper {
    margin-bottom: 3px;
    height: 80px;
    border: 1px solid #848484;
}
#navigation .yamm-content h3 {
    line-height: 22px;
    margin-bottom: 5px;
}
#navigation .yamm-content h3 a {
    font-size: 20px;
}
#navigation .yamm-content .yamm-shop-by h3 {
    font-size: 18px;
}
#navigation .yamm-content .yamm-shop-by li {
    padding: 0;
}
#navigation .yamm-content .yamm-shop-by li a {
    width: 66px;
    height: 80px;
    display: inline-table;
    text-align: center;
    font-size: 12px;
    color: #000000;
}
#navigation .yamm-content .yamm-shop-by li a span {
    display: block;
}
#navigation .yamm-content .yamm-shop-by li a img {
    width: 40px;
}

/* end footer css */
/* responsive css */
@media(max-width: 1199px){
    .header-navbar{padding: 0;}
    .header-navbar .navbar-nav .nav-link {padding-right: 8px;padding-left: 8px;}
    #topbarCollapse {display: block;}
    .navbar-collapse .navbar-navfirst{flex-direction: unset;float: left;}
    .navbar-collapse .flex-row{justify-content: flex-end;}
    .nav.navbar-nav.navbar-navfirst li {margin: 0 9px;}
    .navbar.navbar-expand-xl .navbar-collapse::before {content: unset;}
}
@media(max-width: 991px){
    .pagescards-details a {font-size: 16px;}
    .rating-section p {margin: 0 5px 10px;font-size: 14px;}
    .rating-section {flex-direction: column;}

    .logo-image a {position: relative;z-index: 99;}
    .header-navbar {margin-top: -50px;}
    .header-navbar .navbar-brand-list{margin-left: auto;display: block;}
    .navbar-icons{display: none;}
    .header-navbar .navbar-collapse ul{text-align: right;}

    .store-details ul.available-list li {flex-direction: column;}
    .request-form form {margin-bottom: 25px; min-height: auto;}

    /* Mobile Navigation */
    #mobile-navigation {
        position: fixed;
        top: 135px;
        bottom: 0;
        background: #EBEBEB;
        overflow-y: auto;
        margin-right: 20px;
        padding: 0;
        z-index: 1;
        width: 280px;
        max-height: 100%;
    }
    #mobile-navigation ul {
        list-style: none;
        padding: 0;
        margin: 0;
    }
    #mobile-navigation #mav-main {
        margin-bottom: 10px;
    }
    #mobile-navigation #mav-main .mav-search {
        border-bottom: 1px solid #ddd;
    }
    #mobile-navigation #mav-main .mav-search input, #mobile-navigation #mav-main .mav-search button  {
        height: 45px;
        font-size: 20px;
        border-radius: 0;
        border: none;
    }
    #mobile-navigation #mav-main .mav-search input:focus, #mobile-navigation #mav-main .mav-search button:focus {
        box-shadow: none;
        border: none;
    }
    #mobile-navigation #mav-main .mav-header {
        padding: 15px;
        border-bottom: 1px solid #ddd;
    }
    #mobile-navigation #mav-main .mav-header:not(.not-dropdown):after {
        font-family: 'Font Awesome\ 5 Free';
        content: '\f078';
        font-weight: 900;
        position: absolute;
        right: 5%;
        color: #777777;
    }
    #mobile-navigation #mav-main .mav-title {
        font-size: 16px;
        color: #656565;
    }
    #mobile-navigation #mav-main .mav-title .fa {
        font-size: 20px;
        margin-right: 10px;
        color: #777777;
    }
    #mobile-navigation #mav-main .mav-content {
        background-color: #ffffff;
        box-shadow: inset 0 10px 10px -10px #a8a8a8;
        top: 0;
    }
    #mobile-navigation #mav-main .mav-content > div {
        padding: 15px;
    }
    #mobile-navigation #mav-main .mav-content > div h4 {
        line-height: 2.2;
        font-size: 22px;
        margin-bottom: 0;
    }
    #mobile-navigation #mav-main .mav-content > div h4 A {
        color: #E85696;
    }
    #mobile-navigation #mav-main .mav-content .mav-product-box {
        color: #656565;
    }
    #mobile-navigation #mav-main .mav-content .mav-product-box a {
        color: #656565;
        font-size: 12px;
    }
    #mobile-navigation #mav-main .mav-content .mav-product-box .mav-img-wrapper {
        margin-bottom: 3px;
        border: 1px solid #848484;
        min-height: 95px;
    }
    #mobile-navigation #mav-main .mav-content .mav-shop-by {
        margin-top: 10px;
    }
    #mobile-navigation #mav-main .mav-content .mav-shop-by li a {
        color: #656565;
        width: 58px;
        height: 65px;
        display: inline-table;
        text-align: center;
        font-size: 11px;
        margin-bottom: 5px;
    }
    #mobile-navigation #mav-main .mav-content .mav-shop-by img {
        width: 38px;
        display: block;
        margin: 0 auto;
    }
    #mobile-navigation #mav-secondary {
        padding: 15px;
    }
    #mobile-navigation #mav-secondary li {
        margin-bottom: 20px;
    }
    #mobile-navigation #mav-secondary li a {
        color: #a3a3a3;
        font-size: 12px;
    }
    #mobile-navigation #mav-secondary li a .fa {
        font-size: 18px;
        margin-right: 10px;
    }

}
@media (min-width: 992px) {
    #mobile-navigation {
        display: none !important;
    }
}
@media(max-width: 767px){
    #mobile-navigation {
        top: 125px;
    }

    .logo-section .nav-item a {margin-left: 17px;}    
    .logo-image a img {max-width: 210px;}
    .nav.navbar-nav.navbar-navfirst li {margin: 0 5px;}

    .store-details {margin: 10px 0;}
    .store-details ul.available-list li {flex-direction: unset;}
    .pets-cards-section {padding-top: 0px !important;}
    .pets-cards-details h2 {font-size: 25px;}
    .pets-cards-details a {padding: 10px 25px;font-size: 15px;margin-bottom: 25px;}
}
@media(max-width: 480px){
    #mobile-navigation {
        top: 115px;
    }

    .rating-section {text-align: left;}
    .pagescards-details a {font-size: 21px;}
    .logo-image a img {max-width: 160px;}
    .header-navbar {margin-top: -45px;}
    .heading-section h1 {font-size: 25px;}
    .footer-copyright{text-align: center;}
    .footer-copyright .col-auto{margin: auto;}
    .footer-links-section {padding: 30px 0 !important;}
    .subscribe-section{margin-bottom: 20px !important;}
    .footer-links-section h6.heading-xxs {font-size: 18px;}
    .choose-cards-details h2 {font-size: 25px;}
    .choose-cards-section {padding-top: 0px !important;}
    .choose-cards-details a {font-size: 17px;margin-bottom: 20px;display: inline-block;}
    .choose-cards-row .row {margin-bottom: 20px;}
    .contactus-heading{margin-bottom: 20px !important;}
    .contact-form{padding-top: 10px !important;padding-bottom: 40px !important;}
    .contact-form aside{margin-bottom: 15px !important;}
    .map-section {padding-top: 0px !important;}
    .rating-section p {width: 100%;}
    #navbarCollapse{position: absolute;top: 50px;width: 100%;background-color:#fff;z-index: 999;}

    .shipping-box {
        height: 45px;
        font-size: 15px;
    }

}
/* end responsive css */