HOME

Mini Shell 1.0
DIR:/home/htlwork.com/www/dev/awesomecandy/
Current File : /home/htlwork.com/www/dev/awesomecandy/style.css
html{overflow-x:hidden;}
html, body {height: 100%;}

body{font-size: 16px; font-family: 'Poppins', sans-serif; font-weight:400; color: #282828;}

a{color:#ee008d;}
a:hover, a:focus{color:#000; text-decoration:none;}
img{max-width:100%; vertical-align:middle;}
p{line-height:25px; margin:0 0 15px;}

h1, h2, h3, h4, h5, h6{font-family: 'Poppins', sans-serif; font-weight:600; margin:0 0 10px;}
h2{color:#ee008d;}
h3{color:#000;}
h4{color:#ee008d;}

.pad-0{padding:0 !important;}
.mrb-0{margin-bottom:0px !important;}
.mrb-10{margin-bottom:10px !important;}
.mrb-20{margin-bottom:20px !important;}
.mrb-30{margin-bottom:30px !important;}
.mrb-40{margin-bottom:40px !important;}
.mrb-50{margin-bottom:50px !important;}

/*.sticky.header{background:#fff; position: fixed; width: 100%; z-index: 9; padding: 0; top: 0; box-shadow: 0 0 20px -10px rgba(0, 0, 0, 0.8); transition:all 1s ease; -webkit-transition:all 1s ease; -moz-transition:all 1s ease; -ms-transition:all 1s ease; -o-transition:all 1s ease;}  
  .sticky .menu-head .navbar-brand{padding:25px 0;}
  .sticky .menu-head{font-size:14px;}
  .sticky .menu-head .navbar-nav > li > a{padding: 30px 0 29px;}*/
  
.header{background: #ce006d; margin:0; position:relative; left:0; width:100%; top:0; z-index:4;}
  .head-top{position:relative;}
  .logo{padding:20px 15px; width: 20%;}
  .logo img{max-width:200px;}
  .head-right{padding:25px 15px; align-items: center; display: flex; justify-content: end;}
  .head-right .product_search_form{display:inline-block; vertical-align:middle; padding:0 30px 0 0; position: relative;} 
  .head-right .product_search_form .click-btn{height: 100%; padding:0; background: 0; border: none; outline: 0; font-size: 18px; color: #fff; position: relative; top: 0; text-align: left; display: none; width: 100%;}
  .head-right .product_search_form #search-input{display:block; /*position: absolute; top: 40px; left: 0; width: 280px; padding: 0; overflow: hidden; z-index: 1036;*/}
  .head-right .input-group {position: relative;display: -ms-flexbox;display: flex;-ms-flex-wrap: wrap;flex-wrap: wrap;-ms-flex-align: stretch;align-items: stretch;width: 100%;}
  .head-right .input-group-prepend {margin-right: -1px;display: -ms-flexbox;display: flex;}
  .head-right .custom_select {position: relative;}
  .head-right .custom_select::before{content: "\f107"; font-family: FontAwesome; position: absolute; display: block; color: #282828; top: 50%; right: 15px; pointer-events: none; font-size: 18px; -moz-transform: translateY(-50%); -webkit-transform: translateY(-50%); transform: translateY(-50%);}
  .head-right .custom_select select{-webkit-appearance: none; -moz-appearance: none; appearance: none; border: 1px solid #eee; padding: 8px 45px 8px 5px; width: 100%; max-width: 160px; height: 40px; color:#282828; -webkit-border-radius: 0; -moz-border-radius: 0; border-radius: 0;}
  .head-right select.not_chosen, .head-right select.first_null option:first-child, .head-right select.not_chosen:focus, .head-right select.form-control.not_chosen, .head-right select.form-control.first_null option:first-child, .head-right select.not_chosen.form-control:focus{color: #282828;}
  .head-right .product_search_form input{height: 40px; padding-right: 60px !important; position: relative; -ms-flex: 1 1 auto; flex: 1 1 auto; min-width: 500px; margin-bottom: 0; border: 1px solid #eee; box-shadow: none; border-radius:0;}
  .head-right .search_btn{position: absolute; right: 4px; background: #ce006d; border: 0; padding: 8px 14px; font-size: 16px; top: 4px; z-index: 9; color:#fff; -webkit-border-radius:0; -moz-border-radius:0; border-radius:0;}
  .head-right .search_btn:hover{background-color: #b18a33;}
  .head-right .search_btn i{vertical-align: middle;}
  
  .cart-button{position: relative;display: inline-block;vertical-align: middle;}
  .cart-button .btn.dropdown-toggle{background: none;box-shadow: none;padding: 0;color:#fff;font-weight:600;}
  .cart-button .btn.dropdown-toggle > img{width: 24px; display: inline-block;}
  .cart-button .cartco{display: inline-block;vertical-align: middle;text-align: left;margin-left: 7px;}
  .cart-button .cartco span.cartcount{background-color: #b18a33; color: #fff; width: 24px; height: 24px; display:none;border-radius: 50%;text-align: center;line-height: 25px;font-size: 12px;position: absolute;left: -3px;bottom: -7px;}
  .cart-button .dropdown-menu{min-width: 430px; position: absolute; right: 0; left: inherit; margin: 10px 0 0; margin-top: 10px; border: 1px solid #eee; box-shadow: 2px 2px 11px rgba(0,0,0,0.1); transition: all 0.4s cubic-bezier(0.25, 0.46, 0.45, 0.94) 0s; visibility: hidden; display: block; opacity: 0; filter: alpha(opacity=0); transition: all 0.35s ease-out 0s; margin-top: 50px;}
  .cart-button.open .dropdown-menu{visibility: visible;opacity: 1;filter: alpha(opacity=100);margin-top: 10px !important;}  
  .head-right .dropdown-menu table{margin-bottom: 10px;}  
  .head-right .dropdown-menu table .img-thumbnail{max-width: 47px;border-radius: 0;}
  .head-right .dropdown-menu a{color:#2a3746;}
  .head-right .dropdown-menu .btn.btn-danger{background: #0a3040;border: 0;padding: 6px 12px;}
  .head-right .dropdown-menu .btn.btn-danger:hover{background: #b18a33;}
  .head-right .dropdown-menu li > div{min-width: 427px;padding: 0 10px;}
  .head-right .dropdown-menu .btn-primary{color: #ffffff; background: #b18a33; border:0; padding: 8px 12px;}
  .head-right .dropdown-menu .btn-primary:hover{background: #0a3040;}    
  .Register-view{display: inline-block; vertical-align: middle; padding: 0 30px 0 0;}
  .Register-view ul{margin:0; padding:0; text-align:right;}
  .Register-view ul li{list-style:none; margin:0; padding:16px 0; position:relative;}
  .Register-view ul li a{color: #343434; padding: 0;}
  .Register-view ul .dropdown-menu{border-radius: 0; text-align:left; min-width: 200px; position: absolute; left: 0; margin:50px 0 0; padding:10px; border-top: 2px solid #b18a33; background: #fff; -webkit-box-shadow: 0 10px 15px rgba(0,0,0,.1); -moz-box-shadow: 0 10px 15px rgba(0,0,0,.1); -ms-box-shadow: 0 10px 15px rgba(0,0,0,.1); -o-box-shadow: 0 10px 15px rgba(0,0,0,.1); box-shadow: 0 10px 15px rgba(0,0,0,.1) transition: all 0.4s cubic-bezier(0.25, 0.46, 0.45, 0.94) 0s; visibility: hidden; display: block; opacity: 0; filter: alpha(opacity=0); transition: all 0.35s ease-out 0s;}
  .Register-view ul .open .dropdown-menu{visibility: visible;opacity: 1;filter: alpha(opacity=100); margin-top:0 !important} 
  .Register-view ul .dropdown-menu li{padding:5px 0;}
  .Register-view ul .dropdown-menu a{padding: 0 5px; color:#0a3040;} 
  .Register-view ul .dropdown-menu a:hover{background:none; box-shadow:none; color:#b18a33;} 
  .account-view{display: inline-block; vertical-align: middle;}
  .account-view ul{margin:0; padding:0; text-align:right;}
  .account-view ul li{list-style:none; margin:0 20px 0 0; position:relative;}
  .account-view ul li a{color: #fff; font-weight:600; padding: 0; background: none; box-shadow:none !important;}
  .account-view ul li a:hover, .account-view ul li a:focus{color: #fff;}
  .account-view #demo{position: absolute; top: 42px; left: -80px; min-width: 350px; padding: 15px 15px 5px; z-index: 1036; border-top: 0; overflow:hidden; text-align:left; background: #fff; -webkit-box-shadow: 0 10px 15px rgba(0,0,0,.1); box-shadow: 0 10px 15px rgba(0,0,0,.1);}
  .account-view #demo::before{content: ""; border-left: 10px solid transparent; border-right: 10px solid transparent; border-bottom: 10px solid #fff; position: absolute; bottom: 100%; left: 80px; margin-bottom: -1px;}
  .account-view ul ul li{padding:5px 0; margin: 0; text-align: left; border-bottom: 1px solid #f5eee4;} 
  .account-view ul ul li:last-child{border-bottom: 0;} 
  .account-view ul ul a{padding: 7px 15px; color:#343434;} 
  .account-view ul ul a:hover{background:none; box-shadow:none; color:#b18a33;} 
  
  .menu-head{background: #ee008d; border-top: 1px solid rgba(250, 250, 250, 0.5); font-weight:600; margin:0; position:relative; padding:0; z-index:2;}     
  .menu-head .navbar-brand{padding:15px 0; height:auto; float: none; display: inline-block; max-width: 270px;}  
  .menu-head .navbar-brand img{display: inline-block;vertical-align: middle;} 
  .menu-head .navbar-header{position: absolute; z-index: 2; left: 0; right: 0; margin: auto; text-align: center;}
  .menu-head nav{box-shadow:none; border:none; background:none; border-radius:0; margin:0; padding:0;}
  .menu-head .navbar-collapse{padding:0; text-align:left;}
  .menu-head .navbar-nav{float:none;}
  .menu-head nav .navbar-nav > li{display:inline-block; float:none; margin:0 10px; padding:0; position:relative; z-index:3;}   
  .menu-head .navbar-nav > li > a:before{position: absolute;content: " ";width: 3px;height: 2px;left: 50%;border-radius: 0;bottom: 8px;opacity: 0;transform: translateX(-50%);background: #fff;transition: 0.5s;}
  .menu-head .navbar-nav > li > a:focus:before, .menu-head .navbar-nav > li > a:hover:before, .menu-head .navbar-nav > .open > a:before, .menu-head .navbar-nav > .open > a:focus:before, .menu-head .navbar-nav > .open > a:hover:before, .menu-head .navbar-nav .current-menu-item a:before{position: absolute; content: " "; width: 100%; left: 50%; transform: translate(-50%); opacity: 1; background: #fff;}
  .menu-head nav .navbar-nav > li > a{border:transparent; color:#fff; text-shadow:none; padding:16px 0; transition:all 1s ease; -webkit-transition:all 1s ease; -moz-transition:all 1s ease; -ms-transition:all 1.4s ease; -o-transition:all 1s ease;}
  .menu-head nav .navbar-nav > li > a:focus, 
  .menu-head nav .navbar-nav > li > a:hover, 
  .menu-head nav .navbar-nav > .open > a, 
  .menu-head nav .navbar-nav > .open > a:focus, 
  .menu-head nav .navbar-nav > .open > a:hover, 
  .menu-head nav .navbar-nav .current-menu-item a{color:#fff; background:none; box-shadow:none;}
  /*.menu-head li a:hover .sub-menu{display:block;}*/
  .menu-head nav ul, .menu-head nav ul li, .menu-head nav ul li a{position:relative;}
  .menu-head  nav li:hover > ul {opacity: 1; visibility: visible; -moz-transform: scaleY(1); -webkit-transform: scaleY(1);-o-transform: scaleY(1); -ms-transform: scaleY(1); transform: scaleY(1);}
  .menu-head nav ul ul{position: absolute; left: 0; top: 100%; z-index: 2; padding:15px 30px; width: 220px; border:0; background: #fff; -webkit-box-shadow: 0 10px 15px rgba(0,0,0,.1);-moz-box-shadow: 0 10px 15px rgba(0,0,0,.1);-ms-box-shadow: 0 10px 15px rgba(0,0,0,.1);-o-box-shadow: 0 10px 15px rgba(0,0,0,.1);box-shadow: 0 10px 15px rgba(0,0,0,.1); opacity: 0; visibility: hidden; -webkit-transition: all .25s ease-out; -moz-transition: all .25s ease-out; -ms-transition: all .25s ease-out; -o-transition: all .25s ease-out; transition: all .25s ease-out; -webkit-transform: scaleY(0); -moz-transform: scaleY(0); -ms-transform: scaleY(0);-o-transform: scaleY(0); transform: scaleY(0); -webkit-transform-origin: 0 0; -moz-transform-origin: 0 0;-ms-transform-origin: 0 0; -o-transform-origin: 0 0; transform-origin: 0 0;}
  .menu-head nav ul ul ul{margin-left: 100%; top: 0;}
  .menu-head nav ul ul li a{text-decoration: none; -webkit-transition: color .2s ease; -moz-transition: color .2s ease; -ms-transition: color .2s ease; -o-transition: color .2s ease; transition: color .2s ease; -webkit-box-shadow: none !important; -moz-box-shadow: none !important; -ms-box-shadow: none !important; -o-box-shadow: none !important; box-shadow: none !important;}
  /*.menu-head .sub-menu{background:#ffa200; position:absolute; top:100%; left:0; min-width:270px; display:none; margin:0; padding:0;}*/
  .menu-head .sub-menu > li{list-style:none;}
  .menu-head .sub-menu > li:last-child{}  
  .menu-head .sub-menu > li > a:focus, .menu-head .sub-menu > li > a:hover{padding:5px 0 5px 10px; transition: all .2s ease-out; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; -webkit-transition: all .2s ease-in-out 0s; -o-transition: all .2s ease-in-out 0s; transition: all .2s ease-in-out 0s;}
  .menu-head .sub-menu > li > a{display:block; background:none !important; color:#555; padding:5px 0; text-align:left; position:relative; -webkit-transition: all .2s ease-in-out 0s; -o-transition: all .2s ease-in-out 0s; transition: all .2s ease-in-out 0s;}
  .menu-head .sub-menu > li > a:before{content: ''; position: absolute; top: 47%; left: -10px; width: 0; height: 2px; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); -o-transform: translateY(-50%); transform: translateY(-50%); opacity: 1; filter: alpha(opacity=100); -webkit-transition: all .2s ease-in-out 0s; -o-transition: all .2s ease-in-out 0s; transition: all .2s ease-in-out 0s; background-color: #ee008d;}
  .menu-head .sub-menu > li > a:hover:before{opacity: 1; width: 15px;}  
  
  .gift-btn{position: absolute; right: 0; top: 0;}
  .gift-btn .btn{background: #ff88ce; border: 0; text-decoration: none; -webkit-border-radius: 0; -moz-border-radius: 0; border-radius: 0; position: relative; z-index: 1; display: inline-block; text-align: center; font-weight: 700; color: #ce006d; font-size: 16px; padding: 9px 9px 8px; min-width: 200px; overflow: hidden; box-shadow: none; text-transform: uppercase; text-shadow: none; letter-spacing: 1px;}
  .gift-btn .btn:hover{color: #fff;}
  .gift-btn .btn:hover span{position: relative; color:#fff; z-index: 1;}
  .gift-btn .btn:after{content: ''; position: absolute; height: 100%; left: 0; top: 0; width: 0; -webkit-transition: all .3s; -moz-transition: all .3s;-o-transition: all .3s; transition: all .3s; background-color: #ce006d; z-index:-1;}
  .gift-btn .btn:hover:after{width: 100%;}
  .gift-btn .btn:before{content: "\f06b"; font-family: FontAwesome; display: inline-block; vertical-align: middle; font-size: 25px; margin: 0 10px 0 0;}

.banner{background-image:url(images/strip-bg.jpg); background-repeat: repeat; background-position: center center; background-size: inherit; background-attachment: scroll; position: relative; margin: 0; width: auto; padding:70px 0;}
  .banner::after{content: ""; background: #fff; position: ; left: 0; top: 0; height: 100%; width: 100%; position: absolute; opacity: 0.7;}
  .banner .slider-left{margin: 0;}
  .banner .slider-image{margin: 0;}
  .bs-slider{overflow: hidden; position: static;}
  .banner .carousel-inner{}
  .bs-slider:hover{cursor: -moz-grab; cursor: -webkit-grab;}
  .bs-slider:active{cursor: -moz-grabbing; cursor: -webkit-grabbing;}
  .bs-slider .bs-slider-overlay{position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-color:rgba(0, 0, 0, 0.45);}
  .bs-slider > .carousel-inner > .item > img, .bs-slider > .carousel-inner > .item > a > img{margin: auto; width: 100% !important;}
  /*************************Slide effect**********************/
  .fade{opacity: 1;}
  .fade .item{top: 0; z-index: 1; opacity: 0; width: 100%; position: absolute; left: 0 !important; display: block !important; -webkit-transition: opacity ease-in-out 1s; -moz-transition: opacity ease-in-out 1s; -ms-transition: opacity ease-in-out 1s; -o-transition: opacity ease-in-out 1s; transition: opacity ease-in-out 1s; padding: 0;}
  .fade .item:first-child{top: auto; position: relative;}
  .fade .item.active{opacity: 1; z-index: 2; -webkit-transition: opacity ease-in-out 1s; -moz-transition: opacity ease-in-out 1s; -ms-transition: opacity ease-in-out 1s; -o-transition: opacity ease-in-out 1s; transition: opacity ease-in-out 1s;}
  /*---------- LEFT/RIGHT ROUND CONTROL ----------*/
  .control-round .carousel-control{top: 42%; opacity: 0; width: 45px; height: 45px; z-index: 100; color: #ffffff; display: block; font-size: 24px; cursor: pointer; overflow: hidden; line-height: 43px; text-shadow: none; position: absolute; font-weight: normal; background: transparent; -webkit-border-radius: 100px; border-radius: 100px;}
  .control-round:hover .carousel-control{opacity: 1;}
  .control-round .carousel-control.left, .control-round .carousel-control.right{/*left: inherit; right: 30px; opacity: 1; background: #03BFCB; top: inherit; bottom: 20px;*/ border-radius: 0; background:#000;}
  .control-round .carousel-control.left{right: 80px;}
  .control-round .carousel-control.left:hover, .control-round .carousel-control.right:hover{color: #fff; background:#ee008d; border: 0px transparent;}
  .control-round .carousel-control .fa{margin: 10px 0 0;}
  .control-round .carousel-control.left>span:nth-child(1){left: 45%;}
  .control-round .carousel-control.right>span:nth-child(1){right: 45%;}
  /*---------- INDICATORS CONTROL ----------*/
  .indicators-line > .carousel-indicators{right: 45%; bottom: 3%; left: auto; width: 90%; height: 20px; font-size: 0; overflow-x: auto; text-align: right;overflow-y: hidden; padding-left: 10px; padding-right: 10px; padding-top: 1px; white-space: nowrap;}
  .indicators-line > .carousel-indicators li{padding: 0; width: 15px; height: 15px; border: 1px solid rgb(158, 158, 158); text-indent: 0; overflow: hidden; text-align: left; position: relative; letter-spacing: 1px; background: rgb(158, 158, 158); -webkit-font-smoothing: antialiased; -webkit-border-radius: 50%;border-radius: 50%; margin-right: 5px; -webkit-transition: all 0.5s cubic-bezier(0.22,0.81,0.01,0.99); transition: all 0.5s cubic-bezier(0.22,0.81,0.01,0.99); z-index: 10; cursor:pointer;}
  .indicators-line > .carousel-indicators li:last-child{margin-right: 0;}
  .indicators-line > .carousel-indicators .active{margin: 1px 5px 1px 1px; box-shadow: 0 0 0 2px #fff; background-color: transparent; position: relative;-webkit-transition: box-shadow 0.3s ease; -moz-transition: box-shadow 0.3s ease; -o-transition: box-shadow 0.3s ease; transition: box-shadow 0.3s ease;-webkit-transition: background-color 0.3s ease; -moz-transition: background-color 0.3s ease; -o-transition: background-color 0.3s ease; transition: background-color 0.3s ease;}
  .indicators-line > .carousel-indicators .active:before{transform: scale(0.5); background-color: #fff; content:""; position: absolute; left:-1px; top:-1px; width:15px; height: 15px; border-radius: 50%; -webkit-transition: background-color 0.3s ease; -moz-transition: background-color 0.3s ease; -o-transition: background-color 0.3s ease; transition: background-color 0.3s ease;}
  /*---------- SLIDE CAPTION ----------*/
  .slide_style_left{text-align: left !important;}
  .slide_style_right{text-align: right !important;}
  .slide_style_center{text-align: center !important;}
  .slide-text{position: relative; width: auto; padding: 0 0 0; text-align:center;}
  .slide-text h1{padding: 0; color: #ee008d; font-size: 56px; text-transform: uppercase; line-height: 65px; font-style: normal; margin: 0 0 40px; -webkit-animation-delay: 0.7s; animation-delay: 0.7s; font-weight: 800;}
  .slide-text h1 span{color: #000; font-size: 28px; display: block; margin: 10px 0 0; line-height:normal; letter-spacing:0; font-weight:600; text-transform:capitalize;}
  .slide-text p{padding: 0;color: #af0d80;-webkit-animation-delay: 1.1s;animation-delay: 1.1s;font-weight: 700;font-size: 40px;margin: 0 0 35px;} 
  .slide-text a.btn-default{background: #ff88ce; border: 2px dashed #ee008d; text-decoration: none; -webkit-border-radius: 0; -moz-border-radius: 0; border-radius: 0; position: relative; z-index: 1; display: inline-block; text-align: center; font-weight: 700; color: #ce006d; font-size: 16px; padding: 13px; min-width: 200px; overflow: hidden; box-shadow: none; text-transform: uppercase; text-shadow: none; letter-spacing: 1px;}
  .slide-text a.btn-default:hover{color: #fff;}
  .slide-text a.btn-default:hover span{position: relative; color:#fff; z-index: 1;}
  .slide-text a.btn-default:after{content: ''; position: absolute; height: 100%; left: 0; top: 0; width: 0; -webkit-transition: all .3s; -moz-transition: all .3s;-o-transition: all .3s; transition: all .3s; background-color: #ee008d; z-index:-1;}
  .slide-text a.btn-default:hover:after{width: 100%;}
  .slider-image{text-align:center;}
  .slider-image img{margin: auto;}
  
  .slide-text > a.btn-primary{background:none; border:1px solid #0a3040; text-decoration: none; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; position: relative; z-index: 1; display: inline-block; text-align: center; font-weight:700; letter-spacing: .3px;color: #0a3040; margin:0 20px 0 0; padding: 15px; min-width: 180px;  overflow:hidden; text-shadow:none; box-shadow:none;}
  .slide-text > a.btn-primary:hover{color: #fff;}
  .slide-text > a.btn-primary:hover span{position: relative; color:#fff; z-index: 1;}
  .slide-text > a.btn-primary:after{content: ''; position: absolute; height: 100%; left: 0; top: 0; width: 0; -webkit-transition: all .3s; -moz-transition: all .3s;-o-transition: all .3s; transition: all .3s; background-color: #0a3040; z-index:-1;}
  .slide-text > a.btn-primary:hover:after{width: 100%;} 
  
.add-banner{position: relative; padding: 50px 0 0;}
  .add-banner .row{margin: 0 -5px;}
  .add-banner .display-add{padding: 0 5px;}
  .add-banner .add-box{position: relative; margin: 0 0 30px;}
  .add-banner .add-box figure{position: relative; overflow:hidden;}
  .add-banner .add-box figure img{width: 100%; height: 100%; -webkit-transform: scale(1); transform: scale(1); transition: all 0.5s ease; -moz-transition: all 0.5s ease; -webkit-transition: all 0.5s ease; -ms-transition: all 0.5s ease; -o-transition: all 0.5s ease;}
  .add-banner .add-box figure:hover img{-webkit-filter: grayscale(100%); filter: grayscale(100%); -webkit-transform: scale(1.1); transform: scale(1.1);}

.featured-products{position: relative; padding: 20px 0 60px;}
  .featured-products .shop-btn{position: absolute; right: 17px; top: 12px;}
  .featured-products h2{font-size: 26px; line-height: 40px; margin: 0 0 15px; text-align: left; font-weight: 600; text-transform: capitalize; position: relative; color: #000;}  
  .featured-products h2 a{float: right;color: #0a3040;text-transform: capitalize;font-size: ;padding: 0 75px 0 0;}
  .featured-products .col-padd{padding:0;}
  .featured-products .owl-carousel{}
  .featured-products .item{padding: 0; margin: 0 15px 1px; text-align: left;}
  /*.featured-products .item:hover{box-shadow: 0 0 10px rgba(0,0,0,.2); transition: all 500ms ease 0s;}*/
  .featured-products .image{position: relative; margin: 0 0 15px; border:2px solid transparent; background: #f5f5f5; padding: 10px;}
  .featured-products .item:hover .image{border-color:#ee008d; opacity:0.7;}
  .featured-products .item:hover .image img{border-color:#ee008d; opacity:0.7;}
  .featured-products .salepro{position: absolute; top: 10px; left: 10px; text-transform: capitalize; text-align: center; -webkit-border-radius: 50px; -moz-border-radius: 50px; border-radius: 50px; width: 45px; height: 45px; line-height: 45px; color: #FFF; font-size: 12px; background: #ee008d; font-weight:600;}
  .featured-products .caption h4{padding: 0; margin: 0 0 10px; font-weight: 600; color: #000; font-size: 18px; line-height:28px; letter-spacing: 0; text-transform: capitalize;}
  .featured-products .caption h4 a{color: #000;}
  .featured-products .caption h4 a:hover{color: #ee008d; text-decoration:underline;}
  .featured-products .star-rating{margin: 0 0 9px;}
  .featured-products .star-rating i{color: #ffbb01; margin: 0 7px 0 0;}
  .featured-products .price{color: #ee008d; margin: 0; letter-spacing: 0; font-weight: 600; min-height: 27px; font-size: 17px !important; text-align:left;}
  .featured-products .price ins{font-weight: 500; font-size: 15px; color: #ee008d; text-decoration: none}
  .featured-products .price del{color: #888; font-weight: 400; opacity: 1; filter: alpha(opacity=100); margin-left: 5px; margin-right: 0;}
  .featured-products .price .price-new{font-weight: 600;margin-bottom: 0;font-size: 17px;}
  .featured-products .price .price-old{color: #999;text-decoration: line-through;font-size: 12px;}
  .featured-products .button-group{position: absolute; text-align: center; left: 0; right: 0; top: 23%;}
  .featured-products .button-group button, .featured-products .button-group .bquickv{transition: all 500ms ease 0s;transform: scale(0.8);opacity: 0;}
  .featured-products .item:hover .button-group button, .featured-products .item:hover .button-group .bquickv {transform: scale(1);opacity: 1;}
  .featured-products .button-group button, .featured-products .button-group a{background: #fff; /*box-shadow: 0 0 3px rgba(0,0,0,.3);*/ border: 1px solid #e5e5e5; -webkit-border-radius: 100%; -moz-border-radius: 100%; border-radius: 100%; padding: 12px 7px; width: 60px; height: 60px; cursor: pointer; vertical-align: middle; transition: all 500ms ease 0s; transform: scale(1); color:#ee008d; text-align: center; display: inline-block; margin:0 3px;}
  .featured-products .item:hover .button-group button, .featured-products .item:hover .button-group .bquickv {transform: scale(1);opacity: 1;}
  .featured-products .button-group button:hover, .featured-products .button-group a:hover, .featured-products .acart:hover {background: #ee008d !important;color: #fff !important;box-shadow: none;border-color: transparent !important;fill: #fff;}
  .featured-products .bquickv{display: inline-block;}
  .featured-products .input-group{margin:10px 0 0; position: relative; display: table; border-collapse: separate;}
  .featured-products .input-group[class*="col-"]{float: none; padding-right: 0; padding-left: 0;}
  .featured-products .input-group .qtyq.form-control[name^="quantity"] {width: 70px;padding: 6px;margin-left: 10px;}
  .featured-products .qlable{line-height: 30px; font-weight:normal;}
  .featured-products .item .acart{color: #777;height: 35px;line-height: 35px;border: 1px solid #ddd; -webkit-border-radius: 9px; -moz-border-radius: 9px; border-radius: 9px; background-color: #fff; line-height: 0; padding: 0 20px;}
  .featured-products .item:hover .acart{background-color: #0a3040;color: #fff;border: 1px solid #0a3040;}
  .featured-products .owl-pagination{display: none; position: absolute; left: 40px; bottom: 15px;}
  .featured-products .owl-theme .owl-controls .owl-page span{background:none; border: 1px solid #292929; opacity: 1 !important; width: 8px; height: 8px; margin: 0 3px;}
  .featured-products .owl-theme .owl-controls .owl-page.active span, .featured-products .owl-theme .owl-controls.clickable .owl-page:hover span{background:#292929;}
  .featured-products .item{position:relative;} 
  .featured-products .owl-theme .owl-controls{margin-top: 0;}
  .featured-products .owl-theme .owl-controls .owl-buttons div{background: none; border: 0; color: #000; position: absolute; left: -50px; top: 25%; height: 40px; width: 40px; opacity: 1; text-indent: -99999px; border-radius: 0; margin: 0;}
  .featured-products .owl-theme .owl-controls .owl-buttons div:hover{background: #ee008d;}
  .featured-products .owl-theme .owl-controls .owl-buttons div.owl-next{right:-50px; left:inherit;}
  .featured-products .owl-theme .owl-controls .owl-buttons div.owl-prev:before{background-image: url(images/arrow-left.png); background-repeat: no-repeat; background-attachment: scroll; background-position: center center; background-size: 20px 20px; content: ""; position: absolute; top: 0; left: 0; width: 100%; height: 100%;}
  .featured-products .owl-theme .owl-controls .owl-buttons div.owl-next:before{background-image: url(images/arrow-right.png); background-repeat: no-repeat; background-attachment: scroll; background-position: center center; background-size: 20px 20px; content: ""; position: absolute; top: 0; left: 0; width: 100%; height: 100%;} 
  
.active-btn:hover:after, .active-btn:after{animation: btn-text-anima 1s linear infinite;}
.active-btn:after{content: "\f054";font-family: FontAwesome;position: absolute;font-size: 17px;line-height: 30px;right: 0;top: -5px;text-transform: none;opacity: 0;transition: all .5s; color:#ee008d;}
.active-btn{position:relative; margin-right: 25px; font-weight:400; padding:0; color: #000;}
.active-btn:hover{color: #ee008d;}
@keyframes btn-text-anima {
    0%{right: -20px; opacity: 0;}
	60%{right: -30px; opacity: 1;}
	100%{right: -35px; opacity: 0;}
}

.about-sec{padding: 70px 0 40px; position: relative; z-index: 2; background: #ee008d; background: -moz-linear-gradient(left, #ee008d 0%, #634401 100%); background: -webkit-linear-gradient(left, #ee008d 0%,#000 100%); background: linear-gradient(to right, #ee008d 0%,#000 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ee008d', endColorstr='#000',GradientType=1 ); color: #fff;} 
  .about-sec::before{content: ""; position: absolute; left: 0; top: 0; width: 100%; height: 100%; background-image: url(images/bg-01.png); background-repeat: repeat-x; background-position: center center; background-size: inherit; background-attachment: fixed; opacity: 0.2;}
  .about-sec .container{position:relative; z-index:3;}  
  .about-sec h2{color:#fff; font-size: 26px; line-height: 40px; position: relative; margin: 0 0 10px; font-weight:600; text-transform:uppercase;}
  .about-sec h2 span{color: #fff; font-size: 14px; margin:0 0 10px; display:block; text-transform:uppercase; font-weight:500; line-height:normal;}
  .about-sec h2 span::after{content: ""; display: inline-block; height: 2px; width: 40px; background: #fff; margin: 0 0 0 10px; vertical-align: middle;}
  .about-sec .about-left{margin:0 0 30px; position:relative;}
  .about-sec .about-right{margin:0 0 30px; position:relative;}
  .about-sec .about-right figure{margin: 0 0 0 10%; position:relative; background: rgba(250, 250, 250, 0.5); padding: 20px;}
  .about-sec .about-right figure img{width: 100%;}
  .about-sec .about-right figure figcaption{display: block; position: relative; bottom: 0; margin: 0; left: 0; padding: 0; z-index: 1;}
  .about-sec .about-right figure .box{text-align:center; position:relative;}
  .about-sec .about-right figure .box .inner{position: relative; display: block; overflow: hidden; width: 100%; background: #fff; padding: 20px; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap;}
  .about-sec .about-right figure .box .inner .icon-box .icon-1{left: -20px; bottom: -20px;}
  .about-sec .about-right figure .box .inner .icon-box .icon-2{right: -90px; top: -135px;}
  .about-sec .about-right figure .box .inner .icon-box .icon{position: absolute; width: 171px; height: 171px; background: #ee008d;border-radius: 50%;opacity: 0.1;}
  .about-sec .about-right figure .box .inner span{position: relative; display: block; line-height: 18px; color: #222; text-transform: uppercase; font-family: 'Poppins', sans-serif; font-weight: 600; -ms-flex: 0 0 40%; flex: 0 0 40%; max-width: 40%; padding: 0 20px 0 0; -ms-flex-align: center !important; align-items: center; -ms-flex-pack: center !important; justify-content: center; display: -ms-flexbox !important; display: flex !important;}
  .about-sec .about-right figure .box .inner h1{color:#ee008d; position: relative; display: block; font-size: 64px; line-height: 70px; font-weight: 700; margin: 0; -ms-flex: 0 0 25%; flex: 0 0 25%; max-width: 25%; padding: 0 20px 0 0; -ms-flex-align: center !important; align-items: center; -ms-flex-pack: center !important; justify-content: center; display: -ms-flexbox !important; display: flex !important;}
  .about-sec .about-right figure .box .inner h5{font-size: 15px; font-weight: 400; color: #222; position: relative; z-index: 2; text-align: center; margin:0; -ms-flex: 0 0 35%; flex: 0 0 35%; max-width: 35%; padding: 0 20px 0 0; -ms-flex-align: center !important; align-items: center; -ms-flex-pack: center !important; justify-content: center; display: -ms-flexbox !important; display: flex !important;}
  .about-sec .about-left .btn{background: #ff88ce; border: 2px dashed #ee008d; text-decoration: none; -webkit-border-radius: 0; -moz-border-radius: 0; border-radius: 0; position: relative; z-index: 1; display: inline-block; text-align: center; font-weight: 700; color: #ce006d; font-size: 16px; padding: 13px; min-width: 200px; overflow: hidden; box-shadow: none; text-transform: uppercase; text-shadow: none; letter-spacing: 1px;}
  .about-sec .about-left .btn:hover{color: #fff;}
  .about-sec .about-left .btn:hover span{position: relative; color:#fff; z-index: 1;}
  .about-sec .about-left .btn:after{content: ''; position: absolute; height: 100%; left: 0; top: 0; width: 0; -webkit-transition: all .3s; -moz-transition: all .3s;-o-transition: all .3s; transition: all .3s; background-color: #ee008d; z-index:-1;}
  .about-sec .about-left .btn:hover:after{width: 100%;}
  .about-sec .about-left .box-sign{padding: 10px 0 30px; position: relative;}
  .about-sec .about-left .box-sign img{position: absolute;left: 0;top: 0;}
  .about-sec .about-left .box-sign b{font-weight: 700; font-size: 18px; letter-spacing:1px; color: #000;}
  .about-sec .about-left .box-sign span{display: block; line-height: 15px; margin:10px 0 0;}
  .howlist{color:#fff; list-style: none; margin:0 0 20px; padding:0;}
  .howlist li{margin-top: 25px; overflow:hidden;}
  .howlist li .iconcircle{float: left; margin:0 25px 25px 0; border: 1px solid #fff;}
  .howlist li .iconcircle i{font-size: 24px; color: #e4353a; margin-top: 22px; display: block;}
  .howlist li h4{font-size: 20px; color: #fff; margin-bottom: 5px; text-transform:uppercase;} 
   
.thumb{position: relative; cursor:pointer;}
  .thumb:hover:before{transform: scaleX(0); opacity: 1;}
  .thumb:hover:after{opacity: 1; transform: scaleY(0);}
  .thumb:before{content: ''; position: absolute; left: 0; top: 0; width: 100%; height: 100%; background-color: rgba(0,0,0,0.4); opacity: 0; transform: scaleX(1); -moz-transform: scaleX(1); -webkit-transform: scaleX(1); transition: all 0.5s ease-in; -moz-transition: all 0.5s ease-in; -webkit-transition: all 0.5s ease-in;}
  .thumb:after{content: ''; position: absolute; right: 0; bottom: 0; width: 100%; height: 100%; background-color: rgba(0,0,0,0.4); opacity: 0; transform: scaleY(1); -moz-transform: scaleY(1); -webkit-transform: scaleY(1); transition: all 0.5s ease-in; -moz-transition: all 0.5s ease-in;-webkit-transition: all 0.5s ease-in;}  

.client-speak{position:relative; margin:0; padding:60px 0 55px 0; z-index:1;}
  .client-speak h2{color:#000; font-size: 26px; position: relative; text-transform:capitalize; text-align:center; margin: 0 0 40px;}
  .client-speak h2 span{position:relative; display:block; font-size:18px; font-weight:normal; color:#ee008d; margin:0 0 5px;}
  .client-speak h2 span:before, .client-speak h2 span:after{content:''; background:#000; height:2px; width:30px; margin:0 15px; display:inline-block; vertical-align:middle; opacity:0.5;}
  .client-speak .owl-pagination{display: none; text-align: center; position: relative; right: 0; top: 0; margin: 30px 0 0;}
  .client-speak .owl-theme .owl-controls .owl-page span{background:none; border:1px solid #f3941e; opacity:1; height:10px; width:10px;}
  .client-speak .owl-theme .owl-controls .owl-page.active span, .owl-theme .owl-controls.clickable .owl-page:hover span{
    background: #f3941e; background: -moz-linear-gradient(left,  #f3941e 0%, #000 100%); background: -webkit-linear-gradient(left,  #f3941e 0%,#000 100%); background: linear-gradient(to right,  #f3941e 0%,#000 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f3941e', endColorstr='#000',GradientType=1 );}
  .client-speak .owl-theme .owl-controls .owl-page.active span{width:20px;}
  .client-speak .grid-left .item{background-image: url(images/testimonial-bg.png); background-repeat: no-repeat; background-position: center center; background-attachment: scroll; background-size: 100% 100%; position: relative; padding: 30px; margin:0 15px; min-height: 320px;}
  .client-speak .grid-left .item::after{content: ""; content: "\f10e"; font-family: FontAwesome; position: absolute; right: 30px; bottom: -10px; font-size: 70px; opacity: 0.1;}
  .client-speak .grid-left .item .item-bg{-webkit-border-radius: 0;-moz-border-radius: 0;border-radius: 0;}
  .client-speak .grid-left .testmonial-author{position: relative; padding:0 0 15px; overflow:hidden;}
  .client-speak .grid-left .testmonial-author img{width: 70px; -webkit-box-shadow: 0 1px 4px rgba(0, 0, 0, 0.15);box-shadow: 0 1px 4px rgba(0, 0, 0, 0.15); -webkit-border-radius: 100%; -moz-border-radius: 100%; border-radius: 100%; float: left; margin: 0 20px 0 0;}
  .client-speak .grid-left .testmonial-author h4{font-size: 16px; margin: 9px 0 0; color:#071c55; font-weight:600;}
  .client-speak .grid-left .testmonial-author h4 span{font-size:14px; margin:5px 0 0; display:block; color:#000; font-weight:00;}
  .client-speak .grid-left .testmonial-author .author-rating i{color: #ffbb01;}
  .client-speak .grid-left p{line-height:22px;} 
  .client-speak .grid-left .star{color: #fcb712; letter-spacing: 2px; font-size: 17px;}
  .client-speak .grid-left figure{position: relative; display: block; margin:0; margin: 0 0 30px; max-width: 56px;}
  .client-speak .testmonial-author figure::before {border: 5px solid #f3941e !important;content: "";height: auto;opacity: 0;filter: alpha(opacity=0);position: absolute;bottom: -10px;left: -10px;right: -10px;top: -10px;visibility: hidden;width: auto;-webkit-transform: scale(0);transform: scale(0);transition: .3s;border-radius: 50%;-webkit-border-radius: 50%;}
  .client-speak .item:hover .testmonial-author figure::before {opacity: 1;filter: alpha(opacity=100);visibility: visible;-webkit-transform: scale(1);transform: scale(1);}
  .client-speak .testmonial-author figure img{-webkit-border-radius: 100%; -moz-border-radius: 100%; border-radius: 100%; max-width: 110px;border: 5px solid #ccc;}
  .client-speak .owl-theme .owl-controls .owl-buttons div{display: block; background: none; -webkit-border-radius:0; -moz-border-radius:0; border-radius:0; color:#000; position:absolute; left:-55px; top:120px; margin:0; height:40px; width:40px; opacity:1; text-indent:-99999px;}
  .client-speak .owl-theme .owl-controls .owl-buttons div.owl-next{right:-55px; left:inherit;}
  .client-speak .owl-theme .owl-controls .owl-buttons div.owl-prev:before{background-image: url(images/arrow-left.png);
background-repeat: no-repeat; background-attachment: scroll; background-position: center center; background-size: 20px 20px; color: #000; content: ""; left: 0; position: absolute; top: 0; width: 100%; height: 100%;}  
  .client-speak .owl-theme .owl-controls .owl-buttons div.owl-next:before{background-image: url(images/arrow-right.png);
background-repeat: no-repeat; background-attachment: scroll; background-position: center center; background-size: 20px 20px; color: #000; content: ""; left: 0; position: absolute; top: 0; width: 100%; height: 100%;} 

.follow-step{border-bottom:1px solid #1a4050; background: #ee008d; padding: 30px 0 20px; position:relative;}  
  .follow-step .step-box{margin:0 0 10px;}
  .follow-step .step-box img{transition: all 1.0s linear;}
  .follow-step .step-box:hover img{-webkit-transform: rotateY(180deg); -moz-transform: rotateY(180deg); -ms-transform: rotateY(180deg); -o-transform: rotateY(180deg); transform: rotateY(180deg);}
  .follow-step .step-box h4{font-size: 16px; text-transform: capitalize; color: #fff; margin: 10px 0 0;}
  .follow-step .step-box figure{float: left; width: 36px; margin: 0 20px 0 0;}
  .follow-step .step-box p{font-size: 12px; text-transform: capitalize; color: #fff; margin:0;}
  
.footer{background:#000; padding: 50px 0 0; color:#fff; position:relative; font-weight:300;}  
  .footer .container{position: relative; z-index:1;}  
  .footer a{color:#fff;}  
  .footer a:hover{color:#fff;}  
  .wg-1{margin:0 0 30px;}
  .wg-1 .collapsed{display: none;}  
  
  @media (min-width:678px) {
	  .wg-1 .collapse{display: block !important; height: auto !important; padding-bottom: 0; overflow: visible !important;}
  } 
  
  .wg-1 h4{color:#fff; font-size:19px; font-weight:600; margin:0 0 20px; padding: 0; position:relative; text-transform:capitalize;}  
  .wg-1 h4:after{content:''; background:#fff; height:2px; width:30px; margin: 10px 0 0; display: block;} 
  .wg-1 ul{margin:0; padding:0;}
  .wg-1 ul li{list-style:none; position:relative; margin:0; padding:0 0 15px; transition: all 0.4s ease-in-out 0s;-moz-transition: all 0.4s ease-in-out 0s;-webkit-transition: all 0.4s ease-in-out 0s;}
  .wg-1 ul li a{transition: all 0.4s ease-in-out 0s;-moz-transition: all 0.4s ease-in-out 0s;-webkit-transition: all 0.4s ease-in-out 0s;}
  .wg-1 ul li a:hover{padding:0 0 0 10px; transition: all 0.4s ease-in-out 0s;-moz-transition: all 0.4s ease-in-out 0s;-webkit-transition: all 0.4s ease-in-out 0s;}
  .wg-1 ul li a:hover::before{visibility: visible;-webkit-opacity: 1;-moz-opacity: 1;-ms-opacity: 1;-o-opacity: 1;opacity: 1;transition: all 0.2s ease-in-out 0s;-moz-transition: all 0.2s ease-in-out 0s;-webkit-transition: all 0.2s ease-in-out 0s;}
  .wg-1 ul li a:before{background-color: #0a3040; -webkit-border-radius: 50%; -moz-border-radius: 50%; border-radius: 50%; content: ""; height: 4px; left: 0; position: absolute; top: 8px; width: 4px; visibility: hidden; -webkit-opacity: 0; -moz-opacity: 0; -ms-opacity: 0; -o-opacity: 0; opacity: 0; transition: all 0.2s ease-in-out 0s; -moz-transition: all 0.2s ease-in-out 0s; -webkit-transition: all 0.2s ease-in-out 0s;}
  .wg-1 address{margin: 0 0 20px; overflow: hidden; position: relative;}  
  .wg-1 address i{font-size:18px; float: left; margin:0 10px 0 0; text-align:center; width:30px;}
  .wg-1 address div{margin:-5px 0 0; overflow:hidden;}
  .wg-1 address p{margin:0;}
  .wg-1 address span {font-size: 18px; line-height: normal; color: #292929; margin-bottom: 5px; display: block;}
  .Newsletter p{color:#fff;}
  .Newsletter form{margin:0; overflow:hidden;}
  .Newsletter form .form-control{background:#fff; box-shadow:none; border:0; -webkit-border-radius: 0; -moz-border-radius: 0; border-radius: 0; color: #000; height:40px; margin:0 0 15px;}
  .Newsletter form .form-control:focus{border:1px solid #ee008d;}
  .Newsletter form .form-control::-webkit-input-placeholder {color: #888;}
  .Newsletter form .form-control::-moz-placeholder {color: #888;}
  .Newsletter form .form-control:-ms-input-placeholder {color: #888;}
  .Newsletter form .form-control:-moz-placeholder {color: #888;}
  .Newsletter form textarea{height:150px !important;}
  .Newsletter form .form-group{margin:0 0 25px;}
  .Newsletter form .btn{background: #a20060; color:#fff; border:0; font-size:14px; font-weight:500; padding:10px 20px; text-transform:uppercase; -webkit-border-radius: 0; -moz-border-radius: 0; border-radius: 0; width:100%; position:relative; margin:0; text-transform: uppercase; letter-spacing: 1px;}
  .Newsletter form .btn:hover, .Newsletter form .btn:active{color: #fff; background:#ee008d; -webkit-transition: background 0.5s ease-in-out, color 0.5s ease-in-out; transition: background 0.5s ease-in-out, color 0.5s ease-in-out;}  
  .ft-bottom{border-top:1px solid rgba(250, 250, 250, 0.2); padding:25px 0 0; position:relative; z-index:2;}  
  .ft-bottom p{margin:0 0 25px 0;}
  .ft-bottom .payment-bottom{text-align: right;}
  .ft-bottom p span{color:#ee008d; text-transform:uppercase;}
  
.banner-inner{background:url(images/slider-01.png) no-repeat scroll center 0; background-size:cover; border-bottom: 1px solid #999; height: 350px; overflow: hidden; position: relative;}
.banner-inner:before{background:#ee008d; content: ""; position: absolute; left: 0; top: 0; height: 100%; width: 100%; opacity: 0.4;}
.banner-inner .textblock{height: 350px; position: relative;}
.banner-inner .block{bottom: 0; left: 0; position: absolute; width: 100%;}
.banner-inner .block:after{left: 0; top: 0; border: solid transparent; content: " "; height: 0; width: 0; position: absolute; border-color: rgba(0, 0, 0, 0); border-right-color: rgba(0,0,0,0.3); border-width: 79px 55px 0 0; display:none;}
.banner-inner .page-title .holder {overflow: hidden; position: relative; padding: 0;}
.banner-inner h1 {color: #fff; margin: 0; font-size: 40px; padding:0 0 150px; text-align:center;}

.breadcrumb{font-size: 13px; line-height: 15px; position: relative; z-index: 5; margin: 39px 0 5px; background: none; border-radius: 0; text-align:center; color:#fff;}
.breadcrumb > li {margin: 0 0 5px;}
.breadcrumb > li + li:before {content: "+"; margin: 0 9px; color: #fff; font-size: 15px; float: left;}
.breadcrumb > li .fa-home {margin: 0 9px;}
.breadcrumb li a {color: #fff;}     


@media (min-width: 1200px) and (max-width: 1920px) {
  
  .container{max-width: 86%;}
  
}