/*@charset "utf-8";*/
/* CSS Document */
/*@import url('https://fonts.googleapis.com/css2?family=Roboto:wght@400;700;900&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Anton&display=swap');
*/
@import url('https://fonts.googleapis.com/css2?family=Anton&family=Open+Sans:ital,wght@0,300;0,700;1,400&family=Roboto:wght@300;400;500;700&display=swap');
@font-face {
    font-family: 'PangramLight';
    src: url('../fonts/PangramLight.eot');
    src: url('../fonts/PangramLight.eot') format('embedded-opentype'),
        url('../fonts/PangramLight.woff2') format('woff2'),
        url('../fonts/PangramLight.woff') format('woff'),
        url('../fonts/PangramLight.ttf') format('truetype'),
        url('../fonts/PangramLight.svg#PangramLight') format('svg');
}

@font-face {
    font-family: 'PangramRegular';
    src: url('../fonts/PangramRegular.eot');
    src: url('../fonts/PangramRegular.eot') format('embedded-opentype'),
        url('../fonts/PangramRegular.woff2') format('woff2'),
        url('../fonts/PangramRegular.woff') format('woff'),
        url('../fonts/PangramRegular.ttf') format('truetype'),
        url('../fonts/PangramRegular.svg#PangramRegular') format('svg');
}

@font-face {
    font-family: 'PangramMedium';
    src: url('../fonts/PangramMedium.eot');
    src: url('../fonts/PangramMedium.eot') format('embedded-opentype'),
        url('../fonts/PangramMedium.woff2') format('woff2'),
        url('../fonts/PangramMedium.woff') format('woff'),
        url('../fonts/PangramMedium.ttf') format('truetype'),
        url('../fonts/PangramMedium.svg#PangramMedium') format('svg');
}

@font-face {
    font-family: 'PangramBold';
    src: url('../fonts/PangramBold.eot');
    src: url('../fonts/PangramBold.eot') format('embedded-opentype'),
        url('../fonts/PangramBold.woff2') format('woff2'),
        url('../fonts/PangramBold.woff') format('woff'),
        url('../fonts/PangramBold.ttf') format('truetype'),
        url('../fonts/PangramBold.svg#PangramBold') format('svg');
}

@font-face {
    font-family: 'PangramBlack';
    src: url('../fonts/PangramBlack.eot');
    src: url('../fonts/PangramBlack.eot') format('embedded-opentype'),
        url('../fonts/PangramBlack.woff2') format('woff2'),
        url('../fonts/PangramBlack.woff') format('woff'),
        url('../fonts/PangramBlack.ttf') format('truetype'),
        url('../fonts/PangramBlack.svg#PangramBlack') format('svg');
}




html,body { height:100%; font-family:PangramRegular;}
body {color:#000; font-weight: 400; background:#fff; font-size: 1.0rem; }
img { max-width:100%; height:auto;}
strong {font-weight:500;}
a{text-decoration:none;}
a, button, input[type=submit] { -webkit-transition: all ease 0.3s; -moz-transition: all ease 0.3s; -o-transition: all ease 0.3s; -ms-transition: all ease 0.3s; transition: all ease 0.3s; }
a:hover, a:focus, input:focus { color:#cea255; outline:none; }
input:focus, input:hover { outline:none; }
a:hover, a:focus, button, .btn, .btn:focus { text-decoration:none; outline:0 !important; outline-offset:0px !important;}
select:focus { box-shadow:none !important; outline:none !important; border-color:#ced4da !important; }
label { font-weight:normal; }
.data-table { display:table; table-layout:fixed; width:100%; float:none; height:100%; }
.data-cell { display:table-cell; vertical-align:middle; min-width:1%; float:none; }
.data-table.vtop .data-cell { vertical-align:top; }
iframe { width:100% !important; }
sub, sup {font-size:50%; top:-.6em; }
input:-webkit-autofill {-webkit-animation-name: autofill; -webkit-animation-fill-mode: both;}

.txt-black { font-family:'PangramBlack'; }
h1, h2, h3, h4, h5, h6{ color:#16325A; font-weight:700; }


::-webkit-input-placeholder { /* Chrome/Opera/Safari */
    color:#666;
}
::-moz-placeholder { /* Firefox 19+ */
    color:#666;
}
:-ms-input-placeholder { /* IE 10+ */
    color:#666;
}
:-moz-placeholder { /* Firefox 18- */
    color:#666;
}




.headerTop{ position:relative; z-index:99; border-bottom:solid 1px rgb(0 0 0 / 30%);
            /*-webkit-box-shadow:0 0 6px rgba(0, 0, 0, 0.3); box-shadow:0 0 6px rgba(0, 0, 0, 0.3); */
            background: #ffffff; /* Old browsers */
            background: -moz-linear-gradient(top,  #ffffff 0%, #f7f7f7 100%); /* FF3.6-15 */
            background: -webkit-linear-gradient(top,  #ffffff 0%,#f7f7f7 100%); /* Chrome10-25,Safari5.1-6 */
            background: linear-gradient(to bottom,  #ffffff 0%,#f7f7f7 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
            filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#f7f7f7',GradientType=0 ); /* IE6-9 */

}
.headerTop .navbar-brand {width:194px; padding:0 !important;}
.headerTop .navbar-brand img{transition:all .2s ease;}

.headerTop .navbar{width:100%; padding:.0rem 1rem;}
.headerTop .navbar .nav-item {position:relative; padding:0.6rem .0rem; margin-left:.6rem; margin-right:.6rem; transition:all .4s ease;}

.headerTop .navbar li:last-child .hs-mega-menu { width:310px; }
.headerTop .navbar li:last-child .hs-mega-menu .col-md-4 { width:100%; }

.headerTop .navbar .nav-item:hover .hs-mega-menu{ display:block; } 

.headerTop .navbar .navbar-nav .nav-link{font: normal normal normal 19px/34px PangramBold; padding:0.55rem 0.7rem; position:relative; color:#000;}
.headerTop .navbar .navbar-nav .nav-link:hover{color:#cea255;}
.search-btn{ padding:5px 10px; margin-right:28px; position:relative; cursor: pointer;
             /*background-color:#f00;
             mask:url(img-PATH) no-repeat center / contain;
             -webkit-mask:url(img-PATH) no-repeat center / contain;*/
}
.serchbox { 
    position:absolute; width:100%; min-width:340px; background:#fff; border-radius:5px; right:0; top:-6px; box-shadow:0 0 6px rgba(0,0,0,0.3); overflow:hidden; 
    transform:scale(0.0, 1); transform-origin:right; transition:all .2s ease-in;
}
.serchbox input { width:calc(100% - 50px); border:solid 0px #000; float:left; padding:12px 10px; }
.serchbox button { width:50px; float:left; padding:0; }

.serchbox.active { transform:scale(1.0, 1); transform-origin:right; transition:all .2s ease-in; }

.headerTop .form-select { margin-right:20px; min-width:76px; }
.search-btn img{ max-width:28px; width:28px; }
.mapburger { overflow:hidden; min-width:30px; max-height:34px; border-radius:0px; margin-left:20px; cursor:pointer; }
.mapburger img { max-width:34px; }

/*drop-down menu start here*/
.hs-mega-menu .col-md-4 { width:50%; }
.hs-has-mega-menu .hs-mega-menu { width:780px; padding:0 2rem 1rem; }
.hs-mega-menu { width:620px; padding:0 2rem 3rem; }
.hs-mega-menu h4 { color:#16325A; border-bottom:solid 1px #CCA054; display:inline-block; margin:1rem 0 .51rem; font-size:1.1rem; }
.hs-mega-menu ul { list-style-type:none; padding:0; }
.hs-mega-menu ul li { padding-bottom:5px; }
.hs-mega-menu ul li a{ font:normal normal normal 14px/15px PangramRegular; letter-spacing:0px; color:#000000E6; display:block; padding:0 0 7px; }
.hs-mega-menu::before { display:block; width:0; height:0; content:''; border-right:7px solid transparent;
                        border-bottom:8px solid #f1f1f1; border-left:7px solid transparent; position:absolute; top:-8px; left:30px; }
.hs-mega-menu::after {
    display:block; width:0; height:0; content:'';
    border-right:7px solid transparent; border-bottom:7px solid #fff; border-left:7px solid transparent;
    position:absolute; top:-5px; left:30px;
}

/*start here main banner*/
.main-banner { position:relative; } 
.main-banner .carousel-caption {left:8%; right:10%; bottom:auto; top:31%; }
.main-banner .carousel-caption h4{ font:normal normal bold 76px/86px PangramRegular; color:#000; text-align:left;}
.main-banner .carousel-indicators [data-bs-target] { text-indent:0; background:#111; background-clip:padding-box; opacity:1; overflow:hidden; margin:0 4px; width:40px; height:3px; color:#000; font-size:0; border:0; }
.main-banner .carousel-indicators [data-bs-target].active { overflow:visible; line-height:3px; background:#96691b; }
/*.main-banner .carousel-indicators [data-bs-target]:last-child {overflow:visible; margin:0 5px 0 0; background:transparent; line-height:3px;}*/
.main-banner .carousel-indicators{ justify-content: flex-end; margin-left:10%; margin-right:10%; bottom:26px; }

.social-links {position:absolute; left:6.5%; bottom:31px; z-index:9;}
.social-links a{ font:normal 18px/33px PangramBold; padding:0 10px; text-decoration:none; color:#000; }
.social-links a:first-child {padding-left:0;}
.social-links a:hover {color:#cea255;}

.blue-clr{color:#16325A !important;}

.categories-sec {padding-top:4rem;}
h2.h2{
    font:normal normal bold 43px/52px PangramRegular;
    color:#16325A;
}
p.comn{font: normal normal medium 21px/31px PangramRegular; color:#000;}
.categories-sec .cta-btn {float:right;}
.cta-btn {
    font:600 16px/30px PangramRegular; color:#000; padding:9px 26px;
    background: #FFFFFF 0% 0% no-repeat padding-box; 
    box-shadow:3px 7px 15px rgba(0,0,0,0.15);
}
.black-btn {
    padding:12px 21px;
    background:#000000 0% 0% no-repeat padding-box;
    box-shadow:0px 13px 15px #0000002B; margin:0.3rem 0 0;
}
.black-btn:hover { color:#cea255 !important; transition:all .3s ease; }
.black-btn:hover, .black-btn:focus { background:#000; }

.cta-btn span {font-size:25px; padding:0 0 0 10px;}
.catgry-items { position:relative; }
.dark-clr {color:#000 !important;}
.catgry-items figure {margin-bottom:1.5rem; overflow:hidden;}
.catgry-items figure img { transition:all .4s ease-in; }
.catgry-items figure:hover img{transform:scale(1.08,1.08);}
.catgry-items figcaption { position:absolute; bottom:0px; padding:30px; width:100%; background-image:linear-gradient(180deg,transparent,#333 168%); }
.catgry-items figcaption h3 { font:500 28px/47px PangramBold; color:#fff; margin-bottom:5px; }
.catgry-items figcaption a {font:normal normal 300 14px/26px PangramRegular; background:#FFFFFF61 0% 0% no-repeat padding-box; border:solid 1px #fff; border-radius:60px 60px 0px 60px; color:#030303; padding:5px 15px; }
.catgry-items figcaption a:hover { color:#cea255 !important; transition:all .3s ease; }

.visual-exp-sec {padding-top:2.5rem; background:#fff; position:relative;}
.visual-exp-sec .container-fluid{ padding:0; }
.visual-exp-sec .cta-btn{ float:right; }
.visual-exp-sec:after {content:""; position:absolute;bottom:0;left:0; width:100%; height:40%;
                       background: transparent linear-gradient(180deg, #FFFFFF00 0%, #D2D2D200 68%, #111878BA 100%) 0% 0% no-repeat padding-box;
}

.visual-exp-sec .carousel-item { background-size:cover !important; }


.visual-exp-sec .virtual-tour-img img { width:100%; }

.virtual-tour-img { position:relative; height:100%; }
.virtual-tour-img .tooltip-box > div { max-width:56px; }
.fiture-box { position:absolute; width:23vw; height:23vw; border-radius:50%; left:10%; top:27%; background:#fff; }
#carouselExampleIndicators2 .carousel-indicators [data-bs-target]{ width:8px; height:8px; border-radius:50%; background:#cbc5e6; margin:0 5px; padding:0; border:0; }
#carouselExampleIndicators2 .fiture-box { padding-bottom:3rem; }
#carouselExampleIndicators2 .fiture-box img{ max-width:90%; margin-left:5%; margin-top:-5%; }
#carouselExampleIndicators2 .fiture-box .carousel-caption { bottom:3px; }
#carouselExampleIndicators2 .carousel-indicators { bottom:41%; width:23vw; left:11%; margin-left:0; display:none; }
.fiture-box h4{ font:normal normal normal 1.3vw/26px PangramMedium; color:#2D2121; margin-bottom:0; }
.fiture-box a{ font:normal normal normal 14px/24px PangramMedium; color:#2D212191; }

.tooltip-box{}
.tooltip-box .fa{ color:#fff; font-size:52px; }
.tooltip-box > div { width:46px; }
.tip-box1 { position:absolute; z-index:9; top:11vh; right:19vw; }
.tip-box2 { position:absolute; z-index:9; top:57vh; left:8vw; }
.tip-box3 { position:absolute; z-index:9; top:29vh; left:67vw; }
.tip-box4 { position:absolute; z-index:9; top:14vh; left:28vw; }
.tooltip-box > div a span { color:#000; }

.virtual-tour-img h2 {position:absolute; left:5%; bottom:5%;font:normal 26px/40px PangramRegular; z-index:9;
                      letter-spacing: 0px;
                      color: #FFFFFF;}
.virtual-tour-img h2:after{ content:""; width:48%; height:3px; background:#fff; position:absolute; bottom:0;left:0 }

#carouselExampleIndicators2 .black-links{ position:absolute; bottom:0; right:10%; z-index:9 }

.aluminium-rollator-sec { padding:4rem 0 3rem; /*background:url(../images/gredient-bg.png); background-size:cover;*/ position:relative; }

.aluminium-rollator-sec h2 { font:600 40px/44px PangramRegular; color:#16325A; padding:0% 0 26px; }
.aluminium-rollator-sec h2 span { display:block; font-size:26px; padding-top:8px;}
.aluminium-rollator-sec p { font:normal normal normal 18px/32px PangramRegular; padding-bottom:1.2rem; }
.aluminium-rollator-sec figure {position:relative;}
.aluminium-rollator-sec figure > img { max-height:520px; width:auto !important; padding:1rem 0; }
.aluminium-rollator-sec .cta-btn { margin-bottom:2.5rem; display:inline-block; box-shadow:3px 7px 15px rgba(0,0,0,0.12); }
/*.aluminium-rollator-sec figure:before {content:""; position:absolute; left:0; top:0; right:0; bottom:0; background:;}*/

.aluminium-rollator-sec .carousel-item .col-md-6 {
    display:-webkit-box;
    display:-ms-flexbox;
    /*display:flex;*/
    -webkit-box-orient:vertical;
    -webkit-box-direction:normal;
    -ms-flex-direction:column;
    flex-direction:column;
    -webkit-box-pack:center;
    -ms-flex-pack:center;
    justify-content:center;
}

.black-links { position:relative; background:#000; width:120px; height:50px; padding:0 10px; }
.black-links .carousel-control-next { opacity:1; font-size:24px; padding:0 30px; 
                                      background: url(../images/arrow-img.png);
                                      background-repeat:no-repeat;
                                      background-position:center;
                                      background-size:60%;
}
.black-links .carousel-control-prev { opacity:1; font-size:24px; padding:0 30px; border-left:solid 1px #fff; 
                                      background: url(../images/arrow-img.png);
                                      background-repeat: no-repeat;
                                      background-position: center;
                                      background-size: 60%; transform: rotate(180deg);
}
/*.black-links .carousel-control-next span { background:url(../images/arrow-img.png); background-repeat:no-repeat;  }*/

.location-sec { background:url(../images/locator.jpg); background-size:cover; background-attachment:fixed; padding:10rem 0; background-position:center; }
.serch-box { position:relative; border-radius:7px; overflow:hidden;}
.serch-box span {font-size:26px; top:0; bottom:0;}
.serch-box span.left{position:absolute; left:3px; padding:6px 7px; color:#000; }
.serch-box span.left img { max-width:32px; }
.serch-box span.right{position:absolute; right:0px; background:#000; color:#fff; padding:5px 12px 10px; }
.serch-box span.right img {-webkit-filter:invert(1); filter:invert(1); max-width:30px; }

.serch-box input[type="text"] {background: #FFFFFF 0% 0% no-repeat padding-box; width:100%; padding:15px 45px 15px 55px; border:0;
                               border-radius: 7px;}
.locat-retlr { text-align:center; padding:20px 0; }
.locat-retlr button{ font:bold 22px/31px PangramRegular; letter-spacing: 0px; color:#010101; border:0; background:#fff; border-radius:0; display:inline-block; padding:11px 26px; }
.locat-retlr button:hover { color:#cea255; transition:all .3s ease; }
.locat-retlr button span { padding-left:10px; }

/*footer*/
footer{ background:#f2f2f9; }
footer h2{font:normal normal bold 30px/36px PangramRegular;
          letter-spacing:0px; color:#16325A;
          padding:2.5rem 0 0.7rem;
}
.tp-footer {border-bottom:solid 1px #707070; color:#000000E6; padding-right:0; }
.tp-footer > .col-md-8 { padding-left:3.5rem; padding-right:2.1rem; }
.tp-footer > .col-md-4 { border-left:solid 1px #707070; padding-left:3.5rem; }
footer a { color:#0B1B33; font-size:18px; }
.tp-footer > .col-md-8 .col-md-4 { padding-bottom:1.8rem; font-size:19px; /*color:#CCA054;*/ color:#000; line-height:21px; }
.tp-footer > .col-md-8 .col-md-4 .bi{ font-size:26px; position:relative; bottom:-3px; margin-right:8px; }
.tp-footer h3 { font:bold 28px/32px PangramRegular;
                letter-spacing:0px; color:#16325A; padding-top:2.5rem; } 
.tp-footer ul { list-style-type:none; padding:0.7rem 0 0; }
.tp-footer ul li a { font:300 19px/30px PangramRegular;
                     letter-spacing:0px;
                     color:#0B1B33; display:block;
}
.tp-footer ul li a:hover { color:#CCA054; }
.social-links-btm { position:relative; bottom:-4px; }
.subscribe { position:relative; width:94%; 
             background:#A4A4A41F 0% 0% no-repeat padding-box;
             border-radius:10px; margin:.8rem 0 1.2rem;
}
.subscribe input {width:100%; background:transparent; border:0; padding:16px 18px; font-size:16px;}
.subscribe button {position:absolute; right:0; background:transparent; border:0; font-size:29px; padding:5px 10px; color:#000; }
.tp-footer p{ font:300 20px/30px PangramRegular;
              letter-spacing: 0px;
              color: #0B1B33;}
.btm-footer {padding:12px 0; margin-top:-1px; background:#f2f2f9; }
.btm-footer p {padding-left:2rem; font-size:17px;}
.btm-footer p span{color:#CCA054; font-family:PangramBold;}


.slide-menu {position:fixed; z-index:99; top:0; right:-33%; width:28%; min-width:300px; height:100vh;  transition:all .4s ease-out;
             background: #FCFCFC 0% 0% no-repeat padding-box;
             box-shadow: -11px 3px 53px #000000A3;
             border-radius: 19px 0px 0px 19px;
             opacity: 1;
}
.slide-menu.active {right:0; transition:all .4s ease-in;}

.hamburger-menu-box span.close-hamburger { font-size:54px; float:right; padding:10px; cursor:pointer;  }
.hamburger-menu-box ul {list-style-type:none; padding:25vh 0% 25vh;}
.hamburger-menu-box ul li a{
    font:800 30px/38px PangramRegular;
    letter-spacing: 0px; padding:1rem 0;
    color: #16325A; display:block;
    text-transform: uppercase; text-align:center;
}
.hamburger-menu-box ul li a:hover{background:#00000012; color:#16325A; }
.sociallinks-nav {position:absolute; bottom:30px; width:100%; left:0; text-align:center;}
.sociallinks-nav a{ color:#16325A; width:32.3%; text-align:center; display:inline-block;}


/*start about us page here*/
.inner-banner { padding:5rem 0; background:#EEEEF0; min-height:320px; }
.inner-banner h1 { color:#16325A; font-size:48px; font-weight:600; margin:0; font-family:PangramBold; }

.inner-banner-img { margin:-120px 0 0; }
.inner-banner-img p{font: normal normal normal 20px/30px PangramRegular;}

.about-txt { padding-top:4rem; padding-bottom:4rem; }

.why-us { background:#f3f5f7; padding:2rem 0; border-radius:10px; }
.why-us h2 { color:#16325A; font-weight:600; padding-bottom:1rem; }
.why-us h3{ color:#CCA054; font-weight:600; }
.why-us figure >img {}
.why-us p{padding:0 1rem;}

.product-partners { padding:5.5rem 0 4rem; }
.product-partners h2 {position:relative; font-weight:600; padding:1rem 0 .71rem; margin-bottom:2rem;}
.product-partners h2:after {content:""; background:#CCA054; width:120px; height:4px; position:absolute; bottom:0; left:calc(50% - 60px); }
.partners-logo {margin:1rem 0; padding:.2rem 2.1rem;}

.meet-the-team { padding:1rem 0 4rem; }
.meet-the-team h2 {position:relative; font-weight:600; padding:1rem 0 .71rem; margin-bottom:2rem;}
.meet-the-team h2:after {content:""; background:#CCA054; width:120px; height:4px; position:absolute; bottom:0; left:calc(50% - 60px); }

.team-card-box { background:#efefef; box-shadow:0px 9px 26px #0000003B; border-radius:18px; padding:1rem 0 0; overflow:hidden; margin:2rem 1rem; transition:all .4s ease; }
.team-card-box:hover { }
.team-card-box figure{margin:0;}
.team-card-box figcaption { background:#fff; float:left; width:100%; padding:15px 0 0; }
.team-card-box h3 { color:#000; font-size:22px; font-family:PangramBold; margin-bottom:0; }
.team-card-box p{ font-weight:300; padding-bottom:21px; font-size:18px; }


.our-presence { background:#f4f5f7; padding:4rem 0 3rem; border-bottom:solid 1px #707070; }
.our-presence h2 { font-size:44px; margin-bottom:3.0rem; font-family:PangramBold; }

.our-presence h3{ color:#000; font-weight:500; font-size:24px; font-family:PangramBold; }
.our-presence p{ font-size:16px; }

.map-presence {position:relative; padding:3rem 0 2rem;}
.map-presence .map_points { width:1.0rem; height:1.0rem; position:absolute; background:#fff; border:solid 5px #0C75FF; border-radius:50%; z-index:2; cursor:pointer; }
@keyframes dot-ripple{
    to{transform:scale(6);opacity:0}
}
.map-presence .map_points:before{width:.8rem;height:.8rem;border-radius:50%;background-color:#0C75FF;top:-3px;left:-3px;position:absolute;content:"";display:block;z-index:1;animation:dot-ripple 2s linear infinite;}
.map-presence .point1 { top:36.5%; left:17%; }
.map-presence .point2 { top:28%; left:46%; }
.map-presence .point3 { top:22%; left:17%; }
.map-presence .point4 { top:29%; left:44%; }
.map-presence .point5 { bottom:26%; right:12%; }
.map-presence .point6 { top:36%; left:72%; }
.map-presence .point7 { bottom:13%; right:3%; }

.map-presence .map_points:hover .add_point { transform-origin:top; transform:translateY(2px); transition:all .4s ease; visibility:visible; opacity:1; }
.add_point{
    width:200px;box-shadow: 0 0rem 1.5rem rgba(0,0,0,0.175);border: none;position:absolute;padding: 10px 15px;border-radius: 7px; z-index: 9;background: #fff;
    left: -100px; top:23px;
    transform-origin:top; transform:translateY(50px); transition:all .3s ease; visibility:hidden;opacity:0;
}
.add_point:before {display: block;width: 0;height: 0;content: '';
                   border-right: 7px solid transparent; border-bottom: 8px solid #fff;
                   border-left: 7px solid transparent; position: absolute; top:-8px; left:97px; }
.add_point h3{ font-weight:600; font-size:15px; text-align:center; color:#b58a3e; margin-bottom:2px; text-transform:uppercase; letter-spacing:1px} 
.add_point > p { margin-bottom:0; font-size:16px; }


/*start contact page here*/
.contact-banner { min-height:360px; }
.contact-banner p { padding:.6rem; padding:.6rem; font-size:1.3rem; font-family:'PangramLight'; }
.contact-form { padding:0rem 0rem 0 0rem; margin:0 0 6.5rem; background:/*#f8f8fc*/#f9f9f9; overflow:hidden;
                box-shadow:0px 53px 65px #00000036; border-radius:40px; 
}
.form-left, .form-right { padding-top:3rem; padding-bottom:4rem; }
.form-left { background:#fff; padding-left:3.2rem; padding-right:2rem; }
.form-right { padding-left:2rem; padding-right:3rem; }

.contact-form h2{ font-weight:600; color:#000; font-size:2.3rem; }
.contact-form p{ font-family:PangramLight; font-size:18px; line-height:26px; padding-bottom:1.7rem; }
.contact-form p.form-group { padding:1.0rem 0 1.7rem; margin:0; font-family:PangramRegular; }
.contact-form p.form-group i {
    font-size: 24px;
    width:34px;
    display: inline-block; padding-right:0; padding-left:0;
}
.contact-form p.form-group > span { width:calc(100% - 36px); padding-left:0; padding-right:0; }
.contact-form .form-control{ border: 1px solid #7070707A; border-radius:4px; font-family:PangramMedium; padding:.5rem .75rem; }
.contact-form textarea.form-control { min-height:105px; }
.contact-form label {padding-bottom:10px; font-family:PangramMedium;}
.form-group { margin-bottom:1.5rem; }

.contact-form .black-btn { border-radius:0; border:0; float:left; height:48px; }

.contac-btm { padding:5rem 0; }
.contac-btm ul { list-style-type:none; padding:0 0; text-align:center; }
.contac-btm ul li { background:#16325A; box-shadow:4px 13px 17px #00000033; border-radius:30px; width:28%; display:inline-block; padding:2.6rem 2rem; }
.contac-btm ul li:first-child { float:left; }
.contac-btm ul li:last-child { float:right; }
.contac-btm h3 { color:#fff; position:relative; font-weight:normal; padding-bottom:5px; margin-bottom:15px; font-family:PangramMedium; }
.contac-btm h3:after { content:""; position:absolute; bottom:0; left:calc(50% - 40px); width:80px; height:2px; background:#fff; }

.contac-btm p{ color:#fff; font-family:PangramLight; font-size:15px; line-height:17px; }
.contac-btm a{
    background:#FFFFFF 0% 0% no-repeat padding-box;
    box-shadow:0px 12px 28px #00000029;
    border-radius:12px 12px 0 12px;
    color:#17161AF7; padding:10px 25px; margin-top:11px; display:inline-block;
}
.contac-btm a:hover { color:#cea255 !important; transition:all .3s ease; }

.contact-form .cta-btn{ display:inline-block; margin-top:15px; }

.main-banner .innerBannerCaption { position:absolute; left:7%; right:40%; top:36%; }
.main-banner .innerBannerCaption h3{
    font-family:PangramBlack;
    font-size:3.5vw;
    letter-spacing:0px;
    color:#000000;
    text-transform:uppercase;
}

.main-banner #carouselExampleCaptions .carousel-item { min-height:calc(100vh - 70px); background-size:cover !important; }
/*category-page start here*/
.category-sec { padding-top:0rem; }
.category-sec h3 { /*font-family:PangramRegular;*/ padding-bottom:.8rem; }
.category-sec h1 { text-transform:uppercase; padding-bottom:.81rem; font-size:2.2rem; }
ul.category-list { list-style-type:none; padding:0 0 3rem; margin:0; 
                   display:flex;
                   flex-wrap:wrap;
}
ul.category-list li { margin:15px 1.5% 35px; flex:0 0 auto; width:22%;}
ul.category-list li figure { position:relative; padding:0rem 0; margin-bottom:.8rem; 
                             border-radius:5px; transition:all .4s ease;
                             box-shadow: 1px 12px 24px -8px rgba(0,0,0,0.4); -webkit-box-shadow: 1px 12px 24px -8px rgba(0,0,0,0.4); -moz-box-shadow: 1px 12px 24px -8px rgba(0,0,0,0.4);
}
ul.category-list li figure:hover { /*box-shadow:none;*/ }
ul.category-list h3 { font:18px/20px PangramMedium; /*color:#000;*/ color:#cea255; text-align:center; padding:5px 0 0; margin-bottom:3px; }
ul.category-list.main-category h3{ color:#16325A; }
.reltedProdct ul.category-list h3 { color:#cea255; }

ul.category-list h3 small { display:block; width:100%;
                            font:normal normal normal 14px/16px PangramRegular;
                            letter-spacing:0px; padding:7px 0;
                            /*color:#0D0D0D;*/ color:#16325A;
}
ul.category-list h4 { color:#16325A; font-size:15px; text-align:center; width:100%; font-weight:300 } 


ul.category-list li figure span.new-item { position:absolute; text-transform:uppercase; left:10%; top:5%; color:#0F0D0DBD; font-family:PangramLight; font-size:18px; }

/*sub-category-start-here*/
.sub-cat-img { max-height:280px; }
.sub-catgry h1{font:36px/40px PangramBold; padding-top:2rem;
               letter-spacing: 0px;
               /*color:#16325A;*/ color:#cea255; padding-bottom:0.8rem;
               text-transform: uppercase;}
.sub-catgry p { font-family:PangramMedium; }
.color-swatch {position:absolute; bottom:10px; width:100%; left:0; text-align:center;}
.color-swatch span { width:16px; height:16px; border-radius:50%; display:inline-block; margin:2px;}
.color-swatch span img {border-radius:50%;} 

/*faqs start from here*/
.faq-banner { padding-top:7rem; }
.faq-banner h1{position:relative; font-size:42px; padding-bottom:20px;}

.faq-banner h1:after{ content:""; position:absolute; width:320px; height:3px; background:#CCA054; bottom:0; left:calc(50% - 160px);}
.faq-sec { padding:3rem 0; }
.faq-sec h4 { font-size:22px; color:#000; padding-top:1rem; }

.faq-sec hr{ background:#16325a; width:70%; position:relative; left:15%; margin:3rem 0 2rem; display:inline-block; }
.faq-sec h3{ position:relative; padding:1rem 0 .0rem; text-align:left; margin-bottom:1rem; }
/*.faq-sec h3:after{ content:""; position:absolute; width:250px; height:3px; background:#CCA054; bottom:0; left:calc(50% - 125px);}*/

.faq-accordion {}
.faq-accordion .accordion-item{ margin:1rem;
                                border:1px solid #707070B8;
                                border-radius:11px;
}
.faq-accordion .accordion-button { background:rgba(0,0,0,0); border:none; 
                                   font:24px/32px PangramMedium;
                                   letter-spacing:0px;
                                   color:#000000; height:auto;
}
.faq-accordion .accordion-button:focus { box-shadow:none; } 
.faq-accordion {
    color:#1D1D1DC4;
    font: normal normal normal 18px/28px PangramRegular;
}
.faq-accordion .accordion-button:after { background:none; content:"\f068";
                                         display: inline-block;
                                         font: normal normal normal 16px/1 FontAwesome;
                                         font-size: inherit;
                                         text-rendering: auto;
                                         -webkit-font-smoothing: antialiased;
                                         -moz-osx-font-smoothing: grayscale; }
.faq-accordion .accordion-button.collapsed:after {content:"\f067";}

.faq-accordion .accordion-body { padding-top:0; }

.still_que { padding:1rem 0;}
.still_que h4{ color:#000; }



/*blog start here*/
.blog-banner { padding-top:7rem; padding-bottom:10rem; min-height:auto; }
.blog-banner h1 {
    font:30px/38px PangramRegular;
    letter-spacing:0px; padding-bottom:1.5rem; padding-top:.5rem;
    color:#16325A; text-transform:uppercase;
}
.blog-banner h1 strong { font-family:PangramMedium; }
.subscribe-text { position:relative; width:93%;
                  background:#FFFFFF 0% 0% no-repeat padding-box;
                  border-radius:9px; overflow:hidden;
}
.subscribe-text input {width:100%; padding:14px; border:0; border-radius:10px;}
.subscribe-text .subscribe-btn {
    background: #CCA054 0% 0% no-repeat padding-box; text-transform:uppercase; color:#fff; border:0; position:absolute; right:0; top:0; padding:14px;
}
.hero-img {position:relative;}
.hero-img img { position:absolute; width:570px; min-width:600px; top:-22%; left:0%; }

.blog-banner .social-links { bottom:-54%; left:4%; }
.blog-banner .social-links a { font-family:PangramRegular; color:#40403E; font-size:15px; }

.feature-article-sec { padding-top:38vh; }

.yellow-border { position:relative; padding-bottom:10px; margin-bottom:20px; }
.yellow-border:after { content:""; width:120px; height:5px; position:absolute; left:0; bottom:0; background:#CCA054; }


.blog-item{ margin:20px 0 3rem;
            background: #FFFFFF 0% 0% no-repeat padding-box;
            box-shadow: 0px 3px 21px #00000029;
            border-radius: 25px; overflow:hidden; width:calc(100% - 30px); position: relative; padding-bottom:75px;
}
.blog-item figure{ height:320px; overflow:hidden; border-radius:18px; display:flex; align-items:center; justify-content:center; }
.blog-item figure > img { width:100%; height:100%; }

.blog-item figcaption{ padding:15px 25px 45px; 
                       position:absolute; top:calc(100% - 105px); left: 0; width:100%; height:100%; background:#fff; transition:all .5s ease-in;
}
.blog-item:hover figcaption{ top:100px; }
.blog-item figcaption span{ color:#2D2D97; font-size:10px; padding:3px 15px; font-family:PangramBold;
                            background:#2D2D9761 0% 0% no-repeat padding-box;
                            border-radius:4px;
}
.blog-item figcaption h4 { font:18px/20px PangramMedium; color:#000; padding:.5rem 0px .9rem; margin:0; }
.blog-item figcaption p{ font-size:14px; font-family:PangramLight; line-height:18px; }
.blog-item figcaption a { background:#17161AF7 0% 0% no-repeat padding-box;
                          box-shadow:5px 4px 20px #00000024; color:#FFFFFF !important; font-size:11px; padding:8px 22px;
                          border-radius:4px; font-family:PangramLight; display:inline-block !important; }
.blog-item figcaption a:hover { color:#cea255 !important; transition:all .3s ease; }

.all-blog { padding:3rem 0 3.5rem; }


.blog-post { padding:3rem 0; }
.blog-post-title { background:#2D2D9761 0% 0% no-repeat padding-box; border-radius:4px; padding:7px 21px; color:#2D2D97; font-size:12px; font-family:'PangramBold'; }
.blog-post h1{ font:28px/34px PangramBold; letter-spacing:0px; color:#16325A; padding:2.2rem 0 0; }

.bloger-detail { padding:1rem 0 0; }
.bloger-detail span { display:block; font:normal normal normal 14px/22px PangramRegular; color:#000000; padding-bottom:10px; }
.bloger-detail figure { margin:2rem 0 -3rem; position:relative; z-index:1; display:none; }
.bloger-detail figure img { border-radius:50%; border:solid 6px #fff; max-width:120px; }


.blog-img { margin-bottom:1.9rem; height:400px; overflow:hidden; border-radius:18px; display: flex;
            align-items: center;
            justify-content: center;
}
.blog-img > figure { width:100%; }

.blog-img figure > img { width:100%; /*max-height:420px;*/ border-radius:15px; }
.blog-post h3{ /*color:#000;*/ font-size:1.75rem; margin:1.4rem 0 .2rem;  }

.ur-reaction { padding:2rem 0 1rem; }
.ur-reaction ul {list-style-type:none; padding:0;}
.ur-reaction li {display:inline-block;}
.ur-reaction li a{width:50px; height:50px; display:inline-block; }
.ur-reaction li a.like { background:url(../images/like-icon.png); background-repeat:no-repeat; background-position: -4px 0px; background-size:auto 50px; }
.ur-reaction li a.like:hover, .ur-reaction li a.like.active { background-position:-62px 0px; }

.ur-reaction li a.dislike { background:url(../images/dislike-icon.png); background-repeat:no-repeat; background-position: -4px 0px; margin:0 0 -9px 20px; background-size:auto 50px; }
.ur-reaction li a.dislike:hover, .ur-reaction li a.dislike.active { background-position:-62px 0px; }
.ur-reaction h5 { color:#171717; font-size:1.5rem; padding-bottom:1rem; }

.shareon { padding:1rem 0 2rem; font:20px/30px PangramRegular; letter-spacing:0px; color:#171717; display:none; }
.shareon a { color:#16325A; font-family:PangramBold; padding:0 2px; }

.relatedBlogs { padding-top:3rem; padding-bottom:3.5rem }
.relatedBlogs .yellow-border { text-transform:uppercase; font-family:PangramBlack; }
.relatedBlogs .yellow-border:after { left:calc(50% - 70px); width:140px; }


/*product detail page start*/
.product-detail { padding:6vh 0 7rem; background:#fff/*#f6f6f7*/; border-bottom:solid 1px #b5b5b5;  }
.app-figure .selectors { padding-top:1rem; }

.product-description { padding:0 0 0 2rem; }
.product-description h1 { font:normal normal 34px/42px PangramBold; letter-spacing:0px; /*color:#000000;*/ }
.productsku { font:normal normal 300 18px/24px PangramRegular; color:#707070; margin-bottom:2.6rem; width:100%; display:inline-block; }

.swatch-control { margin:0rem 0 2.6rem; }
.swatch-wrapper { padding:0px; border:3px solid transparent; display:inline-block; margin:0 24px 5px 0; width:40px; height:40px; border-radius:50%; position:relative; }
.swatch-wrapper.selected { border-color:#16325A }
.swatch-wrapper img {width:100%; border-radius:50%;}
.swatch-wrapper .add_point { width:130px; top:calc(100% + 10px); left:-52px; }
.swatch-wrapper:hover .add_point{ transform-origin: top; transform:translateY(2px); transition: all .4s ease; visibility: visible; opacity: 1; }
.swatch-wrapper .add_point:before { left:63px; }

.product-description .form-select { width:auto; padding:.475rem 2.85rem .475rem .95rem; font-family:'PangramBold'; font-size:1.2rem; background-size:26px 19px; margin-bottom:2.6rem; }

.srt-descrption { padding:0rem 0 2.6rem; }
.srt-descrption h4 { font:normal normal normal 22px/28px PangramRegular; letter-spacing:0px; color:#000000; padding-bottom:.1rem; }
.srt-descrption ul { list-style-type:none; padding:0 0; }
.srt-descrption ul li { font:normal normal normal 18px/22px PangramRegular; letter-spacing:0px; color:#000000; padding:0 0 0 22px; position:relative; margin:0 0 12px; }
.srt-descrption ul li:before { content:""; width:9px; height:2px; position:absolute; top:calc(50% - 1px); background:#000; left:1px; }
.links-d { padding:1rem 0 0; }
.links-d a.cta-btn { font:normal normal 20px/27px PangramMedium; letter-spacing:0px; color:#030303; margin-right:1rem; 
                     width:220px;
                     float: left;
                     text-align: center; padding:18px 5px;
}
.links-d a.cta-btn:hover { color:#cea255 !important; transition:all .3s ease; }


.product-detail-tab { font-family:PangramMedium; }
.product-detail-tab .tab-content { position:relative; padding-bottom:2rem !important; margin-bottom:0.8rem; }
.product-detail-tab .tab-content:after {content:""; position:absolute; bottom:0; height:1px; width:calc(100% - 0%); left:0%; background:#70707091;}
.product-detail-tab p{ margin:0; font-family:'PangramRegular'; }
.product-detail-tab figure{ margin:1.8rem 0 1rem; }
.product-detail-tab nav, .product-detail-tab .tab-content{ padding:0 0%; }
.product-detail-tab .nav-tabs { border-bottom:0; margin:-50px 0 1rem; }
.product-detail-tab .nav-tabs .nav-link{
    font:normal normal normal 14px/24px PangramRegular; line-height:normal; color:#000;
    letter-spacing:0px;
    text-transform:uppercase;
    border: 1px solid #707070; border-radius:0;
}
.product-detail-tab h4 { /*color:#000;*/ font-size:1.3rem; padding:1rem 0 2px; font-family:'PangramBold'; margin-bottom:.3rem; }
.product-detail-tab .nav-link{ padding:1rem 3rem; }
.product-detail-tab .nav-tabs .nav-item.show .nav-link, .product-detail-tab .nav-tabs .nav-link.active { background:#000; color:#fff; }
.product-detail-tab ul{ list-style-type:none; padding:0 0; }
.product-detail-tab ul li {position:relative; font-family:PangramMedium; margin-bottom:8px; padding-left:16px; } 
.product-detail-tab ul li:before { content:""; width:7px; height:2px; background:#666; position:absolute; left:0; top:12px; }



/**/
.show-mob { display:none; }

/*start store locator here*/
.store-locator-left { padding:1rem 2rem; max-height:calc(100vh - 90px); overflow-x:hidden; overflow-y:scroll;  }
.store-locator-left h1 { font-family:'PangramBlack'; font-size:1.8rem; padding:1rem 0 .5rem; }
.search-box { margin:1rem 0 0; position:relative; padding:0; }
.search-box input,select { border:1px solid #70707096; border-radius:9px; width:100%; padding:7px 10px;}
.search-box button { border:0; padding:6px 0.8rem; background:#16325A; position:absolute; top:0; right:0; height:46px; border-radius:0 9px 9px 0; } 
.search-box button img { filter:brightness(0) invert(1); max-width:24px; }

.store-locator-left ul { list-style-type:none; padding:0; margin:2rem 0 0; }
.store-locator-left ul li {border-top:solid 1px #70707091; padding:1.2rem 0 1rem; position:relative;}
.store-locator-left ul li:after { content:""; background:url(../images/left-arrow.svg); background-size:100% 100%; width:28px; height:28px; position:absolute; right:15px; top:calc(50% - 15px); opacity:0; transition:all .3s ease; }
.store-locator-left ul li:hover:after { opacity:1; visibility:visible; transition:all .3s ease; right:0; }
.store-locator-left ul li:hover { cursor:pointer; } 
.store-locator-left ul li.selected:after { opacity:1; visibility:visible; transition:all .3s ease; right:0; }
.store-locator-left ul li:hover h4 { color:#16325a; font-family:PangramBold; }
.store-locator-left ul li.selected h4{ color:#16325a; font-family:PangramBold; }


.store-locator-left h4 { font:normal normal 20px/22px PangramRegular; letter-spacing:0px; color:#000000; margin-bottom:0; }
.store-locator-left h5 { font:normal normal normal 18px/24px PangramRegular; letter-spacing:0px; color:#000000BD; }
.store-locator-left p { font:normal normal normal 14px/22px PangramRegular; letter-spacing:0px; color:#000000B0; padding-top:5px; }

.locator-middle { background:#EEEEF0; padding:2rem;  }
.locator-middle h2 { font:normal normal bold 24px/35px PangramRegular; letter-spacing:0px; color:#16325A; }
.locator-middle h5 { font:normal normal 20px/27px PangramRegular; letter-spacing:0px; color:#000000; }  
.locator-middle h3{ font:normal normal 17px/26px PangramRegular; letter-spacing:0px; color:#16325A; margin-bottom:5px; }
.locator-middle .address{ margin-top:2.2rem; }
.locator-middle .address p{ text-align:left; font:normal normal 300 15px/22px PangramLight; letter-spacing:0px; color:#000000;}
.locator-right { padding:0; }

#map {
    min-height: 100%;
}
.show-mob2 { display:none; }



/*start store locator here*/
.store-locator-left { padding:1rem 2rem; }
.store-locator-left h1 { font-family:'PangramBlack'; font-size:1.8rem; padding:1rem 0 .0rem; }
.search-box { margin:.21rem 0; position:relative; padding:0; display:inline-block; }
.search-box input { border:1px solid #70707096; border-radius:9px; width:100%; padding:6px 10px; }
.search-box button { border:0; padding:6px 0.8rem; background:#16325A; position:absolute; top:0; right:0; height:46px; border-radius:0 9px 9px 0; } 
.search-box button img { filter:brightness(0) invert(1); max-width:24px; }

.search-box input[type="submit"] { font-size: 15px; font-family: 'PangramRegular'; padding: 6px 12px; height: auto; text-transform: none; margin-top:.8rem; }
.search-box input[type="submit"]:hover { color:#cea255 !important; transition:all .3s ease; }

.store-locator-left ul { list-style-type:none; padding:0; margin:1.2rem 0 0; }
.store-locator-left ul li {border-top:solid 1px #70707091; padding:0.8rem 1.3rem 0.5rem 0; position:relative;}
.store-locator-left ul li:after { content:""; background:url(../images/left-arrow.svg); background-size:100% 100%; width:22px; height:22px; position:absolute; right:15px; top:calc(50% - 30px); opacity:0; transition:all .3s ease; }
.store-locator-left ul li:hover:after { opacity:1; visibility:visible; transition:all .3s ease; right:0; }
.store-locator-left ul li:hover { cursor:pointer; } 

.store-locator-left h4 { font:normal normal 20px/27px Pangram; letter-spacing:0px; color:#000000; margin-bottom:0; }
.store-locator-left h5 { font:normal normal normal 18px/27px Pangram; letter-spacing:0px; color:#000000BD; }
.store-locator-left p { font:normal normal normal 14px/17px Pangram; letter-spacing:0px; color:#000000B0; }

.locator-middle { background:#EEEEF0; height:calc(100vh - 77px); padding:2rem ;  }
.locator-middle h2 { font:normal normal bold 24px/35px Pangram; letter-spacing:0px; color:#16325A; }
.locator-middle h5 { font:normal normal 20px/27px Pangram; letter-spacing:0px; color:#000000; }  
.locator-middle h3{ font:normal normal 17px/26px Pangram; letter-spacing:0px; color:#16325A; margin-bottom:5px; }
.locator-middle .address{ margin-top:2.2rem; }
.locator-middle .address p{ text-align:left; font:normal normal 300 15px/22px Pangram; letter-spacing:0px; color:#000000;}
.locator-right { padding:0; }



/*shop online start here*/
.shop-online-banner { background:url(../images/shop-online-banner.jpg); background-size:100% auto; background-position:center; /*background-attachment:fixed;*/ position:relative; padding:9rem 0; }
.shop-online-banner:before { content:""; position:absolute; top:0; left:0; width:100%; height:100%; background:rgba(0,0,0,0.5); }
.shop-online-banner h1 { text-transform:uppercase; color:#fff; position:relative; z-index:9; }

.shop-online-sec { padding:4rem 0 2rem; }
.shop-online-sec h2{ font-size:2.2rem; text-transform:uppercase; color:#000; font-family:"PangramBold"; text-align:center; padding-bottom:1.6rem; position:relative; }

.shop-online-sec h2:after { content:""; width: 120px; height: 5px; position: absolute; left:calc(50% - 60px); bottom:15px; background: #CCA054;  }

.shop-online-sec .col-sm-3 {
    display:-ms-flexbox;
    display:flex;
    -ms-flex-pack:center;
    justify-content:center;
    -ms-flex-direction:column;
    flex-direction:column; }
.shop-online-sec .shop-logo { padding:1.0rem 2.3rem; text-align:center; }
.shop-online-sec .shop-logo img { max-height:150px; }


.category-banner { height:60vh; position:relative; overflow:hidden; }
.category-bannerimg { position:absolute; width:100%; left:0; top:0; min-width:1100px;}


.readmore-box { width:97%; margin:.2% 1.5% 6.5%; }
.rdmr-btn {
    font: normal normal 300 17px/26px PangramBold;
    background:#fff;
    border:solid 0px #fff;
    border-radius:0px 0px 0px 0px;
    color:#000;
    padding:8px 21px; display:inline-block; cursor:pointer; margin:10px 0 10px; box-shadow:3px 7px 15px rgb(0 0 0 / 15%);
}
.rdmr-btn:hover { color:#cea255 !important; transition:all .3s ease; } 
.show-div { display:none; }


.search_location_form {}
.search_location_form input, .search_location_form select { border-radius:0; border-width:0 0 1px; padding-left:0; }
.srch1 { width:50%; float:left; }
.srch2 { width:48%; float:right; }
.srch3 { width:58%; float:left; }
.srch4 { width:40%; float:right; }
.search_location { color:#fff; }


.ars-txt { min-height:400px; }




/*start owl products here*/
.outer { margin:0 auto; max-width:800px;}
#big .item { background:transparent; padding:0px 0px; margin:2px; color: #FFF; border-radius: 3px; text-align: center; }
#thumbs .item { background:transparent; /*height:65px; width:65px; line-height:70px;*/ padding: 0px; margin:2px; color: #FFF; border-radius:0px; text-align: center; cursor: pointer; }
#thumbs .item > img {border-radius:0px; }
.product-detail #thumbs .item { display:flex; align-items:center; justify-content:center; width:auto; max-width:100%; height:67px; border:solid 1px #999; padding:2px; }
.product-detail #thumbs .item img { display:inline-block; width:100%; max-width:100%; max-height:100%; /*height:68px;*/ padding:2px; }
/*#thumbs .item {border:solid 1px #999;}*/
.product-detail #thumbs .current .item {border-color:#b7852d;}
/*#thumbs .current .item {border-color:#b7852d;}*/
#thumbs .current .item > img {  }
/*#thumbs .item h1 { font-size: 18px; }*/
.owl-carousel#thumbs { width:290px; margin-left:calc(50% - 145px); margin-top:1.3rem; }

.owl-theme .owl-nav [class*='owl-'] { -webkit-transition: all .3s ease; transition: all .3s ease; }
.owl-theme .owl-nav [class*='owl-'].disabled:hover { background-color: #D6D6D6; }
#big.owl-theme { position: relative; }
#big.owl-theme .owl-next, #big.owl-theme .owl-prev { /*background:#333;*/ width:42px; line-height:40px; height:42px; margin-top:0px; position: absolute; text-align:center; bottom:-80px; }
#big.owl-theme .owl-prev { left:0px; transform:rotateZ(180deg) !important; }
#big.owl-theme .owl-next { right:0px; }
.owl-theme .owl-nav .fa { width:44px; height:44px; } 

.owl-theme .owl-nav .fa-arrow-left:before, .owl-theme .owl-nav .fa-arrow-right:before{ 
    content:"" !important;
    -webkit-mask-image: url("data:image/svg+xml;base64,PHN2ZyB2aWV3Qm94PSIwIDAgNDggNDgiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+CjxwYXRoIGQ9Ik0xOC43NTkzIDkuMzQ5MjFDMTguMzk5OCA4LjkyOTg4IDE3Ljc2ODUgOC44ODEzMiAxNy4zNDkyIDkuMjQwNzRDMTYuOTI5OSA5LjYwMDE3IDE2Ljg4MTMgMTAuMjMxNSAxNy4yNDA3IDEwLjY1MDhMMTguNzU5MyA5LjM0OTIxWk0zMCAyNEwzMC43NTkzIDI0LjY1MDhDMzEuMDgwMiAyNC4yNzYzIDMxLjA4MDIgMjMuNzIzNyAzMC43NTkzIDIzLjM0OTJMMzAgMjRaTTE3LjI0MDcgMzcuMzQ5MkMxNi44ODEzIDM3Ljc2ODUgMTYuOTI5OSAzOC4zOTk4IDE3LjM0OTIgMzguNzU5M0MxNy43Njg1IDM5LjExODcgMTguMzk5OCAzOS4wNzAxIDE4Ljc1OTMgMzguNjUwOEwxNy4yNDA3IDM3LjM0OTJaTTE3LjI0MDcgMTAuNjUwOEwyOS4yNDA3IDI0LjY1MDhMMzAuNzU5MyAyMy4zNDkyTDE4Ljc1OTMgOS4zNDkyMUwxNy4yNDA3IDEwLjY1MDhaTTI5LjI0MDcgMjMuMzQ5MkwxNy4yNDA3IDM3LjM0OTJMMTguNzU5MyAzOC42NTA4TDMwLjc1OTMgMjQuNjUwOEwyOS4yNDA3IDIzLjM0OTJaIiBmaWxsPSIjOTk5OTk5Ii8+Cjwvc3ZnPgo=");
    mask-image: url("data:image/svg+xml;base64,PHN2ZyB2aWV3Qm94PSIwIDAgNDggNDgiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+CjxwYXRoIGQ9Ik0xOC43NTkzIDkuMzQ5MjFDMTguMzk5OCA4LjkyOTg4IDE3Ljc2ODUgOC44ODEzMiAxNy4zNDkyIDkuMjQwNzRDMTYuOTI5OSA5LjYwMDE3IDE2Ljg4MTMgMTAuMjMxNSAxNy4yNDA3IDEwLjY1MDhMMTguNzU5MyA5LjM0OTIxWk0zMCAyNEwzMC43NTkzIDI0LjY1MDhDMzEuMDgwMiAyNC4yNzYzIDMxLjA4MDIgMjMuNzIzNyAzMC43NTkzIDIzLjM0OTJMMzAgMjRaTTE3LjI0MDcgMzcuMzQ5MkMxNi44ODEzIDM3Ljc2ODUgMTYuOTI5OSAzOC4zOTk4IDE3LjM0OTIgMzguNzU5M0MxNy43Njg1IDM5LjExODcgMTguMzk5OCAzOS4wNzAxIDE4Ljc1OTMgMzguNjUwOEwxNy4yNDA3IDM3LjM0OTJaTTE3LjI0MDcgMTAuNjUwOEwyOS4yNDA3IDI0LjY1MDhMMzAuNzU5MyAyMy4zNDkyTDE4Ljc1OTMgOS4zNDkyMUwxNy4yNDA3IDEwLjY1MDhaTTI5LjI0MDcgMjMuMzQ5MkwxNy4yNDA3IDM3LjM0OTJMMTguNzU5MyAzOC42NTA4TDMwLjc1OTMgMjQuNjUwOEwyOS4yNDA3IDIzLjM0OTJaIiBmaWxsPSIjOTk5OTk5Ii8+Cjwvc3ZnPgo=");

    display: block;
    position: static;
    height: 100%;

    background-color: currentColor;
    background-image: none;
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;
    -webkit-mask-position: center;
    mask-position: center;
    -webkit-mask-size: cover;
    mask-size: cover;
}
#thumbs.owl-theme .owl-next, #thumbs.owl-theme .owl-prev { background:#333; }
.owl-theme .owl-nav [class*=owl-]:hover { background:transparent !important; color: #111 !important; }

.download-bx label { border:solid 1px #d1d1d1; padding:12px 15px 14px; display:block;cursor:pointer; background:#fff; position:relative; }
/*.download-bx label:after, .download-bx label:before { content:""; position:absolute; width:16px; height:16px; display:inline-block;  }*/
.download-bx label:before { left:12px; display: inline-block; border: solid 1px #111111; top: 17px; border-radius:1px; }
.download-bx label.active:before { border: solid 1px #fff; }
.download-bx label.active { color:#fff; background:#000; }
.download-bx label input{ opacity:0; visibility:hidden; position:absolute; }
.download-bx label .bi{ padding:1px 2px 0 0; display:inline-block; color:#fff; }


.owl-carousel .owl-stage { margin:0 auto; }



.visual-exp-img { height:100vh; background-size:cover !important; background-position:center !important; position:relative; }
.visual-exp-img .d-none { display:none; }
.top_up { cursor:pointer; }
.popup_box{
    width:250px;box-shadow: 0 0rem 1.5rem rgba(0,0,0,0.175);border: none;position:absolute;padding: 10px 15px;border-radius: 7px; z-index: 9;background: #fff;
    left:-105px; top:calc(100% + 7px);
    transform-origin:top; transform:translateY(50px); transition:all .3s ease; visibility:hidden;opacity:0;
    text-align:center;
}
.popup_box span { font-size:14px; }
.popup_box:before {display: block; width: 0; height: 0; content: '';
                   border-right: 7px solid transparent; border-bottom: 8px solid #fff;
                   border-left: 7px solid transparent; position: absolute; top:-8px; left:calc(50% - 4px); }
.popup_box figure { margin-bottom:10px; }
.popup_box p { font-weight:600; font-size:15px; text-align:center; color:#b58a3e; margin-bottom:2px; } 
.popup_box p a { text-decoration:none; color:#b58a3e; }
.top_up:hover .popup_box { transform-origin:top; transform:translateY(2px); transition:all .4s ease; visibility:visible; opacity:1; }
.visual-exp-img h2 { position:absolute; left:5%; bottom:5%; font:normal 26px/40px PangramRegular; z-index:9; letter-spacing:0px; color:#FFFFFF;}
.visual-exp-img h2:after{ content:""; width:48%; height:3px; background:#fff; position:absolute; bottom:0;left:0 }


/*search result page*/
.search-box-sec { padding:3rem 0; }
.search-box-sec h1 { text-align:center; font-size:26px; padding-bottom:3rem; }
.search-box-sec h1 span { font-size:16px; color:#999; display:block; }

.search-list { width:100%; border-bottom:solid 1px #999; padding:.71rem 0; margin:.71rem 0 0; }
.search-list h2 { color:#000; font-size:20px; }
.search-list span { color:#2D2D97; font-size:11px; padding:3px 15px; font-family:PangramMedium;
                    background:#2D2D9761 0% 0% no-repeat padding-box; border-radius:3px; margin-bottom:6px; display:inline-block; }
.search-list a{ display:block; width:100%; position:relative; color:#16325a; }
.search-list a:after{content: "";
                     background: url(../images/left-arrow.svg);
                     background-size: 100% 100%;
                     width:16px;
                     height:16px;
                     display:inline-block;
                     top:calc(50% - 30px); transform:rotate(180deg); margin:0 0 -2px 10px;}
.search-list p { margin-bottom:4px; }



/**/
.category-heading:after{ left:calc(50% - 60px); }
.category-sec h1.sub-category-heading { font-size:2.2rem; text-transform:none; font-family:PangramMedium; font-weight:500; }
.category-sec h1.sub-category-heading:after{ width:300px; left:calc(50% - 150px); }
.our-presence-heading:after { width:300px; left:calc(50% - 150px); }


@media (min-width:768px) {
    body { padding-top:71.78px; }
    .headerTop { position:fixed; top:0; left:0; width:100%; }
}


.inner-banner.msg-404 { background:#fff; }
.inner-banner.msg-404 a { color:#CCA054; } .inner-banner.msg-404 h1 { padding-top:8%; }

#html_element { margin-bottom:1.3rem; }
.contact-form .form-left .cta-btn { margin-top:7rem; }

.video-thumbnail {
    position: relative;
    display: inline-block;
    cursor: pointer;
    margin: 30px;
}
.video-thumbnail::before {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
    /*content: "\f04b";*/
    content: "\f01d";
    font-family: FontAwesome;
    font-size: 100px;
    color: #fff;
    opacity: 0.8;
    text-shadow: 0px 0px 30px rgba(0, 0, 0, 0.5);
}
.video-thumbnail:hover:before {
  color: #eee;
}

/* Strange Animals - start */

@media (min-width: 770px) {
  .btm-footer.strangeanimals.desktop {
  	display: flex;
  }
  
  .btm-footer.strangeanimals.mobile {
  	display: none;
  }
}

@media (max-width: 770px) {
  .btm-footer.strangeanimals.desktop {
  	display: none;
  }
  
  .btm-footer.strangeanimals.mobile {
  	display: block;
  }
}

/*
.hbspt-form .hs-submit {
  padding-top: 10px;
}

.hbspt-form .hs-button {
  background-color: #16325A;
}

.hbspt-form .hs-button:hover {
  background-color: #e9e9ee;
  color: #16325A;
}

.hbspt-form .form-columns-2 input {
  width: 100%;
}

.hbspt-form .form-columns-1 {
  padding-top: 10px;
}

.hbspt-form .form-columns-1 .input {
  margin-right: 8px !important;
}

.hbspt-form .form-columns-1 .hs-input {
  width: 100% !important;
}
*/

/* Strange Animals - end */