/*
  Theme Name: Paintball & Strikeball Club - Premium HTML5 Template
  Theme URL: http://themewar.com/html/paintball
  Author: ThemeWar
  Author URI: http://themewar.com/
  Description: Paintball & Strikeball Club - Premium HTML5 Template
  Version: 1.0
*/

/*=======================================================================
[Table of contents]
=========================================================================
[01] HOME ONE
  01.1 Header Top
  01.2 Slider1
  01.3 Header1
  01.4 We are Best
  01.5 Call to action
  01.6 Pricing table
  01.7 Chose Us
  01.8 Hot Offer
  01.9 Testmonial
  01.10 Gallery
  01.11 FunFact
  01.12 Blog
  01.13 Client
  01.14 Footer
  01.15 CopyRight
[02] ABOUT PAGE
  02.1 Breadcrump
  02.2 Inner Header
[03] CONTACT PAGE
[04] BOOKING PAGE
[05] STAFF PAGE
[06] SINGLE TEAM PAGE
[07] FAQ PAGE
[08] 404 ERROR
[09] EVENTS PAGE
[10] GELLARY PAGE
[11] BLOG PAGE
[12] BLOG SINGLE PAGE
[13] SHOP PAGE
[14] COLOR PRESET
[15] BACK TO TOP
[16] PRELOADER

==========================================================================*/

/*=======================================================================
[01] HOME ONE
=========================================================================*/
/**========================= 01.1 Header Top  =========================**/
.headerTop{
    background: rgba(38, 35, 48, .8);
    position: absolute;
    z-index: 99;
    left: 0;
    right: 0;
    width: 100%;
    padding: 7px 0;
}
.logo{
    width: 152px;
    height: 106px;
}
.logo img{
    width: 100%;
    height: auto;
}
.headerInfo {
    padding: 30px 0 22px;
}
.hsingleInfo{
    display: inline-block;
    padding-left: 30px;
    position: relative;
    margin-right: 40px;
    text-align: left;
}
.hsingleInfo:last-of-type{
    margin-right: 0;
}
.hsingleInfo i{
    position: absolute;
    left: 0;
    font-size: 20px;
    color: #fff;
    top: -2px;
}
.hsingleInfo h6,
.hsingleInfo h3{
    margin: 0;
    line-height: 1;
}
.hsingleInfo h6{
    color: #e43d4e;
    margin-bottom: 7px;
}
.hsingleInfo h3{
    color: #fff;
}
.sicialIcon {
    padding: 33px 0;
    text-align: right;
}
@media (max-width: 767px) and (min-width: 320px){
.innerHeader .sicialIcon, .innerHeader.isStickyInner.fixedHeader .sicialIcon {
		width: 160px;
		margin: 0 auto;
	}
}
.sicialIcon span {
    display: inline-flex;
    line-height: 1;
    margin-right: 5px;
    text-align: center;
    width: 40px;
    height: 40px;
}
.sicialIcon a {
	display: inline-flex;
	width: 40px;
	align-items: center;
    -moz-align-items: center;
    -webkit-align-items: center;
    -ms-align-items: center;
    -o-align-items: center;
    /* border: 2px solid #fff; */
    border-radius: 50%;
    color: #fff;
    justify-content: center;
    -moz-justify-content: center;
    -webkit-justify-content: center;
    -ms-justify-content: center;
    -o-justify-content: center;
}
@media (max-width: 1024px){
	.sicialIcon span,
	.sicialIcon a,
	.sicialIcon a img{
		width: 30px;
	}
}
.sicialIcon a:last-of-type{
    margin-right: 0;
}
.sicialIcon a:hover{
    color: #e43d4e;
    border-color: #e43d4e;
}
.sicialIcon a.fb:hover{
    background: #3b5999;
    border-color: #3b5999;
    color: #fff;
}
.sicialIcon a.tw:hover{
    background: #55acee;
    border-color: #55acee;
    color: #fff;
}
.sicialIcon a.gp:hover{
    background: #dd4b39;
    border-color: #dd4b39;
    color: #fff;
}
.sicialIcon a.pi:hover{
    background: #bd081c;
    border-color: #bd081c;
    color: #fff;
}
.sicialIcon a.li:hover{
    background: #0077b5;
    border-color: #0077b5;
    color: #fff;
}


/**=================== 01.2 Slider1 ===================**/
#slider{
    background: #262330;
    position: relative;
    overflow: hidden !important;
}
.rev1con h2{
    color: #fff;
    margin: 0;
}
.rev1con p{
    font-size: 20px;
    line-height: 30px;
    margin: 0;
}
.tp-bannertimer{
    display: none;
}
.slider1 .tp-leftarrow.default.round:before,
.slider1 .tp-rightarrow.default.round:after{
    position: absolute;
    font-family: 'FontAwesome';
    font-size: 50px;
    color: #4b4952;
    -webkit-transition: all 300ms ease;
    -moz-transition: all 300ms ease;
    -ms-transition: all 300ms ease;
    -o-transition: all 300ms ease;
    transition: all 300ms ease;
}
.slider1 .tp-leftarrow.default.round:hover:before,
.slider1 .tp-rightarrow.default.round:hover:after{
    color: #e43d4e;
}
.slider1 .tp-leftarrow.default.round:before{
    content: '\f104';
}
.slider1 .tp-rightarrow.default.round:after{
    content: '\f105';
}
.slider1 .tp-leftarrow.tparrows.default.round {
    left: 60px !important;
    top: 59.5% !important;
}
.slider1 .tp-rightarrow.tparrows.default.round {
    right: 40px !important;
    top: 59.5% !important;
}
.slider1 .tparrows.default.round.hidearrows{
    display: block !important;
    opacity: 1 !important;
}



/**=================== 01.3 Header1 ===================**/
.header{
    background: #292633;
    -webkit-transition: all 300ms ease;
    -moz-transition: all 300ms ease;
    -ms-transition: all 300ms ease;
    -o-transition: all 300ms ease;
    transition: all 300ms ease;
}/*
.mainNav ul li{
    display: inline-block;
    line-height: 1.2;
    margin-right: 78px;
    position: relative;
}
.mainNav ul li:before{
    width: 0;
    height: 2px;
    content: '';
    left: 0;
    right: 0;
    bottom: 0;
    position: absolute;
    background: #e43d4e;
    -webkit-transition: all 300ms ease;
    -moz-transition: all 300ms ease;
    -ms-transition: all 300ms ease;
    -o-transition: all 300ms ease;
    transition: all 300ms ease;
}
.mainNav ul li.active:before{
    width: 100%;
}
.mainNav ul li:hover > a,
.mainNav ul ul.sub-menu li:hover > a,
.mainNav ul ul.sub-menu ul.sub-menu li:hover > a{
    color: #e43d4e;
}
.mainNav ul li:last-of-type{
    margin-right: 0;
}
.mainNav ul li a {
    color: #fff;
    display: block;
    font-family: "Oswald",sans-serif;
    font-weight: 400;
    padding: 50px 0 49px;
    text-transform: uppercase;
    font-size: 16px;
}
.mainNav ul ul.sub-menu {
    position: absolute;
    width: 200px;
    background: #fff;
    padding-left: 40px;
    z-index: 9;
    left: 50%;
    margin-left: -61px;
    padding-top: 16px;
    padding-bottom: 16px;
    visibility: hidden;
    opacity: 0;
    top: 130px;
    -webkit-transition: all 300ms ease;
    -moz-transition: all 300ms ease;
    -ms-transition: all 300ms ease;
    -o-transition: all 300ms ease;
    transition: all 300ms ease;
}
.mainNav ul li:hover ul.sub-menu{
    visibility: visible;
    opacity: 1;
    top: 118px;
}
.mainNav ul ul.sub-menu li{
    margin: 0;
    display: block;
    margin: 21px 0;
    position: relative;
}
.mainNav ul ul.sub-menu li a{
    padding: 0;
    color: #262330;
}
.mainNav ul ul.sub-menu ul.sub-menu {
    background: #262330;
    position: absolute;
    margin: 0;
    left: 100%;
    top: -20px;
    visibility: hidden;
    opacity: 0;
}
.mainNav ul ul.sub-menu li:hover ul.sub-menu{
    visibility: visible;
    opacity: 1;
    top: -37px;
}
.mainNav ul ul.sub-menu ul.sub-menu li{}
.mainNav ul ul.sub-menu ul.sub-menu li a{
    color: #fff;
} */
.fixedHeader {
    left: 0;
    position: fixed;
    right: 0;
    width: 100%;
    z-index: 999;
    background: #201e29;
    top: 0;
}
.fixedHeader .mainNav ul li a{
    padding: 40px 0 39px;
}
.fixedHeader .headerSearch {
    padding: 33px 0;
}
.fixedHeader .mainNav ul.sub-menu{
    top: 120px;
}
.home .fixedHeader #menu-main-menu {
    margin-top: 10px;
}
.fixedHeader .mainNav ul li:hover ul.sub-menu {
    top: 98px;
}
.fixedHeader .mainNav ul ul.sub-menu ul.sub-menu{
    top: 0;
}

.headerSearch {
    /* padding: 37px 0; */
    padding: 45px 0 10px;
    margin-right: 5px;
    text-align: right;
    position: relative;
    width: 180px;
    float: right;
    overflow: hidden;
}

@media(min-width:320px) and (max-width: 990px){
  .headerSearch {
      width: 170px;
  }
}
@media(min-width:320px) and (max-width: 768px){
  .home .headerSearch {
    margin-top: 5px;
  }
}
.innerHeader .headerSearch{
  padding: 27px 0 10px;
}
.fixedHeader.innerHeader .headerSearch{
  padding: 31px 0 10px;
}
.headerSearch button{
    color: #fff;
    font-size: 19px;
    background: #292633;
    position: absolute;
    right: 0;
    top: 45px;
}
.headerSearch input.form-control{
    background: transparent;
    border: none;
    color: #808080;
    visibility: hidden;
    opacity: 0;
    width: 50%;
    -webkit-transition: all 300ms ease;
    -moz-transition: all 300ms ease;
    -ms-transition: all 300ms ease;
    -o-transition: all 300ms ease;
    transition: all 300ms ease;
}
.headerSearch.active .form-control{
    visibility: visible;
    opacity: 1;
    width: 100%;
}
.headerSearch button:hover,
.headerSearch.active button{
    color: #e43d4e;
}
.headerSearch .form-control:input-placeholder{
    color: #808080;
    opacity: 1;
}
.headerSearch .form-control::-webkit-input-placeholder {
    color: #808080;
    opacity: 1;
}
.headerSearch .form-control:-moz-placeholder {
    color: #808080;
    opacity: 1;
}
.headerSearch .form-control::-moz-placeholder {
    color: #808080;
    opacity: 1;
}
.headerSearch .form-control:-ms-input-placeholder {
    color: #808080;
    opacity: 1;
}


/**=================== 01.4 We are Best ===================**/
.wearebest{
    background: #34313f;
}
.singleSer{
    padding-left: 50px;
    position: relative;
}
.singleSer i{
    position: absolute;
    left: 0;
    top: -9px;
    color: #e43d4e;
    font-size: 41px;
}
.singleSer h3,
.singleSer h3 a{
    color: #fff;
    margin-bottom: 26px;
}
.singleSer h3 a:hover{
    color: #e43d4e;
}
.getaquote{
    background: #292633;
    text-align: center;
}
.quoteHeader{
    background: #e43d4e;
    padding: 28px 0;
}
.quoteHeader h3{
    margin: 0;
    line-height: 1;
    color: #fff;
}
.quoteFooter{
    padding: 60px;
}
.quoteFooter input[type="text"],
.quoteFooter input[type="email"],
.quoteFooter textarea{
    height: 50px;
    background: #34313f;
    border: none;
    width: 100%;
    margin-bottom: 10px;
    text-align: center;
    border: 1px solid #34313f;
}
.quoteFooter textarea{
    height: 100px;
    resize: none;
    margin-bottom: 20px;
}
.quoteFooter input[type="submit"]{
    width: 100%;
}
.quoteFooter input[type="text"]:input-placeholder,
.quoteFooter input[type="email"]:input-placeholder,
.quoteFooter textarea:input-placeholder{
    color: #808080;
    opacity: 1;
}
.quoteFooter input[type="text"]::-webkit-input-placeholder,
.quoteFooter input[type="email"]::-webkit-input-placeholder,
.quoteFooter textarea::-webkit-input-placeholder{
    color: #808080;
    opacity: 1;
}
.quoteFooter input[type="text"]:-moz-placeholder ,
.quoteFooter input[type="email"]:-moz-placeholder ,
.quoteFooter textarea:-moz-placeholder {
    color: #808080;
    opacity: 1;
}
.quoteFooter input[type="text"]::-moz-placeholder,
.quoteFooter input[type="email"]::-moz-placeholder,
.quoteFooter textarea::-moz-placeholder{
    color: #808080;
    opacity: 1;
}
.quoteFooter input[type="text"]:-ms-input-placeholder,
.quoteFooter input[type="email"]:-ms-input-placeholder,
.quoteFooter textarea:-ms-input-placeholder{
    color: #808080;
    opacity: 1;
}

.quoteFooter input[type="text"].reqError,
.quoteFooter input[type="email"].reqError,
.quoteFooter textarea.reqError{
    border: 1px solid #e43d4e;
}




/**=================== 01.5 Call to action ===================**/
.callToaction{
    background: url(../images/bg/1.jpg) no-repeat fixed center center/cover;
    padding-top: 60px;
    padding-bottom: 85px;
}
.callToContent {
    border: 10px solid rgba(255, 255, 255, 0.1);
    padding: 46px 0 48px;
    position: relative;
}
.callToContent h2{
    margin: 0;
}
.callToContent i {
    background: #fff;
    border-radius: 50%;
    color: #34313f;
    height: 60px;
    width: 60px;
    position: absolute;
    left: 0;
    right: 0;
    margin: auto;
    bottom: -35px;
    text-align: center;
    padding: 23px 0;
    -webkit-transition: all 300ms ease;
    -moz-transition: all 300ms ease;
    -ms-transition: all 300ms ease;
    -o-transition: all 300ms ease;
    transition: all 300ms ease;
}
.callToContent i:hover{
    color: #e43d4e;
    cursor: pointer;
}


/**=================== 01.6 Pricing table ===================**/
.singlePrice{
    text-align: center;
    background: #292633;
}
.singlePrice.standPlan .pPrice{
    background: #2db9c5;
}
.singlePrice.platimPlan .pPrice{
    background: #aed13b;
}
.phead{
    background: #fff;
    margin: 0;
    padding: 25px 0;
    cursor: pointer;
    -webkit-transition: all 300ms ease;
    -moz-transition: all 300ms ease;
    -ms-transition: all 300ms ease;
    -o-transition: all 300ms ease;
    transition: all 300ms ease;
}
.singlePrice .phead:hover{
    color: #e43d4e;
}
.singlePrice.platimPlan .phead:hover{
    color: #aed13b;
}
.singlePrice.standPlan .phead:hover{
    color: #2db9c5;
}
.singlePrice.normal .painButton:hover{
    border-color: #e43d4e;
    color: #e43d4e;
}

.pPrice {
    background: #e43d4e;
    color: #fff;
    font-size: 55px;
    font-weight: 700;
    line-height: 1;
    padding-top: 15px;
    padding-bottom: 8px;
}
.pPrice span{
    font-size: 24px;
    font-weight: 400;
    position: relative;
    top: -2px;
}
.pBody {
    padding: 0 60px 60px;
}
.pBody ul {
    padding: 37px 0;
}
.pBody ul li{
    border-bottom: 1px solid #3f3c48;
    padding: 14px 0;
}
.pBody ul li:last-of-type{
    border-bottom: none;
}
.pBody a.painButton{
    width: 100%;
}
.singlePrice a.painButton:hover{
    color: #e43d4e;
    border-color: #e43d4e;
}
.singlePrice.platimPlan a.painButton:hover{
    color: #aed13b;
    border-color: #aed13b;
}
.singlePrice.standPlan a.painButton:hover{
    color: #2db9c5;
    border-color: #2db9c5;
}

/**=================== 01.7 Chose Us ===================**/
.choseSection{
    padding-top: 55px;
    padding-bottom: 67px;
    position: relative;
}
.singleCho{
    padding-left: 50px;
    position: relative;
    margin-bottom: 43px;
}
.singleCho i{
    font-size: 32px;
    color: #e43d4e;
    position: absolute;
    left: 0;
    top: -4px;
}
.singleCho h3{
    color: #fff;
    margin-bottom: 27px;
}
.choseus{
    position: relative;
}
.choseImg{
    width: 55.5%;
    position: absolute;
    right: 0;
    bottom: 0;
    height: auto;
}
.choseImg img{
    width: 100%;
    height: auto;
}

/**=================== 01.8 Hot Offer ===================**/
.hotOffersec{
    background: url(../images/bg/2.jpg) no-repeat fixed center center/cover;
}
.singleOffer {
    min-height: 350px;
    padding: 79px 34px;
    text-align: center;
}
.singleOffer i{
    font-size: 42px;
    color: #e43d4e;
    margin-bottom: 35px;
}
.singleOffer h3{
    color: #fff;
}
.br{
    border-right: 1px solid #3a3942;
}
.bb{
    border-bottom: 1px solid #3a3942;
}

/**=================== 01.9 Testmonial ===================**/
.testimonials-body {
    position: relative;
    min-height: 138px;
    padding: 0 100px;
}
.testimonials-body .blockquote-big {
    color: #808080;
    font-size: 20px;
    font-style: italic;
    line-height: 30px;
    display: none;
    text-align: center;
}
.testimonials-body .blockquote-big.tester{
    display: block;
}
.testimonials-carousel.owl-carousel {
    max-width: 320px;
    margin: auto;
}
.testimonials-carousel .owl-controls .owl-nav .owl-next{
    width: 80px;
    height: 80px;
    background: transparent;
    border-radius: 50%;
    right: 10px;
    position: absolute;
    top: 10px;
    text-indent: -999999px;
}
.testimonials-carousel .owl-controls .owl-nav .owl-prev{
    width: 80px;
    height: 80px;
    background: transparent;
    border-radius: 50%;
    left: 10px;
    position: absolute;
    top: 10px;
    text-indent: -999999px;
}

.testimonials-carousel.owl-carousel .owl-item.center .author-photo img {
    max-width: 120px;
    opacity: 0.3;
}
.testimonials-carousel.owl-carousel .owl-item.center .author-meta {
    opacity: 1;
}
.testimonial{
    text-align: center;
}
.testimonial .author-photo {
    width: 120px;
    height: 120px;
    line-height: 120px;
}
.testimonial .author-photo img {
    display: inline-block !important;
    max-width: 80px;
    margin: 0 auto;
    border-radius: 50%;
    -webkit-transition: all 0.4s linear 0s;
    transition: all 0.4s linear 0s;
}
.testimonial .author-meta {
    left: 50%;
    line-height: 18px;
    margin-top: 17px;
    opacity: 0;
    -webkit-transition: all 0.2s ease-in-out 0s;
    transition: all 0.2s ease-in-out 0s;
    position: relative;
    width: 220px;
    margin-left: 0;
    margin-left: -110px;
}
.testimonial .author-meta h5{
    font-size: 20px;
    letter-spacing: 1px;
    line-height: 28px;
    color: #fff;
    margin: 0 0 6px;
}
.testimonial .author-meta p {
    color: #e43d4e;
    font-size: 14px;
    line-height: 0.8;
    margin: 0;
}
.testimonials-body::before {
    color: #e43d4e;
    content: "‘‘";
    font-family: "Oswald",sans-serif;
    font-size: 190px;
    font-weight: 700;
    left: 0;
    letter-spacing: -25px;
    position: absolute;
    top: 65px;
}
.testimonials-body::after {
    color: #e43d4e;
    content: "’’";
    font-family: "Oswald",sans-serif;
    font-size: 200px;
    font-weight: 700;
    letter-spacing: -11px;
    position: absolute;
    right: 0;
    top: 65px;
}



/**=================== 01.10 Gallery ===================**/
.gallarySec{
    padding-bottom: 40px;
    position: relative;
}
.galBtnW{
    margin-top: 40px;
}
.singleGal{
    position: relative;
    overflow: hidden;
}
.galImg:before{
    width: 100%;
    height: 100%;
    background: rgba(52, 49, 63, .5);
    content: '';
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    visibility: hidden;
    opacity: 0;
    -webkit-transition: all 300ms ease;
    -moz-transition: all 300ms ease;
    -ms-transition: all 300ms ease;
    -o-transition: all 300ms ease;
    transition: all 300ms ease;
}
.singleGal:hover .galImg:before{
    visibility: visible;
    opacity: 1;
}
.galImg img{
    width: 100%;
    height: auto;
}
.galHover {
    position: absolute;
    top: 50%;
    left: 0;
    right: 0;
    text-align: center;
    transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    visibility: hidden;
    opacity: 0;
    -webkit-transition: all 300ms ease;
    -moz-transition: all 300ms ease;
    -ms-transition: all 300ms ease;
    -o-transition: all 300ms ease;
    transition: all 300ms ease;
}
.singleGal:hover .galHover{
    visibility: visible;
    opacity: 1;
}
.galr,
.galTitle,
.galTag{
    transform: translate3d(0, 30px, 0);
    -webkit-transform: translate3d(0, 30px, 0);
    -moz-transform: translate3d(0, 30px, 0);
    -ms-transform: translate3d(0, 30px, 0);
    -o-transform: translate3d(0, 30px, 0);
}
.galr{
    -webkit-transition: all 300ms ease;
    -moz-transition: all 300ms ease;
    -ms-transition: all 300ms ease;
    -o-transition: all 300ms ease;
    transition: all 300ms ease;
}
.galTitle{
    -webkit-transition: all 600ms ease;
    -moz-transition: all 600ms ease;
    -ms-transition: all 600ms ease;
    -o-transition: all 600ms ease;
    transition: all 600ms ease;
}
.galTag{
    -webkit-transition: all 900ms ease;
    -moz-transition: all 900ms ease;
    -ms-transition: all 900ms ease;
    -o-transition: all 900ms ease;
    transition: all 900ms ease;
}
.singleGal:hover .galr,
.singleGal:hover .galTitle,
.singleGal:hover .galTag{
    transform: translate3d(0, 0, 0);
    -webkit-transform: translate3d(0, 0, 0);
    -moz-transform: translate3d(0, 0, 0);
    -ms-transform: translate3d(0, 0, 0);
    -o-transform: translate3d(0, 0, 0);
}
.galTag{
    line-height: .8;
    margin: 0;
}
.galr {
    margin-bottom: 25px;
}
.galr a {
    background: #fff;
    border-radius: 50%;
    color: #34313f;
    display: inline-block;
    font-size: 18px;
    height: 60px;
    padding: 20px 0;
    text-align: center;
    width: 60px;
    line-height: .8;
}
.galr a:hover{
    color: #e43d4e;
}
.galr a.popUp{
    margin-right: 5px;
    background: #e43d4e;
    color: #fff;
}
.galr a.popUp:hover{
    color: #34313f;
}
.galTitle {
    margin: 0 0 18px;
}
.galTitle a:hover{
    color: #e43d4e;
}
.galTitle a{
    color: #fff;
}
.galTag a{
    font-size: 16px;
    color: #808080;
}

/**=================== 01.11 FunFact ===================**/
.funfactSec{
    background: url(../images/bg/3.jpg) no-repeat scroll center center/cover;
}
.singleFun{
    text-align: center;
    padding: 63px 0 87px;
}
.singleFun:hover{
    background: rgba(228, 61, 78, .4);
    -webkit-transition: all 300ms ease;
    -moz-transition: all 300ms ease;
    -ms-transition: all 300ms ease;
    -o-transition: all 300ms ease;
    transition: all 300ms ease;
    cursor: pointer;
}
.singleFun i{
    font-size: 42px;
    color: #e43d4e;
    margin-bottom: 36px;
}
.singleFun h2{
    color: #fff;
    margin-bottom: 13px;
}
.singleFun h3{
    color: #fff;
    margin: 0;
}

/**=================== 01.12 Blog ===================**/
.singlePost{
    text-align: center;
    background: #292633;
}
.postThum img{
    width: 100%;
    height: auto;
}
.singlebDec {
    padding: 55px 55px 60px;
}
.singlebDec p:last-of-type{
    margin-bottom: 30px;
}
.blogTitle a,
.blogTitle{
    color: #fff;
}
.bdecTop{
    margin-bottom: 20px;
}
.bDate a{
    line-height: .8;
    margin: 0;
    color: #e43d4e;
}
.blogTitle a:hover{
    color: #e43d4e;
}
#recentPostCaro .owl-next,
#recentPostCaro .owl-prev {
    background: transparent;
    color: #55525c;
    font-size: 50px;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    font-weight: 700;
    margin: 0;
    padding: 0;
    -webkit-transition: all 300ms ease;
    -moz-transition: all 300ms ease;
    -ms-transition: all 300ms ease;
    -o-transition: all 300ms ease;
    transition: all 300ms ease;
}
#recentPostCaro .owl-next{
    right: -27%;
}
#recentPostCaro .owl-prev {
    left: -27%;
}
#recentPostCaro .owl-next:hover,
#recentPostCaro .owl-prev:hover{
    color: #fff;
}

/**=================== 01.13 Client ===================**/
.clientSec{
    padding: 27px 70px;
}
.singleclient img{
    opacity: .1;
    -webkit-transition: all 300ms ease;
    -moz-transition: all 300ms ease;
    -ms-transition: all 300ms ease;
    -o-transition: all 300ms ease;
    transition: all 300ms ease;
}
.singleclient a:hover img{
    opacity: 1;
}
.singleclient{
    width: 192px;
    height: 95px;
    margin: auto;
}
.singleclient img{
    width: 100%;
    padding: 0px 35px;
}

/**=================== 01.14 Footer ===================**/
.footer{
    background: url(../images/bg/4.jpg) no-repeat scroll center center/cover;
    padding: 120px 0;
}
.footer .widget{
    margin-bottom: 55px;
}
.footer .widgetTitle{
    color: #fff;
    margin-bottom: 35px;
}
.footerMap{
    width: 100%;
    height: 220px;
    margin-bottom: 35px;
}
.faddress .sads{
    padding-left: 41px;
    position: relative;
    margin-bottom: 17px;
}
.faddress .sads i{
    position: absolute;
    left: 0;
    top: 2px;
    color: #e43d4e;
    font-size: 19px;
}
.fmail a{
    color: #fff;
}
.fmail a:hover{
    color: #e43d4e;
}
.workHour {
    padding-bottom: 10px;
}
.workHour li{
    border-top: 1px solid #423e49;
    padding: 19.5px 0;
    -webkit-transition: all 300ms ease;
    -moz-transition: all 300ms ease;
    -ms-transition: all 300ms ease;
    -o-transition: all 300ms ease;
    transition: all 300ms ease;
}
.workHour li:last-of-type{
    border-bottom: 1px solid #423e49;
}
.workHour li span{
    float: right;
}
.workHour li:hover{
    color: #fff;
    cursor: pointer;
}
.bannerWid{
    border: 3px solid #3c3945;
    text-align: center;
    padding: 69px 40px 27px;
    -webkit-transition: all 300ms ease;
    -moz-transition: all 300ms ease;
    -ms-transition: all 300ms ease;
    -o-transition: all 300ms ease;
    transition: all 300ms ease;
}
.bannerWid:hover{
    background: rgba(255, 255, 255, .1);
    cursor: pointer;
}
.bannerWid h4{
    color: #fff;
    margin: 0 0 4px;
    position: relative;
}
.bannerWid h4 span{
    position: absolute;
    font-size: 70px;
    color: #e43d4e;
    left: 0;
    right: 0;
    top: -18px;
}
.bannerWid h4 span.banPer{
    position: relative;
    z-index: 1;
    font-size: 30px;
    color: #fff;
    top: -5px;
}
.bannerWid h5{
    margin-bottom: 27px;
}
.bannerWid p:last-of-type{
    margin: 0;
}
.sicialIcon.fsocial{
    padding: 0;
    text-align: left;
}
.newsletter{
    position: relative;
}
.newsletter input[type='email']{
    width: 100%;
    background: #34313f;
    border: none;
    height: 50px;
    padding: 0 20px;
}
.newsletter input[type='email']:focus{
    color: #fff;
}
.newsletter input[type="submit"],
.newsletter button {
    background: transparent;
    color: #e43d4e;
    position: absolute;
    right: 20px;
    font-size: 20px;
    padding: 0;
    top: 11px;
}
.newsletter input[type="submit"]:hover,
.newsletter button:hover{
    color: #fff;
}
.newsletter input[type='email']:input-placeholder{
    color: #808080;
    opacity: 1;
}
.newsletter input[type='email']::-webkit-input-placeholder {
    color: #808080;
    opacity: 1;
}
.newsletter input[type='email']:-moz-placeholder {
    color: #808080;
    opacity: 1;
}
.newsletter input[type='email']::-moz-placeholder {
    color: #808080;
    opacity: 1;
}
.newsletter input[type='email']:-ms-input-placeholder {
    color: #808080;
    opacity: 1;
}


/**=================== 01.15 CopyRight ===================**/
.copyRight {
    background: #fff;
    padding: 46px 0;
}
.copyPera{
    margin: 0;
}
.copyPera i{
    color: #e43d4e;
}
.copyPera a{
    color: #262330;
}
.copyPera a:hover{
    color: #e43d4e;
}


/*=======================================================================
[02] ABOUT PAGE
=========================================================================*/
/**=================== 02.1 Breadcrump ===================**/
.breadcrumbSec{
    background: url(../images/bg/5.jpg) no-repeat scroll center center/cover;
    padding: 154px 0 30px;
    position: relative;
    z-index: 1;
}

/**=================== 02.2 Inner Header ===================**/
.innerHeader{
    background: rgba(38, 35, 48, .8);
    position: absolute;
    z-index: 99;
    left: 0;
    right: 0;
    width: 100%;
}
.innerHeader .logo {
    position: relative;
    top: 6px;
    -webkit-transition: all 300ms ease;
    -moz-transition: all 300ms ease;
    -ms-transition: all 300ms ease;
    -o-transition: all 300ms ease;
    transition: all 300ms ease;
}
.innerHeader .sicialIcon {
    padding: 25px 0;
}
.innerHeader.isStickyInner.fixedHeader .logo {
    height: auto;
    position: relative;
    top: 11px;
    width: 110px;
}
.innerHeader.isStickyInner.fixedHeader .sicialIcon {
    padding: 29px 0;
}


.mainNav2 ul li{
    display: inline-block;
    line-height: 1.2;
    margin-right: 36px;
    position: relative;
}
.mainNav2 ul li:before{
    width: 0;
    height: 2px;
    content: '';
    left: 0;
    right: 0;
    bottom: 0;
    position: absolute;
    background: #e43d4e;
    -webkit-transition: all 300ms ease;
    -moz-transition: all 300ms ease;
    -ms-transition: all 300ms ease;
    -o-transition: all 300ms ease;
    transition: all 300ms ease;
}
.mainNav2 ul li.active:before{
    width: 100%;
}
.mainNav2 ul li:hover > a,
.mainNav2 ul ul.sub-menu li:hover > a,
.mainNav2 ul ul.sub-menu ul.sub-menu li:hover > a{
    color: #e43d4e;
}
.mainNav2 ul li:last-of-type{
    margin-right: 0;
}
.mainNav2 ul li a {
    color: #fff;
    display: block;
    font-family: "Oswald",sans-serif;
    font-weight: 400;
    padding: 50px 0 49px;
    text-transform: uppercase;
    font-size: 16px;
}
.mainNav2 ul ul.sub-menu {
    position: absolute;
    width: 200px;
    background: #fff;
    padding-left: 40px;
    z-index: 9;
    left: 50%;
    margin-left: -61px;
    padding-top: 16px;
    padding-bottom: 16px;
    visibility: hidden;
    opacity: 0;
    top: 130px;
    -webkit-transition: all 300ms ease;
    -moz-transition: all 300ms ease;
    -ms-transition: all 300ms ease;
    -o-transition: all 300ms ease;
    transition: all 300ms ease;
}
.mainNav2 ul li:hover ul.sub-menu{
    visibility: visible;
    opacity: 1;
    top: 118px;
}
.mainNav2 ul ul.sub-menu li{
    margin: 0;
    display: block;
    margin: 21px 0;
    position: relative;
}
.mainNav2 ul ul.sub-menu li a{
    padding: 0;
    color: #262330;
}
.mainNav2 ul ul.sub-menu ul.sub-menu {
    background: #262330;
    position: absolute;
    margin: 0;
    left: 100%;
    top: -20px;
    visibility: hidden;
    opacity: 0;
}
.mainNav2 ul ul.sub-menu li:hover ul.sub-menu{
    visibility: visible;
    opacity: 1;
    top: -37px;
}
.mainNav2 ul ul.sub-menu ul.sub-menu li{}
.mainNav2 ul ul.sub-menu ul.sub-menu li a{
    color: #fff;
}
.fixedHeader {
    left: 0;
    position: fixed;
    right: 0;
    width: 100%;
    z-index: 999;
    background: #201e29;
    top: 0;
}
.fixedHeader .mainNav2 ul li a{
    padding: 40px 0 39px;
}
.fixedHeader .headerSearch {
    padding: 10px 0;
}
.fixedHeader .mainNav2 ul.sub-menu{
    top: 120px;
}
.fixedHeader .mainNav2 ul li:hover ul.sub-menu {
    top: 98px;
}
.fixedHeader .mainNav2 ul ul.sub-menu ul.sub-menu{
    top: 0;
}
#header1.fixedHeader .headerSearch button{
    top: 8px;
    background: transparent;
}


/*=======================================================================
[03] CONTACT PAGE
=========================================================================*/
.googleMap{
    width: 100%;
    height: 600px;
    background: #312E3B;
}
.contactInfo {
    padding-bottom: 8px;
    padding-top: 8px;
}
.contactForm{}
.contactForm input[type='text'],
.contactForm input[type='email'],
.contactForm textarea{
    width: 100%;
    text-align: center;
    background: #494653;
    border: none;
    height: 50px;
    margin-bottom: 10px;
}
.contactForm textarea{
    height: 180px;
    resize: none;
    margin-bottom: 40px;
}
.contactForm input[type='text']:input-placeholder,
.contactForm input[type='email']:input-placeholder,
.contactForm textarea:input-placeholder{
    color: #808080;
    opacity: 1;
}
.contactForm input[type='text']::-webkit-input-placeholder,
.contactForm input[type='email']::-webkit-input-placeholder,
.contactForm textarea::-webkit-input-placeholder{
    color: #808080;
    opacity: 1;
}
.contactForm input[type='text']:-moz-placeholder ,
.contactForm input[type='email']:-moz-placeholder ,
.contactForm textarea:-moz-placeholder {
    color: #808080;
    opacity: 1;
}
.contactForm input[type='text']::-moz-placeholder,
.contactForm input[type='email']::-moz-placeholder,
.contactForm textarea::-moz-placeholder{
    color: #808080;
    opacity: 1;
}
.contactForm input[type='text']:-ms-input-placeholder ,
.contactForm input[type='email']:-ms-input-placeholder ,
.contactForm textarea:-ms-input-placeholder {
    color: #808080;
    opacity: 1;
}
.contactForm input[type='text'].reqError,
.contactForm input[type='email'].reqError,
.contactForm textarea.reqError{
    color: #e43d4e;
}

/*=======================================================================
[04] BOOKING PAGE
=========================================================================*/
.calendar-header {
    background: #e43d4e;
    padding: 23px 38px;
}
.calendar-navigation a.prev,
.calendar-navigation a.next {
    display: inline-block;
    font-size: 30px;
    color: #fff;
}
.calendar-navigation a.prev:hover,
.calendar-navigation a.next:hover {
    color: #34313F;
}
.calendar-navigation h3 {
    display: inline-block;
    padding: 0;
    margin: 0;
    line-height: 1;
    position: relative;
    top: 5px;
}
.week-days,
.week-row,
.month-box {
    font-size: 0;
}
.week-days {
    background-color: #292633;
    overflow: hidden;
    font-family: 'Oswald', sans-serif;
    padding: 19px 0;
}
.week-days > div {
    position: relative;
    width: 14.285714%;
    font-size: 14px;
    font-weight: 400;
    text-transform: uppercase;
    color: #fff;
    text-align: center;
    line-height: 1;
    float: left;
}
.day-cell {
    position: relative;
    padding: 21px 0;
    display: inline-block;
    width: 14.285714286%;
    text-align: center;
    cursor: pointer;
    background: #494653;
}
.day-cell + .day-cell {
    border-left: 1px solid #54515d;
}
.day-cell.not-cur-month{
    background: #34313f;
}
.day-cell.not-cur-month {
    cursor: default;
}
.appointment-calendar .day-cell.selected-day{
    position: relative;
    background-color: #e43d4e
}
.week-row {
    border: 1px solid #54515d;
}
.week-row + .week-row {
    border-top: none;
}
.day-cell:last-of-type::before {
    background: #45424f;
    content: "";
    height: 100%;
    position: absolute;
    right: -1px;
    top: 0;
    width: 1px;
}
.day-date {
    font-size: 14px;
    font-weight: 400;
    color: #fff;
    font-family: 'Oswald', sans-serif;
}
.not-cur-month .day-date {
    color: #7e7e7e;
}
.appointment-list{
    background-color: #292633;
    padding: 55px 40px 60px;
}
.appointment-list h3.apTitle{
    margin-bottom: 35px;
}
.appointment-list li:first-child {
    border-top: 1px solid rgba(255, 255, 255, 0.1);
}
.appointment-list li {
    border-bottom: 1px solid rgba(255, 255, 255, 0.1);
    padding: 9.7px 0;
}
.appointment-list li div{
    font-size: 14px;
    text-transform: uppercase;
    font-family: 'Oswald', sans-serif;
    float: left;
    font-weight: 400;
    height: 60px;
}
.appointment-time {
    width: 347px;
    color: #fff;
    padding: 16px 0;
}
.appointment-time i{
    color: #e43d4e;
    font-size: 20px;
    margin-right: 17px;
}
.appointment-slots{
    width: 543px;
    color: #727173;
    padding: 16px 0;
}
.unavailable .appointment-slots{
    color: #e43d4e;
}
.book-appointment{
    width: 170px;
}
.book-appointment a{
    width: 100%;
    background: #ffffff;
    display: block;
    text-align: center;
    border: 3px solid #fff;
    line-height: 53px;
    color: #292633;
    height: 60px;
}
.book-appointment a:hover{
    background: #e43d4e;
    color: #fff;
    border-color: #e43d4e;
}
.unavailable .book-appointment a{
    width: 100%;
    background: transparent;
    display: block;
    text-align: center;
    border: 3px solid #3f3c48;
    line-height: 55px;
    color: #3f3c48;
    height: 60px;
}

/*=======================================================================
[05] STAFF PAGE
=========================================================================*/
.staffSec{
    padding-bottom: 60px;
}
.singleStaff {
    margin-bottom: 40px;
    padding-bottom: 20px;
}
.stafDec{
    text-align: center;
}
.stafDec .sicialIcon{
    padding: 0;
    text-align: center;
}
.stafDec .sicialIcon a{
    color: #55525c;
    border-color: #55525c;
}
.stafThumb{
    margin-bottom: 35px;
}
.stafThumb img{
    width: 100%;
    height: auto;
}
.stafDec h5,
.stafDec h5 a{
    margin: 0 0 5px;
    color: #fff;
}
.stafDec h5 a:hover{
    color: #e43d4e;
}
.stafDec p{
    line-height: .8;
    color: #e43d4e;
    margin: 0 0 18px;
}

/*=======================================================================
[06] SINGLE TEAM PAGE
=========================================================================*/
.teamSingleSec{
    padding-bottom: 90px;
}
.singleTeam {
    margin-right: 30px;
}
.steamConTop{
    margin-bottom: 50px;
}
.singTeamContent ul{
    margin-bottom: 22px;
}
.singTeamContent ul li{
    padding-left: 30px;
    position: relative;
}
.singTeamContent ul li i {
    color: #e43d4e;
    font-size: 20px;
    margin-right: 9px;
    position: absolute;
    top: 2px;
    left: 0;
}
.teamtabnav li{
    padding-left: 0 !important;
}
.singTeamTab{
    margin-bottom: 51px;
}
.singTeamTab .tab-content{
    background: #262330;
    padding: 55px 59px 5px;
}
.teamtabnav{
    border-bottom: 10px solid #e43d4e;
    margin: 0 !important;
}
.teamtabnav li{
    float: left;
    border: 1px solid #494653;
    height: 50px;
    margin-right: 1px;
}
.teamtabnav li a{
    text-transform: uppercase;
    font-family: 'Oswald', sans-serif;
    font-weight: 400;
    color: #727173;
    display: block;
    padding: 10px 17px;
}
.teamtabnav li.active a,
.teamtabnav li.active{
    background: #e43d4e;
    border-color: #e43d4e;
    color: #fff;
}
.singlebio {
    margin-bottom: 45px;
}
.singlebio h3{
    color: #fff;
    margin-bottom: 27px;
}

.skillWrap{
    padding-bottom: 15px;
}
.singleSkill{
    position: relative;
    margin-bottom: 40px;
}
.singleSkill h6{
    color: #fff;
    font-size: 14px;
    font-weight: 700;
    line-height: 0.8;
    margin: 0 0 21px;
    text-transform: uppercase;
}
.skHolder3{
    width: 100%;
    height: 10px;
    background: #34313f;
    position: relative;
}
.skill3{
    background: #e43d4e;
    height: 10px;
    position: relative;
}
.parcen3 {
    color: #787878;
    font-size: 14px;
    font-weight: 700;
    position: absolute;
    text-align: center;
    top: -42px;
    right: 0;
    font-family: 'Oswald', sans-serif;
}
.memberContact{
    padding-bottom: 60px;
}
.memberContact .expaddingr{
    padding-right: 4.5px;
}
.memberContact .expaddingl{
    padding-left: 4.5px;
}
.memberContact input[type='text'],
.memberContact input[type='email'],
.memberContact textarea{
    text-align: left;
    padding: 10px 15px;
}
.teamQuote{
    padding-top: 27px;
    padding-bottom: 24px;
}
.teamQuote blockquote{
    margin: 0;
    padding: 0;
    border: none;
    position: relative;
}
.teamQuote blockquote::before {
    color: #653442;
    content: "‘‘";
    font-family: "Oswald",sans-serif;
    font-size: 200px;
    font-weight: 700;
    left: -13px;
    letter-spacing: -21px;
    position: absolute;
    top: 70px;
    z-index: 1;
}
.teamQuote blockquote p{
    font-size: 20px;
    line-height: 30px;
    font-style: italic;
    color: #fff;
    position: relative;
    z-index: 1;
}
.teamQuote blockquote p:last-of-type{
    margin-bottom: 25px;
}
.bqauthor{}
.bqauthor h5{
    color: #fff;
    margin: 0 0 5px;
}
.teamQuote .bqauthor p{
    font-style: normal;
    font-size: 16px;
    color: #e43d4e;
    margin: 0;
    line-height: .8;
}

/*=======================================================================
[07] FAQ PAGE
=========================================================================*/
.faqSection{
    padding-bottom: 100px;
}
.faqAccordion .panel.panel-default:first-of-type{
    margin-top: 0;
}
.faqAccordion.panel-group .panel {
    border-radius: 0;
    margin-bottom: 0;
    border-color: transparent;
    box-shadow: none;
    border: none;
    margin-top: 10px;
}
.faqAccordion .panel-default > .panel-heading {
    background-color: transparent;
    border-color: transparent;
    border-radius: 0;
    color: transparent;
    padding: 0;
}
.faqAccordion .panel-title{
    text-transform: none;
}
.faqAccordion .panel-title > a {
    background: #e43d4e;
    color: #fff;
    display: block;
    font-size: 16px;
    font-weight: 300;
    position: relative;
    font-family: 'Poppins', sans-serif;
    padding: 10px 30px 10px 19px
}
.faqAccordion .panel-title > a::after {
    content: "\f107";
    font-family: FontAwesome;
    font-size: 20px;
    left: auto;
    position: absolute;
    right: 20px;
    top: 50%;
    transform: translateY(-50%);
    color: #fff;
}
.faqAccordion .panel-title > a.collapsed {
    background: #292633;
    color: #727173;
}
.faqAccordion .panel-title > a.collapsed:after {
    content: "\f105";
    color: #e43d4e;
}
.faqAccordion .panel-body {
    padding: 30px 18px 19px;
}
.faqAccordion.panel-group .panel-heading + .panel-collapse > .list-group,
.faqAccordion.panel-group .panel-heading + .panel-collapse > .panel-body{
    background: #34313f;
    border-color: #34313f;
    border-width: 0 1px 1px 1px;
    border-style: solid;
}

/*=======================================================================
[08] 404 ERROR
=========================================================================*/
.erorimg {
    height: 765px;
    left: auto;
    position: absolute;
    right: -220px;
    top: -103px;
    width: 1037px;
}
.erorimg img{
    width: 100%;
    height: auto;
}
.errorContent {
    padding-bottom: 120px;
    padding-top: 112px;
}
.errorContent h1{
    margin: 0 0 11px;
}
.errorContent h3{
    margin-bottom: 25px;
}
.errorContent p{
    margin: 0 0 11px;
}
.er_search{
    position: relative;
    margin-bottom: 18px;
}
.er_search input[type='search']{
    width: 100%;
    background: #494653;
    border: none;
    height: 50px;
    padding: 0 20px;
}
.er_search input[type="submit"],
.er_search button {
    background: transparent;
    color: #e43d4e;
    position: absolute;
    right: 20px;
    font-size: 20px;
    padding: 0;
    top: 11px;
}
.er_search input[type='search']:input-placeholder{
    color: #808080;
    opacity: 1;
}
.er_search input[type='search']::-webkit-input-placeholder {
    color: #808080;
    opacity: 1;
}
.er_search input[type='search']:-moz-placeholder {
    color: #808080;
    opacity: 1;
}
.er_search input[type='search']::-moz-placeholder {
    color: #808080;
    opacity: 1;
}
.er_search input[type='search']:-ms-input-placeholder {
    color: #808080;
    opacity: 1;
}
.er_search input[type="submit"]:hover,
.er_search button:hover{
    color: #808080;
}
.pbreak {
    line-height: 0.8;
    margin: 0 0 20px !important;
}

/*=======================================================================
[09] EVENTS PAGE
=========================================================================*/
.monthName {
    background: #e43d4e;
    text-align: center;
    padding: 25px;
    margin-bottom: 60px;
}
.monthName h3{
    margin: 0;
    color: #fff;
}
.singleEven {
    border-bottom: 1px solid #494652;
    margin-bottom: 60px;
    padding-bottom: 32px;
}
.singleEven:last-of-type {
    border-bottom: medium none;
    margin-bottom: 0;
    padding-bottom: 32px;
}
.eventThumb img{
    width: 100%;
    height: auto;
}
.eventDate{
    margin: 0 0 38px;
    line-height: .8;
}
.eventDate a{
    color: #e43d4e;
}
.eventTitle{
    margin-bottom: 26px;
}
.eventTitle a{
    color: #fff;
}
.eventDec {
    position: relative;
    top: -5px;
}
.paginationCustom a,
.paginationCustom span {
    background: #494653;
    border-radius: 50%;
    color: #727173;
    display: inline-block;
    font-family: "Oswald",sans-serif;
    font-size: 14px;
    font-weight: 400;
    height: 40px;
    line-height: 1;
    padding: 13px 0;
    text-align: center;
    width: 40px;
    margin-right: 5px;
}
.paginationCustom span.current,
.paginationCustom a:hover{
    background: #e43d4e;
    color: #fff;
}
.monthlyEvents.eventTwo .eventThumb{
    margin-bottom: 40px;
}


/*=======================================================================
[10] GELLARY PAGE
=========================================================================*/
#coll3Regular .singleGal,
#coll2Regular .singleGal{
    margin-bottom: 40px;
}
#coll3Regular .paginationCustom,
#coll2Regular .paginationCustom{
    margin-top: 20px;
}
.singleGalFw{
    background: #292633;
    text-align: center;
    margin-bottom: 60px;
    padding-bottom: 50px;
}
.singleGalFw .galImg {
    margin-bottom: 55px;
}
.galDecfw{
    padding: 0 10px;
}
.galTitle2 {
    margin: 0 0 7px;
}
.galTitle2 a:hover{
    color: #e43d4e;
}
.galTitle2 a{
    color: #fff;
}
.singleGalEx .galImg{
    margin-bottom: 55px;
}
.singleGalEx{
    background: #292633;
    text-align: center;
    padding-bottom: 30px;
    margin-bottom: 60px;
}
.galDecex {
    padding: 0 52px;
}
.galDecex .galTitle2{
    margin-bottom: 28px;
}
.galBtnWex{}
.galBtnWex img{
    width: 34px;
    height: 34px;
}
#coll4extended .galDecex {
    padding: 0 15px;
}


/*=======================================================================
[11] BLOG PAGE
=========================================================================*/
#blogCarousel{
    margin-bottom: 55px;
}
.blocaroContent{
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    left: 0;
    right: 0;
    text-align: center;
    width: 450px;
    margin: auto;
}
.blocaroContent h2{
    margin: 0;
    color: #fff;
}
#blogCarousel .owl-next,
#blogCarousel .owl-prev {
    background: transparent;
    color: #55525c;
    font-size: 50px;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    font-weight: 700;
    margin: 0;
    padding: 0;
    -webkit-transition: all 300ms ease;
    -moz-transition: all 300ms ease;
    -ms-transition: all 300ms ease;
    -o-transition: all 300ms ease;
    transition: all 300ms ease;
}
#blogCarousel .owl-next{
    right: -27%;
}
#blogCarousel .owl-prev {
    left: -27%;
}
#blogCarousel .owl-next:hover,
#blogCarousel .owl-prev:hover{
    color: #fff;
}
.blogCaroImg{
    position: relative;
}
.blogCaroImg:after{
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    width: 100%;
    height: 100%;
    background: rgba(38, 35, 48, .7);
    content: '';
}
.singleBCarousel{
    background: #201E29;
    overflow: hidden;
}
.topPostwrap{
    margin-bottom: 60px;
}
.topPost .singlebDec {
    padding: 55px 50px 20px;
}
.singlePostb{
    background: #292633;
    margin-bottom: 60px;
}
.singlePostbDec{
    padding: 55px 60px 30px;
}
.postTop .blogTitle{
    margin-bottom: 7px;
}
.blogSidebar{}
.blogSidebar .widget{
    margin-bottom: 55px;
}
.blogSidebar .widget .widgetTitle{
    color: #fff;
    text-align: center;
    margin-bottom: 36px;
}
.shareblog{}
.shareblog a{
    width: 116px;
    height: 116px;
    background: #292633;
    display: block;
    float: left;
    margin-right: 5px;
    color: #fff;
    text-align: center;
    padding: 25px 0;
}
.shareblog a.fb{
    background: #507cbe;
}
.shareblog a.tw{
    background: #00abef;
}
.shareblog a.gp{
    background: #d93e2d;
}
.shareblog a i{
    font-size: 34px;
    display: block;
    margin-bottom: 3px;
}
.shareblog a span{
    display: block;
    margin: 0;
    line-height: .8;
    font-size: 14px;
    text-transform: uppercase;
    font-weight: 500;
}
.shareblog a span.shCount{
    font-size: 20px;
    font-weight: 600;
    margin-bottom: 4px;
}
.shareblog a:last-of-type{
    margin-right: 0;
}
.shareblog a:hover{
    opacity: .8;
}
.blogSidebar .widget .newsletter input[type='email']{
    background: #494653;
    margin-bottom: 11px;
}
.flickerWidget{}
.flickerWidget a{
    float: left;
    display: block;
    width: 81px;
    height: 81px;
    margin-bottom: 10px;
    margin-right: 10px;
}
.flickerWidget a img{
    width: 100%;
    height: auto;
}
.flickerWidget a:nth-child(04),
.flickerWidget a:nth-child(08){
    margin-right: 0;
}
.selectDiv select {
    background: #494653;
    border: medium none;
    height: 50px;
    padding: 10px;
    width: 100%;
}
.select2-container--default .select2-selection--single {
    background-color: #494653;
    border: medium none;
    border-radius: 0;
    height: 50px;
}
.select2-container--default .select2-selection--single .select2-selection__rendered {
    color: #808080;
    font-size: 16px;
    line-height: 28px;
    padding: 11px 11px 11px 20px;
}
.select2-container--default .select2-selection--single .select2-selection__arrow {
    height: 50px;
    position: absolute;
    right: 1px;
    top: 0;
    width: 20px;
}
.select2-container--default .select2-selection--single .select2-selection__arrow b {
    border-color: transparent;
    border-style: solid;
    border-width: 0;
}
.select2-container--default .select2-selection--single .select2-selection__arrow b:before{
    position: absolute;
    content: '\f107';
    font-family: FontAwesome;
    top: -12px;
    right: 5px;
    color: #e43d4e;
    font-size: 20px;
}
.select2-container--default.select2-container--open .select2-selection--single .select2-selection__arrow b {
    border-color: transparent;
    border-width: 0;
}
.select2-dropdown {
    background-color: #262330;
    border: 1px solid transparent;
    border-radius: 0;
    box-sizing: border-box;
    display: block;
    left: -100000px;
    position: absolute;
    width: 100%;
    z-index: 1051;
}
.siRecPost{
    padding-left: 105px;
    position: relative;
    min-height: 85px;
    padding-top: 12px;
    margin-bottom: 20px;
}
.siRecPost:last-of-type{
    margin-bottom: 0;
}
.siRecPost img{
    position: absolute;
    left: 0;
    top: 0;
    width: 85px;
    height: 85px;
}
.siRecPost .bDate {
    font-size: 11px;
    line-height: 1;
    margin: 0;
}
.resPostTitle {
    margin: 0 0 4px;
}
.resPostTitle a{
    color: #fff;
}
.blogSidebar .widget ul{}
.blogSidebar .widget ul li{
    border-bottom: 1px solid #494653;
    position: relative;
}
.blogSidebar .widget ul li::before {
    bottom: 0;
    color: #e43d4e;
    content: "\f105";
    font-family: FontAwesome;
    font-size: 16px;
    left: 0;
    position: absolute;
    top: 10px;
}
.blogSidebar .widget ul li:first-child{
    border-top: 1px solid #494653;
}
.blogSidebar .widget ul li a{
    text-transform: capitalize;
    font-size: 16px;
    display: inline-block;
    color: #808080;
    padding: 10px 0;
    padding-left: 20px;
}

.testmonialBlog{
    background: url(../images/bg/6.jpg) no-repeat scroll center center/cover;
    padding: 60px 0 42px
}
.singTestmonial{
    position: relative;
    z-index: 1;
    text-align: center;
}
.testaut{
    margin-bottom: 34px;
}
.testaut img {
    border-radius: 50%;
    height: 100px;
    margin: 0 auto 40px;
    width: 100px !important;
}
.testaut h4{
    color: #fff;
    font-size: 20px;
    line-height: .8;
    margin: 0 0 9px;
}
.testaut p.bDate{
    font-size: 16px;
    line-height: .8;
}
.singTestmonial h3{
    color: #fff;
}
.short_post {
    padding: 55px 58px 40px;
}
.short_post h3{
    color: #fff;
}
.short_post .bDate{
    line-height: .8;
}
.posDecCaro{
    padding: 55px 58px 40px;
}
.posDecCaro h3{
    color: #fff;
}
.posDecCaro p.bDate{
    line-height: .8;
}
.singlePostb.blockquote{
    background: url(../images/bg/7.jpg) no-repeat scroll center center/cover;
    padding: 50px 60px 60px;
    position: relative;
}
.singlePostb.blockquote::after {
    color: #e43d4e;
    content: "‘‘";
    font-family: "Oswald",sans-serif;
    font-size: 183px;
    font-weight: 700;
    left: 50px;
    letter-spacing: -19px;
    opacity: 0.2;
    position: absolute;
    top: 177px;
}
.singlePostb blockquote{
    z-index: 1;
    position: relative;
    border: 0;
    padding: 0;
    margin: 0;
}
.blockquote p{
    font-style: italic;
    font-size: 20px;
    line-height: 30px;
}
.blockquote p:last-of-type{
    margin-bottom: 26px;
}
.blockquote p.bDate{
    margin-bottom: 24px;
}
.blockquote p.bDate,
.blockquote .testdeg p{
    font-style: normal;
    font-size: 16px;
}
.blockquote .testdeg h5{
    margin: 0 0 5px;
}
.blockquote .testdeg p{
    line-height: .8;
    margin: 0;
}
#postCaro .owl-next,
#postCaro .owl-prev {
    background: transparent;
    color: #fff;
    font-size: 50px;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    font-weight: 700;
    margin: 0;
    padding: 0;
    -webkit-transition: all 300ms ease;
    -moz-transition: all 300ms ease;
    -ms-transition: all 300ms ease;
    -o-transition: all 300ms ease;
    transition: all 300ms ease;
}
#postCaro .owl-next{
    right: 30px;
}
#postCaro .owl-prev {
    left: 30px;
}
#postCaro .owl-next:hover,
#postCaro .owl-prev:hover{
    color: #e43d4e;
}
.singlespDec{}
.singlespDec p{
    margin-bottom: 9px;
}
.singlespDec p.nth2n{
    background: #34313f;
    padding: 1px 20px;
}
.spDec{
    margin-bottom: 30px;
}

/*=======================================================================
[12] BLOG SINGLE PAGE
=========================================================================*/
.singleBlogPage{
    background: #292633;
    margin-bottom: 60px;
}
.blogSingleDec {
    padding: 60px 60px 31px;
}
.bsDecTop{
    margin-bottom: 39px;
}
.bsDecTop p.bDate{
    margin: 0;
    line-height: .8;
    font-size: 16px;
}
.likeView{
    background: #3f3c48;
    height: 50px;
    margin-bottom: 31px;
}
.likeView a {
    border-right: 1px solid #727173;
    color: #fff;
    float: left;
    height: 50px;
    padding: 11px 0;
    text-align: center;
    width: 50px;
}
.likeView a.repl{
    background: #e43d4e;
    color: #fff;
    border-right: none;
}
.likeView a:last-of-type{
    margin-right: 20px;
}
.likeView h6{
    display: inline-block;
    margin: 0;
    color: #727173;
    padding: 14px 0;
}
.likeView h6.pull-right{
    background: #e43d4e;
    color: #fff;
    padding: 14px 18px;
}
.blogSingleDec blockquote {
    border-color: #e43d4e;
    margin: 50px 0;
    padding: 13px 20px 10px;
    position: relative;
}
.blogSingleDec blockquote::after {
    color: #e43d4e;
    content: "‘‘";
    font-family: "Oswald",sans-serif;
    font-size: 183px;
    font-weight: 700;
    left: 9px;
    letter-spacing: -19px;
    line-height: 0.8;
    opacity: 0.2;
    position: absolute;
    top: 18px;
}
.blogSingleDec blockquote p{
    font-style: italic;
    font-size: 20px;
    line-height: 30px;
}
.blogSingleDec blockquote p:last-of-type{
    margin-bottom: 26px;
}
.blogSingleDec blockquote p.bDate{
    margin-bottom: 24px;
}
.blogSingleDec blockquote p.bDate,
.blogSingleDec blockquote .testdeg p{
    font-style: normal;
    font-size: 16px;
}
.blogSingleDec blockquote .testdeg h5{
    margin: 0 0 5px;
}
.blogSingleDec blockquote .testdeg p{
    line-height: .8;
    margin: 0;
}
.blogSingleDec ul{
    margin-bottom: 52px;
}
.blogSingleDec ul li i{
    color: #e43d4e;
    margin-right: 9px;
    font-size: 18px;
}
.singleBauthor {
    background: #292633;
    min-height: 250px;
    padding-left: 273px;
    padding-right: 50px;
    padding-top: 35px;
    position: relative;
    margin-bottom: 60px;
}
.singleBauthor img{
    position: absolute;
    left: 0;
    top: 0;
    width: 212px;
    height: 250px;
}
.singleBauthor .sicialIcon{
    padding: 0;
    text-align: left;
}
.singleBauthor .sicialIcon a{
    border-color: #3e3c47;
    color: #4d4b54;
}
.singleBauthor h3{
    margin: 0 0 7px;
}
.singleBauthor h3 a{
    color: #fff;
}
.singleBauthor p:last-of-type{
    margin-bottom: 8px;
}
.commentBox{
    background: #292633;
    padding: 60px 60px 20px;
}
.commForm{
    text-align: center;
    margin-bottom: 60px;
}
.commForm input[type='text'],
.commForm input[type='email'],
.commForm textArea{
    background: #3f3c48;
    height: 50px;
    border: none;
    text-align: center;
    margin-bottom: 10px;
}
.commForm input[type="email"],
.commForm input[type="text"] {
    float: left;
    width: 32.2%;
}
.commForm input.comfEmail{
    margin: 0 10px
}
.commForm textArea{
    width: 100%;
    height: 200px;
    resize: none;
    margin-bottom: 20px;
}
.commForm input[type='text']:input-placeholder,
.commForm input[type='email']:input-placeholder,
.commForm textArea:input-placeholder{
    color: #808080;
    opacity: 1;
}
.commForm input[type='text']::-webkit-input-placeholder,
.commForm input[type='email']::-webkit-input-placeholder,
.commForm textArea::-webkit-input-placeholder{
    color: #808080;
    opacity: 1;
}
.commForm input[type='text']:-moz-placeholder,
.commForm input[type='email']:-moz-placeholder,
.commForm textArea:-moz-placeholder{
    color: #808080;
    opacity: 1;
}
.commForm input[type='text']::-moz-placeholder,
.commForm input[type='email']::-moz-placeholder,
.commForm textArea::-moz-placeholder{
    color: #808080;
    opacity: 1;
}
.commForm input[type='text']:-ms-input-placeholder,
.commForm input[type='email']:-ms-input-placeholder,
.commForm textarea:-ms-input-placeholder{
    color: #808080;
    opacity: 1;
}
ol.commentList li ul.childCom li{
    padding-left: 40px;
}
.singleCom{
    position: relative;
    padding-left: 100px;
    padding-top: 21px;
    margin-bottom: 30px;
}
.singleCom img{
    width: 80px;
    height: 80px;
    border-radius: 50%;
    position: absolute;
    top: 0;
    left: 0;
}
.comHead {
    margin-bottom: 30px;
}
.singleCom a.reply {
    align-content: center;
    -moz-align-content: center;
    -ms-align-content: center;
    -webkit-align-content: center;
    -o-align-content: center;
    -moz-align-items: center;
    -ms-align-items: center;
    -webkit-align-items: center;
    -o-align-items: center;
    background: #fff;
    border-radius: 50%;
    color: #292633;
    display: inline-flex;
    font-size: 19px;
    height: 60px;
    justify-content: center;
    -webkit-justify-content: center;
    -ms-justify-content: center;
    -moz-justify-content: center;
    -o-justify-content: center;
    -ms-justify-content: center;
    text-align: center;
    width: 60px;
    position: absolute;
    right: 0;
    top: 0;
}
.singleCom a.reply:hover{
    background: #e43d4e;
    color: #fff;
}
.comName{
    font-size: 20px;
    color: #fff;
    line-height: .9;
    margin: 0 0 10px;
}
.comName a{
    color: #fff;
}
.comDate,
.comDate a{
    line-height: .8;
    margin: 0;
    color: #e43d4e;
    font-size: 16px;
}

/*=======================================================================
[13] SHOP PAGE
=========================================================================*/
.shopHead{
    margin-bottom: 40px;
}
.shortResult {
    margin: 0;
    position: relative;
    top: 10px;
}
.selectDiv.sorting{
    width: 270px;
    float: right;
}
.selectDiv.sorting .select2-search--dropdown{
    display: none;
}
.shopProduct{
    text-align: center;
    background: #292633;
    margin-bottom: 60px;
}
.shopDec{
    padding-top: 55px;
    padding-bottom: 60px;
    padding-left: 20px;
    padding-right: 20px;
}
.shopDec h3.blogTitle{}
.shopDec p.bDate {
    line-height: 0.8;
    margin-bottom: 38px;
}
.shopSidebar{
    padding-left: 100px;
}
.shopSidebar aside{
    margin-bottom: 36px;
}
.shopSidebar aside h3.widgetTitle{
    color: #fff;
    text-align: center;
    margin-bottom: 36px;
}
.shopSidebar aside ul {
    position: relative;
    top: -9px;
}
.shopSidebar aside ul li i {
    color: #e43d4e;
    font-size: 18px;
    margin-right: 8px;
    position: relative;
    top: 1px;
}
.shopSidebar aside ul li a{
    color: #727173;
    font-weight: 400;
}
.price_slider_wrapper{
    text-align: center;
    margin-bottom: 55px;
}
#slider-range{
    width: 100%;
    height: 3px;
    background: #e5e5e5;
    position: relative;
    margin-bottom: 11px;
}
#slider-range .ui-slider-handle{
    background: #e43d4e;
    border-radius: 50%;
    display: inline-block;
    height: 9px;
    position: absolute;
    top: -3px;
    width: 9px;
    cursor: pointer;
    transition: none;
    -moz-transition: none;
    -webkit-transition: none;
    -ms-transition: none;
    -o-transition: none;
}
#slider-range .ui-slider-range{
    background: #e43d4e;
    height: 3px;
    position: absolute;
}
#amount{
    color: #808080;
    margin-bottom: 30px;
    text-align: left;
}
.cartSidebar{
    text-align: center;
}
.singleCart{
    padding-left: 120px;
    position: relative;
    min-height: 86px;
    text-align: left;
    margin-bottom: 20px;
    padding-top: 21px;
}
.singleCart img{
    width: 77px;
    height: 86px;
    position: absolute;
    left: 23px;
    top: 0;
}
.crossProduct {
    color: #e43d4e;
    font-size: 20px;
    left: 0;
    line-height: 0.8;
    position: absolute;
    top: -4px;
}
.crossProduct:hover{
    color: #fff;
}
.singleCart h6,
.singleCart h6 a{
    margin: 0;
    color: #fff;
}
.singleCart h6 span{
    color: #808080;
}
.subTotal{}
.subTotal{
    text-align: left;
    font-size: 14px;
    color: #808080;
    line-height: 1;
    margin: 0 0 40px;
}
.subTotal span{
    color: #fff;
}

/*=======================================================================
[14] COLOR PRESET
=========================================================================*/
.colorPreset{
    position: fixed;
    width: 250px;
    right: -250px;
    background: #fff;
    z-index: 99999;
    border: 1px solid #e3e3e3;
    top: 50%;
    transform: translateY(-50%);
}
.switchTittle {
    background: #fff;
    width: 249px;
    height: 64px;
    position: relative;
    padding: 23px 25px;
    border-bottom: 1px solid #e3e3e3;
    border-right: 1px solid #e3e3e3;
}
.switchTittle a.switchButton {
    background: #fff;
    border: 1px solid #e3e3e3;
    color: #7f7f7f;
    display: block;
    height: 65px;
    left: -65px;
    position: absolute;
    text-align: center;
    top: -1px;
    width: 65px;
    font-size: 31px;
    padding: 15px;
    line-height: .8;
}
.switchTittle a.switchButton:hover{
    color: #000;
}
.colorPreset p{
    font-size: 16px;
    color: #000000;
    letter-spacing: 0;
    font-family: 'Poppins', sans-serif;
    font-weight: 600;
    margin: 0;
    line-height: 1;
}
.singleSwitch{
    background: #fff;
    padding: 15px 20px;
    border-bottom: 1px solid #e3e3e3;
}
.singleSwitch:last-of-type{
    border-bottom: none;
    padding-bottom: 30px;
}
.singleSwitch p{
    margin-bottom: 13px;
    text-transform: capitalize;
}
.switchs{
    overflow: hidden;
}
.colorSwitch a{
    width: 43px;
    height: 43px;
    background: #ccc;
    display: block;
    float: left;
    margin-right: 7px;
    margin-bottom: 7px;
    position: relative;
}
.colorSwitch a.color1{
    background: #e43d4e;
}
.colorSwitch a.color2{
    background: #2DB9C5
}
.colorSwitch a.color3{
    background: #AED13B;
}
.colorSwitch a.color4{
    background: #a72fca;
}
.colorSwitch a.color5{
    background: #caa13f;
}
.colorSwitch a.color6{
    background: #3a3fe0;
}
.colorSwitch a.color7{
    background: #e44d86;
}
.colorSwitch a.color8{
    background: #FA922C;
}
.colorSwitch a.active::before {
    bottom: 0;
    content: "\f00c";
    font-family: FontAwesome;
    height: 18px;
    left: 0;
    margin: auto;
    position: absolute;
    right: 0;
    top: 0;
    width: 15px;
    line-height: 1;
    color: #fff;
    font-weight: 300;
}

.lightDark a {
    border: 1px solid #cccccc;
    color: #000000;
    display: block;
    float: left;
    font-family: "Poppins",sans-serif;
    font-size: 14px;
    font-weight: 400;
    height: 40px;
    margin-right: 10px;
    padding: 14px 20px;
    line-height: .8;
    min-width: 80px;
}
.lightDark a:last-of-type{
    margin-right: 0;
}
.lightDark a.darkColor{
    background: #222222;
    color: #fff;
    border-color: #222222;
}
.lightDark a:hover{
    border-color: #000;
}
.lightDark a.active{
    border-color: #e43d4e;
    color: #e43d4e;
}

.navStyle a{
    border: 1px solid #cccccc;
    color: #000000;
    display: block;
    float: left;
    font-family: "Poppins",sans-serif;
    font-size: 14px;
    font-weight: 400;
    height: 40px;
    margin-right: 10px;
    padding: 14px 20px;
    line-height: .8;
    min-width: 80px;
}
.navStyle a:hover{
    border-color: #000;
}
.layout a {
    color: #777;
    display: inline-block;
    line-height: 1;
    padding-left: 24px;
    position: relative;
    margin-right: 10px;
}
.layout a:last-of-type{
    margin-right: 0;
}
.layout a span {
    background: #333;
    display: inline-block;
    height: 15px;
    position: absolute;
    top: 0;
    width: 15px;
    left: 0;
}
.layout a.active span::before {
    background: #e43d4e;
    display: inline-block;
    height: 7px;
    left: 0;
    position: absolute;
    top: 0;
    width: 7px;
    content: '';
    margin: auto;
    right: 0;
    bottom: 0;
}
.patterns a{
    width: 43px;
    height: 43px;
    background: #ccc;
    display: block;
    float: left;
    margin-right: 7px;
    margin-bottom: 7px;
    position: relative;
    border: 1px solid #ccc;
}
.patterns a.active::before {
    bottom: 0;
    content: "\f00c";
    font-family: FontAwesome;
    height: 18px;
    left: 0;
    margin: auto;
    position: absolute;
    right: 0;
    top: 0;
    width: 15px;
    line-height: 1;
    color: #fff;
    font-weight: 300;
}
.patterns a.bgp1{
    background: url(../images/pattern/p1.png) no-repeat scroll center center/cover;
}
.patterns a.bgp2{
    background: url(../images/pattern/p2.png) no-repeat scroll center center/cover;
}
.patterns a.bgp3{
    background: url(../images/pattern/p3.png) no-repeat scroll center center/cover;
}
.patterns a.bgp4{
    background: url(../images/pattern/p4.png) no-repeat scroll center center/cover;
}
.patterns a.bgp5{
    background: url(../images/pattern/p5.png) no-repeat scroll center center/cover;
}
.patterns a.bgp6{
    background: url(../images/pattern/p6.png) no-repeat scroll center center/cover;
}
.patterns a.bgp7{
    background: url(../images/pattern/p7.png) no-repeat scroll center center/cover;
}
.patterns a.bgp8{
    background: url(../images/pattern/p8.png) no-repeat scroll center center/cover;
}


/*=======================================================================
[15] BACK TO TOP
=========================================================================*/
.showit {
    background: #e43d4e;
    bottom: 100px;
    color: #ffffff;
    font-size: 20px;
    height: 40px;
    line-height: 0.8;
    padding: 10px 12px;
    position: fixed;
    right: 60px;
    text-align: center;
    width: 40px;
    z-index: 99;
}
.showit i {
    color: #ffffff;
}
.showit:hover {
    background: #333333;
    color: #ffffff;
}


/*=======================================================================
[16] PRELOADER
=========================================================================*/
.preloader {
    background: #201E29;
    bottom: 0;
    height: 100%;
    left: 0;
    position: fixed;
    right: 0;
    top: 0;
    width: 100%;
    z-index: 999999;
}
.la-ball-clip-rotate-pulse,
.la-ball-clip-rotate-pulse>div {
    position: relative;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box
}
.la-ball-clip-rotate-pulse {
    display: block;
    font-size: 0;
    color: #fff
}
.la-ball-clip-rotate-pulse.la-dark {
    color: #333
}
.la-ball-clip-rotate-pulse>div {
    display: inline-block;
    float: none;
    background-color: currentColor;
    border: 0 solid currentColor
}
.la-ball-clip-rotate-pulse {
    width: 32px;
    height: 32px
}
.la-ball-clip-rotate-pulse>div {
    position: absolute;
    top: 50%;
    left: 50%;
    border-radius: 100%
}
.la-ball-clip-rotate-pulse>div:first-child {
    position: absolute;
    width: 32px;
    height: 32px;
    background: transparent;
    border-style: solid;
    border-width: 2px;
    border-right-color: transparent;
    border-left-color: transparent;
    -webkit-animation: ball-clip-rotate-pulse-rotate 1s cubic-bezier(0.09, 0.57, 0.49, 0.9) infinite;
    -moz-animation: ball-clip-rotate-pulse-rotate 1s cubic-bezier(0.09, 0.57, 0.49, 0.9) infinite;
    -o-animation: ball-clip-rotate-pulse-rotate 1s cubic-bezier(0.09, 0.57, 0.49, 0.9) infinite;
    animation: ball-clip-rotate-pulse-rotate 1s cubic-bezier(0.09, 0.57, 0.49, 0.9) infinite
}
.la-ball-clip-rotate-pulse>div:last-child {
    width: 16px;
    height: 16px;
    -webkit-animation: ball-clip-rotate-pulse-scale 1s cubic-bezier(0.09, 0.57, 0.49, 0.9) infinite;
    -moz-animation: ball-clip-rotate-pulse-scale 1s cubic-bezier(0.09, 0.57, 0.49, 0.9) infinite;
    -o-animation: ball-clip-rotate-pulse-scale 1s cubic-bezier(0.09, 0.57, 0.49, 0.9) infinite;
    animation: ball-clip-rotate-pulse-scale 1s cubic-bezier(0.09, 0.57, 0.49, 0.9) infinite
}
.la-ball-clip-rotate-pulse.la-sm {
    width: 16px;
    height: 16px
}
.la-ball-clip-rotate-pulse.la-sm>div:first-child {
    width: 16px;
    height: 16px;
    border-width: 1px
}
.la-ball-clip-rotate-pulse.la-sm>div:last-child {
    width: 8px;
    height: 8px
}
.la-ball-clip-rotate-pulse.la-2x {
    width: 64px;
    height: 64px;
    left: 0;
    top: 0;
    right: 0;
    margin: auto;
    bottom: 0;
    position: absolute;
}
.la-ball-clip-rotate-pulse.la-2x>div:first-child {
    width: 64px;
    height: 64px;
    border-width: 4px
}
.la-ball-clip-rotate-pulse.la-2x>div:last-child {
    width: 32px;
    height: 32px
}
.la-ball-clip-rotate-pulse.la-3x {
    width: 96px;
    height: 96px
}
.la-ball-clip-rotate-pulse.la-3x>div:first-child {
    width: 96px;
    height: 96px;
    border-width: 6px
}
.la-ball-clip-rotate-pulse.la-3x>div:last-child {
    width: 48px;
    height: 48px
}
@-webkit-keyframes ball-clip-rotate-pulse-rotate {
    0% {
        -webkit-transform: translate(-50%, -50%) rotate(0deg);
        transform: translate(-50%, -50%) rotate(0deg)
    }
    50% {
        -webkit-transform: translate(-50%, -50%) rotate(180deg);
        transform: translate(-50%, -50%) rotate(180deg)
    }
    100% {
        -webkit-transform: translate(-50%, -50%) rotate(360deg);
        transform: translate(-50%, -50%) rotate(360deg)
    }
}
@-moz-keyframes ball-clip-rotate-pulse-rotate {
    0% {
        -moz-transform: translate(-50%, -50%) rotate(0deg);
        transform: translate(-50%, -50%) rotate(0deg)
    }
    50% {
        -moz-transform: translate(-50%, -50%) rotate(180deg);
        transform: translate(-50%, -50%) rotate(180deg)
    }
    100% {
        -moz-transform: translate(-50%, -50%) rotate(360deg);
        transform: translate(-50%, -50%) rotate(360deg)
    }
}
@-o-keyframes ball-clip-rotate-pulse-rotate {
    0% {
        -o-transform: translate(-50%, -50%) rotate(0deg);
        transform: translate(-50%, -50%) rotate(0deg)
    }
    50% {
        -o-transform: translate(-50%, -50%) rotate(180deg);
        transform: translate(-50%, -50%) rotate(180deg)
    }
    100% {
        -o-transform: translate(-50%, -50%) rotate(360deg);
        transform: translate(-50%, -50%) rotate(360deg)
    }
}
@keyframes ball-clip-rotate-pulse-rotate {
    0% {
        -webkit-transform: translate(-50%, -50%) rotate(0deg);
        -moz-transform: translate(-50%, -50%) rotate(0deg);
        -o-transform: translate(-50%, -50%) rotate(0deg);
        transform: translate(-50%, -50%) rotate(0deg)
    }
    50% {
        -webkit-transform: translate(-50%, -50%) rotate(180deg);
        -moz-transform: translate(-50%, -50%) rotate(180deg);
        -o-transform: translate(-50%, -50%) rotate(180deg);
        transform: translate(-50%, -50%) rotate(180deg)
    }
    100% {
        -webkit-transform: translate(-50%, -50%) rotate(360deg);
        -moz-transform: translate(-50%, -50%) rotate(360deg);
        -o-transform: translate(-50%, -50%) rotate(360deg);
        transform: translate(-50%, -50%) rotate(360deg)
    }
}
@-webkit-keyframes ball-clip-rotate-pulse-scale {
    0%, 100% {
        opacity: 1;
        -webkit-transform: translate(-50%, -50%) scale(1);
        transform: translate(-50%, -50%) scale(1)
    }
    30% {
        opacity: .3;
        -webkit-transform: translate(-50%, -50%) scale(0.15);
        transform: translate(-50%, -50%) scale(0.15)
    }
}
@-moz-keyframes ball-clip-rotate-pulse-scale {
    0%, 100% {
        opacity: 1;
        -moz-transform: translate(-50%, -50%) scale(1);
        transform: translate(-50%, -50%) scale(1)
    }
    30% {
        opacity: .3;
        -moz-transform: translate(-50%, -50%) scale(0.15);
        transform: translate(-50%, -50%) scale(0.15)
    }
}
@-o-keyframes ball-clip-rotate-pulse-scale {
    0%, 100% {
        opacity: 1;
        -o-transform: translate(-50%, -50%) scale(1);
        transform: translate(-50%, -50%) scale(1)
    }
    30% {
        opacity: .3;
        -o-transform: translate(-50%, -50%) scale(0.15);
        transform: translate(-50%, -50%) scale(0.15)
    }
}
@keyframes ball-clip-rotate-pulse-scale {
    0%, 100% {
        opacity: 1;
        -webkit-transform: translate(-50%, -50%) scale(1);
        -moz-transform: translate(-50%, -50%) scale(1);
        -o-transform: translate(-50%, -50%) scale(1);
        transform: translate(-50%, -50%) scale(1)
    }
    30% {
        opacity: .3;
        -webkit-transform: translate(-50%, -50%) scale(0.15);
        -moz-transform: translate(-50%, -50%) scale(0.15);
        -o-transform: translate(-50%, -50%) scale(0.15);
        transform: translate(-50%, -50%) scale(0.15)
    }
}

.services ul,
.services ol{
	list-style-type: disc;
}


/*
WOOCOMMERCE - re-styling to match Bootstrap
===========================================
If you don't want this to use the WooCommerce plugin, or if you don't want these styles below, then delete this entire segment of the CSS and delete the corresponding segment of amberlino.js

Notice that some of the styles below are for compatibility with Bootstrap Theme.
If you are not using Bootstrap Theme, then delete those portions below.
*/
.woocommerce .woocommerce-checkout,
.woocommerce-MyAccount-content {
  background: #292633;
  padding: 10px 5px;
}
.woocommerce a:focus {
  outline: none
}
.woocommerce .count {
  background: inherit
}
.woocommerce .added_to_cart {
  display: block !important
}
.woocommerce .woocommerce-error:before,
.woocommerce .woocommerce-info:before,
.woocommerce .woocommerce-message:before,
.woocommerce-page .woocommerce-error:before,
.woocommerce-page .woocommerce-info:before,
.woocommerce-page .woocommerce-message:before {
  padding-top: 0
}
.woocommerce #content input.button,
.woocommerce #respond input#submit,
.woocommerce a.button,
.woocommerce button.button,
.woocommerce input.button,
.woocommerce-page #content input.button,
.woocommerce-page #respond input#submit,
.woocommerce-page a.button,
.woocommerce-page button.button,
.woocommerce-page input.button,
.woocommerce div.product .button {
	/* .btn */
  border: 3px solid #fff;
  color: #fff;
  display: inline-block;
  font-family: "Oswald",sans-serif;
  font-size: 14px;
  font-weight: 400;
  letter-spacing: 0.7px;
  padding: 0 46px;
  text-transform: uppercase;
  background: transparent;
  -webkit-transition: all 300ms ease;
  -moz-transition: all 300ms ease;
  -ms-transition: all 300ms ease;
  -o-transition: all 300ms ease;
  transition: all 300ms ease;
	height: 50px;
  line-height: 42px;
}

@media only screen and (max-width : 768px) {
  .woocommerce-page .woocommerce-message .button{
    padding: 0 5px;
    text-align: center;
  }
}
@media only screen and (max-width : 390px) {
  .woocommerce-page .woocommerce-message .button{
    width: 100%;
    padding: 0 5px;
    text-align: center;
  }
}
@media only screen and (max-width : 1200px) {
	.woocommerce div.product .button{
		font-size: 12px;
	}
	del .amount{
		font-size: 9px;
	}
}
.woocommerce #content input.button:hover,
.woocommerce #respond input#submit:hover,
.woocommerce a.button:hover,
.woocommerce button.button:hover,
.woocommerce input.button:hover,
.woocommerce-page #content input.button:hover,
.woocommerce-page #respond input#submit:hover,
.woocommerce-page a.button:hover,
.woocommerce-page button.button:hover,
.woocommerce-page input.button:hover {
	/* .btn-primary:hover */
	/* color: #FFF; */
	/* BOOTSTRAP THEME .btn-primary:hover */
	/* background-color: $link-color; */
	/* background-position: 0px -15px; */

	color: #e43d4e;
    border-color: #e43d4e;
	background: transparent;
}


.woocommerce #respond input#submit.alt.disabled,
.woocommerce #respond input#submit.alt.disabled:hover,
.woocommerce #respond input#submit.alt:disabled,
.woocommerce #respond input#submit.alt:disabled:hover,
.woocommerce #respond input#submit.alt:disabled[disabled],
.woocommerce #respond input#submit.alt:disabled[disabled]:hover,
.woocommerce a.button.alt.disabled,
.woocommerce a.button.alt.disabled:hover,
.woocommerce a.button.alt:disabled,
.woocommerce a.button.alt:disabled:hover,
.woocommerce a.button.alt:disabled[disabled],
.woocommerce a.button.alt:disabled[disabled]:hover,
.woocommerce button.button.alt.disabled,
.woocommerce button.button.alt.disabled:hover,
.woocommerce button.button.alt:disabled,
.woocommerce button.button.alt:disabled:hover,
.woocommerce button.button.alt:disabled[disabled],
.woocommerce button.button.alt:disabled[disabled]:hover,
.woocommerce input.button.alt.disabled,
.woocommerce input.button.alt.disabled:hover,
.woocommerce input.button.alt:disabled,
.woocommerce input.button.alt:disabled:hover,
.woocommerce input.button.alt:disabled[disabled],
.woocommerce input.button.alt:disabled[disabled]:hover,
.woocommerce button.button:disabled,
.woocommerce button.button:disabled[disabled]{
  background: transparent;
  padding: 0 46px;
}

.woocommerce #content input.button.alt,
.woocommerce #respond input#submit.alt,
.woocommerce a.button.alt,
.woocommerce button.button.alt,
.woocommerce input.button.alt,
.woocommerce-page #content input.button.alt,
.woocommerce-page #respond input#submit.alt,
.woocommerce-page a.button.alt,
.woocommerce-page button.button.alt,
.woocommerce-page input.button.alt,
.woocommerce .woocommerce-additional-fields input.button {
    border: 3px solid #fff;
    color: #fff;
    display: inline-block;
    font-family: "Oswald",sans-serif;
    font-size: 14px;
    font-weight: 400;
    height: 60px;
    letter-spacing: 0.7px;
    line-height: 53px;
    padding: 0 46px;
    text-transform: uppercase;
    background-color: transparent;
    -webkit-transition: all 300ms ease;
    -moz-transition: all 300ms ease;
    -ms-transition: all 300ms ease;
    -o-transition: all 300ms ease;
    transition: all 300ms ease;
}
.woocommerce #content input.button.alt:hover,
.woocommerce #respond input#submit.alt:hover,
.woocommerce a.button.alt:hover,
.woocommerce button.button.alt:hover,
.woocommerce input.button.alt:hover,
.woocommerce-page #content input.button.alt:hover,
.woocommerce-page #respond input#submit.alt:hover,
.woocommerce-page a.button.alt:hover,
.woocommerce-page button.button.alt:hover,
.woocommerce-page input.button.alt:hover {
	    color: #e43d4e;
    border-color: #e43d4e;
    background-color: transparent;
}


.woocommerce .woocommerce-error,
.woocommerce-page .woocommerce-error {
	/* Extra fixes */
	padding: 0;
	margin: 0;
	position: relative;
	border-top: none;
	background: none;
	text-shadow: none;
	list-style: outside none none !important;
	width: auto;
	/* box-shadow: none; */
	/* Un-comment the line above if you are NOT using the BOOTSTRAP THEME. */
	/* .alert */
	padding: 15px;
	margin-bottom: 20px;
	border: 1px solid transparent;
	border-radius: 4px;
	/* .alert-danger */
	color: #A94442;
	background-color: #F2DEDE;
	border-color: #EBCCD1;
	/* BOOTSTRAP THEME .alert */
	text-shadow: 0px 1px 0px rgba(255, 255, 255, 0.2);
	box-shadow: 0px 1px 0px rgba(255, 255, 255, 0.25) inset, 0px 1px 2px rgba(0, 0, 0, 0.05);
	/* BOOTSTRAP THEME .alert */
	background-image: linear-gradient(to bottom, #F2DEDE 0px, #E7C3C3 100%);
	background-repeat: repeat-x;
	border-color: #DCA7A7;
}
.woocommerce .woocommerce-error:after,
.woocommerce .woocommerce-error:before,
.woocommerce-page .woocommerce-error:after,
.woocommerce-page .woocommerce-error:before {
	display: none;
}
.woocommerce-checkout-payment#payment{
	background: #292633;
}
#add_payment_method #payment div.payment_box,
.woocommerce-cart #payment div.payment_box,
.woocommerce-checkout #payment div.payment_box{
	background: #494653;
  color: #fff;
}
#add_payment_method #payment div.payment_box::before,
.woocommerce-cart #payment div.payment_box::before,
.woocommerce-checkout #payment div.payment_box::before{
	border-bottom-color: #494653;
}

.woocommerce-products-header{
	margin: 15px 0 0 0;
  padding: 30px 0;
}
.breadcrumbSec.woocommerce-header{
	padding-bottom: 30px;
}
.sku_wrapper{
	display: none;
}
.sidebar h3{
	color: #fff;
    text-align: center;
    margin-bottom: 36px;
}
@media (min-width: 480px) and (max-width: 991px){
  .woocommerce-page .products div:nth-child(2n+1){
    clear: left;
  }
}
@media (min-width: 992px) and (max-width: 1200px){
  .woocommerce-page .products div:nth-child(3n+1){
    clear: left;
  }
}
@media (min-width: 1200px){
  .woocommerce-page .products div:nth-child(3n+1){
    clear: left;
  }
}
/* products */
.products a:hover{
	text-decoration: none;
}
.products h2{
	color: #fff;
	text-align: center;
	margin-top: 3px;
	margin-bottom: 5px!important;
	min-height: 40px;
	padding: 0 3px;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
	font-size: 19px!important;
  line-height: 20px;
}
@media only screen and (max-width : 1200px) {
	.products h2{
		font-size: 17px!important;
	}
}
.tab-content .products h2{
    font-size: 15px!important;
}
.woocommerce #respond input#submit.added,
.woocommerce a.button.added,
.woocommerce button.button.added,
.woocommerce input.button.added{
  display: none;
}
.woocommerce a.added_to_cart{
    float: right;
    font-size: 0px;
    &:after{
      content: '\e01d';
      font-family: WooCommerce;
      font-size: 20px;
      color: $main-color;
    }
}
.prod-info{
	margin-bottom: 10px!important;
	color: red;
	background: #292633;
	text-align: center;
}
.prod-info:first-child{
  clear: left;
}
.prod-data{
	padding: 10px;
}
.woocommerce div.product .product_title{
	color: #fff;
    font-family: 'Oswald', sans-serif;
    font-weight: 400;
    line-height: 30px;
    font-size: 24px;
    letter-spacing: 1.2px;
    margin-bottom: 28px;
}
.prod-subcat{
  h2{
    font-size: 20px;

  }
}
.price{
	padding: 5px 6px;
	float: left;
	text-decoration: none;
  width: 60%;
  @media only screen and (max-width : 1600px) {
    padding-top: 0;
    line-height: 12px;
  }
}
.woocommerce div.product p.price,
.woocommerce div.product span.price{
    font-size: 16px;
    color: #e43d4e;
    line-height: 24px;
    letter-spacing: 0;
    font-weight: 300;
	display: block;

	width: 100%;
}

@media only screen and (max-width : 1200px) {
	.price{
		padding: 4px 4px 3px;
		font-size: 11px;
	}
}
.home .woocommerce div.product p.price,
.home .woocommerce div.product span.price{
	font-size: 14px;
}
.price ins{
	text-decoration: none;
}
.products .prod-img{
	/* min-height: 230px; */
	overflow: hidden;
	text-align: center;
}
.home .products .prod-img{
  border-top: 3px solid transparent;
  border-bottom: 1px solid transparent;
  &:hover{
    border-top: 3px solid $main-color;
    border-bottom: 1px solid $red;
  }
}
.woocommerce-product-details__short-description{
	font-size: 16px;
    color: #818181;
    letter-spacing: 0;
    line-height: 30px;
    font-weight: 300;
    font-family: 'Poppins', sans-serif;
    margin: 0;
}
.woocommerce .products .star-rating{
	position: absolute;
	top: 10px;
	right: 10px;
}
.woocommerce .star-rating span::before{
	color: $link-color;
}
.woocommerce span.onsale{
	background: $inverce-color;
  color: $text-color;
  @include border-radius(0,0,0,0);
  padding: 3px 5px;
  min-height: 1.5em;
  line-height: 1.5em;
  top: 0.5em;
  left: 0.5em;
}

/* single product */
.woocommerce{
	xmargin-top: 20px;
}
.entry-summary .price,
.woocommerce  div.product .entry-summary p.price,
.woocommerce div.product .entry-summary span.price{
	background: transparent;
	font-size: 20px;
	color: $main-color;
}
.entry-summary .price del,
.woocommerce div.product .entry-summary p.price del,
.woocommerce div.product .entry-summary span.price del{
  font-size: 16px;
}

.variations label{
    color: #FFF;
    font-size: 14px;
    letter-spacing: .7px;
    font-family: 'Oswald', sans-serif;
    font-weight: 400;
    text-transform: uppercase;
    display: block;
    line-height: .9;
    margin: 0 0 20px;
}
.variations .label{
	display: block;
	text-align: left;
}
.variations select{
    color: #808080;
    font-size: 16px;
    line-height: 28px;
    padding: 11px 20px;
    background-color: #494653;
    border: medium none;
    border-radius: 0;
    height: 50px;
    width: 100%;
	display: block;
}
.variations_button{
	clear: both;
}

.woocommerce div.product form.cart .reset_variations{
	color: $main-color;
}
.product .input-text.qty.text{
	width: 95px;
    height: 50px;
    background: #494653;
    text-align: left;
    display: inline-block;
    padding: 11px 0 11px 19px;
    margin-right: 6px;
    border: none;
    text-align: left;
    font-weight: 400;
    line-height: 0.8;
    letter-spacing: 0.7px;
    font-family: 'Oswald', sans-serif;
    font-size: 14px;
    color: #818181;
}
.woocommerce-page button.button.alt.btn-amberlino,
.btn-amberlino,
.woocommerce-page .single_add_to_cart_button.button.alt{
	border: 3px solid #fff;
    color: #fff;
    display: inline-block;
    font-family: "Oswald",sans-serif;
    font-size: 14px;
    font-weight: 400;

    letter-spacing: 0.7px;

    padding: 0 46px;
    text-transform: uppercase;
    background: transparent;
    -webkit-transition: all 300ms ease;
    -moz-transition: all 300ms ease;
    -ms-transition: all 300ms ease;
    -o-transition: all 300ms ease;
    transition: all 300ms ease;
	    height: 50px;
    line-height: .8;
}
.navbar-form .btn-amberlino{
  padding: 7px 20px 8px;
}
.woocommerce-page button.button.alt.btn-amberlino:hover,
.btn-amberlino:hover,
.woocommerce-page button.button.alt.btn-amberlino:focus,
.btn-amberlino:focus{
	color: #e43d4e;
    border-color: #e43d4e;
	background: transparent;
}
.sku_wrapper,
.posted_in {
	display: block;
}
.posted_in a,
.tagged_as a{
	font-size: 11px;
}
/* single product tabs */
.woocommerce div.product .woocommerce-tabs ul.tabs{
	margin: 0;
	border-bottom: 10px solid #e43d4e;
	padding: 0;
}

.woocommerce div.product .woocommerce-tabs ul.tabs::before{
	border: none;
}
.woocommerce div.product .woocommerce-tabs ul.tabs li.active,
.woocommerce div.product .woocommerce-tabs ul.tabs li{
	background: transparent;
	border: none;
	-webkit-border-radius: 0px;
	-moz-border-radius: 0px;
	border-radius: 0px;
    border: 1px solid #494653;
	font-family: 'Oswald', sans-serif;
}
.woocommerce div.product .woocommerce-tabs ul.tabs li.active{
	background: #e43d4e;
    border-color: #e43d4e;
    color: #fff;
}
.woocommerce div.product .woocommerce-tabs ul.tabs li::after,
.woocommerce div.product .woocommerce-tabs ul.tabs li::before{
	border: none;
	position: static;
	top: 0;
	left: 0;
}

/* single product tab panel */
.woocommerce div.product .woocommerce-tabs .panel{
	background: #262330;
    padding: 25px 59px 5px;

	-webkit-box-shadow: none;
	box-shadow: none;
}
.woocommerce-tabs h2{
	font-size: 16px;
	color: #808080;
}
/* reviews */
.woocommerce-Reviews-title{
	font-size: 20px;
}

/* related */
.related.products h2{
	font-size: 21px;
}

/* checkout */
h3#ship-to-different-address label{
	font-size: 20px;
	font-weight: normal;
	margin-top: 5px;
}

/* order received */
.woocommerce ul.order_details{
	padding: 0;
	margin: 0 0 10px;
}
.order-total{
  color: #fff;
}
/* econt fields */
.woocommerce-additional-fields .button{

}
#econt_detailed_shipping{
  color: #fff!important;
  font-size: 13px!important;
}
#place_iframe_here{
  background: #292633!important;
}

/* galery */
.woocommerce div.product div.images .flex-control-thumbs{
  margin-top: 10px;
}
/* galery end */

/* My profile */
.woocommerce-account .woocommerce-MyAccount-navigation,
.woocommerce-account .woocommerce-MyAccount-content{
  float: none;
  width: auto;
}
.woocommerce-account .woocommerce-MyAccount-navigation{
  float: none;
  width: 100%;
}
.woocommerce-account .woocommerce-MyAccount-navigation  ul{
    padding: 0;
    margin: 0;
    list-style-type: none;
}
.woocommerce-account .woocommerce-MyAccount-navigation ul  li{
    display: inline-block;
    margin: 1px 0;
    border: 1px solid #494653;
  }
  .woocommerce-account .woocommerce-MyAccount-navigation li  a{
      display: block;
      background: $gray-dark;
      padding: 6px 14px;
      color: #515151;
    }
    .woocommerce-account .woocommerce-MyAccount-navigation li.is-active a,
    .woocommerce-account .woocommerce-MyAccount-navigation li a:hover{
      background: #e43d4e;
      color: #fff;
    }

}
.woocommerce-MyAccount-content{
  padding: 20px;
  border: 1px solid $gray-lighter;
}

/* filter */
.woocommerce .widget_price_filter .ui-slider{
  margin-left: 0;
}
.woocommerce .widget_price_filter .price_slider_wrapper .ui-widget-content,
.woocommerce .widget_price_filter .ui-slider .ui-slider-range{
  background-color: $main-color;
  border-radius: 0;
}
.woocommerce .widget_price_filter .ui-slider .ui-slider-handle{
  background-color: $link-color;
  border-radius: 0;
  width: 5px;
  margin-left: 0;
}

/* @media (min-width: 480px) and (max-width: 991px){
  .woocommerce-page .products div:nth-child(2n+1){
    clear: left;
  }
}
@media (min-width: 992px) and (max-width: 1200px){
  .woocommerce-page .products div:nth-child(3n+1){
    clear: left;
  }
}
@media (min-width: 1200px){
  .woocommerce-page .products div:nth-child(4n+1){
    clear: left;
  }
} */
.product-categories > li > a{
  color: $main-color;
  font-size: 14px;
  @media (min-width: 1200px){
    font-size: 18px;
  }
  &:before{
    content: '';
    background: url(../images/logo_elements_sprite.png) no-repeat 0 -3px;
    width: 25px;
    height: 29px;
    vertical-align: middle;
    display: inline-block;
  }
}

.shop-sidebar{
	margin-top: 0;
}
.shop-sidebar a{
    color: #727173;
    font-weight: 400;
}
.shop-sidebar .cat-item a:before{
	content: "\f00c";
  color: #e43d4e;
  font-size: 18px;
  margin-right: 8px;
  position: relative;
  top: 1px;
  font-family: "FontAwesome";
}
.shop-sidebar .widget_shopping_cart_content a::before{
  content: '';
}
.woocommerce .widget_shopping_cart .cart_list li a.remove,
.woocommerce.widget_shopping_cart .cart_list li a.remove{
  top: 3px;
}

/* messages */
.woocommerce-error, .woocommerce-info, .woocommerce-message{
  background: #292633;
  color: #fff;
}

/* header cart */
.cart-customlocation {
  position: relative;
}
.cart-customlocation span{
  position: absolute;
  top: 48px;
  left: 5px;
  background: #e43d4e;
  padding: 2px 3px;
  line-height: 9px;
  border-radius: 5px;
  font-size: 10px;
  text-align: center;
}
.innerHeader .cart-customlocation span,
.fixedHeader .cart-customlocation span{
  top: 7px;
  left: 8px;
}
.header.fixedHeader .cart-customlocation span{
    top: 18px;
}
@media(min-width:320px) and (max-width: 767px){
.home .cart-customlocation span{
  top: 7px;
  left: 15px;
}
}

/* cart page */
.shop_table,
.woocommerce-order-overview {
  background: #292633;
}
.woocommerce-order-overview{
  padding: 10px!important;
}
.woocommerce .quantity .qty{
  height: 50px;
  background: #494653;
  color: #fff;
  border: none;
  margin-bottom: 5px;
  text-align: center;
  border: 1px solid #34313f;
}

.woocommerce .form-control,
.woocommerce .input-text {
  background: #494653;
  color: #fff;
  border: none;
  border: 1px solid #34313f;
}
.actions .coupon .input-text{
  height: 50px;
}
.coupon button.button{
  font-size: 10px;
  line-height: 12px;
}
.woocommerce form .form-row .input-checkbox,
.woocommerce-checkout .input-checkbox{
	margin: 9px 0 0 -18px;
}
.woocommerce-checkout label.checkbox {
    min-height: 20px;
    padding-left: 20px;
    margin-bottom: 0;
    font-weight: normal;
    cursor: pointer;
}

/* smaller buttons */
.woocommerce .cart .actions button.button,
.woocommerce .cart .actions button.button:disabled,
.woocommerce .widget_shopping_cart .buttons a,
.woocommerce.widget_shopping_cart .buttons a{
  padding: 0 10px;
}

.woocommerce-order h2,
.woocommerce-MyAccount-content h2{
  font-size: 30px;
}

/* wishlist */
.wishlist_table .add_to_cart.button,
.yith-wcwl-add-button a.add_to_wishlist,
.yith-wcwl-popup-button a.add_to_wishlist,
.wishlist_table a.ask-an-estimate-button,
.wishlist-title a.show-title-form,
.hidden-title-form a.hide-title-form,
.woocommerce .yith-wcwl-wishlist-new button,
.wishlist_manage_table a.create-new-wishlist,
.wishlist_manage_table button.submit-wishlist-changes,
.yith-wcwl-wishlist-search-form button.wishlist-search-button {
  font-size: 12px;
}

.yith-wcwl-add-button a.add_to_wishlist:before,
.yith-wcwl-popup-button a.add_to_wishlist:before,
.wishlist_table a.ask-an-estimate-button:before,
.wishlist-title a.show-title-form:before,
.hidden-title-form a.hide-title-form:before,
.woocommerce .yith-wcwl-wishlist-new button:before,
.wishlist_manage_table a.create-new-wishlist:before,
.wishlist_manage_table button.submit-wishlist-changes:before,
.yith-wcwl-wishlist-search-form button.wishlist-search-button:before {
  font: normal normal normal 14px/1 FontAwesome;
  content: "\f004";
}
#yith-wcwl-popup-message{
  background: #34313f;
  line-height: 30px;
  border-radius: 0px;
  -webkit-border-radius: 0px;
  -moz-border-radius: 0px;
  border: 3px solid #e43d4e;
}
.yith-wcwl-wishlistaddedbrowse,
.yith-wcwl-wishlistexistsbrowse {
  font-size: 12px;
  line-height: 15px;
}
.yith-wcwl-wishlistexistsbrowse .feedback{
  display: block;
}

.float-left{
	float: left;
}
