@import url('https://fonts.googleapis.com/css2?family=Roboto:wght@300;400;500;700&family=Rubik:wght@300;400;500;600;700&display=swap');
html {
  scroll-behavior: smooth;
}
body {
    font-family:Roboto;
    font-weight:300;
    background-color:#fff;
    min-height:100vh;color: #787878;
    font-size:14px;
    font-weight:400;
}

@media screen and (min-width: 1024px){
    body {
    font-size:16px;
}
}

body.modal-open { padding:0 8px 0 0!important; }

h1, h2, h3, h4, h5, h6 {
    font-family:'Rubik';
    color:#333;
}
h1, .h1 { font-size:36px; }
h2, .h2 { font-size:32px; }
h3, .h3 { font-size:28px; }
h4, .h4 { font-size:24px; }
h5, .h5 { font-size:20px; }
h6, .h6 { font-size:18px; }
.heading-lg { font-size:50px; }

.font-1 { font-family:Roboto!important }
.font-2 { font-family:Rubik!important }
.font-3 { font-family:Black Ops One!important }

.fw1 {font-weight:200!important;}
.fw2 {font-weight:200!important;}
.fw3 {font-weight:300!important;}
.fw4 {font-weight:400!important;}
.fw5 {font-weight:500!important;}
.fw6 {font-weight:600!important;}
.fw7 {font-weight:700!important;}

.tc1 { color:#0fb7ff!important }
.tc2 { color:#333!important }
.tc3 { color:#fff!important }

a.tc1:hover { color:#333!important }
a.tc2:hover { color:#0fb7ff!important }
a.text-white:hover { color:#0fb7ff!important }

.nav-link  { font-family:'Rubik'; }

.text-muted { color:#b3b3b3!important; }
.img-contain { object-fit:contain!important; }
hr { border-top:solid 1px #e4e4e5!important; }
a { text-decoration:none; display:inline-block; transition:all 0.3s ease-in 0s; cursor:pointer; }
a:hover { text-decoration:none; }
    a.text-dark:focus, a.text-dark:hover {color:#1b0f1c!important;
    }

button:focus { outline:none!important; box-shadow:none!important; }
.form-control {
    height: calc(1.5em + .75rem );
}
.form-control.alter {
    color:#1b0f1c!important; border:solid 1px #b3b3b3!important;
}
    .form-control.alter.border { border:solid 1px #e4e4e5!important }
.number-text { min-width:56px;  width:56px; }

.bg-1 { background-color: #00bd89!important; }
.bg-dark { background-color: #130903!important; }
.btn-new {
    border-radius: 4px;
  background-color: #0fb7ff; 
  color:#fff;
  padding:8px 20px; 
}
.btn-outline-new {
    border-radius: 4px;
  border-color: #0fb7ff; 
  color:#0fb7ff;
  padding:4px 20px; 
}
    .btn-outline-new:hover { color:#333; }

    .btn-primary{ background-color:#0fb7ff; border-color:#0fb7ff; }

.share-btns a { transition:all 0.4s ease-in 0s; display:inline-block; width:32px; height:32px; line-height:30px; margin-right:8px; border-radius:50%; text-align:center; border:solid 1px #130903; color:#130903; }
    .share-btns a:hover { background-color:#130903; color:#fff; }

    .myaccount-nav a{color:#333;}
    .myaccount-nav a:hover, .myaccount-nav .active a{color:#0fb7ff;}

.wrapper {  overflow:hidden; width:100%; }
/*.row { margin-left:-6px!important;margin-right:-6px!important; }
.col, .col-1, .col-10, .col-11, .col-12, .col-2, .col-3, .col-4, .col-5, .col-6, .col-7, .col-8, .col-9, .col-auto, .col-lg, .col-lg-1, .col-lg-10, .col-lg-11, .col-lg-12, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-lg-auto, .col-md, .col-md-1, .col-md-10, .col-md-11, .col-md-12, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-md-auto, .col-sm, .col-sm-1, .col-sm-10, .col-sm-11, .col-sm-12, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-sm-auto, .col-xl, .col-xl-1, .col-xl-10, .col-xl-11, .col-xl-12, .col-xl-2, .col-xl-3, .col-xl-4, .col-xl-5, .col-xl-6, .col-xl-7, .col-xl-8, .col-xl-9, .col-xl-auto 
{ padding-left:6px!important; padding-right:6px!important; }*/

.pdfreader { height:calc(100vh - 50px);}

p { 
  /*line-height: 1.93;*/
  letter-spacing: normal;
  margin-bottom:12px;
  /*text-align: justify;*/
  }

.btn-outline-default { border:solid 1px #0fb7ff; text-transform:uppercase; color:#0fb7ff; padding:8px 24px; border-radius:20px;  transition:all 0.4s ease-in-out 0s;}
    .btn-outline-default:hover { color:#0fb7ff; border-color:#0fb7ff; }

.btn-default { padding:8px 24px; border:solid 1px #0fb7ff; text-transform:uppercase; color:#fff;  border-radius:20px; background-color:#0fb7ff; transition:all 0.4s ease-in-out 0s;}
    .btn-default:hover { background-color:#0fb7ff; border-color:#0fb7ff; color:#fff; }

.btn-default.invert { border:solid 1px #0fb7ff;  background-color:#0fb7ff; }
    .btn-default.invert:hover { background-color:#0fb7ff; border-color:#0fb7ff; color:#fff; }
.s-heading {
  font-size: 18px;
  line-height: 1.44;
  letter-spacing: 0.9px;
  text-align: left;
  color: #0fb7ff;
  margin-bottom:12px;
  transition:all 0.4s ease-in-out 0s;
}

.dropdown.search .dropdown-toggle::after{ display:none!important; }
.dropdown.search .input-group-append { height: auto; width: auto; margin: 7px 8px; }
.dropdown.search .form-control{ border:none; min-width: 240px; }
.dropdown.search .dropdown-menu{ top: -34px!important;
    left: -90px!important; }

a:hover .s-heading {
  color: #fff;
}

.rounded{ border-radius:16px!important; overflow:hidden; }
.nav-wrap { position:fixed; top:0 ;left:0; width:100%; z-index:999; transition:all 0.4s ease-in 0s; background-color:rgba(255, 255, 255, 1); box-shadow:0px 2px 5px rgba(0,0,0,0.2); }
.navbar-brand img{ max-width:220px; max-height:72px; }
@media only screen and (max-width: 576px) {
.navbar-brand img{ max-width:220px; max-height:52px; margin:1px 0 }
}

.navbar-collapse { flex-grow: 0; }
.navbar { z-index:9999; }
.navbar_menu li a
{
	color: rgba(0,0,0, 0.7);
	font-size: 14px;
	font-weight: 500;
	padding: 20px 8px;
	-webkit-transition: color 0.3s ease;
	-moz-transition: color 0.3s ease;
	-ms-transition: color 0.3s ease;
	-o-transition: color 0.3s ease;
	transition: color 0.3s ease;
    text-transform:capitalize
}
.navbar_menu .dropdown-menu { margin-top:-11px; }
.navbar_menu .dropdown-menu a
{
	display: block;
	color: #1b0f1c;
	transition: color 0.3s ease;
    padding:12px 16px;
}
.navbar_menu li a:hover, .navbar_menu li.active > a 
{
	color: #0fb7ff;
}
.navbar_menu .dropdown-menu a
{
	display: block;
	color: #1b0f1c;
	transition: color 0.3s ease;
}
.navbar_menu .dropdown-menu a:hover
{
	color: #0fb7ff;
    background-color:#fff;
}

#one-nav { margin: 0 0; list-style: none; position: relative; }
#magic-line { position: absolute!important; bottom: 8px; left: 0; width: 100px; height: 2px; background: #fecc00; }

@media screen and (min-width: 991.98px){
    .navbar_menu > li { display:inline-block;}

}
@media screen and (min-width: 1200px){
    .navbar_menu li a
{
	color: rgba(0,0,0,0.7);
	font-size: 16px;
	padding: 20px 12px;
	-webkit-transition: color 0.3s ease;
	-moz-transition: color 0.3s ease;
	-ms-transition: color 0.3s ease;
	-o-transition: color 0.3s ease;
	transition: color 0.3s ease;
    text-transform:capitalize
}

}

.dropdown-divider { border-top:solid 1px rgba(255,255,255,0.4)!important; }

.overlay {
    display: none;
    position: fixed;
    /* full screen */
    width: 100vw;
    height: 100vh;
    /* transparent black */
    background: rgba(0, 0, 0, 0.1);
    /* middle layer, i.e. appears below the sidebar */
    z-index: 998;
    opacity: 0;
    /* animate the transition */
    transition: all 0.5s ease-in-out;
    z-index:999;
}
/* display .overlay when it has the .active class */
.overlay.show {
    display: block;
    opacity: 1;
}

.top-nav { font-size:12px; border-bottom:solid 1px rgba(0,0,0,0.2); transition:all 0.3s ease-in 0s; overflow:hidden; height:40px; }

.scrolled
{
	background-color:#e2e2e5;
    box-shadow:0px 2px 8px rgba(0,0,0,0.2);
    border-bottom:solid 1px #fff;
}

    .scrolled .top-nav { margin-top:-40px;}
/*********************************
3.7 Main Slider
*********************************/

.main_slider
{
	width: 100%;
	background-repeat: no-repeat;
	background-size: cover;
	background-position: center center;
    position:relative;
	/*margin-top: 150px;*/
}
.main_slider .carousel-item { height:100vh; min-height:320px; color:#000; } 
.main_slider .carousel-item > img{position:absolute; left:0; top:0; z-index:0; height:100%; width:100%; object-fit:cover; }
.main_slider .carousel-item:before{position:absolute; left:0; top:0; height:100%; width:60%; background-image:linear-gradient(to right,  #ffffff 20%, rgba(255,255,255,0) 100%); content:""; z-index:1;}
.slider-img { width:100%; height:100vh; object-fit:cover }
.s-img { animation: mover 2s infinite  alternate; }
.slider_content
{
	position:absolute;
    left:0;
    top:65%;
    transform:translateY(-50%);
    width:100%;
    z-index:2;
}
.slider_content h4
{
	text-transform: uppercase;
	margin-bottom: 0;
    color:#333;
    font-family:Roboto;
}
.slider_content h2
{
	text-transform: uppercase;
	font-size:40px;
    color:#333;
    margin-bottom:0;
    font-weight:600;
    text-shadow:2px 2px 2px rgba(255,255,255,1)
}

@media only screen and (max-width: 768px){
    .carousel-item:before{position:absolute; left:0; top:auto; bottom:0; height:60%; width:100%; background-image:linear-gradient(to top,  #ffffff, rgba(255,255,255,0)); content:""; z-index:1;}
    .slider_content
{
	position:absolute;
    left:0;
    top:auto;
    bottom:10%;
    transform:translateY(0);
    width:100%;
    text-align:center;
}
    
.slider_content h2
{
	font-size:32px;
}
}

.slide1{ 
    background: rgba(0,0,0,0.3); 
}

.ipage { padding-top:0px; /*border-bottom:solid 4px #0fb7ff;*/ background-color:#18191a;}
.ipage .baner-img { min-height:280px; height:280px; width:100%; object-fit:cover; opacity:.5}
.ipage h2 { font-size:52px; }
.i-img { position:absolute; right:5%; bottom:0; height:70%; width:auto;  animation: mover 2.5s infinite  alternate;}
/*********************************/
.btn-section { padding-top:40px; }
.spl-btn { display:block; height:100px; line-height:90px; padding:6px; border-radius:50px; padding-left:100px; border:solid 4px #16054f; position:relative; background-color:#fff; transition:all 0.4s ease-in 0s;}
    .spl-btn i { position:absolute; left:6px; height:80px; width:80px; border-radius:50%; padding:16px 8px; text-align:center; display:inline-block 
                     background: #16054f; 
  background: -webkit-linear-gradient(to right, #16054f, #5d1089); 
  background: linear-gradient(to right, #16054f, #5d1089);
  transition:all 0.3s ease-in 0s;
    }
    .spl-btn i img{ max-width:70%; display:block; margin:0 auto;  }
    .spl-btn span { color:#1b0f1c; font-size:24px; line-height:normal; display:inline-block}
    .spl-btn:hover {
        border-color:#c49c07;
    }
    .spl-btn:hover i {
        background: #c49c07; 
  background: -webkit-linear-gradient(to right, #c49c07, #cc8a02); 
  background: linear-gradient(to right, #c49c07, #cc8a02);transform:rotate(360deg);

    }
a.card, a.pcard { transition:all 0.4s ease-in 0s; display:block; }
    /*a.card:hover, a.pcard:hover { transform:scale(1.1); color:#0fb7ff;}*/
    a.card:hover h5, a.pcard:hover h5{ color:#0fb7ff;}
.hexa-img{ position:relative; width:90%; height:0; padding-top:75%; display:block; margin:0 auto; }
    .hexa-img:before { clip-path: polygon(25% 0%, 75% 0%, 100% 50%, 75% 100%, 25% 100%, 0% 50%); transition:all 0.3s ease-in 0s; position:absolute; left:50%; top:50%; width:100%; height:100%; background-color:#0fb7ff; content:""; transform:translate(-50%, -50%) scale(1.05); }
.hexa-img img{ clip-path: polygon(25% 0%, 75% 0%, 100% 50%, 75% 100%, 25% 100%, 0% 50%); object-fit:cover; box-shadow:0px 0px 4px rgba(0,0,0,0.4); position:absolute; top:0; left:0; width:100%; height:100%; }
a.pcard:hover .hexa-img:before { background-color:transparent; transform:translate(-50%, -50%) scale(1.4); }

.s-btn { display:block; position:relative; padding:2px ; overflow:hidden; background:#abbac1; color:#607d8b; transition:all .4s ease-in 0s;}
.s-btn div{ display:table; width:100%; position:relative; height:100%; padding:20px 16px; background-color:#f8f9fa; line-height:96px; text-align:center; transition:all .4s ease-in 0s;}
    .s-btn div h5 { color:#607d8b; display:table-cell; vertical-align:middle; margin:0 auto 0; text-align:center; transition:all .4s ease-in 0s; line-height:normal; }
    .s-btn img { position:absolute; left:2px; object-fit:cover; top:2px; width:calc(100% - 4px); height:calc(100% - 4px); opacity:0; transition:all .4s ease-in 0s; transform:scale(1.2); }
.serviceicon { display:block; text-align:center; font-size:60px; padding:10px 0   }
.s-btn .serviceicon:before { background: -webkit-linear-gradient(145deg, #c49c07, #5d1089);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent; transition:all 0.1s ease-in 0s}
.s-btn:hover .serviceicon:before{ background:none; color:#fff; -webkit-text-fill-color: #fff; text-shadow:none; }
    .s-btn:hover { background: #16054f; 
  background: -webkit-linear-gradient(145deg, #c49c07, #5d1089); 
  background: linear-gradient(145deg, #c49c07, #5d1089); }
    .s-btn:hover div { background-color:transparent; }
    .s-btn:hover img {  transform:scale(1); opacity:0.3; }
    .s-btn:hover h5{ color:#fff; text-shadow:2px 2px 6px rgba(0,0,0,0.5);}


#dismiss {
    width: 30px;
    height: 30px;
    cursor:pointer;
    margin-bottom:20px;
    display:inline-block;
    margin-right:20px;
    transform:translateY(-8px);
}
.dropdown a:after { transition:all 0.2s ease-in 0s; }
.dropdown.show a:after { transform:rotate(180deg) }

.v-navfooter { -webkit-backdrop-filter: blur(5px); -moz-backdrop-filter: blur(5px);-ms-backdrop-filter: blur(5px);
  backdrop-filter: blur(5px);
  background-color: #292929; padding:20px 12% 0;  left:0; right:0; position:absolute; }

.owl-carousel .owl-item img {
    width: auto; display:inline-block;
}

header { position:relative; overflow:hidden;   }
    header .slide {position:relative; left:0; top:0; width:100%; height:100vh; min-height:480px; }
.head-content { position:absolute; left:0; top:calc(50% + 80px); width:100%; transform:translateY(-50%); z-index:9; text-align:center; font-size:16px; color:#1b0f1c; font-weight:700; }
    .head-content h2 { font-size:72px; color:#fff; text-shadow:2px 2px 4px rgba(0,0,0,0.3) }
.mx600  { max-width:600px; margin:0 auto; padding:12px 5%; background-color:rgba(255,255,255,0.2); backdrop-filter:blur(5px); border-radius:50px; border:solid 1px rgba(255,255,255,0.2)}

.breadcrumb-wrap { position:absolute; left:0; width:100%; bottom:15px; z-index:9; /*border-top:solid 1px rgba(255,255,255,0.15);*/ height:auto; }

.breadcrumb { background-color:transparent; position:relative; margin-bottom:0; z-index:1; padding:8px 0; color:#ffffff99}
.breadcrumb-item { padding-right:8px; color:#fff; } .breadcrumb-item a{ color:#fff; }.breadcrumb-item a:hover,.breadcrumb-item.active{ color:#0fb7ff; }
    .breadcrumb-item + .breadcrumb-item { padding-left:0 }
.breadcrumb-item + .breadcrumb-item::before { content:""; width:9px; height:16px; background-image:url('../img/arrow-right.png'); background-size:6px; background-repeat:no-repeat; background-position:center center; display:inline-block; margin-right:8px; transform:translateY(3px); color:#fff; }

.vimi { background-image:linear-gradient( rgba(0,0,0,0.9) 0%, rgba(0,0,0,0.6) 100%), url(../img/vimi.jpg);  background-position:center center; background-size:cover; }

.points {
    padding: 0;
    list-style: none;
    margin-bottom:0;
}

.points.row {
    padding-left: 10px;
}

.points>li {
    position: relative;
    padding: 2px 4px 2px 24px;
}

.points>li:before {
    position: absolute;
    width: 6px;
    height: 6px;
    background-color:#0fb7ff;
    left: 5px;
    top: 10px;
    content: "";
    transform: rotate(45deg);
}

.slide-content { position:absolute; top:45%; left:0; width:100%; transform:translateY(-50%); }
.s-text-wrapper { max-width:700px; }
    .s-text-wrapper h2 { 
  font-size: 45px;
  line-height: 1.4;
  letter-spacing: 0.9px;
  text-align: left;
  color: #0fb7ff; }

.slider-wrap { position:relative; }
    .slider-wrap .slider-nevignation .slide-prev, .slider-wrap .slider-nevignation .slide-next { position:absolute; z-index:9; top:50%; cursor:pointer; border-radius:30%; transition:all 0.2s ease 0s; transform:translateY(-50%); display:inline-block; width:52px; height:52px;text-align:center; line-height:52px; background-color:rgba(0,0,0,0.0); color:#dbdbdb; font-size:24px;}
        .slider-wrap .slider-nevignation .slide-prev:hover, .slider-wrap .slider-nevignation .slide-next:hover { color:#c49c07; }
    .slider-wrap .slider-nevignation .slide-prev{ left:-52px } .slider-wrap .slider-nevignation .slide-next { right:-52px }
section { padding:50px 0px }
.heading { line-height:40px;}
    .heading h5 {letter-spacing: 1.02px;
    }
.heading h2,.heading h3,.heading h4{
  line-height: 1.46;
  letter-spacing: 1.68px;
  text-align: left;
  display:inline-block;
}
    .heading a { 
  font-size: 14px;
  line-height: 1.46;
  letter-spacing: 0.85px;
  text-align: left;
  color: #999; display:inline-block; }
        .heading a i { font-size:24px  }
        .heading a:hover { color:#0fb7ff; }

/*.filter-wrap { position: -webkit-sticky; 
  position: sticky;
  top: 100px; }*/
.sticky {
  position: fixed;
  top: 100px;
  width: 100%;
  z-index:999;
}

.sticky + .container {
  padding-top: 102px;
}


.blog-img { position:relative; width:100%; height:0; padding-top:50%;  overflow:hidden; /*margin-bottom:12px;*/ }
    .blog-img img { object-fit:cover; transition:all 0.4s ease-in; width:100%; height:100%; left:0; top:0; position:absolute; }
    

.b-card { background-color:transparent; width:100%; display:block; text-align:center; overflow:hidden;}
    .b-card a { display:inline-block; }
    .b-card h5 { font-weight:400; font-size:18px; }
        .squar-img { padding-top:100%!important; }

.b-card .pro-img { position:relative; width:100%; height:0; padding-top:50%; border-radius:16px; overflow:hidden; object-fit:contain /*margin-bottom:12px;*/ }
    .b-card .pro-img img { object-fit:contain; transition:all 0.4s ease-in; width:100%; height:100%; left:0; top:0; position:absolute; }
    .b-card:hover .pro-img img{ transform:scale(1.15);}
            .b-card .title { 
  padding:12px 16px; width:100%; z-index:2; margin-bottom:0px; }

.cat-card{margin-bottom:10px; transition:all 0.4s ease-in;}
    .cat-card .cat-img { position:relative; width:100%; height:0; padding-top:75%; border-radius:16px; overflow:hidden; /*margin-bottom:12px;*/ }
    .cat-card .cat-img img { object-fit:cover; transition:all 0.4s ease-in; width:100%; height:100%; left:0; top:0; position:absolute; }
    .cat-card:hover{ /*transform:scale(1.05);*/ box-shadow:0px 5px 7px rgba(0,0,0,0.15) }
            .cat-card .title { 
  padding:12px 16px; width:100%; z-index:2; margin-bottom:0px; }
.testimonial-wrap {background: #16054f; 
  background: -webkit-linear-gradient(145deg, #16054f, #5d1089); 
  background: linear-gradient(145deg, #16054f, #5d1089);
   text-align:center;
}
.testimonials { padding-top: 60px; padding-bottom:60px;}
    .testimonials .control-round .carousel-control, .testimonials .carousel-control-next, .testimonials .carousel-control-prev, .testimonials .carousel-indicators { position:relative; top:auto; left:auto; display:inline-block; white-space:nowrap; margin:0 12px; }
    .testimonials .carousel-control-next, .testimonials .carousel-control-prev { background-color:transparent; width:40px; height:40px; line-height:20px; }
        .testimonials .carousel-indicators li { display:inline-block; text-align:center; overflow:hidden; transition:all 0.4s ease-in 0s; width:40px; height:40px; border-radius:50%; position:relative}
            .testimonials .carousel-indicators li.active { transform:scale(1.15) }
            .testimonials .carousel-indicators li img { position:absolute; left:0; top:0; width:100%; height:100%; object-fit:cover;   }
    .testimonials .carousel { position:relative; }
    
        .testimonials .carousel:before { position:absolute; width:120px; height:120px; display:block; content:""; background-image:url(../img/quote-open.png); background-size:contain; background-repeat:no-repeat; left:-80px; top:-60px; z-index:0; }
        .testimonials .carousel:after { position:absolute; width:120px; height:120px; display:block; content:""; background-image:url(../img/quote-close.png); background-size:contain; background-repeat:no-repeat; right:-80px; bottom:0px; z-index:0; }
    .testimonials p { font-size:18px; line-height:30px; font-weight:300; }
.overflow-hidden { overflow:hidden; }

.c-content { padding:12px 0; }
    .c-content p {
        display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    overflow: hidden;
    }
    .b-card small { 
  font-size: 12px;
  line-height: 1.58;
  letter-spacing: 0.24px;
  color: #767676; display:block; margin-bottom:8px;}
.spl { 
  line-height: 1.79;
  letter-spacing: 0.14px;
  text-align: left;
  color: #dbdbdb; }

.b-card .border-right { border-right-color:rgba(255,255,255,0.3)!important; }
.border-right { border-right-color:#b3b3b3!important; }
.img-card { position:relative; transition:all 0.4s ease-in 0s;}
    .img-card:hover { transform:scale(1.04);  }
.img-card .title { 
  line-height: 1.3;
  letter-spacing: 0.4px;
  text-align: center;
  padding:12px 16px;
  color: #ffffff; background-color: rgba(0, 0, 0, 0.70); position:absolute; bottom:0; left:0; width:100%; z-index:2; margin-bottom:0px; }
.b-card .cat-img.blog-img:before { display:none!important }

.gal-card, a.gal-card { position:relative; transition:all 0.4s ease-in 0s; color:#fff; width:100%; display:block;}
a.gal-card:hover, a.gal-card.link{ color:#0fb7ff; font-size:14px; }
 .gal-box { position:relative; transition:all 0.4s ease-in 0s; height:0; width:100%; margin-bottom:12px; display:block; padding-top:100%; overflow:hidden; border:solid 1px #707070;}
    .gal-box > img { position:absolute; left:0; top:0; width:100%; height:100%; object-fit:cover; transition:all 0.4s ease 0s }
    .gal-card:hover .gal-box > img, .gal-box:hover > img{ transform:scale(1.1);  }
.img-100 { width:auto!important; height:auto!important; left:50%!important; top:50%!important; transform:translate(-50%, -50%)!important; object-fit:contain }
.g-tabs a h2{ color:#b3b3b3!important; }
    .g-tabs a.active h2, .g-tabs a:hover h2{ color:#0fb7ff!important;    }
.v-wrap {position:relative; transition:all 0.4s ease-in 0s; height:0; width:100%; margin-bottom:12px; display:block; padding-top:66%; overflow:hidden; border:solid 1px #707070;}
.v-wrap iframe { position:absolute; left:0; top:0; width:100%; height:100%; transition:all 0.4s ease 0s }
.tech { overflow:hidden; background-color:#fff;}
 .t-icon { max-width:100px;  }
    .t-icon img { max-width:100%; display:block; }
.tech .t-icon{ margin:-2px -2px 0 0; }

.link {  
  letter-spacing: 0.8px;
  text-align: left;
  color: #c49c07; }
    .link:hover { color:#130903; }
.top-nav .link { color:rgba(0, 0, 0, 0.7); }
.top-nav .link:hover { color:#0fb7ff; }
#featured.owl-carousel .owl-stage-outer { overflow:visible; }
#featured.owl-carousel .owl-item { transition:all 0.5s ease-in 0s; }
#featured.owl-carousel .owl-item:not(.active) { opacity:0.5; transform:scale(0.6); }

.overflow-show .owl-stage-outer { overflow:visible; }

.s-cover { overflow:hidden!important; display:block!important; transition:all 0.6s ease-in-out 0s; }
.s-cover img{ transition:all 0.4s ease-in-out 0s; }
    .s-cover:hover img { transform:scale(1.2); }
.postl a { color:#fff; }
.vid-wrap { position:relative; min-height: 360px; font-size:16px; overflow:hidden; }
    .vid-wrap:before { content:""; left:1px; top:1px; right:1px; bottom:1px; opacity: 0.6;  background: #16054f; 
  background: -webkit-linear-gradient(145deg, #000, #5d1089); 
  background: linear-gradient(145deg, #000, #5d1089); z-index:1; position:absolute; }
    .vid-wrap .vimg { overflow:hidden; }
.vid-wrap .vimg > img{ min-height:360px; object-fit:cover; transition:all 10s ease-in-out 0s; }
    .vid-wrap:hover .vimg > img { transform: scale(1.5) rotate(-10deg); }
.v-heading { 
  font-size: 48px;
  line-height: 1.31;
  letter-spacing: 0.96px;
  text-align: left;
  color: #0fb7ff; 
  margin-bottom:20px;
}
    .vid-wrap .v-content { position:absolute; left:10%; top:50%; transform:translateY(-50%); max-width: 550px; width:80%; z-index:2 }

footer { background-color:#333; padding:30px 0 0; position:relative;}
.footer-logo { display:inline-block; }
footer ul, footer li  {list-style:none; padding-left:0;}
.inline-ul{display:inline-block;}
.inline-ul li{display:inline-block; padding:4px 12px; }
.logoimg { max-width:220px; }
footer hr { opacity:0.2; }
.bg-dark-50 { background-color:rgba(0,0,0,0.3); }
footer a { color:rgba(255,255,255,0.6); display:inline-block; /*margin-bottom:12px;*/ }
    footer a:hover { color:#fff; }
    footer a i { color:#fff; font-size:18px; }
    footer a:hover i { color:#0fb7ff }
footer .h3 { font-weight:300!important}
footer .input-group { border:solid 1px #dbdbdb; border-radius:6px; }
.c-footer {
    -webkit-backdrop-filter: blur(5px); -moz-backdrop-filter: blur(5px); -ms-backdrop-filter: blur(5px);
  backdrop-filter: blur(5px);
  border-top:solid 1px rgba(255,255,255,0.2);
  padding:12px 12px;
}


.profile-img{width:52px; height:52px; border-radius:50%; overflow:hidden; display:block; border:solid 3px #fff; box-shadow:0px 2px 2px rgba(0,0,0,0.2); position:relative;}
.profile-img img{ width:100%; height:100%; left:0; top:0; object-fit:cover; position:absolute; }
ul{ list-style:none;}
ul li{ margin-bottom:4px; }


#loading {
    width: 40px;
    height: 20px;
    object-fit: cover;
}
 .input-group { /*border:solid 1px #eee;*/ border-radius:6px; }
  .input-group .form-control { background-color:transparent!important; border:none!important; }
    .input-group .btn { border-radius:0!important; }
    .input-group .input-group-prepend img{ object-fit:contain;  }
section .input-group .form-control { height:32px; }
section .input-group .btn-new { position:relative; z-index:2; margin:-1px; }
.p-links { position:absolute; top:45%; transform:translateY(-50%); right:60px; z-index:99;  }

.p-links a { margin-bottom:25px; display:block; padding-right:24px; position:relative; 
  color: #4e444c; }
    .p-links a:hover { color:#0fb7ff; }
    .p-links a span { position: absolute; right: -42%; transform: translateY(-50%) rotate(90deg); display: block; top: 50%; width:100%; line-height: 1.5; letter-spacing: 0.84px;}
.p-links a img{-webkit-backdrop-filter: blur(5px);  
  backdrop-filter: blur(5px);
  border-radius:50%
}
    .p-links a .ico { background-position:center center; margin-right:8px; background-repeat:no-repeat; display:inline-block; border-radius:50%; -webkit-backdrop-filter: blur(5px);
  backdrop-filter: blur(5px); background-color: rgba(255, 255, 255, 0.90); width:82px; height:82px; transition:all 0.6s ease-in-out}
        .p-links a:hover .ico { transform:rotate(360deg); }
    .p-links a .ico-event { background-image:url('../img/ico-event.png'); }
    .p-links a .ico-event:hover { background-image: url('../img/ico-event-hover.png'); } 
    .p-links a .ico-categories { background-image:url('../img/ico-categories.png') }
    .p-links a .ico-categories:hover { background-image:url('../img/ico-categories-hover.png') }
    .p-links a .ico-stories { background-image:url('../img/ico-stories.png') }
    .p-links a .ico-stories:hover { background-image:url('../img/ico-stories-hover.png') }

.modal-header .close { width:30px; height:30px; padding:0; color:#FFF; transform: translate(-10px, 16px); background-position:center center; background-repeat:no-repeat;  }
    .modal-header .close:hover {
        color:#1b0f1c;
    }
    .close span { display:none; }

body::-webkit-scrollbar {
    width: 8px;
    position: absolute;
    top: 0;
    bottom: 0;
    right: 0;
}

body::-webkit-scrollbar-track {
    box-shadow: inset 0 0 6px rgba(0,0,0,0.3);
}

body::-webkit-scrollbar-thumb {
    background-color: rgba(0, 211, 153, 0.60);
    outline: 1px solid slategrey;
    border-radius: 4px;
}

.modal-body .content::-webkit-scrollbar {
    width: 4px;
    position: absolute;
    top: 0;
    bottom: 0;
    right: -20px;
}

.modal-body .content::-webkit-scrollbar-track {
    box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3);
    background-color:rgba(112, 112, 112, 0.60);
    right: -20px;
}

.modal-body .content::-webkit-scrollbar-thumb {
    background-color: rgba(255, 255, 255, 0.8);
    outline: 1px solid slategrey;
    border-radius: 4px;
}

.scrolldiv::-webkit-scrollbar {
    width: 4px;
    position: absolute;
    top: 0;
    bottom: 0;
    right: 0;
}

.scrolldiv::-webkit-scrollbar-track {
    box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3);
    background-color:rgba(112, 112, 112, 0.60);
    right: 0;
}

.scrolldiv::-webkit-scrollbar-thumb {
    background-color: rgba(255, 255, 255, 0.8);
    outline: 1px solid slategrey;
    border-radius: 4px;
}

.modal-content {  border-radius:0; }
.modal .modal-header {background-color: #0fb7ff; border-top-left-radius: 0!important; border-top-right-radius: 0!important; }
.modal-body {border-radius:0; overflow:visible; padding:0 0 0 0!important}
    .modal-body .content { max-height:82vh; margin:10px 0;  color:#1b0f1c; overflow:hidden; overflow-y:auto; padding:20px 42px 20px 32px ; margin-right:-10px; background-color:transparent; 
    scrollbar-color: rgba(255, 255, 255, 0.8) rgba(112, 112, 112, 0.80); 
  scrollbar-width: thin;
  -ms-scrollbar-color: rgba(255, 255, 255, 0.8) rgba(112, 112, 112, 0.80); 
  -ms-scrollbar-width: thin;
    }
.modal-backdrop { background-color:rgba(0,0,0,0.3); 
    -webkit-backdrop-filter: blur(10px);
    -moz-backdrop-filter: blur(10px);
    -ms-backdrop-filter: blur(10px);
  backdrop-filter: blur(10px);}
.modal-backdrop.show { opacity:1; }

.underlined-links a, .underlined-link{ text-decoration:underline;
}

.gal-img, .thumb-img { position:relative; width:100%; height:0; padding-top:60%; overflow:hidden;  }
.gal-img > img, .thumb-img > img { position:absolute; top:0; left:0; width:100%!important; height:100%; object-fit:contain; display:block }
.thumb-img { padding-top:100%; }
.gal-view { position:relative; }
.gal-wrap .carousel-indicators { position:relative; max-width:100%; padding-left:0; padding-right:0; margin-right:-4px; margin-left:0px; margin-bottom:0}
    .gal-wrap .carousel-indicators li { width:auto; height:auto; opacity:1; border-top:none; border-bottom:none; margin-top:8px; margin-bottom:2px;}
        .gal-wrap .carousel-indicators li.selected { border:solid 4px rgba(0,0,0,0.2); }
.gal-wrap .carousel-control-next, .gal-wrap .carousel-control-prev { bottom:auto; top:calc(50% - 40px); transform:translateY(-50%); width:44px; height:44px; line-height:44px; backdrop-filter:blur(50px); -webkit-backdrop-filter:blur(50px); -moz-backdrop-filter:blur(50px); background-color:rgba(0,0,0,0.2)}
.gal-wrap .carousel-control-next{right:-22px}
.gal-wrap .carousel-control-prev{left:-22px}
.gal-view .gal-nav .gal-prev, .gal-view .gal-nav .gal-next { position:absolute; z-index:9; top:40%; cursor:pointer; transition:all 0.2s ease 0s; transform:translateY(-50%); display:inline-block; width:52px; height:52px;text-align:center; line-height:52px; background-color:#4e444c;}
        .gal-view .gal-nav .gal-prev:hover, .gal-view .gal-nav .gal-next:hover { background-color:#555 }
    .gal-view .gal-nav .gal-prev{ left:0px } .gal-view .gal-nav .gal-next { right:0px }
.galdots .item{ max-width:95px; }
.galdots { text-align:center; }
/*.gal-view .owl-dots { margin-left: -4px; margin-right: -4px; display:block; position:relative; white-space:nowrap; overflow:hidden;}
.gal-view .owl-dot, .pcount { width:calc( 16.66% - 8px ); height:84px; display:inline-block; background-color:#ccc!important; margin:8px 4px 0px 4px; position:relative;}
    .gal-view .owl-dot img { width:100%; height:100%; display:block; left:0; top:0; position:absolute; object-fit:cover }
    .gal-view .owl-dot.active { border: solid 4px #fff; transform: translateY(-4px); }*/
.gal-view > .owl-carousel > .owl-dots { margin-left: -4px; margin-right: -4px; display:block; position:relative; white-space:nowrap; overflow:hidden; overflow-x:auto;}
.gal-view > .owl-carousel > .owl-dots .owl-dot { width:calc( 16.66% - 8px ); height:84px; display:inline-block; background-color:#ccc!important; margin:8px 4px 0px 4px; position:relative;}
    .gal-view > .owl-carousel > .owl-dots .owl-dot img { width:100%; height:100%; display:block; left:0; top:0; position:absolute; object-fit:cover }
    .gal-view > .owl-carousel > .owl-dots .owl-dot.active { border: solid 4px #fff; transform: translateY(-4px); }
.pcount { position:absolute; top:0px; right:0; z-index:9; background-color:rgba(0,0,0,0.85)!important; color:#fff; text-align:center;   }
.pcount span{ position:absolute; top:50%; left:0; transform:translateY(-50%); display:none; width:100%}

/*.gal-view .owl-dots.show-all { white-space:normal; }
    .gal-view .owl-dots.show-all .pcount { position:relative; top:auto; left:auto; }
    .gal-view .owl-dots:not(.show-all) .pcount span:first-child { display:block }
    .gal-view .owl-dots.show-all .pcount span:last-child { display:block }*/

.gal img { max-width:100%; }


.select {
	display: inline-block;
	font-size: 14px;
	color: #fff;
	line-height: 1.3;
	padding: 5px 16px;
    min-width:160px;    
	max-width: 100%;
	box-sizing: border-box;
	margin: 0;
	border: solid 1px #dededf;
	border-radius: 4px;
	-moz-appearance: none;
	-webkit-appearance: none;
	appearance: none;
	background-color: transparent;
    background-image: url('data:image/svg+xml;charset=US-ASCII,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%22292.4%22%20height%3D%22292.4%22%3E%3Cpath%20fill%3D%22%23dededf%22%20d%3D%22M287%2069.4a17.6%2017.6%200%200%200-13-5.4H18.4c-5%200-9.3%201.8-12.9%205.4A17.6%2017.6%200%200%200%200%2082.2c0%205%201.8%209.3%205.4%2012.9l128%20127.9c3.6%203.6%207.8%205.4%2012.8%205.4s9.2-1.8%2012.8-5.4L287%2095c3.5-3.5%205.4-7.8%205.4-12.8%200-5-1.9-9.2-5.5-12.8z%22%2F%3E%3C%2Fsvg%3E');
	  
	background-repeat: no-repeat, repeat;
	background-position: right .7em top 50%, 0 0;
	background-size: .65em auto, 100%;
}
.select::-ms-expand {
	display: none;
}
.select:hover {
	border-color: #888;
}
.select:focus {
	border-color: #aaa;
	box-shadow: none;
	color: #fff;
	outline: none;
}
.select option {
	font-weight:normal;
    background-color:#333;
    padding:8px 8px;
    border:solid 1px rgba(255,255,255,0.2);
    display:block;
}
    /*.select option:hover, .select option:active, .select option:focus, .select option[selected] { background-color:#0fb7ff!important;  }*/

    
#tabs{
    border-bottom:none!important;
}
#tabs h6.section-title{
    color: #192a40;
}
    #tabs .nav-tabs { display:block!important; border-bottom:none!important}
        #tabs .nav-tabs .nav-item {  display:inline-block!important; }
#tabs .nav-tabs .nav-link {
    border: 1px solid transparent;
    border-top-left-radius: .25rem;
    border-top-right-radius: .25rem;
    color: #fff;
    border-bottom: 1px solid #fff;
    padding:6px 16px;
    position:relative;
    border-left:none;
    border-right:none;
}
#tabs .nav-tabs .nav-item.show .nav-link, .nav-tabs .nav-link.active {
    background-color: transparent;
    font-weight: 500;
}

.slide-c { padding-top:100px; margin-top:-70px }

input.datepicker,input.datetimepicker ,input.datetimepicker-popup{ width:140px!important; }
.nav-fill { white-space:nowrap; overflow:hidden; overflow-x:auto; padding-bottom:2px; width:100%; }
.nav-full{display:flex; flex-wrap: wrap;}
.nav-full .tab{min-width:calc(100% / 5); white-space:nowrap; margin:0 -2px;}
.nav-tabs.nav-full .nav-link.active:after { width:80%; left:50%; transform:translateX(-50%); bottom:-2px }

.inpage-scroll { position:relative;
  border-collapse: collapse;}

.inpage-scroll .nav-tabs{position: -webkit-sticky;
  position: sticky;
  top: 80px;}

.ratings { max-width:350px; border:solid 1px #b3b3b3; padding:16px 16px; }
.rating-star { display:inline-block; margin-right:16px; }
    .rating-star + span { line-height:20px; display:inline-block; }
.review { position:relative; display:block; padding-left:60px; margin-bottom:16px; margin-top:10px}
    .review .rew-img { position:absolute; left:0; top:6px; width:44px; height:44px; object-fit:cover}
    .review .rew-top { position:relative; padding-right:100px; display:inline-block; }
    .review .rew-top .rew-like{ position:absolute; right:0; top:8px; color:#0fb7ff;}
        .review .rew-top .rew-like img { transform:translateY(-5px) }
.rew-comm { margin-left:-30px; }
.rew-reply { color:#dbdbdb; }
    .rew-reply:hover { color:#0fb7ff; }

 .gj-textbox-md , input.datepicker{  transform:translateY(2px)!important; padding:0px 4px!important; height:auto!important; line-height:1.5rem!important;  }
    .form-control:focus, .gj-textbox-md:focus { background-color:rgba(0,0,0,0.05); box-shadow:none;}
.gj-datepicker > .gj-icon { display:none; }

.reply-control { padding:10px 0;  }
.btn-review { border:solid 1px #dbdbdb; color:#dbdbdb; min-width:140px; text-align:center; padding:12px 16px; }
    .btn-review:hover { border:solid 1px #0fb7ff; color:#0fb7ff; }
.top-sub { margin-top: -100px; }

.t-card { background-color:#130903; margin-bottom:8px; border-radius:0px; padding:16px;}
    .t-card .t-img { width:80%; border-radius:50%; margin:8px auto ; display:block; position:relative; height:0; padding-top:80%; overflow:hidden;}
        .t-card .t-img img { position:absolute; left:0; top:0; width:100%; height:100%; object-fit:cover; filter:grayscale(100%); transition:all 0.4s ease-in 0s; }
    .t-card:hover .t-img img { filter:grayscale(0%);  }
    .t-card .t-text { padding:4px 8px; position:relative; }
    .t-card .t-text a{ position:absolute; right:4px; top:50%; transform:translateY(-50%); display:inline-block; opacity:0.7 }
        .t-card .t-text a:hover { opacity:1; }

.m-blog { position:relative; min-height:488px; }
    .m-blog > img { position:absolute; left:0; top:0; width:100%; height:100%; object-fit:cover; z-index:0 }
.m-blog:before { position:absolute; left:0; top:0; width:100%; height:100%; background-color:rgba(39, 22, 41, 0.50); content:"";z-index:1; }
    .m-blog .m-blog-content { position:absolute; max-width:600px;top:50%;  transform:translateY(-50%); left:5%; z-index:2 }

.more-blog { max-height:430px; padding-right:20px; overflow:hidden; overflow-y:auto; }


#vtabs .tab { background-color:#fff; position:relative; border:solid 1px #e4e4e5; color:#b3b3b3; display:block; padding:0; float:none; width:100%; min-width:210px;}
   
#vtabs .tab.active { background-color:#e4e4e5; box-shadow:0px -1px 2px rgba(0,0,0,0.2) inset; color:#1b0f1c;}
#vtabs .tab .book-tab { position:relative; padding:10px 0; padding-left:58px; }
    #vtabs .tab .book-tab img { position:absolute; left:14px; top:50%; transform:translateY(-50%); opacity:0.5 }
    #vtabs .tab .book-tab h4 { margin-bottom:0px; color:#b3b3b3;  }
#vtabs .nav-tabs .nav-link { border-radius:0!important }
#vtabs .nav-tabs .nav-link.active:after { z-index:2; width:0; height:0; border-left:12px solid #e4e4e5; border-right:0; border-top:8px solid rgba(0,0,0,0)!important;  border-bottom:8px solid rgba(0,0,0,0)!important; right:-10px; background-color:transparent; left:auto; top:50%; transform:translateY(-50%); border-color: transparent transparent transparent #e4e4e5!important;  }
#vtabs .nav-tabs .nav-link.active:before { z-index:1; width:0; height:0; border-left:12px solid rgba(0,0,0,0.2); border-right:0; border-top:8px solid rgba(0,0,0,0)!important;  border-bottom:8px solid rgba(0,0,0,0)!important; right:-12px; background-color:transparent; left:auto; top:50%; transform:translateY(-50%); border-color: transparent transparent transparent rgba(0,0,0,0.2)!important; position:absolute; content:""}
#vtabs .tab.active .book-tab img { opacity:1 }
    #vtabs .tab.active .book-tab h4 { margin-bottom:0px; color:#0fb7ff;  }
.tab-box { border:solid 1px #b3b3b3; border-radius:4px;}

#t-tabs .tab { background-color:#fff; border:none; color:#1b0f1c; display:block; padding:12px 12px; float:none; width:100%; min-width:100px;}
   
#t-tabs .tab.active { background-color:#fff; box-shadow:none; border:solid 1px #e2e2e3; border-right:none; color:#1b0f1c; font-weight:bold; z-index:2;}
#t-tabs .nav-tabs .nav-link {border-radius:4px 0 0 4px!important; padding-left:24px;
}
#t-tabs .nav-tabs .nav-link:after { border-style:none none none none!important; content:""; position:absolute; width:6px; height:6px; background-color:#ff0000; left:8px; right:auto; border-radius:50%; top:50%; transform:translateY(-50%); }
#t-tabs .nav-tabs .nav-link.active:after { background-color:#119745; border-style:none none none none!important; content:""; position:absolute; width:6px; height:6px; left:8px; right:auto; border-radius:50% }
    #t-tabs .nav-tabs .nav-link.active:before { display:none; }
#t-tabs .tab-box { margin-left:-13px;  border:solid 1px #e2e2e3;}
.form { max-width:300px; }
.tabs-wrap { padding-bottom:95px; }
.need-assistance { text-align:left; max-width:260px; position:absolute; left:20px; bottom:20px;}

.alert-warning-wrap { position:relative; border-radius: 4px; border: solid 1px #ccbea0; background-color: #fffaf3; margin:-1px; color:rgba(122, 77, 5, 0.8); }
    .alert-warning-wrap .close-alert { display:block; position:absolute; right:12px; top:12px; z-index:2;}
        .alert-warning-wrap .close-alert:hover { opacity:0.7; }
    .alert-warning-wrap .h4 { line-height:normal; padding-right:20px; color:#7a4d05; }



.vendor-header { position:relative; width:100%; height:auto; }
    .vendor-header img { position:relative; width:100%; object-fit:cover; display:block;  min-height:270px;}
.ventor-info-wrap { position:relative; display:flex; width:100%; background-color:#130903; }
.profile-s { width:100%; height:0; padding-top:calc(100% - 8px);  border-radius:50%; position:relative; overflow:hidden; margin-top:-50%; border:solid 4px #fff; }
    .profile-s img { width:100%; height:100%; position:absolute; left:0; top:0; object-fit:cover }

    /*----------------- Custome Select -------------------*/
   .custom-select {
  position: relative;
  font-family: Arial;
  background-color: transparent;
  height: calc(1.4em + .75rem );
}

.custom-select select {
  display: none!important; /*hide original SELECT element:*/
}

.select-selected {
  background-color: transparent;
  transform:translate(0px, -7px);
  width: 100%;
    position: absolute;
    left: 0;
}

/*style the arrow inside the select element:*/
.select-selected:after {
  position: absolute;
  content: "";
  top: 12px;
  right: 10px;
  width: 0;
  height: 0;
  border: 6px solid transparent;
  border-color: #fff transparent transparent transparent;
}

/*point the arrow upwards when the select box is open (active):*/
.select-selected.select-arrow-active:after {
  border-color: transparent transparent #fff transparent;
  top: 7px;
}

/*style the items (options), including the selected item:*/
.select-items div,.select-selected {
  color: #ffffff;
  padding: 4px 16px;
  border: 1px solid transparent;
  border-color: transparent transparent rgba(0, 0, 0, 0.1) transparent;
  cursor: pointer;
  user-select: none;
}

/*style items (options):*/
.select-items {
  position: absolute;
  background-color: #3b273d;
  top: 100%;
  left: 0;
  right: 0;
  z-index: 99;
}

/*hide the items when the select box is closed:*/
.select-hide {
  display: none;
}

.select-items div:hover, .same-as-selected {
  background-color: rgba(0, 0, 0, 0.1);
}


.inpage-link-wrap { margin-top:-100px!important; padding-top:100px!important; }

.m-footer { background-color:#0fb7ff; padding:12px 8px; position:fixed; left:0; bottom:0; z-index:999; width:100%; }
    .m-footer i { font-size:20px }

@media only screen and (max-width: 992px)  {
    #magic-line { display:none; }

    h1, .h1 { font-size:36px; }
h2, .h2 { font-size:36px; }
h3, .h3 { font-size:30px; }
h4, .h4 { font-size:24px; }
h5, .h5 { font-size:20px; }
h6, .h6 { font-size:16px; }
    .testimonials .control-round .carousel-control, .testimonials .carousel-control-next, .testimonials .carousel-control-prev, .testimonials .carousel-indicators { margin: 0 0; }
    .testimonials .carousel:before { left:-36px; }
    .testimonials .carousel:after { right:-36px; }
    .testimonials .carousel-control-next, .testimonials .carousel-control-prev { width:20px; }
}

@media only screen and (max-width: 572px) {
    .i-img { display:none; }
}

@keyframes mover {
    0% { transform: translateY(0); }
    100% { transform: translateY(-20px); }
}    @-webkit-keyframes mover {
    0% { transform: translateY(0); }
    100% { transform: translateY(-20px); }
}    @-moz-keyframes mover {
    0% { transform: translateY(0); }
    100% { transform: translateY(-20px); }
}    @-ms-keyframes mover {
    0% { transform: translateY(0); }
    100% { transform: translateY(-20px); }
}

     


     

.product-itemContainer {
  margin-bottom: 10px 0px;
  border-bottom: solid transparent;
  border-width: 4px 0 4px;
}
  .product-itemContainer:nth-child(2) {
    margin-top: 2px;
  }

.product-helpCenterBanner{
  cursor: pointer;
}

.product-label {
  background-color: white;
  margin-bottom: 1px;
  padding: 7px 12px;
}

.product-attributeIcon {
  float: left;
  margin-right: 5px;
}

.product-attributeTag {
  display: block;
  position: relative;
  color: #282C3F;
  font-weight: 500;
  font-size: 12px;
  margin-top: 1px;
}

.product-topBorder {
  border-top: 1px solid #eaeaec;
  margin-bottom: 10px;
  margin-top: -7px;
}

.product-item {
  width: 100%;
  overflow: auto;
  background-color: white;
  color: #3E4152;
  position: relative;

}

.product-item .product-productInfo {
    display: block;
    margin: 5px 0 0 0;
    padding: 7px 12px 10px 12px;
  }

.product-item .product-productInfo .product-thumbnail {
      display: inline-block;
      width: 80px;
      min-width: 80px;
    }

.product-item .product-productInfo .product-thumbnail img {
        border: 1px solid #edeeef;
        width: 80px;
      }

.product-item .product-productInfo .product-thumbnail:hover {
      cursor: pointer;
    }

.product-item .product-productInfo .product-info {
      display: inline-block;
      /*padding: 0px 0px 5px 12px;*/
      width: 65%;
      vertical-align: top;
      color: #7e818c;
    }

.product-item .product-productInfo .product-info .product-brand {
        color: #3E4152;
        font-weight: 500;
      }

.product-item .product-productInfo .product-info .product-productName {
        /*margin-top: 4px;*/
        overflow: hidden;
        white-space: nowrap;
        -o-text-overflow: ellipsis;
           text-overflow: ellipsis;
        margin-bottom: 4px;
      }

.product-item .product-productInfo .product-info .product-productName, .product-item .product-productInfo .product-info .product-size {
        color: #7e818c;
      }

.product-item .product-productInfo .product-info .product-priceWrapper {
        margin: 20px 0px 0px 0px;
        display: block;
      }

.product-item .product-productInfo .product-info .product-priceInfo {
        margin-top: 4px;
      }

.product-item .product-productInfo .product-info .product-priceInfo .product-price {
          vertical-align: top;
          margin-right: 10px;
          font-weight: 800;
          color: #3E4152;
        }

.product-item .product-productInfo .product-info .product-productstrike {
          text-decoration: line-through;
          color: #94969F;
          margin: 0 5px;
          font-size: 14px;
      }

.product-item .product-productInfo .product-info .product-productDiscountPercentage {
          color: #20BD99;
          font-weight: 800;
          font-size: 14px;
      }

.product-item .product-productInfo .product-info .product-status {
        font-weight: 800;
        color: #f2c210;
        text-transform: capitalize;
        padding: 10px 0 0 0;
      }

.product-item .product-productInfo .product-info .product-status span {
          color: #3E4152;
          font-weight: 100;
        }

.product-item .product-productInfo .product-info .product-statusDetails {
        padding: 4px 0 3px 0;
      }

.product-item .product-productInfo .product-info .product-delivered, .product-item .product-productInfo .product-info .product-complete {
        color: #20BD99;
      }

.product-item .product-productInfo .product-info .product-deliveredBlack {
        color: #282C3F;
      }

.product-item .product-productInfo .product-info .product-return {
        color: #ee5f73;
      }

.product-item .product-productInfo .product-info .product-cancelled {
        color: #ff5a5a;
      }

.product-item .product-productInfo .product-tag {
      position: absolute;
      right: 0;
      top: 0;
      -webkit-transform-origin: bottom right;
         -moz-transform-origin: bottom right;
          -ms-transform-origin: bottom right;
           -o-transform-origin: bottom right;
              transform-origin: bottom right;
      -webkit-transform: scale(0.6);
         -moz-transform: scale(0.6);
          -ms-transform: scale(0.6);
           -o-transform: scale(0.6);
              transform: scale(0.6);
    }

.product-item .product-productInfo .product-rightArrow {
      display: inline-block;
      float: right;
      width: 4%;
      vertical-align: top;
      margin-top: 13%;
      color: #D4D5D9;
    }

.product-item.product-withinAlteration {
    -webkit-box-shadow: none;
       -moz-box-shadow: none;
            box-shadow: none;
  }

.product-item.product-withinAlteration .product-productInfo .product-info {
        margin-top: 25px;
      }

.product-item.product-withinAlteration .product-productInfo .product-thumbnail {
        cursor: default;
      }

.product-item .product-itemButtons {
    display: inline-block;
    padding: 0px 12px;
    margin: 0 0 12px 0;
  }

.product-item .product-itemButtons .product-button {
      cursor: pointer;
      font-weight: 800;
      display: inline-block;
      padding: 6px 8px 6px 8px;
      border: 1px solid #A8B5E7;
      -webkit-border-radius: 5px;
         -moz-border-radius: 5px;
              border-radius: 5px;
      color: #526cd0;
      margin-right: 8px;
    }

.product-item .product-itemButtons .product-button.product-disabled {
        color: #BFC0C6;
        cursor: default;
        border-color: #BFC0C6;
      }

.product-item .product-itemButtons .product-button:active {
      background-color: #A8B5E7;
      color: white;
    }

.product-item .product-cdLinkComponent {
    position: relative;
    padding: 0 12px 0 12px;
    color: #696B79;
  }

.product-item .product-cdLinkComponent .product-cdSeparator {
      position: absolute;
      height: 1px;
      border-top: 0.5px solid #EAEAEC;
      width: 95%;
      left: 10px
    }

.product-item .product-cdLinkComponent .product-cdHeader {
      padding-top: 10px;
      font-weight: 500;
    }

.product-item .product-cdLinkComponent .product-cdText {
      padding: 5px 0 10px;
    }

.product-item .product-cdLinkComponent .product-cdText .product-cdLink {
        color: #526CD0;
        font-weight: 500;
        cursor: pointer;
      }

.product-item .product-itemMessage {
    background: #fff3ef;
    padding: 10px 12px 10px 12px;
    color: #282C3F;
    line-height: 18px;
  }

.product-item .product-returnMessage {
    background: #FFFFFF;
    padding: 10px 12px 10px 12px;
    color: #3E4152;
    line-height: 18px;
    border-top: 1px solid #EAEAEC;
  }

.product-item .product-returnMessage span {
      font-weight: 500;
    }

.product-item .product-pickupMessage {
    background: #FFFFFF;
    color: #3E4152;
    line-height: 18px;
  }

.product-item .product-pickupMessage span.product-note {
      font-weight: 500;
    }

.product-item .product-pickupMessage span.product-message a {
        color: #FF3F6C;
      }

.product-item .product-messageHolder {
    border-top: 1px solid #EAEAEC;
    padding: 10px 12px 10px 12px;
  }

.product-isExpress {
}

.product-isValueShipped {
}

.product-isTryable {
}

.product-isFree {
}

.product-isGlobal {
}

.product-isExchangeOrder {
}

.product-isPreOrder {
}

.product-sellerName {
  position: relative;
  margin-top: 8px;
  font-family: Whitney;
  font-size: 13px;
  color: #838792;
}

@media (min-width: 780px) {
  .product-itemContainer {
    margin-bottom: 16px;
    border-width: 4px;
  }
    .product-itemContainer:nth-child(2) {
      margin-top: 5px;
    }
  .product-item {
    -webkit-box-shadow: 0px 0.5px 2.5px 2px rgba(40, 44, 63, 0.05);
       -moz-box-shadow: 0px 0.5px 2.5px 2px rgba(40, 44, 63, 0.05);
            box-shadow: 0px 0.5px 2.5px 2px rgba(40, 44, 63, 0.05);
  }
    .product-item.product-withinAlteration {
      -webkit-box-shadow: none;
         -moz-box-shadow: none;
              box-shadow: none;
    }
      .product-item.product-withinAlteration .product-productInfo {
        padding: 0;
      }
      .product-item .product-product .product-thumbnail {
        left: 30%;
      }
  .product-rightArrow {
    margin-top: 8% !important;
    width: 2% !important;
  }
}

.product-animate {
  -webkit-animation: item-highlight 3s;
     -moz-animation: item-highlight 3s;
       -o-animation: item-highlight 3s;
          animation: item-highlight 3s;
}

@-webkit-keyframes item-highlight {
  0% {
    border-color: transparent;
  }
  25% {
    border-color: rgba(167, 251, 234, 0.1);
  }
  50% {
    border-color: rgba(167, 251, 234, 1);
  }
  75% {
    border-color: rgba(167, 251, 234, 0.1);
  }
  100% {
    border-color: transparent;
  }
}

@-moz-keyframes item-highlight {
  0% {
    border-color: transparent;
  }
  25% {
    border-color: rgba(167, 251, 234, 0.1);
  }
  50% {
    border-color: rgba(167, 251, 234, 1);
  }
  75% {
    border-color: rgba(167, 251, 234, 0.1);
  }
  100% {
    border-color: transparent;
  }
}

@-o-keyframes item-highlight {
  0% {
    border-color: transparent;
  }
  25% {
    border-color: rgba(167, 251, 234, 0.1);
  }
  50% {
    border-color: rgba(167, 251, 234, 1);
  }
  75% {
    border-color: rgba(167, 251, 234, 0.1);
  }
  100% {
    border-color: transparent;
  }
}

@keyframes item-highlight {
  0% {
    border-color: transparent;
  }
  25% {
    border-color: rgba(167, 251, 234, 0.1);
  }
  50% {
    border-color: rgba(167, 251, 234, 1);
  }
  75% {
    border-color: rgba(167, 251, 234, 0.1);
  }
  100% {
    border-color: transparent;
  }
}



.item-remove-btn {
  display: inline-block;
  width: auto;
  height: 32px;
  border-radius: 50%;
  background-color: #f80606;
  color: #fff;
  line-height: 32px;
  text-align:center
}
  .item-remove-btn > .feather {
    display: inline-block;
    width: auto;
    height: 32px;
    vertical-align: top;
  }
  .item-remove-btn:hover {
    text-decoration: none;
  }


.cart-item-thumb {
  display: block;
  width: 80px;
  
}.cart-item-thumb > img {
    display: block;
    width: 100%;
  }


 .filter-wrap{display:block; position:relative}
 .filter-wrap .filterbtn{ display:none; }
 .filter-wrap .filter-box, .filter-wrap .filter-box.fshow, .filter-wrap .filter-box:not(.fshow){ display:block!important; height:auto!important; overflow:hidden; overflow-y:hidden; transition:height 0.4s ease-in 0s; }
@media screen and (max-width: 768px){
    .filter-wrap{display:block; position:fixed; bottom:0; width:100%; left:0; z-index:9999; border-radius:0!important;}
    .filter-wrap .filterbtn{ display:inline-block; }
    .filter-wrap .filter-box:not(.fshow){height:0!important;}
    .filter-wrap .filter-box.fshow{ height:calc(100vh - 108px)!important; overflow-y:auto!important; }
}

.media .featured-entry-title > a, .only2line { color:#333; display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden; line-height:normal;} 
.blog-thumb{ width:64px; height:64px; object-fit:cover; border-radius:4px; }

.tag-link{
    display: inline-block;
    padding: .25rem .5rem;
    -webkit-transition: background-color 0.25s ease-in-out,color 0.25s ease-in-out;
    transition: background-color 0.25s ease-in-out,color 0.25s ease-in-out;
    border: 1px solid #e7e7e7;
    background-color: rgba(0,0,0,0);
    color: #404040;
    text-decoration: none;
    font-size: .75rem;
    font-weight: 600;
}
.tag-link:hover { background-color:#e4e4e5;}



// Pagination

.pagination {
  user-select: none;
}
.page-link {
  position: relative;
  transition: all 0.2s ease-in 0s;
  font-weight: 400;
}
  .page-link .feather {
    width: 24px;
    height: 24px;
    margin-top: -.15rem;
  }
  .page-link.page-link-static:hover {
    border-color: transparent;
    background-color: #efeff1;
    color: #0fb7ff;
  }
.page-item {
  margin: .15rem;
}
  .page-item.active {
    position: relative;
    z-index: 5;
    cursor: default;
  }


/*/ Entry navigation /*/

.entry-navigation {
  display: flex;
  border: solid 1px rgba(0,0,0,0.1);
}
.entry-navigation-link {
  flex-basis: 0;
  flex-grow: 1;
  max-width: 100%;
  padding: 16px 12px;
  transition: all 0.2s ease-in 0s;
  border-right: 1px solid rgba(0,0,0,0.1);
  color: #333;
  font-weight: 400;
  text-align: center;
  text-decoration: none;
      width: 33.3333%;
}
  .entry-navigation-link .feather {
    width: 24px;
    height: 24px;
    margin-top: -.15rem;
  }
  .entry-navigation-link:last-child {
    border-right: 0;
  }
  .entry-navigation-link:hover {
    background-color: #efeff1;
    color: #0fb7ff;
    text-decoration: none;
  }