@charset "utf-8";

/* CSS Document */



img{ max-width:100%; height:auto}

.featban [class*="col-"] {

    padding-left: 0px;

    padding-right: 0px;

}

.featban img { transition: all .2s ease-in-out; }
.featban img:hover { transform: scale(1.1);  }



@font-face {

    font-family: 'balooregular';

    src: url('../fonts/baloo-regular-webfont.woff2') format('woff2'),

         url('../fonts/baloo-regular-webfont.woff') format('woff');

    font-weight: normal;

    font-style: normal;



}

.saleupto{ padding:50px 0px 0px 0px}

.saleupto h2{ font-weight:700; font-size:48px; margin:0px 0px 25px 0px; padding:0px; color:#32355d!important; text-align: center}

.owl-dots{ display:none}



.owl-theme .owl-nav [class*="owl-"]{ font-size:0px!important; padding:19px 23px!important;}

.owl-prev{

    left: -42px;

    top: 29%; background-image:url(../img/arrowlft.png)!important; background-repeat:no-repeat!important; background-color:transparent!important; position:absolute

}

.owl-next{

     right: -52px;

    top: 29%; background-image:url(../img/arrowright.png)!important; background-repeat:no-repeat!important; background-color:transparent!important;  position:absolute 

}



.owl-theme .owl-nav {

    margin-top: 10px;

    position: absolute;

    top: 34%; width:100%

}





.saleupto .item .prodtl{ visibility: visible; color:#ff798f; font-family: 'balooregular';}

.saleupto .item .prodtl span{ text-decoration:line-through; color:#B4B4B4}

a.carticon{ background-color:#fff; color:#4D4D4D; margin:0px 5px; padding:6px 8px; border-radius:40px;}

a.carticon:hover{ 

background: #ff798d; /* Old browsers */

background: -moz-linear-gradient(left, #ff798d 0%, #fe7fa7 100%); /* FF3.6-15 */

background: -webkit-linear-gradient(left, #ff798d 0%,#fe7fa7 100%); /* Chrome10-25,Safari5.1-6 */

background: linear-gradient(to right, #ff798d 0%,#fe7fa7 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */

filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ff798d', endColorstr='#fe7fa7',GradientType=1 ); /* IE6-9 */ color:#fff; margin:0px 5px; padding:6px 8px; border-radius:40px;}

.saleupto .item{ cursor:pointer; min-height: 420px}

.saleupto .item .proimg{ position:relative; margin-bottom:20px; text-align:center; height: 270px;

    width: 270px;

    background: #F7F7F7;}

.saleupto .item .proimg .disc{ position:absolute; bottom:-15px; left:37%; right:37%; 

background: #ff798d; /* Old browsers */

background: -moz-linear-gradient(left, #ff798d 0%, #fe7fa7 100%); /* FF3.6-15 */

background: -webkit-linear-gradient(left, #ff798d 0%,#fe7fa7 100%); /* Chrome10-25,Safari5.1-6 */

background: linear-gradient(to right, #ff798d 0%,#fe7fa7 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */

filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ff798d', endColorstr='#fe7fa7',GradientType=1 ); /* IE6-9 */ color:#fff; border-radius:35px; padding:5px 10px; text-align:center; width:60px; display:none}



.mostpopu{ color:#ff798f; text-align:center;font-family: 'balooregular';}

.mostpopu span{ text-decoration:line-through; color:#B4B4B4}

.mostpopu h3{ font-size:16px; text-transform:uppercase; padding:0px; margin:0px; color:#32355d}

.mostpopu h3 span{ font-size:13px; color:#C5C5C5; display:block; margin:6px 0px; text-decoration:inherit; text-transform: capitalize}



footer{ border-top:1px solid #CFCFCF; padding-top:40px; margin-top:0px;}

footer h3{ font-size:18px; color:#32355d; padding:0px; margin: 20px 0px; font-weight:bold}

footer ul{ padding:0px; margin:0px; list-style:none}

footer ul li{ padding:0px; margin:0px; list-style:none; line-height:30px;}

footer ul li a{ color:#5C5C5C; text-decoration:none}

footer ul li a:hover{ color:#ff798d; text-decoration:none}



.dropdown:hover>.dropdown-menu {

  display: block;

}



.navbar-nav { text-transform: uppercase; margin:5px 0px}

.navbar-expand-lg .navbar-nav .nav-link {

    padding-right: 25px!important;

    padding-left: 25px!important;

}





 .navbar-light .navbar-nav .active > .nav-link, .navbar-light .navbar-nav .nav-link.active, .navbar-light .navbar-nav .nav-link.show, .navbar-light .navbar-nav .show > .nav-link {

background: #ff798d; /* Old browsers */

background: -moz-linear-gradient(left, #ff798d 0%, #fe7fa7 100%); /* FF3.6-15 */

background: -webkit-linear-gradient(left, #ff798d 0%,#fe7fa7 100%); /* Chrome10-25,Safari5.1-6 */

background: linear-gradient(to right, #ff798d 0%,#fe7fa7 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */

filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ff798d', endColorstr='#fe7fa7',GradientType=1 ); /* IE6-9 */ color:#fff!important; border-radius:20px;

 }

 

 .usrara ul{ padding:0px; margin:0px; list-style:none}

 .usrara ul li{ padding:0px; margin:0px 5px; list-style:none; display:inline-block}

  .usrara .btn-secondary {

    color: #000!important;

    background-color: transparent!important;

    border-color: transparent!important;

}

 

 .usrara  .dropdown-toggle::after { display:none;}



 .shoppingcart .btn{ 

background: #ff798d; /* Old browsers */

background: -moz-linear-gradient(left, #ff798d 0%, #fe7fa7 100%); /* FF3.6-15 */

background: -webkit-linear-gradient(left, #ff798d 0%,#fe7fa7 100%); /* Chrome10-25,Safari5.1-6 */

background: linear-gradient(to right, #ff798d 0%,#fe7fa7 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */

filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ff798d', endColorstr='#fe7fa7',GradientType=1 ); /* IE6-9 */ border-radius:35px; color:#fff;}

.saleupto .item .proimg img {

    width: 100%;

    height: 270px;

}



/*

Fade content bs-carousel with hero headers

Code snippet by maridlcrmn (Follow me on Twitter @maridlcrmn) for Bootsnipp.com

Image credits: unsplash.com

*/



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

/*       Fade Bs-carousel       */

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

.fade-carousel {

    position: relative;

    height: 100vh;

}

.fade-carousel .carousel-inner .item {

    height: 100vh;

}

.fade-carousel .carousel-indicators > li {

    margin: 0 2px;

    background-color: #f39c12;

    border-color: #f39c12;

    opacity: .7;

}

.fade-carousel .carousel-indicators > li.active {

  width: 10px;

  height: 10px;

  opacity: 1;

}



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

/*          Hero Headers        */

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

.hero {

    position: absolute;

    top: 50%;

    left: 50%;

    z-index: 3;

    color: #fff;

    text-align: center;

    text-transform: uppercase;

    text-shadow: 1px 1px 0 rgba(0,0,0,.75);

      -webkit-transform: translate3d(-50%,-50%,0);

         -moz-transform: translate3d(-50%,-50%,0);

          -ms-transform: translate3d(-50%,-50%,0);

           -o-transform: translate3d(-50%,-50%,0);

              transform: translate3d(-50%,-50%,0);

}

.hero h1 {

    font-size: 6em;    

    font-weight: bold;

    margin: 0;

    padding: 0;

}



.fade-carousel .carousel-inner .item .hero {

    opacity: 0;

    -webkit-transition: 2s all ease-in-out .1s;

       -moz-transition: 2s all ease-in-out .1s; 

        -ms-transition: 2s all ease-in-out .1s; 

         -o-transition: 2s all ease-in-out .1s; 

            transition: 2s all ease-in-out .1s; 

}

.fade-carousel .carousel-inner .item.active .hero {

    opacity: 1;

    -webkit-transition: 2s all ease-in-out .1s;

       -moz-transition: 2s all ease-in-out .1s; 

        -ms-transition: 2s all ease-in-out .1s; 

         -o-transition: 2s all ease-in-out .1s; 

            transition: 2s all ease-in-out .1s;    

}



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

/*            Overlay           */

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

.overlay {

    position: absolute;

    width: 100%;

    height: 100%;

    z-index: 2;

    background-color: #080d15;

    opacity: .7;

}



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

/*          Custom Buttons      */

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

.btn.btn-lg {padding: 10px 40px;}

.btn.btn-hero,

.btn.btn-hero:hover,

.btn.btn-hero:focus {

    color: #f5f5f5;

    background-color: #1abc9c;

    border-color: #1abc9c;

    outline: none;

    margin: 20px auto;

}



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

/*       Slides backgrounds     */

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

.fade-carousel .slides .slide-1, 

.fade-carousel .slides .slide-2,

.fade-carousel .slides .slide-3 {

  height: 100vh;

  background-size: cover;

  background-position: center center;

  background-repeat: no-repeat;

}

.fade-carousel .slides .slide-1 {

  background-image: url(https://ununsplash.imgix.net/photo-1416339134316-0e91dc9ded92?q=75&fm=jpg&s=883a422e10fc4149893984019f63c818); 

}

.fade-carousel .slides .slide-2 {

  background-image: url(https://ununsplash.imgix.net/photo-1416339684178-3a239570f315?q=75&fm=jpg&s=c39d9a3bf66d6566b9608a9f1f3765af);

}

.fade-carousel .slides .slide-3 {

  background-image: url(https://ununsplash.imgix.net/photo-1416339276121-ba1dfa199912?q=75&fm=jpg&s=9bf9f2ef5be5cb5eee5255e7765cb327);

}



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

/*          Media Queries       */

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

@media screen and (min-width: 980px){

    .hero { width: 980px; }    

}

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

    .hero h1 { font-size: 4em; }    

}

@media (min-width:300px) and (max-width: 665px) {

	.topbg{ background-color:#000000; padding:4px 0px}

	 .usrara{ margin-top:4px;}

	 input.search-submit {top:0px!important; border:1px solid #ff798d}

	 .owl-prev { left: -6px;}

	 .owl-next { right: -12px;}

	 

	body { min-width:100%important;}

	.grid_1, .grid_2, .grid_3, .grid_4, .grid_5, .grid_6, .grid_7, .grid_8, .grid_9, .grid_10, .grid_11, .grid_12, .grid_13, .grid_14, .grid_15, .grid_16, .grid_17, .grid_18, .grid_19, .grid_20, .grid_21, .grid_22, .grid_23, .grid_24 {

    float: none!important;}

	

	/*.navbar-light .navbar-toggler { position: absolute; left: 0; top: 35px;}*/

	.saleupto .item .proimg {height: 100%; width: 100%;}

	.saleupto h2 {font-size: 30px;}

	

	

	.mobile-container {

  max-width: 100%;

  margin: auto;

  background-color: #555;

  height: 500px;

  color: white;

  border-radius: 10px;

}



.topnav {

  overflow: hidden;

  position: relative;

}



.topnav #myLinks {

  display: none;

}



.topnav a {

  color: white;

  padding: 14px 16px;

  text-decoration: none;

  font-size: 17px;

  display: block;

}



.topnav a.icon {

  background: black;

  display: block;

  position: absolute;

  right: 0;

  top: 7px;

}



.topnav a:hover {

  background-color: #ddd;

  color: black;

}



.active {

   color: white;

}

	

	.topnav img {

    width: 160px;

    height: auto;

}

	.search-form {

    position: relative;

    width: 100%;

}

	.featban .col-sm-4{ margin-bottom: 10px;}

	.newsletter .form-control{margin-bottom:10px!important}

	.btn-subscribe{margin-top:10px!important}

	

	}

	

	

.ui-widget-header{border:1px solid #ed4e7d;background:#FE7EA4;color:#fff;font-weight:bold !important}

.infoBoxHeading, .infoBoxContents{padding: 5px !important}

.ui-widget-content {

    border: 1px solid #ed4e7d;

    background: #fcfdfd url(images/ui-bg_inset-hard_100_fcfdfd_1x100.png) 50% bottom repeat-x;

    color: #222;

}





.proimg{ position:relative; margin-bottom:20px; text-align:center;

    background: #F7F7F7;}

	

.alttr{background-color:#FFFFFF;}	



.price_detail{ color:#ff798f; text-align:left}

.price_detail span{ text-decoration:line-through; color:#B4B4B4}

.price_detail h3{ font-size:16px; text-transform:uppercase; padding:0px; margin:0px;}

.price_detail h3 span{ font-size:13px; color:#C5C5C5; display:block; margin:6px 0px; text-decoration:inherit; text-transform: capitalize}

.topclass{top : 90px}



.topbar{

    background-color: 

    #65c4bc; color:#fff

}



h1, h2, h3 {font-family: 'balooregular'!important; color:#32355d}



.shopeasy [class*="col-"] {

    padding-left: 0 !important;

    padding-right: 0 !important;

  }





.newsletter{background-color:#9ad8d3; padding: 30px 0px 20px 0px; font-family: 'balooregular'; color:#fff!important; font-size:30px;}

.newsletter .form-control{

font-size: 16px!important;



font-style: normal;

color:

#fff;

border: 1px solid

#72cbc4!important;

border-radius: 10px!important;

background-color:

#7dd1ca!important;

width: 100%!important;

padding: 19px 29px!important;

line-height: 20px!important;

margin: 0px!important;

outline: 0;

-webkit-appearance: none;

box-sizing: border-box;}



.btn-subscribe{color:

#fff!important;

background-color:

#ff6f96!important;

border: 1px solid

transparent!important;     position: relative;

    width: auto;

    outline: 0;

    font-family: Baloo,cursive!important;

    font-size: 20px!important;

    box-sizing: border-box;

    margin: 0;

    border-radius: 5px!important;

    -webkit-transition: color .3s ease,background-color .3s ease,border-color .3s ease;

    -moz-transition: color .3s ease,background-color .3s ease,border-color .3s ease;

    transition: color .3s ease,background-color .3s ease,border-color .3s ease;

    padding: 0;

    cursor: pointer;padding: 13px 42px!important;

}



.newsletter label{margin-top:10px;}

.topbar .btn-secondary{background-color:transparent!important; border:0px solid #000!important; border-radius: 0px!important }



.topbar select {



  /* styling */

  background-color: transparent!important;

  border:0px solid #000!important;

  border-radius: 0px!important;

  display: inline-block;

  font: inherit;

  line-height: 1.5em;

  padding: 0.5em 3.5em 0.5em 1em;

	color:#fff!important;



  /* reset */



  margin: 0;      

  -webkit-box-sizing: border-box;

  -moz-box-sizing: border-box;

  box-sizing: border-box;

  -webkit-appearance: none;

  -moz-appearance: none;

}





.topbar select.minimal {

  background-image:

    linear-gradient(45deg, transparent 50%, white 50%),

    linear-gradient(135deg, white 50%, transparent 50%),

    linear-gradient(to right, #ccc, #ccc);

  background-position:

    calc(100% - 20px) calc(1em + 2px),

    calc(100% - 15px) calc(1em + 2px),

    calc(100% - 2.5em) 0.5em;

  background-size:

    5px 5px,

    5px 5px,

    1px 1.5em;

  background-repeat: no-repeat;

}



.topbar select.minimal:focus {

  background-image:

    linear-gradient(45deg, white 50%, transparent 50%),

    linear-gradient(135deg, transparent 50%, white 50%),

    linear-gradient(to right, #ccc, #ccc);

  background-position:

    calc(100% - 15px) 1em,

    calc(100% - 20px) 1em,

    calc(100% - 2.5em) 0.5em;

  background-size:

    5px 5px,

    5px 5px,

    1px 1.5em;

  background-repeat: no-repeat;

  border-color: green;

  outline: 0;

}





.topbar select:-moz-focusring {

  color: #fff!important;

  text-shadow: 0 0 0 #000;

}



.usrara  .input-group-text {

	padding: 0.7rem .75rem; border-radius: 0px 4px 0px 0px!important}



.navbar-brand{width:120px; height: auto}



.sithead h2{text-align:center; margin: 20px 0px 60px 0px}



#subscribeModal .modal-content{

	overflow:hidden;

}

a.h2{

    color:#65c4bc;

    margin-bottom:0;

    text-decoration:none;

}

#subscribeModal .form-control {

    height: 56px;

    border-top-left-radius: 5px;

    border-bottom-left-radius: 5px;

	padding-left:30px;

}

#subscribeModal .btn {
    border-top-right-radius: 5px;
    border-bottom-right-radius: 5px;
    padding-right: 20px;
    background: 
#ff6f96;
border-color:
    #ff6f96;
}

#subscribeModal .form-control:focus {

    color: #495057;

    background-color: #fff;

    border-color: #65c4bc;

    outline: 0;

    box-shadow: none;

}

#subscribeModal .top-strip{

	height: 155px;

    background: #65c4bc;

    transform: rotate(141deg);

    margin-top: -94px;

    margin-right: 190px;

    margin-left: -130px;

    border-bottom: 65px solid #ff798d ;

    border-top: 10px solid #ff798d ;

}

#subscribeModal .bottom-strip{

	height: 155px;

    background: #65c4bc;

    transform: rotate(112deg);

    margin-top: -110px;

    margin-right: -215px;

    margin-left: 300px;

    border-bottom: 65px solid #ff798d ;

    border-top: 10px solid #ff798d ;

}



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

/****** modal-lg stips *********/

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

#subscribeModal .modal-lg .top-strip {

    height: 155px;

    background: #65c4bc;

    transform: rotate(141deg);

    margin-top: -106px;

    margin-right: 457px;

    margin-left: -130px;

    border-bottom: 65px solid #ff798d ;

    border-top: 10px solid #ff798d ;

}

#subscribeModal .modal-lg .bottom-strip {

    height: 155px;

    background: #65c4bc;

    transform: rotate(135deg);

    margin-top: -115px;

    margin-right: -339px;

    margin-left: 421px;

    border-bottom: 65px solid #ff798d ;

    border-top: 10px solid #ff798d ;

}



/****** extra *******/

#Reloadpage{

    cursor:pointer;

}

.subsc .modal-body{padding:0px!important; text-align:left!important}
.subsc .close {position: absolute; right: 0;}
.subsc .text-secondary{ text-align:left!important; color:#32355d!important}



.bestseller .item .proimg {
    height: auto!important;
    width: 100%!important;
    background: 
    #fff!important;
}

.bestseller  .item .proimg img {
    width: 100%!important;
    height: auto!important;
}

.bestseller .mostpopu{text-align:left!important}
.bestseller .item {
    cursor: pointer;
    min-height: 140px!important;
}

@media screen and (min-width: 980px){
.ftcategory ul li{display:inline-block; width: 32%}
}