*, body {font-family: 'Titillium Web', sans-serif; font-size: 16px; letter-spacing: .61px;}

.btn.focus, .btn:focus {

    outline: 0;

    box-shadow: none;

}



@-webkit-keyframes autofill {

    to {

        background: transparent;

    }

}



input:-webkit-autofill {

    -webkit-animation-name: autofill;

    -webkit-animation-fill-mode: both;

}



header {padding: 10px 0;background: #fff;}

header {

  	position: -webkit-sticky;

	position: sticky;

	top: 0px;

	z-index: 999;

	box-shadow: 0 0 5px #ccc;

}

body {background: #eeeeee; color: #454545;}

p{color: #878787;}

h1 {font-size: 48px; font-weight: 700;}

h2 {font-size: 36px; font-weight: 700;}

h3 {font-size: 28px; font-weight: 700;}

h4 {font-size: 20px; font-weight: 700;}

.navigationBar .list-inline {margin: 35px 0;}

.navigationBar .list-inline li a {color: #333; padding: 0 10px; display: block;font-weight: 700; text-transform: uppercase; font-size: 18px;}

.navigationBar .list-inline li a:hover, .headerRight .list-inline li a:hover {color:#f54e4a; text-decoration: none;}

.headerRight .list-inline {float: right;margin-bottom: 0;}

.headerRight .list-inline li a {display: block; padding: 35px 15px; color: #333}

span.cartcount {background: #e4e4e4;border-radius: 100%;display: inline-block; width: 20px;height: 20px;float: right; margin-left: 5px; text-align:center;line-height: 20px;font-size: 14px; color: #ba0000; margin-top: 2px;font-weight: 600;}

.logo {text-align:center;}

.bannersty {position:relative;}

.bannersty img {width: 100%;}

.bannersty .batxt {font-size: 92px; text-align: center; color: rgba(555,555,555,0.5); position: absolute; z-index: 9; top: 42%; left: 0; right: 0; text-transform: uppercase; font-weight: 700;}

.falshDeals {padding: 50px 0;background: #f3f3f3;}

.flashDealsCon {background: rgb(555,555,555) url(../images/leafBg.png) no-repeat center; padding: 40px 50px; border-radius:2px;}

.flashDealspro {position: relative;}

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

.flashDealspro .flashDealProjname {position: absolute;top: 32%;left: 55px;}

.flashDealspro .flashDealProjname h3 {margin-bottom: 0;}

.flashDealspro .flashDealProjname i {font-size: 14px; color: #878787; display: block;}

.btn-primary {color: #f54e4a !important; border-color: #f54e4a; border-width: 2px; background:#fff url(../images/leafsmall.png) no-repeat 6% 5px; padding: 5px 20px 7px 41px; font-weight: 700;}

.flashdelastxtde i {font-size: 14px; display: block; margin-bottom: 20px;color: #878787;}

.VIewBTN {margin-top: 20px;}

.btn-primary:hover, .productBox:hover .btn-primary  {background:#f54e4a url(../images/leafsmallW.png) no-repeat 6% 5px; border-color: #f54e4a; color: #fff !important;}

.productShowcase {margin-bottom: 50px; background: #fff; padding: 40px 0;}

.productBox {background-color: #fcfcfc; padding: 30px; margin: 20px 0; position: relative; border: 2px solid #fcfcfc;transition: 1s ease;}

.productBox:hover {border-color:#fd4c4b;border-radius:20px;transition: 1s ease; }

.projImg {text-align: center;}

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

.projtxt {text-align: right;}

.projtxt h3 {color: #fd4545;font-size: 20px;}

.projtxt p {font-style: italic;}

.productBox ul li a {display: block;font-style: italic; color:#666; }

.productBox ul li a:hover {color: #fd4545; text-decoration: none;}

.shopNowBTN {text-align: right;margin-top: 30px;}

.onlineShopCOllections {background: url(../images/bg2.png) no-repeat; min-height: 434px; padding: 70px 0;}

.onlinecoImg {background: -moz-linear-gradient(left, rgba(255,255,255,0.42) 0%, rgba(255,255,255,1) 100%);

background: -webkit-linear-gradient(left, rgba(255,255,255,0.42) 0%,rgba(255,255,255,1) 100%);

background: linear-gradient(to right, rgba(255,255,255,0.42) 0%,rgba(255,255,255,1) 100%);

filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#6bffffff', endColorstr='#ffffff',GradientType=1 ); min-height: 300px; margin: 0 50px; box-shadow: 0 0 5px #eee; text-align: center;}

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

.productthird h3 {color: #fd4c4b; font-size: 22px; margin-top: 100px;}

.productthird .btn-primary {margin-top: 20px;}

.btn-primary:not(:disabled):not(.disabled).active, .btn-primary:not(:disabled):not(.disabled):active, .show>.btn-primary.dropdown-toggle {color:#fff;background-color: #f54e4a;border-color: #f54e4a;}

.btn-primary.focus, .btn-primary:focus {box-shadow:none;}

.btn-primary:not(:disabled):not(.disabled).active:focus, .btn-primary:not(:disabled):not(.disabled):active:focus, .show>.btn-primary.dropdown-toggle:focus {box-shadow:none;}

.floatleftTab {float: right !important;}

.latestProjBox {padding: 20px 30PX; background: #fff; border: 2px solid #fff; border-radius: 2px;transition: 1s ease;}

.latestProjBox a {display: block;}

.latestProjBox a:hover {text-decoration: none;}

.latestProjBox:hover{border-color:#fd4c4b;border-radius:20px;transition: 1s ease; }

.latestProjBox {position: relative; text-align: center;}

.HotProj {width: 40px; height: 40px; border-radius: 100%; background: #c61933; text-align: center; line-height: 40px; position: absolute; top: 20px; left: 20px; color: #fff; z-index: 9}

.percentageoff {width: 100px; height: 40px; border-radius: 10%; 

  background: #4cccb0; text-align: center; line-height: 40px; 

  position: absolute; top: 20px; left: 5px; color: #fff; z-index: 9}

.bogpeoff {

    top: 65px;

    left: 5px;

    color: #fff;

    z-index: 9;

    width: 123px;

    height: 25px;

    border-radius: -5%;

    background: #a00000;

    text-align: center;

    line-height: 23px;

    position: absolute;

    right: 5px;

    color: #ffffff;

    z-index: 9;

    font-size: 13px;

}

.latestProjImg {min-height: 340px; padding:20px 0;}

.latestProjImg img {max-height: 300px; max-width: 100%; height: auto !important} 

.latestProjBox h5 {font-size: 16px; font-weight: 600; color: #767676; letter-spacing: 1px;}

.latestProjBox p{color: #fd4c4b; font-weight: 600;}

.latestProjBox p span {text-decoration: line-through; color: #bbb; display: inline-block; margin-right: 10px;}

.latestProjSty .col-md-4 {margin-bottom: 20px;}

.latestprojprice {min-height: 70px;}

.productDiscriptionCon .latestprojprice {min-height: 30px;}

.SectionHeadings {text-align: center; position: relative;}

.SectionHeadings:before {height: 1px; background: #ccc; content:""; left: 0; right: 65%; position: absolute; top: 30px;}

.SectionHeadings:after {height: 1px; background: #ccc; content:""; right: 0; left: 65%; position: absolute; top: 30px;}

.SectionHeadings h2 {display: inline-block; padding: 10px 30px; font-size: 30px;}

.SectionHeadings h2 span {font-size: 30px;color: #fd4c4b;}

.flowerBG {position: absolute; left: 46%;bottom:-40px;}

.disableProducts {opacity: 0.5; pointer-events: none;}

.onsellProd {margin-top: 50px; padding:50px 0; background: #fff;}

.onsellProd .container {padding-left: 30px; padding-right: 30px;} 

.headingSeondSec { text-align: center; margin-bottom: 20px;}

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

.headingSeondSec span { font-size: 30px;color: #fd4c4b;}

.onsellProd .latestProjBox {border: 1px solid #ccc;}

.onsellProd .latestProjBox:hover {border-color:#fd4c4b; }

.onsellProd .row {margin-left: -10px; margin-right: -10px;}

.onsellProd .col-md-4 {padding-left: 10px; padding-right: 10px; margin-top: 20px;}

.onsellProd .VIewBTN {margin-top: 40px;}

.footerSections {padding-top:50px; padding-bottom: 50px; background: #f5f5f5;}

.footerSections h4 {font-size: 14px; text-transform: uppercase;}

.footerSections ul li a {color: #9d9d9d; text-decoration: none; font-size: 14px;}

.footerSections ul li a:hover {color: #fc4e4e;}

.newsletter {position: relative;}

.newsletter .form-control {border-radius:0px; border:0px;padding-right: 70px;}

.newsletter button.btn {background: transparent; border: 0px; position: absolute; color: #f25d5d; text-decoration: underline; font-weight: 600; top: 0; right: 0px;}

.socialIcons {margin-top: 10px; text-align: center;}

.socialIcons ul li a {display: block; width: 30px; height: 30px; color: #fff; background: #f25d5d; line-height: 30px; border-radius: 100%;}

.ouofStock {position: absolute; top: 250px; left: 0; right: 0; width: 150px; margin: 0 auto; background: #fff; box-shadow: 0 0 5px #ccc; color: #666; padding: 10px 0;text-align: center;}

.headerRight i {

    font-size: 24px;

}

.socialIcons ul li a:hover {background: #333; color: #fff;}

.navoverlay {background: rgba(0,0,0,0.7); position: fixed; height: 100%; width: 100%; left: 0; top: 0; display: none;    z-index: 1;}



.SectionHeadingsSecon {text-align: center; margin-bottom: 40px;}

.SectionHeadingsSecon h2 {

    padding: 10px 30px;

    font-size: 30px;

}

.SectionHeadingsSecon h2 span {

    font-size: 30px;

    color: #fd4c4b;

}

.productListCon ul {list-style: none;}





/*************************Search**************************/



.search-toggle {

  position: relative;

  display: block;

}

.search-toggle::before, .search-toggle::after {

  content: '';

  position: absolute;

  display: block;

  transition: all 0.1s;

}

/*.search-toggle::before {

  border: 2px solid #000;

  border-radius: 50%;

  width: 100%;

  height: 100%;

  left: -2px;

  top: -2px;

}*/

/*.search-toggle::after {

  height: 2px;

  width: 7px;

  background: #000;

  top: 10px;

  left: 8px;

  -webkit-transform: rotate(45deg);

          transform: rotate(45deg);

}*/

.search-toggle.active::before {

  width: 0;

  border-width: 1px;

  border-radius: 0;

  -webkit-transform: rotate(45deg);

          transform: rotate(45deg);

  top: -1px;

  left: 4px;

}

.search-toggle.active::after {

  width: 12px;

  left: -1px;

  top: 4px;

}



.search-input:focus {

  outline: none;

}



#header-1 {

}

#header-1 .search-box {

  position: absolute;

  bottom: -11px;

  width: 100%;

  height: 100%;

  max-height: 0;

  -webkit-transform: translateY(100%);

          transform: translateY(100%);

  background-color: #a70101;

  transition: all 0.3s;

	z-index: 9;

}

#header-1 .search-box .search-input {

  width: 100%;

  height: 100%;

  padding: 0 1em;

  border: 0;

  background-color: transparent;

  opacity: 0;

  color: #fff;

}

#header-1 .search-box .search-input::-webkit-input-placeholder {

  color: rgba(255, 255, 255, 0.4);

}

#header-1.show .search-box {

  max-height: 40px;

}

#header-1.show .search-box .search-input {

  opacity: 1;

}

.peoductSlider {background: #fff; padding: 50px 0;} 

.peoductSlider .item {padding: 5px 0;}

.productsliderbox {background: #fff; border-radius: 10px; box-shadow: 0 0 5px #ccc; padding: 20px 50px;border: 2px solid #fff; transition: 1s ease;}





.peoductSlider {position: relative;}

.peoductSlider .owl-next, .peoductSlider .owl-prev {position: absolute; top: 39%; width: 60px; height: 60px; border: 2px solid #ff6161 !important; color: #ff6161; line-height: 80px; text-align:center; font-size: 40px; border-radius: 100%; background: #fff; z-index: 999;box-shadow: 0 0 10px #929292;}

.peoductSlider .owl-next {right: 15px;}

.peoductSlider .owl-prev {left: 15px;}

.peoductSlider .owl-next span { font-size: 54px; line-height: 26px;color: #ff6161;}

.peoductSlider .owl-prev span {font-size: 54px; line-height:26px;color: #ff6161;}



.peoductSlider .owl-next:hover, .peoductSlider .owl-prev:hover {background:#ff6161; }

.peoductSlider .owl-next:hover span, .peoductSlider .owl-prev:hover span{color: #fff;}

.peoductSlider .owl-next:focus, .peoductSlider .owl-prev:focus {outline: none;}



.productsliderbox:hover {border-color:#ff4545; transition: 1s ease;}

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

.productsliderbox a {text-decoration: none; color: #333;}

.productsliderbox a:hover {color: #ff6161}

.productptxt {margin-top: 20px;}

.productsliderbox .productptxt h5 {font-size: 24px; color: #ff4545; font-weight: 600; margin-bottom: 20px;}

.productsliderbox .productptxt p {color: #878787; font-style: italic; font-size: 14px;}

.proImg {text-align: center;}

.owl-carousel .owl-item .proImg img {width: auto; max-width: 100%; display: inline-block; height: 150px;}

.breadcrumb {background: #f3f3f3;}

.breadcumb-container ol li a {color: #666;}

.breadcumb-container ol li.breadcrumb-item.active {color:#ff4646; }

.buyTopProdcuts .resp-tabs-list li {float: none;}

.buyTopProdcuts ul.resp-tabs-list {text-align: center;}

.buyTopProdcuts .resp-tab-content {border-top: 0px;}

.buyTopProdcuts .resp-tabs-list li {margin: 10px 5px 0px 0;}

.hotproTxt {margin-top: 20px;min-height: 70px;}

.hotproTxt h5 {font-size: 16px; font-weight: 600; color: #767676; letter-spacing: 1.5px;min-height: 40px;margin-bottom: 5px;}

.hotproTxt p {color: #ff4646; font-weight: 700;}

.productContainer figcaption .cartAdd {display: block; text-decoration: none; color: #333; padding: 7px 0;}

.productContainer figcaption .cartAdd i.lnr-cart {font-size: 28px;}

.productContainer figcaption .cartAdd:hover {background:#ff4646; color: #fff; }

.buyTopProdcuts {margin-bottom: 50px;}

figure img {height: 230px;}

.hotproTxt p span {text-decoration: line-through;color: #bbb;display: inline-block; margin-right: 10px;}

.productContainer a.projLinks {display: block; position: relative;}

.productContainer a.projLinks:hover {text-decoration: none;}

.productContainer a.projLinks:hover h5 {color:#ff4646; }

.productContainer a.projLinks:hover figure {border-radius:15px; border-color:#ff4646;transition: 1s ease; }

.buyTopProdcuts .resp-tab-item {border: 2px solid #f7f7f7 !important;border-radius: 7px;background: #f7f7f7;font-weight: 700 !important; color: #767676;}

.buyTopProdcuts .resp-tabs-list li {font-size: 15px; letter-spacing: 1.5px;}

.buyTopProdcuts .resp-tabs-list li.resp-tab-active, .buyTopProdcuts .resp-tabs-list li:hover {

    border: 2px solid #f7f7f7 !important;

    padding: 5px 15px 5px 15px !important;

    color: #fc4e4e !important;

}



.buyTopProdcuts .SectionHeadingsSecon {text-align: center; margin-bottom: 0px;margin-top: 30px;}



/**************Cart Page******************/



.cartTable table {

  border: 0px solid #ccc;

  border-collapse: collapse;

  margin: 0;

  padding: 0;

  width: 100%;

  table-layout: fixed;

}



.cartTable table caption {

  font-size: 1.5em;

  margin: .5em 0 .75em;

}



.cartTable table tr {

  border: 0px solid #ddd;

  padding: .35em;

}



.cartTable table th, .cartTable table td {

  padding: 20px 0;

  text-align: center;

}



.cartTable table th {

  font-size: 18px;

  letter-spacing: .1em;

  text-transform: uppercase;

	border-bottom: 2px solid #ccc;

}



.cartTable {

    padding: 0 20px;

}

.widfourty {width: 40%;}

.widtwinty {width: 20%;}



.saleBanner {background: url(../images/sale_pageBG.png) no-repeat top; background-size: cover; min-height: 200px;}

.salebannercontainer {padding-top: 50px; padding-bottom: 50px;}

.flashDealtxt p i {color: red; display: block; margin-top: 30px;}

.flashdealOffer {font-size: 30px; color: red; padding-top: 20px;}

.masonry-filters ul li.active {border-bottom: 2px solid #ff6161; color:#ff6161 }

.thanktable {width: 100%;}

.loginCon p.orttxt {padding: 0 250px;}





/*************************Tab Scroll***************************/





.st-demo-header {

  background-color: #666666;

  color: white;

  font-size: 24px;

  padding: 8px 24px;

}



.st-demo-header button {

  color: black;

  font-size: 12px;

}



.st-demo-subheader {

  background-color: #f0f0f0;

  color: #333;

  font-size: 16px;

  height: 65px;

  margin-top: 50px;

  padding: 8px 24px;

}



.st-demo-subheader:first-child {

  margin-top: 0;

}





/***********************End**************************/





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

  .cartTable table {

    border: 0;

  }

	.cartTable {

    padding: 0 0px;

}



  .cartTable table caption {

    font-size: 1.3em;

  }

  

  .cartTable table thead {

    border: none;

    clip: rect(0 0 0 0);

    height: 1px;

    margin: -1px;

    overflow: hidden;

    padding: 0;

    position: absolute;

    width: 1px;

  }

  

  .cartTable table tr {

    border-bottom: 3px solid #ddd;

    display: block;

    margin-bottom: .625em;

  }

  

  .cartTable table td {

    border-bottom: 1px solid #ddd;

    display: block;

    font-size: .8em;

    text-align: right;

  }

  

  .cartTable table td::before {

    /*

    * aria-label has no advantage, it won't be read inside a table

    content: attr(aria-label);

    */

    content: attr(data-label);

    float: left;

    font-weight: bold;

    text-transform: uppercase;

  }

  

  .cartTable table td:last-child {

    border-bottom: 0;

  }

}





/*********************End*****************/


.out_of_stock {position: static !important; left: 0 !important; padding-left: 10px !important; padding-right: 10px !important;}


@media (min-width: 992px) {



	.productDeModel.modal-lg {max-width: 1160px;}

	

	}



.productDeModel .modal-body {position: relative;-webkit-box-flex: 1;-ms-flex: 1 1 auto;flex: 1 1 auto;padding: 4.5rem 1rem 1rem 1rem;}

a.close {background: #f3f3f3;width: 40px;height: 40px;border-radius: 100%;line-height: 36px;position: absolute;right: 20px;top: 15px;text-align: center;opacity: 1;}

.close:focus, .close:hover {background:#fb5d5d; color: #fff; opacity: 1; }

.cartCOntainer {margin: 40px 0 50px 0}

.priceQty {display: inline-block;}

.priceQty input {border-radius:0px; border: 0px; float: left; border-top: 1px solid #ccc; border-bottom: 1px solid #ccc;}

.priceQty input.firstBTN {border-left: 1px solid #ccc; background: #f3f3f3;}

.priceQty input.secondtBTN {border-right: 1px solid #ccc; background: #f3f3f3;}

.priceQty input:focus {outline: none; box-shadow: none;}

select:not([multiple]){-webkit-appearance:none;-moz-appearance:none;background-position:right top;background-repeat:no-repeat;background-image:url(../images/seArrow.png);padding: 7px;padding-right:2em;}

#mySelect {border-radius:0;}

.cartAdd .btn-default {border-radius: 0px; padding: 7px 20px; font-weight: 600; background: #f3f3f3;}

.qtySelect ul li {float: left; margin-right: 20px;}

.cartImg {float: left; margin:0 50px;}

.itemclose {float: left; /* position: absolute; */ margin-top: 13%;/*width: 30px;height: 30px;background: #f3f3f3;border-radius: 100%;line-height: 30px;*/}

.productName {/* float: left; */padding-top: 30px;}

.couponCode_updatecard {border-top: 1px solid #ccc; border-bottom: 1px solid #ccc; padding: 20px 0;}

.couponTxt {width: 200px; float: left;}

.applycoBtn {float: left; margin-left: 10px;}

.applycoBtn button {background: #f3f3f3;}

.applycoBtn button:hover, .updatecartBtn button.btn:hover {color:#fff; background: #fb5d5d; border-color: #fb5d5d; }

.couponCode {margin-left: 50px;}

.updatecartBtn {float: right; margin-right: 50px;}

.updatecartBtn button.btn {background:#fff; border: 1px solid #ccc;}

.cartTotal {padding: 50px;}

.subTotalCart {background: #f3f3f3;}

.subTotaltxt {padding: 20px 50px; border-bottom: 1px solid #fff;}

.shippingtxt {padding: 20px 50px; border-bottom: 1px solid #fff;}

.totaltxt {padding: 20px 50px;}

.subtotal-price, .subtotal-ship, .finaltotalPrice {float: right; font-weight: 700;}

.subt, .shipp, .finaltotal {float: left; font-weight: 700;}

.proceedBTN {text-align: right;}

.proceedBTN .btn-default {background: #fb5d5d; color: #fff; border: 1px solid #fb5d5d;}



.proceedBTN .btn-default:hover {color:#fb5d5d; background: #fff; border-color: #fb5d5d;}



.MiddleNavBar {background: #f3f3f3;}

.MiddleNavBar {margin-bottom: 50px;}

.middleNav {text-align: center; padding: 10px 0;}

.middleNav ul {margin-bottom: 0px;}

.middleNav ul li a {font-size: 24px; color: #aaaaaa; display: block; padding: 10px 15px;}

.middleNav ul li a:hover {text-decoration: none; color:#fb5d5d;}

.middleNav ul li a.active{color: #000;}

.loginCon {margin-bottom: 50px;}

.loginContainer ul {text-align: center; display: block;}

.loginContainer ul li.nav-item { border: 0px; float: left;}

.loginContainer ul li.nav-item a {display: block; font-size: 24px; color: #454545; font-weight: 700;}

.loginContainer ul li a.nav-link.active {border: 0px; border-bottom: 3px solid #fb5d5d; text-decoration: none;color: #454545;} 

.loginContainer ul li a.nav-link:hover {border: 0px; border-bottom: 3px solid #fb5d5d;}

.loginContainer ul.nav-tabs {display: inline-block;}

.loginContainer {text-align: center;}

.nav-tabs .nav-item {margin-bottom: 0px;}

.nav-link {padding: .5rem 1rem;}

.nav-tabs .nav-link {border: 0px;}

.loginConDiv, .oredrTrackCon {text-align: left;max-width: 323px;margin: 0 auto;}

.loginConDiv ul.list-inline {margin-top: 30px;}

.loginConDiv ul.list-inline li {padding: 0 10px; margin-right: 0px;}

.loginConDiv ul.list-inline {margin-left: -10px; margin-right: -10px;}

.loginConDiv ul.list-inline li a {width: 90px; height: 90px; border-radius: 20px;line-height: 90px; text-align: center; font-size: 30px; box-shadow: 0 0 3px #ccc; display: block;}

.loginConDiv ul.list-inline li a:hover {text-decoration: none;}

.loginConDiv ul.list-inline li a.fa-facebook {background: #3b5998; color: #fff; }

.loginConDiv ul.list-inline li a.fa-google-plus {background: #fff; color: #f14336; }

.loginConDiv ul.list-inline li a.fa-twitter {background: #00aced; color: #fff; }

.loginCon p {padding: 0px;}



/*matrialcss*/



.formsty {}

.formsty label {position: absolute;top: 5px; left: 0; color: rgba(0, 0, 0, 0.3); transform-origin: left; transition: all 0.3s ease;font-size: 18px;}

.formsty label span {font-size: 14px;}

.formsty input:focus ~ label, .formsty textarea:focus ~ label {color: #fb5d5d;}

.formsty input:focus ~ label, .formsty input:valid ~ label, .formsty textarea:focus ~ label, .formsty textarea:valid ~ label {top: -7px;transform: scale(0.6, 0.6);}





.formsty input:-webkit-autofill:focus ~ label, .formsty input:-webkit-autofill ~ label, .formsty input:read-only ~ label {top: -7px;transform: scale(0.6, 0.6);}

.buyTopProdcuts .SectionHeadingsSecon {margin-bottom: 40px;}



.formsty input, .formsty textarea {font-size: 20px; width: 100%;border: none; margin-top: 10px; padding-left: 0;padding-right: 0;}

.formsty input:focus, .formsty textarea:focus {outline: none;box-shadow: none;}

.formsty .after {width: 100%;height: 2px;background: linear-gradient(to right, #fb5d5d 50%, transparent 50%); background-color: rgba(0, 0, 0, 0.1);background-size: 200% 100%;background-position: 100% 0;transition: all 0.6s ease;}

.formsty input:focus ~ .after, .formsty textarea:focus ~ .after {background-position: 0 0;}

.formsty textarea {height: 130px;}

.formsty .form-group {position: relative;}

.LoginBtn .btn-default {height: 55px; font-size: 24px; font-weight: 700; color: #656565; background: #f3f3f3;}

.LoginBtn .btn-default:hover {color:#fff; background: #fb5d5d; border-color: #fb5d5d; }

.forgotPass a {color: #fb5d5d; font-weight: 700;}

.breadcumb-Heading {background: #f3f3f3; text-align: center;}

.breadcumb-Heading nav {display: inline-block; margin-bottom: 0px;}

.breadcumb-Heading h2 {margin-bottom: 0px;font-weight: 400;}

.breadcumb-Heading ol {margin-bottom: 0px; padding: 0px;}

.breadcumb-Heading {padding: 20px 0;}

.breadcumb-Heading ol li a {color: #454545;}

.breadcumb-Heading ol li.active {color: #ff6161;}

.dashboardContainer {padding: 50px 0 50px 0;}

.dashboardNav ul li a { color: #fd4c4b; display: block; padding: 5px 0;}

.txtdashboard {padding: 50px 0}

.txtdashboard a {color: #fd4c4b;}

.dashboardContainer .container {max-width: 800px;}

.dashboardNav ul li a:hover, .txtdashboard a:hover {color: #000; text-decoration: none;}

.orderHistory address span {font-weight: 700; color: #fd4c4b;}

.orderHistory p {font-weight: 700; color: #000;}

.orderHistoryCon h2 {margin-bottom: 50px; font-weight: 400;}

.orderHistory address {margin-bottom: 30px;}

.trackorderBTN { text-align: center;}

.trackorderBTN a {display: inline-block; background: #fff; border: 2px solid #ccc; color: #fd4c4b; padding: 10px 50px; font-weight: 700;}

.trackorderBTN a:hover {background:#fd4c4b; color: #fff; border-color: #fd4c4b; }

.AddAddress h2 {text-align: center; margin-bottom: 50px;font-weight: 400;}

.addsaveBtn {text-align: center; margin-top: 30px;}

.addsaveBtn .btn-default {padding: 10px 50px; font-weight: 700; font-size: 24px;}

.addsaveBtn .btn-default:hover {color:#fd4c4b }

.buyTopProdcuts .nav-tabs {border-bottom: 0px; text-align: center; display: block;}

.buyTopProdcuts .nav-tabs .nav-item {display: inline-block; margin: 0 5px;}

.buyTopProdcuts .nav-tabs .nav-link {background: #f3f3f3; border-radius:4px; color: #666; font-weight: 700;}

.buyTopProdcuts .nav-tabs .nav-link.active, .buyTopProdcuts .nav-tabs .nav-link:hover {color: #fc4e4e;}

.formsty select {color: rgba(0, 0, 0, 0.3);

    font-size: 18px;

    padding: 10px 0;background-image: url(../images/selectArrow01.png) !important; background-position: right 20px !important;

    background-repeat: no-repeat !important;}



/*****checkout*****/



.checkoutContainer {margin: 40px 0; padding: 40px; background: #f3f3f3;}

.checkoutCon {position: relative;}

.checkoutcart {position: absolute; right: 0; top: 0; width: 400px; min-height: 200px;}

.cartboxSty { box-shadow: 0 0 3px #ccc; background: #fff; padding: 30px;}

.checkoutprocess {min-height: 500px; padding-right: 450px;}

.scartcon {position: relative; border-bottom: 1px solid #ccc; padding-bottom: 20px; margin-bottom: 20px;}

.scartimg {position: absolute; width: 80px; left: 0;}

.scarttxt {padding-left: 100px; min-height: 120px;}

.scarttxt .priceQty input[type=button] {pointer-events: none;}

.scartcon .priceQty input.firstBTN, .scartcon .priceQty input.secondtBTN {padding: 0 10px;}

.carttotalamout {background: #f3f3f3; padding: 15px;}

.carttotalamout table td {padding: 5px 0px; text-align: left;}

.carttotalamout table td:nth-child(even) {text-align: right;}

.redCOlor {color: red;}

.proceedchbtn {margin-top: 20px;}

.proceedchbtn a.btn-default {display: block; background: #fff;color: #fc4e4e; font-weight: 700; border-radius: 0px;box-shadow: 0 0 3px #ccc;}



.proceedchbtn a.btn-default:hover {color:#fff; background: #fb5d5d; border-color: #fb5d5d; }



.checkoutprocess {min-height: 700px;}

.radioStyf ul {margin-bottom: 0px;}

.cartboxSty h5 {margin-bottom: 20px;}

.border-right {border-right:1px solid #ccc;}

.userType a.btn-default {background: #f3f3f3; color: #fb5d5d}







.userType h6, .alredyAccount h6 {font-size: 18px; margin-bottom: 15px;}

.alredyAccount .btn-default {background: #fff; border: 1px solid #ccc; color: #fb5d5d}

.alredyAccount .btn-default:hover {color:#fff !important; background: #fb5d5d; border-color: #fb5d5d; }

.guestUser a {display: block; color: #fb5d5d; margin-top: 30px;}

.editc {margin-bottom: 10px;}

.editc a {color:#fb5d5d; }

.simg, .sprice {text-align: center;}

.simg img { height: 97px;}

.sprice {margin-top: 5px; font-size: 14px;}

.addresType {margin-top: 30px;}

.addressSavebtn {margin-top: 30px;}

.addressSavebtn .btn-default {background: #f3f3f3; color:#fb5d5d; font-weight: 700; }



/*****Radio Style******/



.radioStyf ul li {position: relative;}

.radioStyf ul li input[type=radio]{position: absolute;visibility: hidden;}

.radioStyf .addrestcheck input[type=radio]{position: absolute;visibility: hidden;}

.radioStyf ul li label{display: block;position: relative;font-weight: 300;font-size: 1.35em; padding: 25px 25px 25px 80px;height: 100px; z-index:9; cursor: pointer; -webkit-transition: all 0.25s linear;border: 1px solid #eee;}

.radioStyf .addrestcheck label {border: 1px solid #eee;height: 50px; display: block; text-align: center; line-height: 46px;}

.radioStyf ul li label i {display: block;}

.radioStyf ul li:hover label{}

.radioStyf ul li .check {display: block; position: absolute;border: 3px solid #AAAAAA;border-radius: 100%;height: 25px;width: 25px;top: 30px;  left: 20px;z-index: 5;transition: border .25s linear;-webkit-transition: border .25s linear;}

.radioStyf ul li:hover .check {}

.radioStyf ul li .check::before {display: block;position: absolute;content: ''; border-radius: 100%; height: 15px; width: 15px;top: 2px;left: 2px;

  margin: auto;transition: background 0.25s linear;-webkit-transition: background 0.25s linear;}

.radioStyf input[type=radio]:checked ~ .check {border: 3px solid #fb5d5d;}

.radioStyf input[type=radio]:checked ~ .check::before{background: #fb5d5d;}

.radioStyf input[type=radio]:checked ~ label{color: #fb5d5d;border-color: #fb5d5d;}

.radioStyf .addrestcheck input[type=radio]:checked ~ label{color: #fb5d5d;border-color: #fb5d5d;}

.radioStyf ul li {margin-bottom: 20px;height: 90px;}



/*****End******/



/******Saved Address*****/



.editAddresBtn a {color: #fb5d5d; font-weight: 700;}

.dashboardContainer.savedAddress {background: #f3f3f3; margin-top: 50px; margin-bottom: 50px;}

.deliverBTN .btn-default {background: none; border: 1px solid #ccc; color:#fb5d5d; font-weight: 700; }

.savedAddtop {padding: 50px 0 0 0;}

.savedAddtop h5 {text-align: center;}

.shippingBillingAdd {text-align: center; margin-top: 30px;}

.shippingBillingAdd span a, .shippingBillingAdd span {font-size: 30px; color: #818181;}

.shippingBillingAdd span a:hover {color: #000; text-decoration: none;}

.shippingBillingAdd span.active a {color: #000;}

.addSHippingaddbtn {margin-top: 30px; text-align: center;}

.addSHippingaddbtn a.btn-default {display: inline-block; background: #f3f3f3;color:#fb5d5d; font-weight: 700; }



/*******End******/



/*****Faq****/



.FaqContainer {margin: 50px 0;}

.FaqContainer button.btn.btn-link {display: block;width: 100%;text-align: left;}

.FaqContainer button.btn.btn-link:before {float: right !important;font-family: FontAwesome;content:"\f106";padding-right: 5px;color:#fb5d5d;	font-size: 28px;line-height: 28px;position: absolute;right: 0;}

.FaqContainer button.btn.btn-link.collapsed:before {float: right !important;content:"\f107";color: #000;font-size: 28px;line-height: 28px;	position: absolute;right: 0;}

.FaqContainer button.btn.btn-link:hover, 

.FaqContainer button.btn.btn-link:active, 

.FaqContainer button.btn.btn-link:focus {text-decoration:none;}

.FaqContainer button.btn.btn-link {color: #454545; font-size: 18px;}

.FaqContainer .card-header {border-bottom: 1px solid #f3f3f3;background-color:#f3f3f3;padding: 0rem;}

.FaqContainer .card {border: 10px solid #f3f3f3;margin-bottom: 20px;}

.FaqContainer button.btn.btn-link {color: #454545;font-size: 18px;position: relative;padding-right: 30px; white-space: inherit;}

.FaqContainer .card-body h4 {font-weight: 400;}

.FaqContainer .card-body a {color:#fb5d5d !important; }



/*****End*****/



/******Contact Us******/



.contactContainer {margin: 50px 0;}

.locationmapcon iframe {width: 100%;}

.getintouch {margin-bottom: 30px;}

.getintouch ul li {font-size: 24px; margin: 10px 0;}

.getintouch ul li i{color:#f25d5d; width: 30px; }

.contactForm .form-group {margin-bottom: 30px;}

.contactForm .sendBTN button {padding: 12px; font-size: 24px; font-weight: 700;}

.contactForm .sendBTN button:hover {color:#f25d5d; }



/******End*******/



.footer1-meta {text-align: center;font-size: 14px;padding: 20px 0;border-top: 1px solid #ccc;margin-top: 10px;margin-left: -15px;margin-right:-15px;}

.footer1-meta .copyright {font-size: 14px;}

.footer1-meta .copyright a {color:#f25d5d; font-size: 14px; }

section.featuredProducts {background: #f3f3f3;padding: 50px 0;}

.commonContainer {padding: 50px 0;}

.commonContainer h4 {margin-top: 30px;}

.commonContainer ul li {margin: 7px 0; color: #878787}

.cartTable .itemclose .btn-danger {color: #000;background-color: #f3f3f3; border-color: #f3f3f3; border-radius: 100%; width: 40px;height: 40px; text-align: center;padding: 0;line-height: 40px;}

.cartTable .itemclose .btn-danger:hover {background-color:#fb5d5d; border-color: #fb5d5d; color: #fff;}

.priceQty input[type=button]:hover {background:#fb5d5d; color: #fff; }

.invoceBoxes {border: 1px solid #ccc;padding: 15px;}



.accountDetails h2 {margin: 30px 0 30px 0;}



.panel-colorful {background: #f3f3f3;}

.invoiceHead {background: #444;

    color: #fff;

    padding: 7px 15px 2px 15px;}



.invoiceTable {

    border: 1px solid #ccc;

    margin-bottom: 30px;

}

/*.ui-widget.ui-widget-content {height: 400px; overflow-x: hidden; overflow-y: auto;}*/

.buyOneoffer {border-style: ridge;

    padding: 10px;

    font-size: 12px;

    background: #feff9b;

    color: #000;

    margin-bottom: 10px;

    margin-top: 10px;

	border: 1px solid #edef61;}

.qtySelect {

    margin-top: 15px;

}



.bannercon {position: relative; max-height: 450px; overflow: hidden;}


.bannercon .page-title {

    position: absolute;

    top: 36%;

    left: 0;

    right: 0;

    text-align: center;

    font-size: 60px;

    color: #fff;

    font-weight: bold;

}





/**************Search Page****************/



.searchpagecon {margin: 30px 0;}

.searchpagecon .container {max-width: 1280px;}

.categorySearchBox {margin: 16px 0; border: 1px solid #ccc; padding: 10px 15px;}

.filterSearch {margin-top: 20px;}

.filterSearch h3 {font-size: 20px;}

.filterSearch h3 i {display: none;}

.categorySearchBox h4 a {font-size: 16px;}

.categorySearchBox a {color: #333; display: block;}

.categorySearchBox ul li a {padding: 3px 0; border-bottom: 1px dashed #eee; font-size: 14px;}

.categorySearchBox ul li a:before {font-family: 'FontAwesome'; content: "\f105"; padding-right: 10px;}

.categorySearchBox a:hover, .categorySearchBox a.active {text-decoration: none; color: #ff6161;}

.searchpagecon .masonry-filters ul {text-align: left;}

.searchpagecon .masonry-filters ul li {margin-left: 0;}

.sortByfilter {float: right;margin-top: -75px;}

@media (min-width:1400px) {.bannercon {position: relative; max-height: 550px; overflow: hidden;}}

@media (min-width:992px) {

	.filtercategories {display: block !important;}

}

@media (max-width:991px) {

	.filtercategories {display: none;}

	.filterSearch h3 {border: 1px solid #ccc; padding: 10px;}

	.filterSearch h3 i {display: block; float: right;}

	.sortByfilter {float: none;margin-top: 0;}

	.sortByfilter #mySelect {border-radius: 0;width: 100%;}

}



/********************End************************/



.searchpopup .modal-content {border-radius:0px; border: 0px; height: 90vh;}

.searchpopup button.btn {position: absolute;right: 0;top: 0;background: transparent;font-size: 32px;}

.searchpopup button.btn i {font-size: 40px;}

.search-box .form-control {border: 0px;border-bottom: 1px solid #ccc;border-radius: 0;padding: 10px 0;}

.search-box .form-control:focus {box-shadow: none; outline: none;}

.popupcategory {margin-top: 30px;}

.popupcategory a {color: #333; display: block; padding: 5px 0;}

.popupcategory a:hover {text-decoration: none; color:#ff6161; }

.stock {position: static !important; padding: 10px !important;}

.cartAdd .btn-default {margin-top: 0 !important;}



@media (min-width:991px) {

	.navigationBar {display: block;}

}



@media (max-width:1170px) {

	.navigationBar .list-inline li a {padding: 0 10px;}

}



@media (max-width:992px) {

	.navigationBar .list-inline li a {padding: 0 5px;}

	.headerRight .list-inline li a {padding: 20px 5px;}

	.footerSections h4 {margin-top: 10px;}

	.loginCon p.orttxt {padding: 0 10px;}

	.invoceBoxes {margin-bottom: 15px;}

	.onsellProd .container {padding-left: 15px; padding-right: 15px;} 

}



@media (min-width:768px) {

	

	.mobilenav {display: none;}

	.navigationBar .lnr-cross {display: none;}

}



@media (max-width:767px) {

	.widfourty {width: 100%;}

	.widtwinty {width: 100%;}

	.navigationBar {position: fixed;width: 200px;background: #fff;z-index: 9;left: 0;top: 0;height: 100%;display: none;}

	.navigationBar li.list-inline-item {display: block;margin-right: 0;}

	.navigationBar .list-inline li a {color: #333;padding: 8px 20px;display: block;border-bottom: 1px solid #eee}

	.navigationBar i.lnr-cross {float: right;margin: 10px;font-size: 30px;}

	.headerRight .list-inline li a {display: block;padding: 10px 5px;color: #333;}

	.logo {text-align: left;}

	.logo img {width: 57px;text-align: left;}

	.mobilenav i.lnr-menu {font-size: 30px;margin-top: 7px;display: inline-block;}

	#header-1 .search-box {width: 250px;right: 25px;}

	.bannersty .batxt {font-size: 24px;}

	.flashDealspro .flashDealProjname {left: 25px;}

	.projtxt {text-align: center; margin-top: 20px;}

	.shopNowBTN {text-align: center;margin-top: 20px;}

	.productthird h3, .onlineShopCOllections {margin-top: 40px;}

	.SectionHeadings h2 {margin-bottom: 70px;}

	.flowerBG {bottom: 20px;}

	.SectionHeadings h2, .SectionHeadings h2 span {font-size: 26px;}

	.SectionHeadings:before {right: 89%;}

	.SectionHeadings:after {left: 89%;}

	.headerRight i {font-size: 18px;}

	.onlinecoImg, .onlineShopCOllections {min-height: 100px;}

	.onlineShopCOllections {padding: 20px 0;}

	.onlinecoImg {margin: 0 10px;}

	.falshDeals {padding: 20px 0;}

	.productShowcase {margin-bottom: 10px;}

	.onsellProd {margin-top: 20px;}

	.productptxt {margin-top: 0px;margin-bottom: 20px;}

	.productsliderbox {padding: 20px 20px;}

	.grid.cs-style-3 {padding: 0px;}

	.grid.cs-style-3 li {display: block !important;}

	.cd-gallery {padding: 26px 0%;width: 100%;}

	.hotproTxt {margin-top: 20px;min-height: 20px;}

	.cd-tab-filter {margin: 20px auto 0 auto;}

	.cd-tab-filter-wrapper {border-bottom: 0px;}

	.cd-tab-filter a {border: 1px solid #ccc; color: #333;}

	.productName {float: none;padding-top: 10px;}

	.cartImg {float:none;margin: 0px 0px 0 0;}

	.itemclose {float: none; margin-top: 0px;display: inline-block;text-align: center;margin-bottom: 10px;}

	.cartImg img {width: 20px;}

	.cartCOntainer {margin: 0px 0 50px 0;}

	.couponCode {margin-left: 20px;}

	.couponTxt {width: 150px;float: left;}

	.updatecartBtn {float: none;margin-right: 0;text-align: center;margin-top: 20px;}

	.proceedBTN {text-align: center; margin-top: 20px;}

	.couponCode_updatecard {border-top: 0px;}

	.subTotaltxt, .shippingtxt, .totaltxt {padding: 20px 20px;}

	.productDiscriptionCon {padding: 40px 10px !important;margin: 0 auto;}

	.productDiscriptionCon h3 {margin-top: 30px;}

	.SectionHeadingsSecon h2 {padding: 10px 0px;font-size: 22px;}

	.SectionHeadingsSecon h2 span {font-size: 22px;}

	.SectionHeadingsSecon h2 img {width: 36px;}

	.loginConDiv ul.list-inline li a {width: 80px; height: 80px; line-height: 80px;}

	.loginContainer ul li.nav-item a {font-size: 20px;}

	.middleNav ul li a {font-size: 18px;padding: 10px 5px;}

	.MiddleNavBar {margin-bottom: 20px;}

	.loginCon p {padding:0px;}

	.checkoutprocess {padding-right: 0px;}

	.checkoutcart {position: inherit; max-width: 100%; width: auto;}

	.checkoutContainer {padding:40px  0px;}

	.userType h6, .alredyAccount h6 {font-size: 14px; margin-bottom: 15px;}

	.radioStyf ul li label {font-size: 1.2em;}

	.checkoutprocess {margin-top: 20px;}

	.cartboxSty {padding: 15px 10px;}

	.checkoutprocess .cartboxSty {padding: 15px 15px;}

	.AddAddress h2, .orderHistoryCon h2 {font-size: 28px;}

	.shippingBillingAdd span a, .shippingBillingAdd span {font-size: 18px;}

	.orderHistory address {margin-bottom: 10px;}

	.editAddresBtn a {padding-left: 0px;}

	.savedAddtop {padding:30px 0 0 0;}

	.dashboardNav ul li {width:46%;display:inline-block;}

	.dashboardNav {margin-bottom:30px;}

	.txtdashboard {padding:30px 0;}

	.dashboardContainer {padding:30px 0 30px 0;}

	.breadcumb-Heading h2 {margin-bottom:0px;font-size:26px;}

	.buyTopProdcuts .SectionHeadingsSecon {margin-bottom: 10px; margin-top: 10px;}

	.buyTopProdcuts .nav-tabs .nav-link {padding: .5rem 1rem;margin-top: 15px;}

	.buyTopProdcuts .nav-tabs .nav-item {margin: 0 5px;}

	.masonry-filters ul li {margin-bottom: 15px;}

	.flashDealsCon {padding: 20PX;}

	table.thanktable th {display: none;}

	.productsliderbox .productptxt h5 {margin-bottom: 10px;}

	.priceQty input {height: 40px;}

	.cartTable .priceQty {float: right;}

	

	.thanktable td {padding: 10px; vertical-align: middle; border-left: 1px solid #eee;border-top: 1px solid #eee;}

	table.thanktable {border-right: 1px solid #eee;border-bottom: 1px solid #eee;}

	.cartboxSty .quantitycon {padding-top: 20px;}

}



@media (max-width:575px) {

	.border-right {border-right: 0px !important; border-bottom: 1px solid #ccc; margin-bottom: 20px; padding-bottom: 20px;}

	.guestUser a {margin-top: 0px;}

}
.grid.productContainer {
    width: 100%;
}










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