/*
ENGLISH
*/

@font-face {
 font-family: 'qom';
 src:  url('../fonts/qom.eot?kggkxi');
 src:  url('../fonts/qom.eot?kggkxi#iefix') format('embedded-opentype'),
   url('../fonts/qom.ttf?kggkxi') format('truetype'),
   url('../fonts/qom.woff?kggkxi') format('woff'),
   url('../fonts/qom.svg?kggkxi#qom') format('svg');
 font-weight: normal;
 font-style: normal;
}


[class^="icon-"], [class*=" icon-"] {

  /* use !important to prevent issues with browser extensions that change fonts */

  font-family: 'qom' !important;

  speak: none;

  font-style: normal;

  font-weight: normal;

  font-variant: normal;

  text-transform: none;

  line-height: 1;



  /* Better Font Rendering =========== */

  -webkit-font-smoothing: antialiased;

  -moz-osx-font-smoothing: grayscale;

}



.icon-alert-octagon:before {

  content: "\e906";

}

.icon-bell:before {

  content: "\e900";

}

.icon-chevron-down:before {

  content: "\e901";

}

.icon-chevron-left:before {

  content: "\e902";

}

.icon-chevron-right:before {

  content: "\e903";

}

.icon-eye:before {

  content: "\e907";

}

.icon-flag:before {

  content: "\e908";

}

.icon-globe:before {

  content: "\e909";

}

.icon-grid:before {

  content: "\e90a";

}

.icon-heart:before {

  content: "\e904";

}

.icon-info:before {

  content: "\e905";

}

.icon-list:before {

  content: "\e90b";

}

.icon-mail:before {

  content: "\e90c";

}

.icon-message-square:before {

  content: "\e90d";

}

.icon-phone:before {

  content: "\e90e";

}

.icon-phone-call:before {

  content: "\e90f";

}

.icon-search:before {
  content: "\e910";
}
.icon-star:before {
  content: "\e911";
}
.icon-thumbs-up:before {
  content: "\e912";
}

body {font-family:roboto, sans-serif; overflow-x: hidden;}

a {color:#34495e;}

a:hover {color:#62134E; text-decoration:none;}
.navbar {background-color:#fff !important;}

.breadcrumb {
    background-color: #f5f5f5;
}

.breadcrumb-item+.breadcrumb-item::before {
    display: inline-block;
    padding-right: .5rem;
    padding-left: .5rem;
    color: #6c757d;
    content: "\e903";
    font-family: 'qom';
    font-size: 0.75rem;
}

.sec-1 {padding:0.5rem 0 1.5rem 0;}
.sec-2 {padding:0.25rem 0 3.5rem 0;}

@media screen and (max-width: 567px) {
.sec-2 {padding:0.25rem 0 3.5rem 0;}
.sec-4 {padding:.80rem 0 .5rem 0 !important; background:#fff; height:auto !important;}
.sec-8 {min-height:auto !important; max-height:auto !important}

.wrapper {
    margin: 1rem 0 !important;
    padding-bottom: 2rem;
}

.list-container > div {
    margin: 0.5rem 0 !important;
}
}

.animation {
  -webkit-animation-duration: 0.3s;
  animation-duration: 0.3s;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
}

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

@keyframes slideDownIn {
  0% {
    transform: translateY(-20px);
  }
  100% {
    transform: translateY(0);
  }
  0% {
    transform: translateY(-20px);
  }
}

#wrapperDiv {
  opacity:0;
}

.slideDownIn {

  -webkit-animation-name: slideDownIn;

  animation-name: slideDownIn;

}





.sec-3 {padding:1.50rem 0 1.25rem 0; background:#eaeaea}

.sec-4 {padding:7.80rem 0 .5rem 0; background:#fff; height:40rem;}

.sec-5 {padding:1.25rem 0 .5rem 0; background:#eaeaea; }

.sec-6 {padding:0.25rem 0 .5rem 0; background:#eaeaea; }

.sec-7 {padding:0.25rem 0 .5rem 0; background:#eaeaea; }

.sec-8 {background: url("../img/patterns.png") repeat fixed center; background-size:50px;height:100%;overflow:hidden; padding:2.5rem 0;}



.sec-9 {padding:0; }

.sec-11 {padding:0.25rem 0 1.5rem 0;}

.sec-12 {padding:0.25rem 0 4.5rem 0; background:#eaeaea;}







.sec-22 {padding:1.5rem 0 4.5rem 0; background:#eaeaea;}





.sec-33 {padding:3.25rem 0 1.5rem 0; background:#eaeaea;}



.sec-34 {padding:0 0 4.5rem 0; background:#eaeaea;}



.comments {background:#fff;}



.active {color:#61114c;font-weight:bold;}

.active:hover {color:#61114c !important;}



.list-container {margin:0.8rem .25rem;}



@media (min-width: 769px) {

.header {font:300 2.2rem/1.5em roboto; text-align:center; color:#242424; }



.list-container {margin:0.8rem 5rem;}

}



.bg {padding:5rem 0; background:#34495e; margin-top:35px; position:absolute;}



@media (max-width: 767px) {
  .header {font:300 1.15rem/1.5em roboto;}
  .bg {padding:3.55rem 0; background:#34495e; margin-top:35px; position:absolute;}
}

.header span {color:#62134E; font-weight:400}

.mb-15 {margin-bottom:15px;}
.mb-20 {margin-bottom:20px;}

/* .iconic-bg {
padding:0.35rem 0 0.55rem; 
background:#fff; 
position:relative; 
margin-top:8rem; 
box-shadow: 0 19px 38px rgba(0,0,0,0.17), 0 10px 22px rgba(0,0,0,0.10); 
border-radius:2.5px;} */

.iconic-bg {
  padding:1.25rem 0 0.95rem;
  background:#fff; 
  box-shadow: 0 19px 38px rgba(0,0,0,0.17), 0 10px 22px rgba(0,0,0,0.10); 
  border-radius:2.5px;
  min-height:180px;
}

@media(min-width:768px) {
  .iconic-bg {
    max-height:180px;
    overflow:hidden;
  }
}

@media(max-width:767px) {
  .iconic-bg {
    padding:4.25rem 0 0.95rem;
  }
}

#search-box {
position: relative;
width: 100%;
margin: 0;
z-index:9;
}

#search-form {
-webkit-border-radius: 5px;
-moz-border-radius: 2.5px;
border-radius: 5px;
box-shadow: -1px 10px 50px 5px rgba(0,0,0,0.25), 0 10px 10px rgba(0,0,0,0.22);
}

.search-select, .search-select2 {
  position:absolute;
  display:inline-block;
  width:auto;
  color:#62134E;
  font-weight:700;
}

@media(max-width:767px) {
  .search-select, .search-select2 {
  transform:translateX(-50%);
  left:50%;
  top: 100%;
  margin-top: 25px;
  width:100%;
  }
}

#search-text {
  color: #eee;
  border-width: 0;
  background: transparent;
  text-transform:uppercase;
  font-weight:500;
}

@media (min-width: 768px) {
    #search-text {
    font-size: 18px;
}
.search-select, .search-select2 {
  position:absolute;
  right:125px;
  transform:translateY(-50%);
  top:50%;
}
/* #search-form {
  padding:12px 0;
} */
}

/* @media (max-width: 576px) {
.search-select {
    position: absolute;
    margin-top: 12px;
    right: 70px;
    display: inline-block;
    width: auto;
    color: #62134E;
    font-weight: 100;
    font-size:12px;
}

.search-select2 {
    position: absolute;
    margin-top: -46px;
    right: 70px;
    display: inline-block;
    width: auto;
    color: #62134E;
    font-weight: 100;
    font-size:12px;
}
} */

#search-box input[type="text"] {
width: 90%;
padding: 20px 0 20px 1em;
color: #656565;
outline: none;
text-transform:lowercase;
background:white;
border-radius:5px;
}

#search-button {
position: absolute;
top: 0;
right: 0;
font-size: 18px;
color: #fff;
text-align: center;
border-width: 0;
background-color:#62134E;
-webkit-border-radius: 0px 5px 5px 0px;
-moz-border-radius: 0px 5px 5px 0px;
border-radius: 0px 5px 5px 0px;
cursor: pointer;
text-transform:uppercase;
padding:20px 25px;
}

@media (min-width: 768px) {
  #search-button {
    padding:20px 25px;
    }
  }

@media (max-width: 576px) {
#search-button {
font-size:14px;
padding:17px 25px;
}

#search-box input[type="text"] {
  padding: 15px 0 15px 1em;
  }
}

::-webkit-input-placeholder { /* Chrome/Opera/Safari */

  color: #bdbdbd;

}

::-moz-placeholder { /* Firefox 19+ */

  color: #bdbdbd;

}

:-ms-input-placeholder { /* IE 10+ */

  color: #bdbdbd;

}

:-moz-placeholder { /* Firefox 18- */

  color: #bdbdbd;

}



@media (max-width: 767px) {

  ::-webkit-input-placeholder {

  top:2rem;



}

}



.dropdown-menu {

    top: 10vh;

    transition:all 0.3s;

}



.dropdown-menu:before {

    position: absolute;

    top: -15px;

    left: 34px;

    display: inline-block;

    border-right: 15px solid transparent;

    border-bottom: 15px solid #f5f5f5;

    border-left: 15px solid transparent;

    border-bottom-color: rgba(0, 0, 0, 0.2);

    content: '';

}



.dropdown-menu:after {

    position: absolute;

    top: -14px;

    left: 35px;

    display: inline-block;

    border-right: 14px solid transparent;

    border-bottom: 14px solid #ffffff;

    border-left: 14px solid transparent;

    content: '';

}



.dropdown-item.active, .dropdown-item:active {

    color: #fff;

    text-decoration: none;

    background-color: #61114c;

}



.custom-select,.dropdown-toggle {
  border:none;
  border-bottom:1px solid #ddd;
  /* box-shadow: 0 1px 1px 0 rgba(60,64,67,.08), 0 1px 3px 1px rgba(60,64,67,.16); */
  box-shadow:0px 1px 1px 1px rgba(0, 0, 0, 0.08), 0px 1px 1px 1px rgba(255, 255, 255, 0.16);
  transition: box-shadow 135ms cubic-bezier(.4,0,.2,1);}
    
.custom-select:hover, .dropdown-toggle:hover, .dropdown-menu:hover {box-shadow: 0 1px 3px 1px rgba(60,64,67,.2), 0 2px 8px 4px rgba(60,64,67,.1);}

.dropdown-toggle:after {
  content:none;
}

@media (max-width: 767px) {
  .dropdown-toggle:after {
   margin-right: 2rem !important;
}
}



@media (min-width: 769px) {
.featured-listing { 
  padding: .5vw;
  font-size: 0;
  display: -ms-flexbox;
  -ms-flex-wrap: no-wrap;
  -ms-flex-direction: row;
  -webkit-flex-flow: row no-wrap; 
  flex-flow: row no-wrap; 
  display: -webkit-box;
  display: flex;
  margin-top:1.5rem;
}

.image-contain {
  height:62px;
}

.custom-select {
  margin-left:2rem;
}
}

 @media (max-width: 769px) {
.featured-listing { 
  padding: .5vw;
  font-size: 0;
  display: -ms-flexbox;
  -ms-flex-wrap: wrap;
  -ms-flex-direction: row;
  -webkit-flex-flow: row wrap; 
  flex-flow: row wrap; 
  display: -webkit-box;
  display: flex;
  margin-top:1.5rem;
  flex-grow: 1;
}

.featured-listing a { 
  width:33.33%;
  margin:0.85rem 0;
}

.image-contain {
  height:62px;
}

.image-contain img {
  display: block;
  margin:0 auto;
}

.featured-listing img { 
  width:60px;
}
}

 @media (max-width: 480px) {
.featured-listing { 
  padding: .5vw;
  font-size: 0;
  display: -ms-flexbox;
  -ms-flex-wrap: wrap;
  -ms-flex-direction: row;
  -webkit-flex-flow: row wrap; 
  flex-flow: row wrap; 
  display: -webkit-box;
  display: flex;
  margin-top:1.5rem;
  flex-grow: 1;
}
  
.featured-listing a { 
  width:49.33%;
  margin:0.85rem 0;
}

.image-contain {
  height:62px;
}

.image-contain img {
  display: block;
  margin:0 auto;
}

.featured-listing img { 
  width:60px;
}
}

.featured-listing div:hover { 
  opacity:0.75;
  background-blend-mode: screen;
}

 @media (min-width: 769px) {

.featured-listing img { 

  width: 100%; 

  height: auto;

  padding:0 2rem;

 }

 }





@media screen and (max-width: 400px) {

  .featured-listing div { margin: 10px; }

  .featured-listing { padding: 0; }

  

}



.featured-1 {

  background:url('../img/featured/car.png') no-repeat;

  background-size:50px;

  background-blend-mode: luminosity;

}



.featured-listing h6 {

position:relative;

color:#34495e;

bottom:0;

display:block;

text-align:center; 

font-size:0.75rem;

width:100%;}





header.heading-one h1 {

  text-align:center;

  font:300 2.25rem/1.5em roboto;

  padding-bottom:0.75rem;

}

header.heading-one h2 {
  text-align:center;
  font:300 1.8rem/1.5em roboto;
  padding-bottom:0.75rem;
}

header.heading-one h3 {
  text-align:left;
  font:400 1.4rem/1em roboto;
  padding:1.75rem 0.75rem 0.75rem 2.25rem;

}

.paragraph-heading {
  text-align:center;
  font:400 1rem/1.35em roboto;
  padding:1.75rem 0.75rem 1.75rem 0.75rem;

}

.popular-listing { 
  padding: .5vw;
  font-size: 0;
  display: -ms-flexbox;
  -ms-flex-wrap: wrap;
  -ms-flex-direction: row;
  flex-flow: row wrap; 
  display: -webkit-box;
  display: flex;
}

.popular-div { 
  padding: .5vw;
  box-shadow: 0 1px 1px 0 rgba(60,64,67,.08), 0 1px 3px 1px rgba(60,64,67,.16);
  background:#fff;
  transition:all 0.5s;
  cursor:pointer;
  border-radius:15px;
}

.popular-div:hover { 
  transform: translateY(-10px);
  box-shadow: 0 4px 7px 1px rgba(60,64,67,0.2), 0 10px 10px 2px rgba(60,64,67,.1);
}

@media screen and (min-width: 769px) {
.popular-div { 
    width: calc(100% * (1/5) - 12px - 0px);
    margin-right: 15px;
}
}

.popular-div:last-child {
    margin-right: 0;
}

@media screen and (max-width: 567px) {
.popular-div {
  width: calc(100% / 2 + -8px);
  margin-bottom:15px;
margin-right:15px;
}

.popular-div:nth-child(even) {
margin-right:0;
}
}

.popular-div .itm {
  min-height: 150px;
  overflow:hidden;
}

/* .popular-listing .itm img { 
  width: 100%; 
  min-height: 150px;
  max-height: auto; 
  display:block;
  margin:auto;

} */

.popular-div h5 {display:block;position:relative;text-align:center; width:auto; font:400 1.2rem/1.5em roboto; padding:1rem 0;}
.popular-div span {text-align:center; width:auto;display:block; line-height:2.2; color:#62134E; font-size:smaller;}

input.empty {
    font-family: 'qom', roboto;
}

.wheel {background:url('../img/runescape.png') no-repeat; background-size:400px; z-index:99;position:relative; height:30rem;}

@media screen and (max-width: 567px) {
.wheel {background:url('../img/runescape.png') no-repeat; background-size:200px; z-index:99;position:relative;height:30rem;display:block;}
}



.wheel-text p {font:700 2.5rem/1.5em 'Varela Round', sans-serif; text-transform:uppercase; color:#34495e;position:absolute;}

.wheel-text p:nth-child(1) {top:-4rem;margin-left:8.5rem}

.wheel-text p:nth-child(2) {bottom:2rem;margin-left:21.5rem}

.wheel-text p:nth-child(3) {left:-4.5rem;bottom:2rem;}

.why {font:400 1rem/1.5em 'roboto', sans-serif;color:#34495e; list-style:none;}

@media screen and (min-width: 769px) {
.why {position:absolute;margin-top:0.35rem;left:10rem}
.popular-div span {font-size:large;}
}



@media screen and (max-width: 767px) {

.why {

    position: relative !important;

    margin-top: 0.35rem;

    left: 0 !important; 

}



ul.why {padding-left:0;}

}



.why li {line-height:3;}



.why li {line-height:3.5;}



ul.why li:before {

  background-repeat:no-repeat;

  background-position:left bottom;

    background-size: 32px;

    display: inline-block;

    width: 40px; 

    height: 40px;

    content:"";

  margin-bottom:-0.65rem;

}



ul.why li:nth-child(1):before {

    background-image: url('../img/promise.png');

}



ul.why li:nth-child(2):before {

    background-image: url('../img/price-comparison1.png');

}



ul.why li:nth-child(3):before {

    background-image: url('../img/choice.png');

  background-size: 28px;

}



ul.why li:nth-child(4):before {

    background-image: url('../img/access.png');

}



.wrapper {background:#fff; height:100%;; margin:1rem 1rem; padding-bottom:2rem;}



.list-cards {max-width:100%; overflow:hidden; max-height:300px; border-radius:8px;

/* -moz-box-shadow: rgba(0, 0, 0, 0.8) 5px 5px 55px inset;

  -webkit-box-shadow: rgba(0, 0, 0, 0.8) 5px 5px 55px inset; */

  



}

.list-cards img {

  width: auto; 

    display:block;

    margin:auto;

  height:350px;

}



.list-cards p {position:absolute; bottom:0;color:#fff; font:300 1.2rem/1.5em roboto; text-align: center;
   width: 92.5%;
}

.list-img {min-height:300px;}

.list-img-1 {
  background: url("../img/furniture.jpg") no-repeat center center;
  background-size:cover;
  }

.list-img-2 {
  background: url("../img/furniture-move.jpg") no-repeat;
  background-size:cover;
  background-position:35% 25%;
}

.list-img-3 {
  background: url("../img/household-worker.jpg") no-repeat left center;
  background-size:cover;
  }

.list-img-4 {
  background: url("../img/mobile.jpg") no-repeat center center;
  background-size:cover;
}

.list-img-5 {
  background: url("../img/accessories.jpg") no-repeat;
  background-size:cover;
  background-position:35% 25%;
  }
  
.list-img-6 {
  background: url("../img/motor.jpg") no-repeat center center; 
  background-size:cover;
}

.list-img-7 {
  background: url("../img/fitness.jpg") no-repeat center center; 
  background-size:cover;
}

.list-img-8 {
  background: url("../img/food.jpg") no-repeat; 
  background-size:cover;
  background-position:35% 25%;
}

.list-img-9 {
  background: url("../img/health.jpg") no-repeat left center; 
  background-size:cover;
}

.frames {
  width: 100%;
  height: 100%;
  position:absolute;
  left:0;
  margin-top:-5rem;
  z-index:1;
}

.frames img {
  margin-top:1.65rem;
}

@media screen and (max-width: 767px) {
  .frames img {
  margin-top: 30%;
}
}

.ad ul li {padding:1.15rem 0;}
.ad ul li {list-style:none;}
.ad img {width:50%}
.ad p {color:#eee;}
.ad ul {margin:0 !important; left:0 !important; padding:0 !important}

@media screen and (min-width: 769px) {
  .frames {margin:0 2.5rem;}
  .ad h1 {font:100 3.5rem/0.95em roboto; color:#eee; margin:1.5rem 0 1.0;}
  .ad span {font:300 3.5rem/0.25rem roboto; color:#eee;}
  .ad img {width:45%; margin:0 1%;}
}

@media screen and (max-width: 567px) {
  .frames img {margin-top: 60%;}
  .ad img {width:100%; margin:0.25rem 0!important}
}

.ad ul li {padding:1.15rem 0;}
.ad ul li {list-style:none;}
.ad h1 {color:#eee;}
.ad span {color:#eee;}
.ad p {color:#eee;}

footer h4 {
  text-align:left;
  font:400 1rem/1em roboto;
  padding:1.75rem 0.75rem 0 0;
  text-transform:uppercase;
}

hr.style3 {
  border-top: 1px dashed #8c8b8b;
  margin-top:10px;
  margin-right:40%;
}

footer {background:#fff; z-index:9999; position:relative}
footer, footer a {font:400 0.85rem/2.2rem roboto; color:#616161; padding:1rem 0; z-index:9999;}
footer a:hover {text-decoration:none;}

ul.region, ul.categories {padding-left:0;margin-left:0;}
footer .region li, .categories li {display:inline-block; list-style:none; width:49%; font:400 0.85rem/2.2rem roboto; transition:all 0.3s;}

footer .region li:hover, .categories li:hover {transform:translateX(5px);}

footer .categories li:last-child {font:500 0.85rem/2.2rem roboto; color:#62134E;}

footer .social li {transition:all 0.3s;}

footer .region li:before, .categories li:before {content: "\e903"; visibility:hidden; font-family: 'qom', roboto; font-size:10px; padding-right:5px;}

footer .region li:hover:before, .categories li:hover:before {visibility:visible}

footer .social li:hover {transform:translateY(5px);}

#left-drawer-menu {
  width: 70%;
  list-style-type: none;
  margin: 0px;
  padding-left:0;
  display: -webkit-flex;
  -webkit-flex-direction: column;
  display: flex;
  flex-direction: row;
}



#left-drawer-menu li{

    background-color: white;

    text-align: center;

    flex-grow: 0;

   margin-right: .85rem;

}



hr.style13 {

  height: 10px;

  border: 0;

  box-shadow: 0 10px 10px -10px #8c8b8b inset;

}



hr.style2 {

  border-top: 3px double #8c8b8b;

}


.copyright-text p {margin-top:15px;}



.footer-bottom {

    padding: 40px 0 30px;

    border-top: 1px solid #666;

    background: #1e1e1e;

}



.social-link li {
    display: inline-block;
    margin: 0 5px;

}

.social-link li a {

    display: inline-block;

    font-size: 14px;

    transition: .5s;

}

















.wra {

        display: flex;

}



#sidebar {

        min-width: 250px;

        max-width: 250px;

        height: 100vh;

}



.card-header {

    padding: .75rem .75rem;

    margin-bottom: 0;

    background-color: rgba(0,0,0,.03);

    border-bottom: 1px solid rgba(0,0,0,.125);

  text-transform:uppercase;

  color:#34495e;

  font-size:10px;

}



.card-header h5 {

  font-size:12px;

  font-weight:700;

}



.form-control {

    display: block;

    width: 100%;

    padding: .375rem .75rem;

    font-size: 1rem;

    line-height: 1.5;

    color: #495057;

    background-color: #fff;

    background-clip: padding-box;

    border: 0;

  border-bottom:1.5px solid #ddd;

    border-radius: .25rem;

    transition: border-color .15s ease-in-out,box-shadow .15s ease-in-out;

}





.rw-1, .rw-2, .rw-3 {background:#fff;border-radius:2px;}

.rw-1 { padding:1.5rem 1.25rem 0.5rem; }

.rw-2 {padding:1.5rem 1.25rem 0.5rem; margin-top:1.25rem;}

.rw-3 {margin-top:1.25rem; padding: 0.30rem 0;}



.item-heading {font:400 1.65rem/1em roboto; color:#62134E}



.cl-1, .cl-2 {background:#fff;padding-left:10px}

.item-sub-heading {font:300 1.65rem/0.5em roboto; text-align:left;margin-bottom:20px;}

.item-sub-heading-2 {font:400 1.65rem/0.5em roboto; text-align:left; border-top:1px solid #ddd; padding-top:1.55rem;padding-bottom:1.35rem;margin-bottom:20px;}

.item-sub-heading-3 {font:400 1.65rem/0.5em roboto; text-align:left;padding-top:1.55rem;padding-bottom:1.35rem;margin-bottom:20px;}

.item-sub-heading-3 span {font:400 0.85rem/0.5em roboto; text-align:left;

color:#6e6e6e; padding-left:0.85rem;}

.fl {
display: flex;
flex-direction:row;
padding-top:1.65rem;
flex-wrap:wrap;
}

.fl dt {
  font:700 0.75rem/0.5em roboto;
  text-transform:uppercase;
  color:#34495e;
}

.fl dl {
  font:400 0.95rem/2.25em roboto;
  color:#34495e;
  width: calc(100% / 4);
}

@media screen and (min-width: 30em) {
 .pa5-ns {
   padding: 4rem;
    }
}

@media screen and (min-width: 769px) {
.f2 {
  display: flex;
  flex-flow: row wrap;
  padding-top:1.85rem;
}
}

@media screen and (max-width: 767px) {
.f2 {
  flex-flow: row wrap;
  padding-top:1.25rem;
}
}

.f2 dt {
  font:700 0.75rem/0.5em roboto;
  text-transform:uppercase;
  color:#34495e;
  line-height:1;
  /*border-bottom: 1px solid rgba(97,17,76,0.6);
  border-bottom-style: dotted;*/
  display: inline-flex;
}

.f2 dl {
  font:400 0.95rem/1.85em roboto;
  color:#34495e;
}

dd {
  line-height: initial;
  margin-top: 10px;
}

@media screen and (min-width: 30em) {
 .pa5-ns {
   padding: 4rem;
}
}

.special {
  display: flex;
  flex-flow:row wrap;
}

.special .btn {
  font:400 1.05rem/2.25em roboto;
  white-space:inherit;
}

.btn-mag {background:#62134E;}

.btn-mag, .btn-mag a {color:#fff;}

.btn-mag:hover {background:#9a1e7b;}

.blocks .btn-mag {
    padding: 5px 12px;
    margin: 5px 5px;  
    border-radius: 5px;
}

.wish {margin-left:25px;display:block}

.wish .btn-link {
    padding: 20px 12px 30px;
  margin-left:20px;
    margin: 0 50px;  
    border-radius: 0;
  text-transform:uppercase;
  color:#62134E;
}

@media screen and (max-width: 567px) {
  .wish .btn-link {
  padding: 15px 12px 15px !important;
}

.card-icons {padding:0 0.5rem;}

}





.wish .btn:nth-child(1):before {  

  width: 28px;

    content: " ";

    background-image: url(../img/heart.png);

  background-repeat:no-repeat;

    position: absolute;

    left: -25px;

    height:28px;

  padding-right:20px;

}



.wish .btn:nth-child(2):before {

  

  width: 28px;

    content: " ";

    background-image: url(../img/flag.png);

  background-repeat:no-repeat;

    position: absolute;

  left: -25px;

    height:28px;

}

.share-single h5 {font:700 0.85rem/1.25em roboto;color:#62134E; text-transform:uppercase;display:inline-block;padding:10px 10px 0 0;}

.share-single {
  display:flex;
}

#social-menu {
    width: 25%;
    height: 25%;
    list-style-type: none;
    margin: 0px;
  padding-left:0;
    display: -webkit-flex;
    -webkit-flex-direction: column;
    display: flex;
    flex-direction: row;
}

@media screen and (max-width: 567px) {
#social-menu {
    width: 45% !important;
    height: 45% !important;
    list-style-type: none;
   margin: 0px;
  padding-left:0;
    display: -webkit-flex;
    -webkit-flex-direction: column;
    display: flex;
    flex-direction: row;
}

#social-menu li{
    background-color: white;
    text-align: center;
    flex-grow: 1;
   margin-right: .25rem;
   transition:all 0.3s;
}
}

#social-menu li{
    background-color: white;
    text-align: center;
    flex-grow: 1;
   margin-right: .25rem;
   transition:all 0.3s;

}

#social-menu li:hover{
   opacity:0.75
}

.share-icon-single li {
    display: inline-block;
    margin: 0 5px;
}

.share-icon-single li a {
    display: inline-block;
    font-size: 10px;
    transition: .5s;
}

.cat-inner {background:#fff; padding:1.25rem;}

@media(max-width:767px) {
  .cat-inner {
    margin-top:1.25rem;
  }

  .sec-10 {
    margin-top:70px;
  }
}

.rel {margin-bottom:20px;}

.card-block {padding:0.95rem .5rem .5rem .5rem}

.card.rel .card-block {padding:0.95rem 1rem .5rem 1rem;}

.card-title-single {font-size:large;color:#34495e;}

.card-text-single {font-size:smaller;color:#62134E;}

.card-category-single {font:500 0.85rem/0 roboto;color:#34495e; padding:0 0.50rem; color:#62134E;}

.card-text-price {font:700 1rem roboto;color:#34495e; color:#62134E;}

.wt h3 {font:700 1.55rem/.25em roboto;color:#62134E;padding:0.75rem 0;}

@media(min-width:768px) {
.card-title-single {font-size:x-large;}
.card-text-single {font-size:large;color:#62134E;}
}

.grid-icons {padding-top:0.40rem;}

.grid-icons li {display:inline-block; margin:0 8px; }

.grid-icons li img {width:25px;height:25px;}

#textbox {
  display: flex;
  align-items: center;
justify-content:space-between;
}

#textbox p {font-size:14px;}

























































#accordion .card {

    margin-bottom:20px;

}



.filter-buttons {

  display: flex;

  margin-bottom: 20px;

}



.filter-buttons.grid-view-filter {background:red;}



.list-view-button,

.grid-view-button {

  border: 1px solid white;

  padding: 5px;

  font-size: 14px;

  cursor: pointer;

  border-radius: 3px;

}

.list-view-button:hover,
.grid-view-button:hover {
  background: white;
  color: #0e2439;
}

.list-view-button {
  margin-right: 10px;
}


.list li {
  list-style: none;
  margin: 0;
  padding: 0;
  margin-bottom:20px;
  width: calc(100%);
  display:inline-grid;
}

/*@media (max-width:767px) {
.list li:nth-child(odd) {
  margin-right:10px;
}
}*/

@media (min-width:768px) {
.list li {
    width: calc(100%);
}

.list-view-filter .card-icons {
     position:absolute;
width:100px;
right:10px;
top:10px;
}

.list-view-filter h3,p {
margin-bottom:10px;
}
}

.list.list-view-filter {
  flex-direction: column;
}


.card {

    border:none;

    box-shadow: 0 1px 1px 0 rgba(60,64,67,.08), 0 1px 3px 1px rgba(60,64,67,.16);

    transition: box-shadow 135ms cubic-bezier(.4,0,.2,1);

}



.card:hover {

    box-shadow: 0 1px 3px 1px rgba(60,64,67,.2), 0 2px 8px 4px rgba(60,64,67,.1);

}



.card:hover .card-block {

    background:#f5f5f5;

}

.grid-view-filter li .card-image {
    height: 160px;
    position: relative;
    left: 10px;
    bottom: 10px;
    bottom: 10px;
    overflow: hidden;
    margin-top: 20px;
    margin-right: 20px;
}

.list.list-view-filter li .card-image {
    width: calc(100% - 75% + 30px);
    height: 141px;
    position: relative;
    overflow: hidden;
}

@media(min-width:768px) {
.list.list-view-filter li .card-image {
    width: calc(100% - 75% + 30px);
    height: 141px;
    margin-right: 15px;
}
}

@media(max-width:767px) {
.list.list-view-filter li .card-image {
         width: calc(100% - 70% + -5px);
margin:5px;
     padding:5px; 
border-radius:5px;
}
}

.categoy_page_product_style_mobil_version {
  width: 100% !important;
  height: 100% !important;
  object-fit: cover !important;
  border-radius:15px;
}

.list.list-view-filter li #textbox .fo {
  top:5%;
  position:relative;
}


.list.list-view-filter li #textbox .fr {
  top:5%;
  position:relative;
}


/**************************************    ****************************************/

.list.grid-view-filter {
  flex-flow: row wrap;
}

.list.grid-view-filter li {
  width: calc(100% / 2 - 5px);
  margin-bottom: 10px;
  margin-right: 10px;
}

@media (min-width:768px) {
.list.grid-view-filter li {
  width: calc(100% * (1/3) - 14px);
margin-bottom: 20px;
  margin-right: 20px;
}
.list.grid-view-filter li:nth-child(3n) {
  margin-right: 0;
}
}

.list.grid-view-filter a:nth-child(3) > li {
    margin-right: 0;
}

.list.grid-view-filter li {
 float:left;
}

@media(max-width:767px) {

.list.grid-view-filter li:nth-child(even) {
  margin-right: 0;
}

.pl-mobile-0 {
padding-left:0 !important;
}
.pr-mobile-0 {
padding-right:0 !important;
}
}

.list a {transition:all 0.3s}
.list a * {cursor:pointer}

.list a:hover {opacity:.8;}

.fo {float:left;}
.fr {float:right;}

.form-check-label {font-size:14px;}

.arr-icon {position:absolute; right:1rem;font-size:15px;top:0.5rem;}

/*Only for Bootstrap version 4 alpha*/
.has-mega-menu .container-sm {
  max-width: 540px;
}

.has-mega-menu .container-md {
  max-width: 720px;
}

.has-mega-menu .container-lg {
  max-width: 960px;
}

.has-mega-menu .container-xl {
  max-width: 1140px;
}

/*Only for Bootstrap version 4 Beta and up*/
@media screen and (min-width: 576px) { 
  .has-mega-menu .container-sm {
      width: 540px;
  }
}

@media screen and (min-width: 768px) { 
  .has-mega-menu .container-md {
      width: 720px;
  }
}


@media screen and (min-width: 992px) { 
  .has-mega-menu .container-lg {
      width: 960px;
  }
}

@media screen and (min-width: 1200px) { 
  .has-mega-menu .container-xl {
      width: 1140px;
  }
}

#inlineFormCustomSelect select:before {
  border:none;
    display: inline-block;
   left:0;
   top:0;
   right:0;
   bottom:0;
  content:"\e604";
  font-family:'Simple-Line-Icons';
  position: absolute;
  width:50px;
  height:50px;
}

.map-responsive{
    overflow:hidden;
    padding-bottom:50%;
    position:relative;
    height:0;
}

.map-responsive iframe{
    left:0;
    top:0;
    height:100%;
    width:100%;
    position:absolute;
}

.contact p {
  margin-bottom:0;
  color:#656565;
  }

.contact h5 {
  margin-bottom:0;
  color:#580f45;
  line-height:1.35;
  padding-bottom:0.65rem;
  }

/****************************************************/

.flex-center {
  display: flex;
  align-items: center;
  justify-content: center;
}

#comments .card .card-header {
  display: flex;
  justify-content: space-between;
  align-items: center;
  background: #eee;
  border-bottom: none;
}

#comments .card {
  border-radius: 3px;
  border: 1px solid rgba(0, 0, 0, 0.1);
  background: rgba(0, 0, 0, 0.002);
  transition: box-shadow .5s;
}

#comments .card:hover {
  box-shadow: 0 14px 28px rgba(0, 0, 0, 0.25), 0 10px 10px rgba(0, 0, 0, 0.2);
}

.chip {
  display: inline-block;
  border-radius: 16px;
  font-size: 13px;
  background-color: #eceff1;
  color: rgba(0, 0, 0, 0.7);
  height: initial;
  min-height: 25px;
  line-height: 25px;
  margin-bottom: 0rem;
  margin-right: .5rem;
  padding: 0px 10px;
  box-shadow: 0 1px 1px rgba(128, 128, 128, 0.18);
  font-weight: 600;
}

#comments .children .media .card-block {
  background: rgba(0, 0, 0, 0.02);
  padding: .75rem;
}

#comments .media p {
  margin-bottom: .1rem;
  padding-left:1rem;
  margin:.65rem 0.15rem;
}

.media-heading {padding-left:1rem;}

.card-block .card-image img {
  min-height:180px;
  min-width:100%;
}

.products-list .grid-view-filter .card {
  min-height:350px; 
}

.list.list-view-filter li .card-image img, .grid-view-filter li .card-image img {
    max-width: inherit;
    position: absolute;
    transform: translate(-50%,-50%);
    left: 50%;
    top: 50%;
zoom:.3;
}

#myList li{ display:none;}

.hide {
  display: none;
}

.f2 .dib {
width:25%;
}

@media (max-width:767px) {
    .f2 .dib {
width:100%;
}
}

.lSSlideOuter {
    overflow: hidden;
    user-select: none;
    width: 90%;
    margin: 0 auto;
}

/*.lSSlideOuter .lSPager, .lSSlideOuter .lightSlider {

    height: 110px !important;

}*/

/*.lslide {width:110px !important}*/

.lslide img {width:90px !important}
.lightSlider {overflow:initial !important;}
.lightSlider h6 {font-size:0.95rem; margin-top:.5rem}

.store-links li {width:50%;list-style:none;}
.store-links li:nth-child(1) {margin-right:10px;}
ul.store-links {padding-left:0;}

.app-banners {
   position: fixed;
   bottom: 0;
   right: 0;
   background: rgba(255,255,255,0.9);
   width: 100%;
   margin: 0;
   padding: 10px 30px 10px 10px;
   box-sizing: border-box;
   overflow: hidden;
   display: block;
   text-decoration: none;
   border: 1px solid #e8e8e8;
   line-height: 1;
   z-index: 10000;
   display: none;
   direction: ltr;
}

.app-banners .details {
   overflow: hidden;
   color: #000;
}

.app-banners .title {
   font-size: 14px;
   margin: 10px 0 5px 0;
}

.app-banners .details .developer {
   font-size: 12px;
   line-height: 1.2;
   margin-bottom: 5px;
}

.app-banners .details .download {
   font-size: 12px;
   line-height: 1.2;
   color: #999;
}

.app-banners .link {
   font-size: 15px;
   color: #1A81FD;
   top: 38px;
}

.app-banners .icon {
   width: 100px;
   height: 80px;
   background: url(../img/q-footer-logo.png) center center no-repeat;
   background-size: 100%;
   float: left;
   margin-right: 15px;
}

@media (max-width:767px) {
.list.list-view-filter .card-image {
 padding:.5rem;
 height: 120px;
 width: 100%;
}
}

.list-view-filter .card:hover {
    cursor:pointer;
}

.list-view-filter .card .card-block {
    position: relative;
    width: calc(100% - 30%);
    padding: 10px;
 }

.car_desc {
  display: flex;
  font-size: 12px;
  justify-content: space-between;
  margin-bottom: 12px;
}

.car_desc p {
  margin-bottom:0;
}

@media (max-width:767px) {
.list-view-filter .card .card-block {
position: absolute;
width: calc(100% - 30%);
left: 30%;
 }

.grid-view-filter .car_desc {
  display: none !important;
}
}
 
@media (min-width:768px) {
.list-view-filter .card .card-block {
position: relative;
width: calc(100% - 25%);
 }

 .list-view-filter .card .card-block {
    padding:10px;
 }
 
  .grid-view-filter .card .card-block {
	padding:10px;
 }
 .sear{
     font-size: 22px;
    color: #fff !important;
    text-align: center;
 }

.list.list-view-filter li .click_icon_two_style {
    height: 141px !important;
    width: 166px !important;
}

.list-view-filter .card {
    flex-direction: row;
}

.car_desc {
  width: 220px;
}
}

.card.rel .card-image {
    max-height: 200px;
    min-height: 200px;
    overflow: hidden;
    position: relative;
}

.card.rel .card-image img {
    max-width: 100%;
    position: absolute;
    transform: translate(-50%,-50%);
    left: 50%;
    top: 50%;
    object-fit: cover !important;
}

.ribbon_3 {
    position: absolute;
    left: -5px;
    top: -5px;
    z-index: 1;
    overflow: hidden;
    width: 75px;
    height: 75px;
    text-align: right;
}

.ribbon_3 span {
    font-size: 10px;
    font-weight: 700;
    color: #FFF;
    text-align: center;
    line-height: 20px;
    transform: rotate(-45deg);
    -webkit-transform: rotate(-45deg);
    width: 100px;
    display: block;
    background: #79A70A;
    background: linear-gradient(#bd5599 0,#5e294b 100%);
    box-shadow: 0 3px 10px -5px rgba(0,0,0,1);
    text-shadow: 1px 1px 2px rgba(0,0,0,.25);
    position: absolute;
    top: 19px;
    left: -21px;
}

.ribbon_3 span::before {
    left: 0;
    border-left: 3px solid #480832;
    border-right: 3px solid transparent;
}
.ribbon_3 span::after, .ribbon_3 span::before {
    content: "";
    position: absolute;
    top: 100%;
    z-index: -1;
    border-bottom: 3px solid transparent;
    border-top: 3px solid #480832;
}

.ribbon_3 span::after {
    right: 0;
    border-left: 3px solid transparent;
    border-right: 3px solid #480832;
}

.top_adv {
    position: absolute;
    z-index: 7;
    top: -1px;
    left: 8px;
}

.top_adv img {
    height: 50px;
}

.company_badge img {
height:25px;
}

.company_badge {
    position: absolute;
    z-index: 7;
    padding: 4px 10px;
    font-size: 12px;
}

@media(max-width:576px) {
.grid-view-filter .company_badge {
    left: 50%;
bottom:-15px;
    transform: translate(-50%, -50%);
}

.list-view-filter .company_badge {
    right: 0;
top:0;
}
}

.popular-div .popular-image.click_icon_two_style {
  height: 165px !important;
  display:block;
  margin:0 auto;
}

@media (min-width: 768px) {
.company_badge img {
margin-right:8px;
}

.company_badge {
    border-radius: 50px;
    border: 1px solid #dedede;
right: 8px;
bottom: 10px;
}

.lds-dual-ring {
  display: inline-block;
  width: 64px;
  height: 64px;
}
.lds-dual-ring:after {
  content: " ";
  display: block;
  width: 46px;
  height: 46px;
  margin: 1px;
  border-radius: 50%;
  border: 5px solid #61114c;
  border-color: #61114c transparent #61114c transparent;
  animation: lds-dual-ring 1.2s linear infinite;
}
@keyframes lds-dual-ring {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(360deg);
  }
}

.popular-div .popular-image.click_icon_two_style {
  height: 230px !important;
}
}

.grid-view-filter .company_badge {
bottom: -7px;
    left: 50%;
    transform: translate(-50%, -50%);
}

.grid-view-filter .company_badge img {
height:15px;
}