/*
  Theme Name: Citeno - Creative Multipurpose HTML5 Template 
  Theme URL: http://themewar.com/html/citeno
  Author: ThemeWar
  Author URI: http://themewar.com
  Description: Creative Multipurpose HTML5 Template
  Version: 1.0
*/

/*=======================================================================
[Table of contents]
=========================================================================
[01] HEADER STYLE
    [01:01] Default Header
    [01:02] header2
    [01:03] header3
    [01:04] header4
    [01:05] header5
    [01:06] header6
    [01:07] header7
    [01:08] header8
    [01:10] Header10
    [01:12] Header12
[02:00] FOOTER STYLE
    [02:01] Footer1
    [02:03] Footer3
    [02:03] Footer3
    [02:04] Footer4
    [02:05] Footer5
    [02:07] Footer7
    [02:08] Footer8
    [02:09] Footer9
[03] REVULATION SLIDER
    [03:01] slider1
    [03:02] slider2
    [03:03] slider3
[04] HOME ONE
    [04:01] about
    [04:03] icon Box
    [04:04] Testmonial
    [04:05] Client Carousel
    [04:06] Fan fact
    [04:07] Our Team
    [04:08] Get in Touch
[05] HOME TWO
    [05:01] Who we are
    [05:03] About3
[06] HOME THREE
    [06:01] Why Choose
    [06:02] Call To Action
    [06:03] Latest News
[07] FULL NAVIGATION
[08] PORTFOLIO
[09] SINGLE PROJECT
[10] SINGLE PROJECT 2
[11] SERVICES PAGE
[12] BLOG PAGE
[13] BLOG SINGLE PAGE
[14] ABOUT PAGE
[15] CONTACT PAGE
[16] 404 PAGE
[17] COMINGSOON PAGE
[18] SHOP PAGE
[19] SHOP2 PAGE
[20] SHOP3 PAGE
[21] SINGLE PRODUCT
[22] CART PAGE
[23] CHECKOUT PAGE

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

/*=======================================================================
[01] HEADER STYLE
=========================================================================

/**==================== Preloader ======================**/
.preloader{
    width: 100%;
    height: 100%;
    background: #fff;
    position: fixed;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    z-index: 100000;
    overflow: hidden;
}
.preloader img{
    width: 200px;
    height: auto;
    margin: auto;
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    margin: auto;
}
/**==================== [01:01] Default Header ======================**/
body.header_style header{
    margin-bottom: 80px;
}
.logo{
    width: 156px;
}
.logo img{
    width: 100%;
    height: auto;
}
.defaultHeader{
    position: absolute;
    z-index: 99;
    left: 0;
    right: 0;
    width: 100%;
    padding: 0 80px;
}
.menuBar {
    cursor: pointer;
    display: inline-block;
    height: 20px;
    line-height: 0.3;
    margin: 62px 0;
    width: 28px;
    position: relative;
    top: -4px;
}
.menuBar span {
    background: #fff;
    display: block;
    height: 3px;
    width: 100%;
    margin-bottom: 5px;
}
.menuBar span:last-of-type{
    margin-bottom: 0;
}
.fixedHeader{
    position: fixed;
    background: #333333;
    width: 100%;
    z-index: 1009;
    top: 0;
}
.fixedHeader .menuBar{
    top: 5px; 
    margin: 27px 0;
}
.logo,
.menuBar,
.widgetAbsocial{
    -webkit-transition: all 300ms ease;
    -moz-transition: all 300ms ease;
    -ms-transition: all 300ms ease;
    -o-transition: all 300ms ease;
    transition: all 300ms ease;
}
.fixedHeader .logo{
    padding: 25px 0;
	width: 150px;
}

/**==================== [01:02] Header2 ======================**/
.positionAbs{
    position: absolute;
    left: 0;
    right: 0;
    width: 100%;
    background: #fff;
    z-index: 99;
}
.positionAbs.fixedHeader{
    position: fixed;
    z-index: 1009;
}
.header{
    padding: 0 80px;
}
.logo {
    padding: 59px 0;
	width: 400px;
}
.manNav1{
    text-align: right;
}
.manNav1 ul li{
    display: inline-block;
    margin-right: 55px;
    position: relative;
}
.manNav1 ul li:last-of-type{
    margin-right: 0;
}
.manNav1 ul li a{
    display: inline-block;
    font-size: 16px;
    color: #808080;
    text-transform: uppercase;
    font-weight: 700;
    letter-spacing: .8px;
    padding: 62px 0;
}
.manNav1 ul li:hover > a{
    color: #92dd04;
}
.manNav1 ul > li > a:after {
    margin-left: 10px; 
    content: '\f107'; 
    font-family: FontAwesome;
}
.manNav1 ul li ul.sub-menu li > a:after {
    margin-left: 10px; 
    content: '\f105'; 
    font-family: FontAwesome;
    right: 20px;
    position: absolute;
}
.manNav1 ul li ul.sub-menu li > a:only-child:after{ 
    margin-left: 0;
    content: ''; }
.manNav1 ul li > a:only-child:after { 
    margin-left: 0; 
    content: '';
}
.manNav1 ul ul.sub-menu {
    left: 50%;
    position: absolute;
    right: 0;
    width: 240px;
    z-index: 99;
    background: #fff;
    margin-left: -130px;
    text-align: center;
    top: 158px;
    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;
}
.manNav1 ul li:hover ul.sub-menu{
    visibility: visible;
    opacity: 1;
    top: 153px;
}
.manNav1 ul ul.sub-menu li{
    margin: 0;
    display: block;
    border-bottom: 1px solid #faf7f7;
}
.manNav1 ul ul.sub-menu li a{
    padding: 10px 0;
    font-size: 13px;
}
.manNav1 ul ul.sub-menu ul.sub-menu {
    margin-left: 0;
    position: absolute;
    top: 20px;
    left: 100%;
    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;
}
.manNav1 ul ul.sub-menu li:hover ul.sub-menu{
    visibility: visible;
    opacity: 1;
    top: 0;
}
.fixedHeader .manNav1 ul ul.sub-menu{
    top: 90px;
}
.fixedHeader .manNav1 ul li:hover ul.sub-menu {
    top: 83px;
}
.fixedHeader .manNav1 ul ul.sub-menu ul.sub-menu{
    top: 10px;
}
.header2.fixedHeader{
    background: #fff;
    box-shadow: 2px 2px 3px rgba(0, 0, 0, 0.1);
}
.header2.fixedHeader .manNav1 ul li a {
    padding: 27px 0;
}
.fixedHeader .manNav1 ul li:hover ul.sub-menu{
    box-shadow: 0px 0px 1px rgba(0, 0, 0, .09);
}
.fixedHeader .manNav1 ul ul.sub-menu li a{
    padding: 10px;
} 

/**==================== [01:03] Header3 ======================**/
.header3{
    background: #333333;
}
.manNav2{
    text-align: right;
}
.manNav2 ul li{
    display: inline-block;
    margin-right: 55px;
    position: relative;
}
.manNav2 ul li:last-of-type{
    margin-right: 0;
}
.manNav2 ul li a{
    display: inline-block;
    font-size: 16px;
    color: #808080;
    text-transform: uppercase;
    font-weight: 700;
    letter-spacing: .8px;
    padding: 62px 0;
}
.manNav2 ul li:hover > a{
    color: #fff;
}
.manNav2 ul > li > a:after {
    margin-left: 10px; 
    content: '\f107'; 
    font-family: FontAwesome;
}
.manNav2 ul li ul.sub-menu li > a:after {
    margin-left: 10px; 
    content: '\f105'; 
    font-family: FontAwesome;
    right: 20px;
    position: absolute;
}
.manNav2 ul li ul.sub-menu li > a:only-child:after{ 
    margin-left: 0;
    content: ''; }
.manNav2 ul li > a:only-child:after { 
    margin-left: 0; 
    content: '';
}
.manNav2 ul ul.sub-menu {
    left: 50%;
    position: absolute;
    right: 0;
    width: 240px;
    z-index: 99;
    background: #333;
    margin-left: -130px;
    text-align: center;
    top: 158px;
    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;
}
.manNav2 ul li:hover ul.sub-menu{
    visibility: visible;
    opacity: 1;
    top: 153px;
}
.manNav2 ul ul.sub-menu li{
    margin: 0;
    display: block;
    border-top: 1px solid #404040;
}
.manNav2 ul ul.sub-menu li:last-child{
    border-bottom: 1px solid #404040;
}
.manNav2 ul ul.sub-menu li a{
    padding: 10px 0;
    font-size: 13px;
}
.manNav2 ul ul.sub-menu ul.sub-menu {
    margin-left: 0;
    position: absolute;
    top: 20px;
    left: 100%;
    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;
}
.manNav2 ul ul.sub-menu li:hover ul.sub-menu{
    visibility: visible;
    opacity: 1;
    top: 0;
}
.fixedHeader .manNav2 ul ul.sub-menu{
    top: 90px;
}
.fixedHeader .manNav2 ul li:hover ul.sub-menu {
    top: 83px;
}
.fixedHeader .manNav2 ul ul.sub-menu ul.sub-menu{
    top: 10px;
}
.header3.fixedHeader .manNav2 ul li a {
    padding: 27px 0;
}
.fixedHeader .manNav2 ul ul.sub-menu li a{
    padding: 10px;
} 

/**==================== [01:04] Header4 ======================**/
.headerTopbar{
    background: #404040;
    padding: 20px 63px;
}
.headerTopInfo{}
.headerTopInfo p {
    border-right: 2px solid #595959;
    color: #999999;
    display: inline-block;
    margin: 0 35px 0 0;
    padding-right: 40px;
}
.headerTopInfo p:last-of-type{
    border-right: none;
}

/**==================== [01:05] Header5 ======================**/
.header4{
    background: #333333;
    padding: 0 80px;
}
.header4 .widgetAbsocial{
    padding: 62px 0;
}
.fixedHeader.header4 .widgetAbsocial {
    padding: 28px 0;
}
.header4 .menuBar{
    top: 5px;
}
.m_auto{
    margin: auto;
}


/**==================== [01:06] Header6 ======================**/
.headerTopbar2{
    background: url(../images/bg/17.jpg) no-repeat scroll center center/cover;
    position: relative;
    padding: 33px 65px;
}
.headerTopInfo2{}
.headerTopInfo2 p{
    text-transform: uppercase;
    font-size: 16px;
    font-weight: 900;
    letter-spacing: 1.6px;
    color: #fff;
    margin: 0;
}
.crossTop{
    font-size: 22px;
    color: #fff;
    position: relative;
    top: 2px;
}
.crossTop:hover{
    color: #92dd04;
}

/**==================== [01:07] Header7 ======================**/
.header5{
    background: #333333;
    padding: 0 80px;
}
.manNav2.manNav3{
    text-align: center;
}
.borderHeader{
    width: 100%;
    height: 1px;
    background: #404040;
}
.seaarchHeader{
    padding: 62px 0;
}
.seaarchHeader a{
    color: #999999;
}
.header5 .widgetAbsocial{
    padding: 62px 0;
}
.manNav2.manNav3 ul li a{
    padding: 35px 0;
}
.fixedHeader .seaarchHeader {
    padding: 28px 0;
}
.header5.fixedHeader .widgetAbsocial {
    padding: 28px 0;
}
.manNav2.manNav3 ul ul.sub-menu{
    top: 105px;
}
.manNav2.manNav3 ul li:hover ul.sub-menu{
    top: 99px;
}
.manNav2.manNav3 ul ul.sub-menu ul.sub-menu{
    top: 5px;
}

/**==================== [01:08] Header8 ======================**/
.shopMenu{
    display: inline-block;
}
.shopMenu.right{
    margin-left: 78px;
}
.manNav2 ul.shopMenu.right .shopBtn{
    margin-right: 47px;
}
.manNav2 .shopBtn a {
    background: #92dd04;
    color: #fff;
    height: 50px;
    line-height: 0.8;
    padding: 17px 34px;
}
.manNav2 .shopBtn a:hover{
    background: #222;
}
.manNav2 .shopCart a span {
    background: #92dd04;
    color: #fff;
    font-size: 12px;
    font-weight: 700;
    height: 16px;
    line-height: 0.8;
    padding: 0 4px;
    position: relative;
    right: 9px;
    text-align: center;
    top: -11px;
}
.manNav2 .shopMenu.right li:last-of-type {
    margin-right: 0;
    position: relative;
    right: -10px;
    text-align: right;
}
.manNav2 ul.shopMenu.right li.shopBtn a{
    padding: 18px 34px;
}

/**==================== [01:10] Header10 ======================**/
.fixedHeader .shopMenu.right li a{
    padding: 27px 0;
}

/**==================== [01:12] Header12 ======================**/
.manNav2.manNav3.manNav4{
    text-align: right;
}
.seaarchHeader.menu_align {
    padding: 35px 0;
}


/*=======================================================================
[02] FOOTER STYLE
=========================================================================
/**==================== [02:01] Footer1 ======================**/
.footer_style footer{
    margin-bottom: 80px;
}
.footer_style footer:last-of-type{
    margin-bottom: 0;
}
.footer1{
    background: #333333;
    padding-top: 113px;
    padding-bottom: 0;
}
.footer1 .widgetTitle,
.footer4 .widgetTitle{
    font-family: 'Cabin', sans-serif; 
    font-size: 16px;
    color: #ffffff;
    letter-spacing: 1.6px;
    line-height: 27px;
    margin-bottom: 29px;
}
.aboutCiteno {
    padding-top: 7px;
}
.flogo{
    margin-bottom: 22px;
}
.citenoInfo{
    padding-right: 85px;
    padding-bottom: 56px;
}
.citenoInfo p{
    color: #999;
}
.widgetAbsocial a{
    color: #6e6e6e;
    font-size: 14px;
    margin-right: 27px;
}
.widgetAbsocial a:hover{
    color: #92dd04;
}
.widgetAbsocial a:last-of-type{
    margin-right: 0;
}
.menuWidget li{
    display: block;
    line-height: .8;
}
.menuWidget li a {
    color: #999999;
    display: inline-block;
    font-size: 14px;
    line-height: 0.8;
    margin-bottom: 23px;
}
.menuWidget li a:hover{
    color: #92dd04;
}
.instagramCon a{
    width: 82px;
    height: 82px;
    float: left;
    display: block;
    margin-right: 10px;
    margin-bottom: 10px;
}
.instagramCon a img{
    width: 100%;
    height: auto;
}
.instagramCon a:nth-child(04),
.instagramCon a:nth-child(08),
.instagramCon a:nth-child(12),
.instagramCon a:nth-child(16),
.instagramCon a:nth-child(20),
.instagramCon a:nth-child(24){
    margin-right: 0;
}
.footerTop{
    padding-bottom: 73px;
}
.borderF{
    width: 100%;
    height: 2px;
    background: #92dd04;
}
.copyPera{
    color: #999999;
    margin: 29px 0;
}
.copyPera a{
    color: #999999;
}
.copyPera a:hover{
    color: #92dd04;
}

/**==================== [02:03] Footer3 ======================**/
.popular_post {
    position: relative;
    top: -4px;
}
.singlepp{
    border-bottom: 2px solid #404040;
    margin-bottom: 16px;
    padding-bottom: 16px;
}
.singlepp:last-of-type{
    border-bottom: none;
}
.ppTitle2{
    margin-bottom: 4px;
    line-height: 1.3;
}
.ppTitle2 a{
    color: #999999;
    font-size: 14px;
    text-transform: capitalize;
    letter-spacing: .56px;
}
.fppMeta a,
.fppMeta{
    color: #6e6e6e;
}
.fppMeta a{
    margin-right: 8px;
}
.ppTitle2 a:hover,
.fppMeta a:hover{
    color: #fff;
}

/**==================== [02:04] Footer4 ======================**/
.aboutWidget{
    padding: 0 220px;
}
.aboutWidget .flogo{
    margin-bottom: 47px;
}
.aboutWidget p{
    line-height: 28px;
}
.aboutWidget p:last-of-type{
    margin-bottom: 35px;
}

/**==================== [02:05] Footer5 ======================**/
.footer2{
    background: #333333;
    padding: 50px 0;
}
.footer2 .copyPera,
.footer2 .flogo{
    margin: 0;
}
.footer2 .widgetAbsocial,
.footer2 .copyPera{
    position: relative;
    top: 3px;
}

/**==================== [02:07] Footer7 ======================**/
.twitterFeed{
    position: relative;
    top: -11px;
}
.singleTwi{
    border-bottom: 2px solid #404040;
    position: relative;
    padding-left: 55px;
    margin-bottom: 17px;
    padding-bottom: 24px;
}
.singleTwi:last-of-type{
    border-bottom: none;
    margin-bottom: 0;
    padding-bottom: 0;
}
.singleTwi i{
    width: 30px;
    height: 30px;
    background: #6e6e6e;
    position: absolute;
    left: 0;
    top: 9px;
    color: #fff;
    text-align: center;
    padding: 9px 0;
    line-height: .8;
}
.singleTwi p{
    color: #999999;
    margin-bottom: 5px;
}
.singleTwi p a,
.twdate{
    color: #bfbfbf;
}
.twdate{
    line-height: .8;
    margin: 0;
    font-size: 12px;
}
.footerTop1{
    padding-bottom: 65px;
}

/**==================== [02:08] Footer8 ======================**/
.footer3{
    background: #333333;
}
.footer3 .flogo{
    margin: 0;
    padding: 60px 0;
}
.footerSubSection{
    background: #404040;
    padding: 39px 0;
}
.subscribeContent h3{
    font-size: 16px;
    font-weight: 900;
    font-family: 'Lato', sans-serif; 
    color: #fff;
    letter-spacing: 1.6px;
    margin: 0 0 2px;
    line-height: 22px;
}
.subscribeContent p{
    font-size: 14px;
    color: #808080;
    margin: 0;
}
.subscribeForm{
    padding-right: 180px;
    position: relative;
    text-align: right;
}
.subscribeForm input[type='email']{
    background: transparent;
    border: none;
    border-bottom: 1px solid #595959;
    width: 100%;
    height: 50px;
    color: #808080;
    padding-left: 15px;
}
.subscribeForm input[type='email']:input-placeholder{
    color: #808080;
    opacity: 1;
}
.subscribeForm input[type='email']::-webkit-input-placeholder {
    color: #808080;
    opacity: 1;
}
.subscribeForm input[type='email']:-moz-placeholder {
    color: #808080;
    opacity: 1;
}
.subscribeForm input[type='email']::-moz-placeholder {
    color: #808080;
    opacity: 1;
}
.subscribeForm input[type='email']:-ms-input-placeholder {
    color: #808080;
    opacity: 1;
}
.subscribeForm input[type='submit']{
    position: absolute;
    right: 0;
    top: 0;
    background: #92dd04;
    border: none;
    font-size: 14px;
    color: #fffdfc;
    font-weight: 700;
    height: 50px;
    padding: 0 38px;
    -webkit-transition: all 300ms ease;
    -moz-transition: all 300ms ease;
    -ms-transition: all 300ms ease;
    -o-transition: all 300ms ease;
    transition: all 300ms ease;
}
.subscribeForm input[type='submit']:hover{
    background: #333333;
}
.subscribeForm input[type='email'].reqError{
    border-color: #92dd04;
}


/**==================== [02:09] Footer9 ======================**/
.footer4{
    background: #333;
}
.footerTop2 {
    padding-bottom: 64px;
    padding-top: 113px;
}


/*=======================================================================
[03] REVULATION SLIDER
=========================================================================

/**==================== [03:01] slider ======================**/
#rev1Slider{
    position: relative;
    background: #333;
}
.tp-banner{
    position: relative;
    overflow: hidden;
    width: 100%;
    height: 700px;
}
.rev1Con h2{
    color: #fff;
    font-size: 75px;
    font-weight: 700;
}
.rev1Con h6{
    font-size: 16px;
    color: #92dd04;
    line-height: 26px;
    letter-spacing: .8px;
}
.sliderBottomSocial {
    bottom: 53px;
    left: auto;
    position: relative;
    right: 35px;
    text-align: right;
    z-index: 99;
}
#rev1Slider .tp-bannertimer{
    display: none;
}
#rev1Slider .tp-bullets.simplebullets.hidebullets,
#rev1Slider .tp-bullets{
    display: block !important;
    opacity: 1 !important;
    left: 76px !important;
    margin-left: 0 !important;
}
#rev1Slider .tp-bullets.simplebullets .bullet {
    margin-right: 5px;
    font-size: 14px;
    color: #999999;
    font-weight: 900;
}
#rev1Slider .tp-bullets.simplebullets.round .bullet:hover, 
#rev1Slider .tp-bullets.simplebullets.round .bullet.selected, 
#rev1Slider .tp-bullets.simplebullets.navbar .bullet:hover, 
#rev1Slider .tp-bullets.simplebullets.navbar .bullet.selected {
    color: #92dd04;
}


/**==================== [03:02] slider2 ======================**/
#rev2Slider{
    background: #333;
}
.rev2Con{
    position: relative;
    left: 0;
}
.rev2Con h2{
    color: #fff;
    font-size: 75px;
    font-weight: 700;
}
.rev2Con h6{
    font-size: 16px;
    color: #92dd04;
    line-height: 32px;
    letter-spacing: .8px;
}
.sliderBottomSocial {
    bottom: 78px;
    left: auto;
    position: relative;
    right: 80px;
    text-align: right;
    z-index: 99;
}
#rev2Slider .slotholder:after{
    position: absolute;
    content: '';
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, .8);
}
#rev2Slider .tp-bannertimer{
    display: none;
}
#rev2Slider .tp-bullets.simplebullets.hidebullets,
#rev2Slider .tp-bullets{
    display: block !important;
    opacity: 1 !important;
    left: 76px !important;
    margin-left: 0 !important;
}
#rev2Slider .tp-bullets.simplebullets .bullet {
    margin-right: 5px;
    font-size: 14px;
    color: #999999;
    font-weight: 900;
}
#rev2Slider .tp-bullets.simplebullets.round .bullet:hover, 
#rev2Slider .tp-bullets.simplebullets.round .bullet.selected, 
#rev2Slider .tp-bullets.simplebullets.navbar .bullet:hover, 
#rev2Slider .tp-bullets.simplebullets.navbar .bullet.selected {
    color: #92dd04;
}

/**==================== [03:03] slider3 ======================**/
#rev3Slider{
    margin: 0 80px;
    background: #333;
}
#rev3Slider .slotholder:after{
    position: absolute;
    content: '';
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, .8);
}
.rev3Con h2{
    color: #fff;
    font-size: 75px;
    font-weight: 700;
}
.rev3Con h6{
    font-size: 16px;
    color: #92dd04;
    line-height: 32px;
    letter-spacing: .8px;
}
#rev3Slider .slotholder:after{
    position: absolute;
    content: '';
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, .8);
}
#rev3Slider .tp-bannertimer{
    display: none;
}
#rev3Slider .tp-bullets.simplebullets.hidebullets,
#rev3Slider .tp-bullets{
    display: block !important;
    opacity: 1 !important;
}
#rev3Slider .tp-bullets.simplebullets .bullet {
    width: 15px;
    height: 15px;
    background: #808080;
    border-radius: 50%;
    margin: 0 15px;
}
#rev3Slider .tp-bullets.simplebullets.round .bullet:hover, 
#rev3Slider .tp-bullets.simplebullets.round .bullet.selected, 
#rev3Slider .tp-bullets.simplebullets.navbar .bullet:hover, 
#rev3Slider .tp-bullets.simplebullets.navbar .bullet.selected {
    background: #92dd04;
}
.mr30{
    margin-right: 28px;
}

/*=======================================================================
[04] HOME ONE
=========================================================================
/**==================== [04:01] about ======================**/
.ab1Img{
    padding-left: 155px;
    padding-right: 70px;
}
.ab1Img img{
    width: 100%;
    height: auto; 
}
.ab1content {
    padding-top: 69px;
    padding-right: 90px;
}
.ab1Title h2{
    margin-bottom: 18px;
}
.ab1Title h6{
    margin-bottom: 12px;
    color: #92dd04;
    font-weight: 900;
}
.ab1content p:last-of-type{
    margin-bottom: 45px;
}
.ab1content ul{
    position: relative;
    top: -17px;
}
.ab1content ul li{
    line-height: 35px;
}

/**==================== [04:03] icon Box ======================**/
.icon1boxSec{
    padding-bottom: 100px;
}
.iconBox1{
    padding-left: 88px;
    position: relative;
    padding-top: 15px;
}
.iconBox1 i {
    color: #92dd04;
    font-size: 62px;
    left: 0;
    line-height: 0.8;
    position: absolute;
    top: 4px;
}
.iconBox1 h5{
    margin-bottom: 9px;
    font-weight: 600;
}
.iconBox1 p{
    color: #999999;
}

/**==================== [04:04] Testmonial ======================**/
.testmonialSec{
    background: url(../images/bg/19420537.png) no-repeat fixed center center/cover;
}
.singleTest1{
    background: #fff;
    padding: 49px 28px 49px 40px;
}
.test1Author {
    min-height: 70px;
    padding-left: 99px;
    padding-top: 20px;
    position: relative;
    margin-bottom: 17px;
}
.test1Author img{
    width: 70px !important;
    height: 70px;
    border-radius: 50%;
    position: absolute;
    left: 0;
    top: 0;
}
.test1Author h4{
    font-weight: 700;
}
.singleTest1 p:last-of-type{
    margin-bottom: 22px
}
.testRatting{
    line-height: .8;
}
.testRatting i{
    font-size: 20px;
    color: #92dd04;
    margin-right: 5px;
}
#testCarousel.owl-theme .owl-dots {
    bottom: -7px;
    left: -48%;
    position: absolute;
    text-align: center;
}
#testCarousel.owl-theme .owl-dots .owl-dot span {
    backface-visibility: visible;
    background: #808080;
    border-radius: 30px;
    display: block;
    height: 15px;
    margin: 0 30px 0 0;
    width: 15px;
    -webkit-transition: all 300ms ease;
    -moz-transition: all 300ms ease;
    -ms-transition: all 300ms ease;
    -o-transition: all 300ms ease;
    transition: all 300ms ease;
}
#testCarousel.owl-theme .owl-dots .owl-dot.active span, 
#testCarousel.owl-theme .owl-dots .owl-dot:hover span{
    background: #92dd04;
}
#testCarousel .owl-nav{
    display: none;  
    margin: 0;
}

/**==================== [04:05] Client Carousel ======================**/
.clientSec{
    padding: 100px 0;
}
#clientCaro .singleClient img{
    width: 130px;
    height: 70px;
    -webkit-transition: all 300ms ease;
    -moz-transition: all 300ms ease;
    -ms-transition: all 300ms ease;
    -o-transition: all 300ms ease;
    transition: all 300ms ease;
}
#clientCaro .singleClient img.clhover {
    bottom: 0;
    left: 0;
    position: absolute;
    right: 0;
    top: 0;
    visibility: hidden;
    opacity: 0;
}
#clientCaro .singleClient:hover img.clhover{
    visibility: visible;
    opacity: 1;
}
#clientCaro .owl-nav{
    display: none;
    margin: 0;
}

/**==================== [04:06] Fan fact ======================**/
.fanfactSec{
    background: url(../images/bg/17765808.jpg) no-repeat fixed center center/cover;
    padding: 130px 0;
}
.singleFun{
    text-align: center;
}
.singleFun h1{
    color: #fff;
    margin-bottom: 23px;
}
.singleFun p{
    font-size: 25px;
    color: #92dd04;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 2.5px;
    margin: 0 0 8px;
}

/**==================== [04:07] Our Team ======================**/
.singleTeam{
    position: relative;
    overflow: hidden;
    margin-bottom: 50px;
}
.teamimg img{
    width: 100%;
    height: auto;
}
.teamHover{
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    text-align: center;
}
.teamHover:before{
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    width: 100%;
    height: 100%;
    background: rgba(51, 51, 51, .8);
    content: ''; 
    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;
}
.singleTeam:hover .teamHover:before{
    visibility: visible;
    opacity: 1;
} 
.teamSocial{
    position: absolute;
    bottom: 30px;
    text-align: center;
    width: 100%;
}
.teamSocial a {
    background: #3a3a3a;
    color: #fff;
    display: inline-block;
    font-size: 16px;
    height: 50px;
    line-height: 0.8;
    padding: 17px 0;
    text-align: center;
    width: 50px;
    margin-right: 15px;
}
.teamSocial a:nth-child(01),
.teamSocial a:nth-child(02),
.teamSocial a:nth-child(03){
    transform: translate3d(0, 50px, 0);
    -moz-transform: translate3d(0, 50px, 0);
    -webkit-transform: translate3d(0, 50px, 0);
    -moz-transform: translate3d(0, 50px, 0);
    -ms-transform: translate3d(0, 50px, 0);
    -o-transform: translate3d(0, 50px, 0);
    visibility: hidden;
    opacity: 0;
}
.teamSocial a:nth-child(01){
    -webkit-transition: all 300ms ease;
    -moz-transition: all 300ms ease;
    -ms-transition: all 300ms ease;
    -o-transition: all 300ms ease;
    transition: all 300ms ease;
}
.teamSocial a:nth-child(02){
    -webkit-transition: all 450ms ease;
    -moz-transition: all 450ms ease;
    -ms-transition: all 450ms ease;
    -o-transition: all 450ms ease;
    transition: all 450ms ease;
}
.teamSocial a:nth-child(03){
    -webkit-transition: all 550ms ease;
    -moz-transition: all 550ms ease;
    -ms-transition: all 550ms ease;
    -o-transition: all 550ms ease;
    transition: all 550ms ease;
}
.singleTeam:hover .teamSocial a{
    transform: translate3d(0, 0, 0);
    -moz-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); 
    visibility: visible;
    opacity: 1;
}
.teamSocial a:last-of-type{
    margin-right: 0;
}
.teamSocial a:hover{
    background: #92dd04;
}
.teamName{
    position: relative;
    z-index: 1;
    top: 45%;
    transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-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;
    visibility: hidden;
    opacity: 0;
}
.singleTeam:hover .teamName{
    top: 50%;
    visibility: visible;
    opacity: 1; 
}
.teamName h4{
    color: #fff;
    font-family: 'Lato', sans-serif; 
    margin-bottom: 0;
}
.teamName p{
    color: #fff;
    letter-spacing: .7px;
}
.calltoaction{
    background: url(../images/team/47381804.png) no-repeat scroll center center/cover;
    padding: 67px 0;
}
.callaCon{
    padding-left: 80px;
}
.callaCon h3{
    color: #fff;
    line-height: 38px;
}
.callaCon p{
    color: #92dd04;
    text-transform: uppercase;
    margin: 0;
}
.calltoactionBtn {
    margin-top: 8px;
    padding-right: 80px;
}

/**==================== [04:08] Get in Touch ======================**/
.ccon{
    background: #fffdfc;
    padding: 80px 70px;
}
.contactForm{
    overflow: hidden;
}
.contactForm input[type='text'],
.contactForm input[type='email'],
.contactForm input[type='tel']{
    margin-bottom: 42px;
    height: 50px;
    border: none;
    border-bottom: 1px solid #e6e6e6;
    color: #bfbfbf;
    width: 100%;
    padding-left: 15px;
}
.contactForm input[type='tel']{
    padding-right: 0;
}
.contactForm input[type='text']:input-placeholder,
.contactForm input[type='email']:input-placeholder,
.contactForm input[type='tel']:input-placeholder{
    color: #bfbfbf;
    opacity: 1;
}
.contactForm input[type='text']::-webkit-input-placeholder,
.contactForm input[type='email']::-webkit-input-placeholder,
.contactForm input[type='tel']::-webkit-input-placeholder {
    color: #bfbfbf;
    opacity: 1;
}
.contactForm input[type='text']::-moz-placeholder,
.contactForm input[type='email']::-moz-placeholder,
.contactForm input[type='tel']::-moz-placeholder {
    color: #bfbfbf;
    opacity: 1;
}
.contactForm input[type='text']::-moz-placeholder,
.contactForm input[type='email']::-moz-placeholder,
.contactForm input[type='tel']::-moz-placeholder {
    color: #bfbfbf;
    opacity: 1;
}
.contactForm input[type='text']::-ms-input-placeholder,
.contactForm input[type='email']::-ms-input-placeholder,
.contactForm input[type='tel']::-ms-input-placeholder {
    color: #bfbfbf;
    opacity: 1;
}
.contactForm textarea{
    width: 100%;
    resize: none;
    border: none;
    border-bottom: 1px solid #e6e6e6;
    margin-bottom: 45px;
    height: 140px;
    padding-left: 15px;
}
.contactForm [type='submit']{
    background: #333;
    color: #fffdfc;
    display: inline-block;
    font-weight: 700;
    height: 50px;
    line-height: 50px;
    padding: 0 34px;
    text-transform: uppercase;
    border: none;
    text-align: center;
    -webkit-transition: all 300ms ease;
    -moz-transition: all 300ms ease;
    -ms-transition: all 300ms ease;
    -o-transition: all 300ms ease;
    transition: all 300ms ease;
}
.contactForm [type='submit']:hover{
    background: #92dd04;
}
.contactForm input[type='text'].reqError,
.contactForm input[type='email'].reqError,
.contactForm input[type='tel'].reqError,
.contactForm textarea.reqError{
    border-color: red;
}

.infoSec{
    position: relative;
}
.infoall {
    left: 0;
    margin: auto;
    position: absolute;
    right: 0;
    top: -55px;
    z-index: 1;
}
.inforCont {
    position: absolute;
    top: -50px;
    width: 100%;
    z-index: 9;
    padding-right: 30px;
}
.singleinfo{
    background: #fff;
    padding-left: 125px;
    position: relative;
    min-height: 113px;
    padding-top: 38px;
}
.singleinfo i {
    color: #92dd04;
    font-size: 31px;
    left: 70px;
    line-height: 0.8;
    position: absolute;
    top: 39px;
}
.singleinfo h4{
    font-size: 16px;
    color: #333333;
    letter-spacing: 1.6px;
    line-height: 1;
    font-weight: 500;
    font-family: 'Poppins', sans-serif;
}
.singleinfo p{
    color: #808080;
    font-size: 12px;
    font-family: 'Poppins', sans-serif;
    margin: 0;
}


/*=======================================================================
[05] HOME TWO
=========================================================================*/
/**==================== [05:01] Who we are ======================**/
.marginBottom30{
    margin-bottom: 30px;
}
.ex80PaddingRight {
    padding-right: 120px !important;
}
.ab2content {
    padding-right: 60px;
    padding-top: 135px;
}

/**==================== [05:03] About3 ======================**/
.ab3content {
    padding-left: 50px;
    padding-right: 45px;
    padding-top: 84px;
}
.ab3content p:last-of-type{
    margin-bottom: 25px;
}
.ab3content ul li {
    line-height: 35px;
}


/*=======================================================================
[06] Home Three
=========================================================================*/
/**==================== [06:01] Why Choose ======================**/
.chooseCont {
    margin-bottom: 48px;
    padding-left: 15px;
}
.chooseCont h1{
    font-size: 65px;
    color: #92dd04;
    letter-spacing: 4.87px;
    margin-bottom: 19px;
}
.chooseCont h4{
    margin-bottom: 5px;
    line-height: 24px;
}
.paddingR85{
    padding-right: 85px;
}
.PaddingT45{
    padding-top: 45px;
}

/**==================== [06:02] Call To Action ======================**/
.calltoaction2{
    background: url(../images/bg/4.jpg) no-repeat scroll center center/cover;
    padding: 142px 0 147px;
}
.calltoaction2Con{}
.calltoaction2Con h1{
    color: #fff;
    margin-bottom: 9px;
}
.calltoaction2Con h6{
    color: #92dd04;
    letter-spacing: .8px;
    margin-bottom: 60px;
}

/**==================== [06:03] Latest News ======================**/
.singleBlog{
    margin-bottom: 81px;
}
.blogimg {
    margin-bottom: 25px;
}
.blogimg img{
    width: 100%;
    height: auto;
}
.blogTitle {
    margin-bottom: 3px;
    line-height: 32px;
    font-size: 20px;
}
.blogTitle a{
    color: #333333;
    letter-spacing: 1.5px;
}
.blogTitle a:hover{
    color: #92dd04;
}
.blogMeta {
    position: relative;
    left: -8px;
    margin-bottom: 19px;
}
.blogMeta a, .blogMeta{
    color: #bfbfbf;
    font-size: 14px;
    letter-spacing: 0.56px;
    margin-right: 10px;
    margin-left: 7px;
}
.blogMeta a:hover{
    color: #000;
}
.blogDec p:last-of-type{
    margin-bottom: 0;
}
.clientSec1 {
    padding: 0 0 148px;
}
.contactFormH3{
    padding-bottom: 100px;
}

/*=======================================================================
[07] FULL NAVIGATION
=========================================================================*/
.fullNav {
    background: #fff;
    bottom: 0;
    height: 100vh;
    min-height: 100%;
    position: fixed;
    right: 0;
    top: 0;
    width: 0;
    z-index: 1009;
    -webkit-transition: all 900ms cubic-bezier(0.645, 0.045, 0.355, 1.000);
    -moz-transition: all 900ms cubic-bezier(0.645, 0.045, 0.355, 1.000);
    -o-transition: all 900ms cubic-bezier(0.645, 0.045, 0.355, 1.000);
    transition: all 900ms cubic-bezier(0.645, 0.045, 0.355, 1.000);
}
.fullNav.menu_open{
    width: 50vw;
}
.fullNavInWrap{
    position: relative;
    height: 100%;
}
.fullNavIn {
    left: 0;
    margin: auto;
    position: relative;
    right: 0;
    text-align: center;
    top: 50%;
    transform: translateY(-50%);
    height: 600px;
}
.fullNavIn nav{
    padding: 0 280px;
}
.fullNavIn ul li{
    border-bottom: 2px solid #f2f2f2;
    position: relative;
    width: 100%;
    padding: 23px 0;
}
.fullNavIn ul li:last-of-type{
    border-bottom: none;
}
.fullNavIn ul li a{
    text-transform: uppercase;
    font-size: 20px;
    color: #595959;
    font-family: 'Cabin', sans-serif; 
    letter-spacing: 1.5px;
    font-weight: 400;
    display: block;
}
.fullNavIn ul li:hover > a{
    color: #92dd04;
}
.fullNavIn ul > li > a:after {
    margin-left: 10px; 
    content: '\f107'; 
    font-family: FontAwesome;
    right: auto;
    position: absolute;
}
.fullNavIn ul > li.active > a:after {
    content: '\'; 
}
.fullNavIn ul li ul.sub-menu li > a:after {
    margin-left: 10px; 
    content: '\f107'; 
    font-family: FontAwesome;
    right: auto;
    position: absolute;
}
.fullNavIn ul li ul.sub-menu li.active > a:after{
    content: '\'; 
}
.fullNavIn ul li ul.sub-menu li > a:only-child:after{ 
    margin-left: 0;
    content: '';
}
.fullNavIn ul li > a:only-child:after { 
    margin-left: 0; 
    content: '';
}
.fullNavIn ul ul.sub-menu {
    border-top: 2px solid #f2f2f2;
    height: auto;
    left: 0;
    position: relative;
    right: 0;
    top: 23px;
}
.fullNavIn ul ul.sub-menu li{
    padding: 10px 0;
    border-bottom: 1px solid #f2f2f2;
}
.fullNavIn ul ul.sub-menu li:last-of-type{
    border-bottom: none;
}
.fullNavIn ul ul.sub-menu li a{
    font-size: 16px;
}
.fullNavFooter {
    background: #fff;
    bottom: 0;
    left: 0;
    position: absolute;
    right: 0;
    padding-bottom: 40px;
}
.fullNavFooterIn{
    width: 430px; 
    text-align: center;
    margin: auto;
}
.copyPeraN{
    font-size: 14px;
    color: #808080;
    letter-spacing: 0;
}
.fullNavInSocial{
    margin-bottom: 20px;

}
.fullNavInSocial a{
    color: #6e6e6e;
    font-size: 16px;
    margin-right: 28px;
}
.fullNavInSocial a:hover{
    color: #92dd04;
}
.navCrouse {
    cursor: pointer;
    position: absolute;
    right: -70px;
    top: 50px;
    font-size: 38px;
    color: #595959;
    z-index: 99;
    -webkit-transition: all 1100ms ease;
    -moz-transition: all 1100ms ease;
    -ms-transition: all 1100ms ease;
    -o-transition: all 1100ms ease;
    transition: all 1100ms ease;
}
.menu_open .navCrouse{
    right: 70px;
}
.fullNav .mCSB_inside > .mCSB_container{
    margin-right: 0;
}

/*=======================================================================
[08] PORTFOLIO
=========================================================================*/
/**==================== [08:01] breadcrump ======================**/
.breadCrumpSection{
    background: url(../images/bg/5.jpg) no-repeat scroll center center/cover;
    position: relative;
    min-height: 654px;
    padding-top: 264px;
}
.breadCrumpIn h1{
    font-size: 45px;
    color: #fff;
    letter-spacing: 4.5px;
    margin-bottom: 8px;
}
.breadCrumpIn h2{
    font-size: 45px;
    color: #fff;
    letter-spacing: 6.75px;
    margin-bottom: 8px;
}
.breadNav{
    color: #92dd04;
} 
.breadNav a {
    color: #92dd04;
    font-size: 16px;
    font-weight: 600;
    margin: 0 6px 0 2px;
    text-transform: uppercase;
}
.breadNav a:hover{
    color: #fff;
}
.portfolioPage {
    bottom: 107px;
    left: 0;
    position: absolute;
    right: 0;
    text-align: center;
}

/**==================== [08:02] Portfolio Home1 ======================**/
.folio1sec{
    background: url(../images/bg/1.jpg) no-repeat scroll center center/cover;
}
#folio1Slide {
    margin-bottom: 25px;
}
.singleFolio{
    margin-bottom: 30px;
}
.singleFolio img{
    width: 100%;
    height: auto;
}
.singlefolio {
    transition: all ease 700ms;
    -moz-transition: all ease 700ms;
    -webkit-transition: all ease 700ms;
    -ms-transition: all ease 700ms;
    -o-transition: all ease 700ms;
    outline: 0;
}
.singlefolio img{
    margin: 40px 0;
    outline: 0;
    height: 360px;
    width: 100%;
}
#folio1Slide .center .slick-center img {
    color: #e67e22;
    opacity: 1;
    transition: all ease 700ms;
    -moz-transition: all ease 700ms;
    -webkit-transition: all ease 700ms;
    -ms-transition: all ease 700ms;
    -o-transition: all ease 700ms;
}
#folio1Slide .singlefolio.slick-slide.slick-current.slick-active.slick-center {
    overflow: hidden;
    transform: scale(1.3);
    -moz-transform: scale(1.3);
    -webkit-transform: scale(1.3);
    -ms-transform: scale(1.3);
    -o-transform: scale(1.3);
    z-index: 9;
    height: 440px;
    transition: all ease 700ms;
    -moz-transition: all ease 700ms;
    -webkit-transition: all ease 700ms;
    -ms-transition: all ease 700ms;
    -o-transition: all ease 700ms;
}
#folio1Slide .singlefolio.slick-slide.slick-current.slick-active.slick-center img{
    width: 100%;
}
#folio1Slide .slick-prev.slick-arrow {
    background: #333333;
    bottom: 0;
    height: 50px;
    left: 50px;
    margin: auto;
    position: absolute;
    right: auto;
    text-indent: -9999px;
    top: -30px;
    width: 50px;
    z-index: 10;
}
#folio1Slide .slick-next.slick-arrow {
    background: #333333;
    bottom: 0;
    height: 50px;
    left: auto;
    margin: auto;
    position: absolute;
    right: 50px;
    text-indent: -9999px;
    top: -30px;
    width: 50px;
    z-index: 10;
}
#folio1Slide .slick-prev.slick-arrow:before{
    content: "\f104";
    font-family: FontAwesome;
    font-size: 32px;
    font-weight: 700;
    left: 0;
    line-height: 0.8;
    margin: auto;
    padding: 11px;
    position: absolute;
    right: -1px;
    text-indent: 0;
    top: 0;
    color: #fff;
}
#folio1Slide .slick-next.slick-arrow::before {
    bottom: 0;
    color: #fff;
    content: "";
    font-family: FontAwesome;
    font-size: 32px;
    font-weight: 700;
    left: 0;
    line-height: 0.8;
    margin: auto;
    padding: 11px;
    position: absolute;
    right: -1px;
    text-indent: 0;
    top: 0;
}
#folio1Slide .slick-next.slick-arrow:hover,
#folio1Slide .slick-prev.slick-arrow:hover{
    background: #92dd04;
}
#folio1Slide .slick-dots{
    text-align: center;
    bottom: -40px;
    position: relative;
}
#folio1Slide .slick-dots li{
    display: inline-block;
    margin-right: 30px;
}
#folio1Slide .slick-dots li:last-of-type{
    margin-right: 0;
}
#folio1Slide .slick-dots li button{
    text-indent: -99999px;
    width: 15px;
    height: 15px;
    background: #808080;
    border-radius: 50%;
}
#folio1Slide .slick-dots li.slick-active button,
#folio1Slide .slick-dots li button:hover{
    background: #92dd04;
}
.folio1Hover:before{
    width: 100%;
    height: 100%;
    content: '';
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    margin: auto;
    background: rgba(51, 51, 51, .8);
    visibility: hidden;
    opacity: 0;
    -webkit-transition: all 200ms ease;
    -moz-transition: all 200ms ease;
    -ms-transition: all 200ms ease;
    -o-transition: all 200ms ease;
    transition: all 200ms ease;
}
.folio1HoverIn {
    position: absolute;
    top: 50%;
    left: 0;
    right: 0;
    margin: auto;
    text-align: center;
    transform: translateY(-50%);
    z-index: 1;
}
.folio1HoverIn a.popUp{
    background: #92dd04;
    color: #fff;
    font-size: 24px;
    height: 85px;
    left: 0;
    padding: 30px 0;
    text-align: center;
    width: 85px;
    display: inline-block;
    margin-bottom: 24px;
}
.folio1HoverIn a.popUp:hover{
    background: #333;
}
.folio1HoverIn .folioTitle2{
    margin-bottom: 6px
}
.folio1HoverIn p{
    line-height: .8;
    margin: 0;
}
.folio1HoverIn a.popUp,
.folio1HoverIn .folioTitle2,
.folio1HoverIn p{
    visibility: hidden;
    opacity: 0;
    transform: translate3d(0, 60px, 0);
    -webkit-transform: translate3d(0, 60px, 0);
    -moz-transform: translate3d(0, 60px, 0);
    -ms-transform: translate3d(0, 60px, 0);
    -o-transform: translate3d(0, 60px, 0);
}
.folio1HoverIn a.popUp{
    -webkit-transition: all 400ms ease;
    -moz-transition: all 400ms ease;
    -ms-transition: all 400ms ease;
    -o-transition: all 400ms ease;
    transition: all 400ms ease;
}
.folio1HoverIn .folioTitle2{
    -webkit-transition: all 500ms ease;
    -moz-transition: all 500ms ease;
    -ms-transition: all 500ms ease;
    -o-transition: all 500ms ease;
    transition: all 500ms ease;
}
.folio1HoverIn p{
    -webkit-transition: all 600ms ease;
    -moz-transition: all 600ms ease;
    -ms-transition: all 600ms ease;
    -o-transition: all 600ms ease;
    transition: all 600ms ease;
}
.singlefolio.slick-slide.slick-current.slick-active.slick-center:hover .folio1Hover:before,
.singlefolio.slick-slide.slick-current.slick-active.slick-center:hover .folio1HoverIn a.popUp,
.singlefolio.slick-slide.slick-current.slick-active.slick-center:hover .folio1HoverIn .folioTitle2,
.singlefolio.slick-slide.slick-current.slick-active.slick-center:hover .folio1HoverIn p{
    visibility: visible;
    opacity: 1;
}
.singlefolio.slick-slide.slick-current.slick-active.slick-center:hover .folio1HoverIn a.popUp,
.singlefolio.slick-slide.slick-current.slick-active.slick-center:hover .folio1HoverIn .folioTitle2,
.singlefolio.slick-slide.slick-current.slick-active.slick-center:hover .folio1HoverIn p{
    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);
}

/**==================== [08:03] Portfolio Home2 ======================**/
.folio2{
    position: relative;
    overflow: hidden;
}
.folio2 img {
    height: auto;
    width: 100%;
    position: relative;
}
.fillterNavWrap{
    background: #404040;
    padding: 51px 80px;
}
#mas_nav li{
    display: inline-block;
    font-size: 14px;
    color: #a6a6a6;
    line-height: .8;
    text-transform: uppercase;
    font-weight: 400;
    letter-spacing: 1.4px;
    margin-right: 54px;
    cursor: pointer;
    position: relative;
    padding-bottom: 0;
}
#mas_nav li:last-of-type{
    margin-right: 0;
}
#mas_nav li:hover,
#mas_nav li.active{
    color: #92dd04;
}
#mas_nav li:before{
    position: absolute;
    left: 0;
    bottom: -12px;
    content: '';
    height: 2px;
    width: 0;
    background: #92dd04;
    -webkit-transition: all 300ms ease;
    -moz-transition: all 300ms ease;
    -ms-transition: all 300ms ease;
    -o-transition: all 300ms ease;
    transition: all 300ms ease;
}
#mas_nav li:hover:before,
#mas_nav li.active:before{
    width: 60px;
}
#mas_nav li::after{
    background: #92dd04;
    content: "";
    height: 2px;
    width: 0;
    position: absolute;
    bottom: -12px;
    left: 65px;
    -webkit-transition: all 300ms ease;
    -moz-transition: all 300ms ease;
    -ms-transition: all 300ms ease;
    -o-transition: all 300ms ease;
    transition: all 300ms ease;
}
#mas_nav li:hover::after,
#mas_nav li.active:after{
    width: 10px;
}
.folio2Hover{
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    width: 90%;
    height: 90%;
    background: rgba(51, 51, 51, .8);
    content: '';
    margin: auto;
    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;
}
.folio2:hover .folio2Hover,
.folio5:hover .folio2Hover{
    visibility: visible;
    opacity: 1;
}
.folio2HoverIn {
    left: 0;
    margin: auto;
    position: absolute;
    right: 0;
    top: 50%;
    right: 0;
    text-align: center;
    transform: translateY(-50%);
}
.folio2HoverIn a.popUp {
    background: #92dd04;
    color: #fff;
    display: inline-block;
    font-size: 18px;
    height: 50px;
    text-align: center;
    width: 50px;
    line-height: .8;
    padding: 17px 0;
    margin-bottom: 20px;
}
.folio2HoverIn a.popUp:hover{
    background: #333;
}
.folioTitle3,
.folioTitle3 a {
    color: #ffffff;
    font-family: "Lato",sans-serif;
    font-size: 16px;
    font-weight: 700;
    letter-spacing: 2px;
    line-height: 26px;
    margin: 0 0 4px;
}
.folioTitle3 a:hover{
    color: #92dd04;
}
.folio2HoverIn p{
    line-height: .8;
    margin: 0;
}
.folio2HoverIn a.popUp,
.folioTitle3,
.folio2HoverIn p{
    visibility: hidden;
    opacity: 0;
    transform: translate3d(0, 40px, 0);
    -webkit-transform: translate3d(0, 40px, 0);
    -moz-transform: translate3d(0, 40px, 0);
    -ms-transform: translate3d(0, 40px, 0);
    -o-transform: translate3d(0, 40px, 0);
}
.folio2:hover .folio2HoverIn a.popUp,
.folio2:hover .folioTitle3,
.folio2:hover .folio2HoverIn p,
.folio5:hover .folio2HoverIn a.popUp,
.folio5:hover .folioTitle3,
.folio5:hover .folio2HoverIn p{
    visibility: visible;
    opacity: 1;
    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);
}
.folio2HoverIn a.popUp{
    -webkit-transition: all 400ms ease;
    -moz-transition: all 400ms ease;
    -ms-transition: all 400ms ease;
    -o-transition: all 400ms ease;
    transition: all 400ms ease;
}
.folio2HoverIn .folioTitle3{
    -webkit-transition: all 500ms ease;
    -moz-transition: all 500ms ease;
    -ms-transition: all 500ms ease;
    -o-transition: all 500ms ease;
    transition: all 500ms ease;
}
.folio2HoverIn p{
    -webkit-transition: all 600ms ease;
    -moz-transition: all 600ms ease;
    -ms-transition: all 600ms ease;
    -o-transition: all 600ms ease;
    transition: all 600ms ease;
}


/**==================== [08:04] Portfolio1 ======================**/
.folio1Wrap{
    margin-bottom: 109px;
}

/**==================== [08:04] Portfolio3 ======================**/
.portfolio3Sec{
    padding-top: 120px;
}
.hPadding215{
    padding-left: 215px;
    padding-right: 215px;
}
.folio3{
    margin-bottom: 80px;
    padding: 0 40px;
    position: relative;
}
.singleFolio3{
    position: relative; 
    overflow: hidden;
}
.singleFolio3 img{
    width: 100%;
    height: auto;
}
.folio3Hover {
    bottom: 0;
    left: 0;
    position: absolute;
    right: 0;
    top: 0;
    z-index: 9;
}
.folio3Hover::before {
    background: rgba(51, 51, 51, .8);
    bottom: 0;
    content: "";
    height: 93%;
    left: 20px;
    margin: auto;
    position: absolute;
    right: auto;
    top: 0;
    width: 72%;
    visibility: hidden;
    opacity: 0;
    -webkit-transition: all 500ms ease;
    -moz-transition: all 500ms ease;
    -ms-transition: all 500ms ease;
    -o-transition: all 500ms ease;
    transition: all 500ms ease;

}
.singleFolio3:hover .folio3Hover::before{
    visibility: visible;
    opacity: 1;
}
.folio3Hover::after {
    background: rgba(51, 51, 51, .8);
    content: "";
    height: 71.5%;
    left: auto;
    right: 20px;
    margin: auto;
    position: absolute;
    top: 24px;
    width: 22%;
    visibility: hidden;
    opacity: 0;
    -webkit-transition: all 500ms ease;
    -moz-transition: all 500ms ease;
    -ms-transition: all 500ms ease;
    -o-transition: all 500ms ease;
    transition: all 500ms ease;
}
.singleFolio3:hover .folio3Hover::after{
    visibility: visible;
    opacity: 1;
}
.folio3HoverIn {
    bottom: 70px;
    left: 0;
    padding-left: 70px;
    padding-right: 170px;
    position: absolute;
    right: 0;
    z-index: 9;
}
.folio3HoverIn a.popUp {
    background: rgba(51, 51, 51, 0.8);
    bottom: -45px;
    right: 20px;
    color: #fff;
    font-size: 24px;
    height: 129px;
    padding: 53px 0;
    position: absolute;
    text-align: center;
    width: 129px;
    visibility: hidden;
    opacity: 0;
    -webkit-transition: all 500ms ease;
    -moz-transition: all 500ms ease;
    -ms-transition: all 500ms ease;
    -o-transition: all 500ms ease;
    transition: all 500ms ease;
}
.singleFolio3:hover .folio3HoverIn a.popUp{
    visibility: visible;
    opacity: 1;
}
.folio3HoverIn a.popUp:hover{
    background: #92dd04;
}
.folio3HoverIn{
    visibility: hidden;
    opacity: 0;
    -webkit-transition: all 500ms ease;
    -moz-transition: all 500ms ease;
    -ms-transition: all 500ms ease;
    -o-transition: all 500ms ease;
    transition: all 500ms ease; 
}

.singleFolio3:hover .folio3HoverIn{
    visibility: visible;
    opacity: 1;
}
.folioTitle{
    transform: translate3d(0, 50px, 0);
    -webkit-transform: translate3d(0, 50px, 0);
    -moz-transform: translate3d(0, 50px, 0);
    -ms-transform: translate3d(0, 50px, 0);
    -o-transform: translate3d(0, 50px, 0);
    -webkit-transition: all 500ms ease;
    -moz-transition: all 500ms ease;
    -ms-transition: all 500ms ease;
    -o-transition: all 500ms ease;
    transition: all 500ms ease; 
}
.folio3HoverIn p{
    transform: translate3d(0, 50px, 0);
    -webkit-transform: translate3d(0, 50px, 0);
    -moz-transform: translate3d(0, 50px, 0);
    -ms-transform: translate3d(0, 50px, 0);
    -o-transform: translate3d(0, 50px, 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; 
}
.singleFolio3:hover .folioTitle,
.singleFolio3:hover .folio3HoverIn p{
    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); 
}
.folioTitle,
.folioTitle a{
    font-size: 20px;
    color: #ffffff;
    font-weight: 700;
    font-family: 'Lato', sans-serif;
    letter-spacing: 2.5px;
    margin: 0 0 10px;
    line-height: 28px;
}
.folioTitle a:hover{
    color: #92dd04;
}
.folio3HoverIn p{
    margin: 0;
    line-height: .8;
    color: #92dd04;
}

/**==================== [08:05] Portfolio4 ======================**/
.folio4Wrap{
    margin-bottom: 88px;
}
.singleFolio4{
    position: relative;
}
.singleFolio4 img{
    width: 100%;
    height: auto;
}
.folio4Hover:before{
    width: 92%;
    height: 85%;
    content: '';
    background: rgba(51, 51, 51, .8);
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    margin: auto;
    position: absolute;
    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;
}
.singleFolio4:hover .folio4Hover:before{
    visibility: visible;
    opacity: 1;
}
.folio4HoverIn {
    left: 0;
    margin: auto;
    min-height: 85px;
    padding-left: 125px;
    padding-top: 7px;
    position: absolute;
    right: 0;
    top: 50%;
    transform: translateY(-50%);
    width: 320px;
}
.folio4HoverIn p{
    line-height: .8;
}
.folio4HoverIn .popUp {
    background: #92dd04;
    color: #fff;
    display: inline-block;
    font-size: 24px;
    height: 85px;
    left: 0;
    padding: 30px 0;
    position: absolute;
    text-align: center;
    width: 85px;
    top: -4px;
}
.folio4HoverIn .popUp:hover{
    background: #333;
}
.folioTitle2,
.folioTitle2 a{
    font-size: 20px;
    color: #ffffff;
    font-weight: 700;
    font-family: 'Lato', sans-serif;
    letter-spacing: 2.5px;
    margin: 0 0 10px;
    line-height: 28px;
}
.folioTitle2 a:hover{
    color: #92dd04;
}
.folio4HoverIn a.popUp,
.folio4HoverIn .folioTitle2,
.folio4HoverIn p{
    transform: translate3d(0, 20px, 0);
    -webkit-transform: translate3d(0, 20px, 0);
    -ms-transform: translate3d(0, 20px, 0);
    -moz-transform: translate3d(0, 20px, 0);
    -o-transform: translate3d(0, 20px, 0);
    visibility: hidden;
    opacity: 0;
}
.singleFolio4:hover .folio4HoverIn a.popUp,
.singleFolio4:hover .folio4HoverIn .folioTitle2,
.singleFolio4:hover .folio4HoverIn p{
    visibility: visible;
    opacity: 1;
    transform: translate3d(0, 0, 0);
    -webkit-transform: translate3d(0, 0, 0);
    -ms-transform: translate3d(0, 0, 0);
    -moz-transform: translate3d(0, 0, 0);
    -o-transform: translate3d(0, 0, 0);
}
.singleFolio4:hover .folio4HoverIn a.popUp,
.singleFolio4:hover .folio4HoverIn .folioTitle2{
    -webkit-transition: all 300ms ease;
    -moz-transition: all 300ms ease;
    -ms-transition: all 300ms ease;
    -o-transition: all 300ms ease;
    transition: all 300ms ease;

}
.singleFolio4:hover .folio4HoverIn p{
    -webkit-transition: all 400ms ease;
    -moz-transition: all 400ms ease;
    -ms-transition: all 400ms ease;
    -o-transition: all 400ms ease;
    transition: all 400ms ease;
}

/**==================== [08:05] Portfolio5 ======================**/
.portfolio5Section{
    padding-top: 124px;
}
.singlefolio5{
    padding-bottom: 40px;
    padding-left: 20px;
    padding-right: 20px;
}
.folio5Wrap{
    margin-bottom: 60px;
}
.folio5{
    position: relative;
}
.folio5 img{
    width: 100%;
    height: auto;
}


/*=======================================================================
[09] SINGLE PROJECT
=========================================================================*/
.singleProjectSec {
    background: rgba(0, 0, 0, 0) url("../images/bg/6.jpg") no-repeat scroll center center / cover ;
    padding: 265px 0 191px;
}
.projectImg{
    margin-bottom: 30px;
    height: 265px;
    overflow: hidden;
}
.projectImg:last-of-type{
    margin-bottom: 0;
}
.projectImg img{
    width: 100%;
    height: auto;
}
.projectImgB{
    height: 560px;
    overflow: hidden;
}
.projectImgB img{
    width: 100%;
    height: auto;
}
.singleProjectContent{
    padding-top: 80px;
}
.singleProjectConIn {
    padding-bottom: 83px;
    padding-top: 70px;
}
.projectdetails{
    padding-right: 70px;
}
.projectTitle{
    font-size: 31px;
    text-transform: capitalize;
    letter-spacing: 2.32px;
    margin-bottom: 29px;
    line-height: 38px;
}
.projectdetails p{
    margin-bottom: 28px;
}
.projectMetas{
    background: #fafafa;
    padding: 40px 50px 32px;
    margin-bottom: 20px;
    margin-top: 10px;
}
.singleMeta {
    margin-bottom: 22px;
}
.singleMeta:last-of-type{
    margin-bottom: 0;
}
.singleMeta h4{
    font-size: 16px;
    color: #333333;
    font-family: 'Lato', sans-serif;
    font-weight: 700;
    letter-spacing: .8px;
    margin-bottom: 5px;
}
.singleMeta a:hover{
    color: #92dd04;
}
.metaSocials {
    line-height: 0.8;
    margin-bottom: 22px;
    margin-top: 17px;
}
.metaSocials a{
    font-size: 16px;
    color: #6e6e6e;
    margin-right: 27px;
}

.separetorBar{
    width: 100%;
    height: 2px;
    background: #f2f2f2;
}
.nextPrevWrap{
    padding-top: 50px;
    padding-bottom: 120px;
}
.prevBtn a {
    color: #808080;
    display: inline-block;
    font-size: 16px;
    letter-spacing: 1.2px;
    line-height: 0.8;
    min-height: 50px;
    padding-left: 80px;
    padding-top: 18px;
    text-transform: uppercase;
}
.prevBtn a i {
    background: #333333;
    color: #fff;
    font-size: 27px;
    height: 50px;
    left: 30px;
    line-height: 0.8;
    padding: 15px 0;
    position: absolute;
    text-align: center;
    width: 50px;
    top: 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;
}
.nextBtn a{
    padding-left: 0;
    padding-right: 80px;

}
.nextBtn a i {
    left: auto;
    right: 30px;
    -webkit-transition: all 300ms ease;
    -moz-transition: all 300ms ease;
    -ms-transition: all 300ms ease;
    -o-transition: all 300ms ease;
    transition: all 300ms ease;
}
.prevBtn a:hover{
    color: #92dd04
}
.prevBtn a:hover i{
    background: #92dd04;
}

/*=======================================================================
[10] SINGLE PROJECT 2
=========================================================================*/
.singleProject2Sec{
    background: url(../images/bg/7.jpg) no-repeat scroll center center/cover;
    padding: 660px 0 120px;
}


/*=======================================================================
[11] SERVICES PAGE 
=========================================================================*/
.pageTitleSec{
    padding: 269px 0 194px;
    background: #333;
}
.pageTitleSec.servicesPage{
    background: rgba(0, 0, 0, 0) url("../images/bg/10981408.jpg") no-repeat scroll center center / cover ;
}
.preaContent {
    margin-bottom: 93px;
}

/*=======================================================================
[12] BLOG PAGE 
=========================================================================*/
.pageTitleSec.blogPage{
    background: rgba(0, 0, 0, 0) url("../images/bg/13007312.jpg") no-repeat scroll center center / cover ;
}
.paginations {
    padding-bottom: 4px;
    padding-top: 7px;
}
.paginations a,
.paginations span{
    color: #999999;
    font-size: 20px;
    line-height: 32px;
    letter-spacing: 1.5px;
    font-weight: 700;
    margin: 0 11px;
    display: inline-block;
}
.paginations span.current{
    color: #92dd04;
}
.paginations a.next{
    margin-left: 33px;
}
.paginations a.prev{
    margin-right: 33px;
}
.paginations a.next, 
.paginations a.prev {
    background: #333333;
    color: #fff;
    font-size: 27px;
    height: 50px;
    line-height: 54px;
    position: relative;
    top: 4px;
    width: 50px;
}
.paginations a.next:hover, 
.paginations a.prev:hover{
    background: #92dd04;
    color: #fff;
} 
.paginations a:hover{
    color: #333333;
}

/*=======================================================================
[13] BLOG SINGLE PAGE
=========================================================================*/
.pageTitleSec.blogSinglePage{
    background: rgba(0, 0, 0, 0) url("../images/bg/10.jpg") no-repeat scroll center center / cover ;
}
.blogpostSec{
    padding-top: 80px;
    padding-bottom: 200px;
}
.relatedpostWrap{
    padding: 115px 0 120px;
}
.postImg img{
    width: 100%;
    height: auto;
}
.blogSinglePost {
    padding-top: 67px;
}
.blogpostDetails {
    margin-top: 7px;
    padding-right: 70px;
}
.blogpostDetails p {
    margin-bottom: 28px;
}
.postTitle{
    font-size: 31px;
    line-height: 30px;
    font-weight: 700;
    letter-spacing: 4.65px;
    margin-bottom: 13px;
}
.postHeader {
    margin-bottom: 29px;
}
.secTitle.mb60 {
    margin-bottom: 49px;
}
.resingleBlog .blogimg {
    margin-bottom: 6px;
}
.resingleBlog .blogTitle{
    margin: 0 0 7px;
}
.resingleBlog .blogTitle a{
    letter-spacing: 1px;
}
.resingleBlog .blogMeta{
    line-height: .8;
    margin: 0;
}
#relatedpostCaro.owl-theme .owl-nav{
    margin-top: 0;
    position: absolute;
    right: 7px;
    text-align: center;
    top: -137px;
}
#relatedpostCaro.owl-theme .owl-nav [class*="owl-"] {
    background: #333333 none repeat scroll 0 0;
    border-radius: 0;
    font-size: 28px;
    height: 50px;
    margin: 10px;
    padding: 10px 0;
    width: 50px;
    -webkit-transition: all 300ms ease;
    -moz-transition: all 300ms ease;
    -ms-transition: all 300ms ease;
    -o-transition: all 300ms ease;
    transition: all 300ms ease;
}
#relatedpostCaro.owl-theme .owl-nav [class*="owl-"]:hover{
    background: #92dd04;
}
.singleCom{
    background: #fafafa;
    padding-left: 180px;
    position: relative;
    min-height: 185px;
    padding-top: 40px;
    padding-right: 52px;
    margin-bottom: 50px;
}
.singleCom img{
    position: absolute;
    left: 0;
    top: 0;
    width: 102px;
    height: 102px;
}
.comHead {
    margin-bottom: 9px;
}
.comHead a{
    font-size: 16px;
    color: #333333;
    font-weight: 700;
    letter-spacing: .8px;
}
.comHead a.comReply,
.comHead a:hover{
    color: #92dd04;
}
.comHead a.comReply:hover{
    color: #333;
}
.comDate{
    font-size: 14px;
    color: #bfbfbf;
}
.commentList li ul.clildCom{}
.commentList li ul.clildCom li{
    padding-left: 170px;
}
.commentWrap {
    padding-bottom: 70px;
    padding-top: 118px;
}
.secTitle.comTitle {
    margin-bottom: 67px;
}
.commmetForm{
    padding-left: 55px;
    padding-top: 62px;
    overflow: hidden;
}
.commmetFormWrap{
    padding-top: 116px;
}

/*=======================================================================
[14] ABOUT PAGE
=========================================================================*/
.pageTitleSec.aboutPage{
    background: rgba(0, 0, 0, 0) url("../images/bg/11.jpg") no-repeat scroll center center / cover ;
}
.aboutSection{
    padding-top: 100px;
}
.ab4content {
    padding-top: 63px;
}
.ab4content p:last-of-type{
    margin-bottom: 29px;
}
.ab4content .ab1Title h2 {
    margin-bottom: 21px;
}
.ab4content ul li{
    margin-bottom: 6px;
}
.abIconbox {
    margin-top: 55px;
}
.abicon{
    display: inline-block;
    font-size: 16px;
    color: #333131;
    font-weight: 600;
    text-transform: uppercase;
    letter-spacing: 1.6px;
    position: relative;
    padding-left: 90px;
    min-height: 60px;
    margin-right: 40px;
}
.abicon:last-of-type{
    margin-right: 0;
}
.abicon i{
    font-size: 60px;
    color: #92dd04;
    position: absolute;
    left: 0;
    top: -17px;
}
.mt120{
    margin-top: 120px;
}
.secTitle.skillTitle{
    margin-bottom: 98px;
}
.secTitle.skillTitle h6{
    margin-bottom: 37px;
}
.skillWraps {
    padding-left: 130px;
    padding-right: 130px;
    padding-bottom: 48px;
}
.singleSkill{
    height: 5px;
    background: #f2f2f2;
    position: relative;
    width: 370px;
    margin-bottom: 106px;
}
.skillInner {
    background: #92dd04;
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    overflow: inherit !important;
}
.parcent {
    background: #92dd04;
    color: #fff;
    font-size: 14px;
    font-weight: 900;
    height: 30px;
    letter-spacing: 0.7px;
    line-height: 0.8;
    padding: 11px;
    position: absolute;
    right: -50px;
    text-transform: capitalize;
    top: -40px;
}
.skillLabel {
    font-size: 16px;
    position: absolute;
    text-transform: uppercase;
    top: -66px;
    letter-spacing: 1.6px;
    font-weight: 700;
    color: #595959;
}
.extraPera p{
    margin-bottom: 0;
}

/*=======================================================================
[15] CONTACT PAGE
=========================================================================*/
.pageTitleSec.contactPage{
    background: rgba(0, 0, 0, 0) url("../images/bg/12.jpg") no-repeat scroll center center / cover ;
}
.mapSection{
    padding-top: 80px;
    padding-bottom: 100px;
}
#map{
    width: 100%;
    height: 560px;
    background: #f7f7f7;
}
.singleConInfo{
    text-align: center;
}
.singleConInfo i {
    color: #92dd04;
    display: inline-block;
    font-size: 62px;
    margin-bottom: 20px;
}
.singleConInfo h6{
    font-size: 16px;
    letter-spacing: 1.6px;
    font-weight: 700;
}
.singleConInfo p{
    margin: 0;
}
.conPage,
.conPage input,
.conPage textarea{
    background: #fffdfc;
}
.ccon.conPage {
    padding-top: 61px;
}
.whiteSpace {
    background: #fafafa;
    bottom: 0;
    height: 120px;
    position: absolute;
    width: 100%;
}

/*=======================================================================
[16] 404 PAGE
=========================================================================*/
.pageTitleSec.errorPage{
    background: rgba(0, 0, 0, 0) url("../images/error.jpg") no-repeat scroll center center / cover ;
    height: 100vh;
    padding: 0;
}
.errorContent{
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
}
.errorContent h1{
    font-size: 200px;
    color: #92dd04;
    font-weight: 700;
    letter-spacing: 8px;
    line-height: 147px;
    margin-bottom: 40px;
}
.errorContent h3{
    font-size: 55px;
    line-height: 57px;
    font-weight: 700;
    color: #fff;
    margin-bottom: 17px;
}
.errorContent p {
    color: #999;
    font-size: 16px;
    letter-spacing: .64px;
    margin: 0;
}
.errorContent p a {
    color: #92dd04;
}

/*=======================================================================
[17] COMINGSOON PAGE
=========================================================================*/
.pageTitleSec.comingPage{
    background: rgba(0, 0, 0, 0) url("../images/bg/13.jpg") no-repeat scroll center center / cover ;
    height: 100vh;
    padding: 0;
}
.comingTitle{
    margin-bottom: 216px;
}
.comingTitle h2{
    font-size: 75px;
    color: #ffffff;
    letter-spacing: 11.25px;
    margin-bottom: 18px;
}
.comingTitle p{
    font-size: 20px;
    color: #92dd04;
    text-transform: uppercase;
    letter-spacing: 1px;
    font-weight: 600;
}

.comingContent{
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
}
.singleCount{
    width: 200px;
    float: left;
}
.singleCount .digit{
    font-size: 50px;
    color: #ffffff;
    display: inline-block;
    font-family: 'Cabin', sans-serif; 
    font-weight: 700;
}
.singleCount .dash_title{
    text-transform: uppercase;
    color: #999999;
    font-weight: 700;
    font-size: 20px;
    letter-spacing: 2px;
    margin-top: 15px;
}

/*=======================================================================
[18] SHOP PAGE
=========================================================================*/
.banner_shop{
    background: url(../images/shop/banner/1.jpg) no-repeat scroll center center/cover;
    height: 100vh;
    position: relative;
}
.banner_content{
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    text-align: center;
    left: 0;
    right: 0;
}
.banner_content h1{
    font-size: 75px;
    color: #fff;
    font-weight: 700;
    letter-spacing: 11.25px;
    margin-bottom: 30px;
}
.banner_content p{
    font-size: 16px;
    color: #92dd04;
    font-weight: 600;
    text-transform: uppercase;
    letter-spacing: .8px;
    margin-bottom: 32px;
}
.banner_btn a:first-of-type{
    margin-right: 27px;
}
.shopContentSection{
    padding: 100px 0 175px;
}
.singleProduct{
    margin-bottom: 78px;
}
.proThumb{
    margin-bottom: 18px;
    min-height: 330px;
    background: #fafafa;
}
.proThumb img{
    width: 100%;
    height: auto;
}
.productDec{
    text-align: center;
}
.productTitle{
    font-size: 16px;
    color: #333333;
    font-family: 'Lato', sans-serif; 
    letter-spacing: 1.2px;
    line-height: 32px;
    font-weight: 700;
    margin-bottom: 4px;
}
.productTitle a:hover{
    color: #92dd04;
}
.productPrice{
    font-size: 16px;
    color: #92dd04;
    font-family: 'Lato', sans-serif; 
    letter-spacing: 1.2px;
    line-height: .8;
    font-weight: 700;
}
.bigAds{
    position: relative;
    margin-bottom: 80px;
    overflow: hidden;
}
.bigAds img{
    width: 100%;
    height: auto;
}
.bigAdsContent {
    position: absolute;
    right: 124px;
    top: 50%;
    transform: translateY(-50%);
}
.bigAdsContent h2{
    margin-bottom: 9px;
}
.bigAdsContent p{
    color: #808080;
    letter-spacing: 1.4px;
    text-transform: uppercase;
    margin-bottom: 41px;
}
.separetorBar.shopPage {
    margin-bottom: 37px;
    margin-top: 20px;
}

/*=======================================================================
[19] SHOP2 PAGE
=========================================================================*/
.pageTitleSec.shopPage{
    background: rgba(0, 0, 0, 0) url("../images/bg/14.jpg") no-repeat scroll center center / cover ;
}
.shop2PageSection{
    padding-bottom: 165px;
}
.shopPageTitle{
    margin-bottom: 80px;
}
.shopPageTitle h3{
    letter-spacing: 3.75px;
    font-weight: 700;
    line-height: .8;
    margin-bottom: 20px;
}
.shopPageTitle p{
    font-size: 14px;
    color: #92dd04;
    text-transform: uppercase;
    font-weight: 900;
    letter-spacing: 2.8px;
    line-height: .8;
}
.proCarousel.owl-theme .owl-nav,
.newarrival.owl-theme .owl-nav{
    margin-top: -2px;
    text-align: center;
}
.proCarousel.owl-theme .owl-nav [class*="owl-"],
.newarrival.owl-theme .owl-nav [class*="owl-"]{
    background: #333333 none repeat scroll 0 0;
    border-radius: 0;
    font-size: 28px;
    height: 50px;
    padding: 10px 0;
    width: 50px;
    -webkit-transition: all 300ms ease;
    -moz-transition: all 300ms ease;
    -ms-transition: all 300ms ease;
    -o-transition: all 300ms ease;
    transition: all 300ms ease;
}
.proCarousel.owl-theme .owl-nav [class*="owl-"]:hover,
.newarrival.owl-theme .owl-nav [class*="owl-"]:hover{
    background: #92dd04;
}
.separetorBar.shop2Page {
    margin: 90px 0 100px;
}
.proCarousel.owl-theme .owl-nav .owl-next {
    position: absolute;
    right: -175px;
    top: 34%;
}
.proCarousel.owl-theme .owl-nav .owl-prev{
    position: absolute;
    right: auto;
    left: -175px;
    top: 34%;
}
.newarrival.owl-theme .owl-nav .owl-next {
    position: absolute;
    right: -175px;
    top: 41.7%;
}
.newarrival.owl-theme .owl-nav .owl-prev{
    position: absolute;
    right: auto;
    left: -175px;
    top: 41.7%;
}
.proCarousel.owl-theme .owl-dots .owl-dot span,
.newarrival.owl-theme .owl-dots .owl-dot span{
    backface-visibility: visible;
    background: #e6e6e6 none repeat scroll 0 0;
    border-radius: 30px;
    display: block;
    height: 15px;
    margin: 0 14px;
    transition: opacity 200ms ease 0s;
    width: 15px;
}
.proCarousel.owl-theme .owl-dots .owl-dot.active span,
.newarrival.owl-theme .owl-dots .owl-dot.active span{
    background: #333333;
}


/*=======================================================================
[20] SHOP3 PAGE
=========================================================================*/
.searchWidget{
    position: relative;
}
.shopSidebar{}
.shopSidebar .widget{
    margin-bottom: 80px;
}
.shopSidebar .widgetTitle {
    font-size: 20px;
    font-weight: 700;
    letter-spacing: 2px;
    line-height: 0.8;
    padding-bottom: 15px;
    position: relative;
    margin-bottom: 35px;
}
.shopSidebar .widgetTitle:before{
    width: 60px;
    height: 2px;
    background: #92dd04;
    content: '';
    position: absolute;
    left: 0;
    bottom: 0;
}
.shopSidebar .widgetTitle:after{
    width: 10px;
    height: 2px;
    background: #92dd04;
    content: '';
    position: absolute;
    left: 65px;
    bottom: 0;
}
.searchWidget input[type='search']{
    border: none;
    border-bottom: 1px solid #bfbfbf;
    width: 100%;
    color: #999999;
    letter-spacing: .7px;
    padding-bottom: 10px;
    padding-right: 30px;
}
.searchWidget button{
    background: transparent;
    position: absolute;
    right: -3px;
    top: 0;
}
.price_slider_wrapper{
    position: relative;
    min-height: 90px;
}
#slider-range{
    width: 100%;
    height: 5px;
    background: #f2f2f2;
    position: relative;
    margin-bottom: 35px;
}
#slider-range .ui-slider-handle{
    background: #333333;
    display: inline-block;
    height: 15px;
    position: absolute;
    top: -6px;
    width: 5px;
    cursor: pointer;
    transition: none;
    -moz-transition: none;
    -webkit-transition: none;
    -ms-transition: none;
    -o-transition: none;
    cursor: w-resize;
}
#slider-range .ui-slider-range{
    background: #92dd04;
    height: 5px;
    position: absolute;
}
.priceRange {
    display: inline-block;
    font-size: 14px;
    font-weight: 400;
    letter-spacing: 0.56px;
    margin-top: 12px;
    text-transform: uppercase;
}
.priceRange #amount{
    font-weight: 700;
    color: #92dd04;
}
.price_slider_wrapper input[type='submit']{
    height: 50px;
    background: #333333;
    color: #fff;
    text-transform: uppercase;
    font-size: 14px;
    letter-spacing: 1.5px;
    border: none;
    font-weight: 700;
    width: 117px;
    position: absolute;
    right: 0;
    top: 40px;
    -webkit-transition: all 300ms ease;
    -moz-transition: all 300ms ease;
    -ms-transition: all 300ms ease;
    -o-transition: all 300ms ease;
    transition: all 300ms ease;
}
.price_slider_wrapper input[type='submit']:hover{
    background: #92dd04;
}
.shopSidebar .widget ul{}
.shopSidebar .widget ul li{
    margin-bottom: 24px;
    line-height: .8;
}
.shopSidebar .widget ul li:last-of-type{
    margin-bottom: 0;
}
.shopSidebar .widget ul li a{
    color: #999494;
    display: inline-block;
    padding-right: 17px;
}
.shopSidebar .widget ul li a:hover,
.shopSidebar .widget ul li:hover{
    color: #333131;
}
.popularProduct{}
.singlePProduct{
    padding-left: 100px;
    position: relative;
    min-height: 83px;
    margin-bottom: 30px;
    padding-top: 19px;
}
.singlePProduct:last-of-type{
    margin-bottom: 0;
}
.singlePProduct img{
    width: 73px;
    height: 83px;
    position: absolute;
    left: 0;
    top: 0;
}
.ppTitle{
    font-size: 14px;
    color: #333131;
    letter-spacing: 1.5px;
    margin-bottom: 0;
    font-weight: 700;
    line-height: 22px;
    margin-bottom: 7px;
}
.ppPrice{
    font-size: 14px;
    color: #92dd04;
    letter-spacing: 1.5px;
    line-height: .8;
    font-weight: 700;
}
.tagcloud{}
.tagcloud a{
    height: 40px;
    background: #fafafa;
    display: inline-block;
    color: #808080;
    letter-spacing: 0.7px;
    line-height: 38px;
    margin-bottom: 20px;
    margin-right: 7px;
    padding: 0 19px;
}
.tagcloud a:hover{
    background: #92dd04;
    color: #fff;
}
.tagcloud a:nth-child(03){
    margin-right: 0;
}


/*=======================================================================
[21] SINGLE PRODUCT
=========================================================================*/
.pageTitleSec.singleProductS{
    background: rgba(0, 0, 0, 0) url("../images/bg/15.jpg") no-repeat scroll center center / cover ;
}
.productDetailsSection{
    padding-top: 100px;
}
#singlepCarousel{
    padding-left: 130px;
    padding-right: 65px;
    margin-bottom: 100px;
}
#singlepCarousel .carousel-indicators li ,
#singlepCarousel .carousel-indicators li.active {
    background: transparent;
    border: none;
    border-radius: 0;
    cursor: pointer;
    display: inline-block;
    height: 102px;
    margin: 0;
    text-indent: 0;
    width: 102px;
    margin-bottom: 30px;
    opacity: .2;
}
#singlepCarousel .carousel-indicators li.active{
    opacity: 1;
}
#singlepCarousel .carousel-indicators {
    bottom: 10px;
    left: 0;
    list-style: outside none none;
    margin-left: 0;
    padding-left: 0;
    position: absolute;
    text-align: center;
    top: 26px;
    width: 102px;
    z-index: 15;
}
#singlepCarousel .carousel-inner .item img{
    width: 100%;
    height: auto;
}
.singlePDec {
    padding-top: 59px;
}
.spTitle{
    font-size: 31px;
    line-height: 32px;
    color: #333333;
    margin-bottom: 25px;
}
.spPrice{
    font-family: 'Cabin', sans-serif;
    font-size: 25px;
    color: #92dd04;
    font-weight: 700;
    letter-spacing: 1.25px;
    margin-bottom: 45px;
}
.spRattings {
    line-height: 0.8;
    margin-bottom: 39px;
}
.spRattings i {
    color: #92dd04;
    font-size: 20px;
    margin-right: 4px;
}
.quantity{
    height: 50px;
    position: relative;
    margin-bottom: 35px;
    width: 180px;
}
.quantity input{
    width: 180px;
    background: #404040;
    border: none;
    text-align: center;
    height: 50px;
    padding: 0 50px;
    font-size: 16px;
    color: #fff;
    font-weight: 700;
}
.quantity button.qtyBtn{
    background: #333333;
    height: 50px;
    position: absolute;
    width: 50px;
    font-size: 23px;
    color: #fff;
}
.quantity button.qtyBtn:hover{
    background: #92dd04;
}
.quantity button.qtyBtn.btnPlus{
    right: 0;
}
.quantity button.qtyBtn.btnMinus i {
    position: relative;
    top: 2px;
}
.singlePDec p:last-of-type {
    margin-bottom: 41px;
}
.proInfow {
    padding: 70px 65px 62px;
}
.proInfoNav{
    text-align: center;
    padding-bottom: 19px;
}
.proInfoNav li {
    border-right: 2px solid #bfbfbf;
    display: inline-block;
    line-height: 0.8;
    margin-right: 47px;
    padding-right: 49px;
    position: relative;
}
.proInfoNav li:last-child{
    margin-right: 0;
    border: none;
    padding-right: 0;
}
.proInfoNav li a{
    font-size: 14px;
    color: #bfbfbf;
    letter-spacing: 1.05px;
    display: block;
    text-transform: uppercase;
    font-weight: 700;
}
.proInfoNav li.active a{
    color: #333333;
}
.proInfoNav li.active:before{
    width: 60px;
    height: 2px;
    background: #92dd04;
    content: '';
    left: 0;
    bottom: -17px;
    position: absolute;
}
.proInfoNav li.active:after{
    width: 10px;
    height: 2px;
    background: #92dd04;
    content: '';
    left: 65px;
    bottom: -17px;
    position: absolute;
}
.relProductSec {
    padding-bottom: 165px;
    padding-top: 80px;
}
.proReviews{
    padding-top: 50px;
}
.revList{
    margin-bottom: 100px;
}

/*=======================================================================
[22] CART PAGE
=========================================================================*/
.pageTitleSec.cartpage{
    background: rgba(0, 0, 0, 0) url("../images/bg/16.jpg") no-repeat scroll center center / cover ;
}
.cartSection{
    padding-bottom: 90px;
}
.bar2px {
    background: #fff;
    height: 2px;
    left: 0;
    position: relative;
    top: 44px;
    width: 100%;
}
.singlesteap{
    text-align: center;
}
.singlesteap h2{
    font-size: 45px;
    color: #fff;
    letter-spacing: 6.75px;
    margin-bottom: 22px;
    font-weight: 700;
}
.singlesteap p{
    color: #999999;
    text-transform: uppercase;
    letter-spacing: .8px;
    font-size: 16px;
    margin: 0;
    font-family: 'Cabin', sans-serif;
    font-weight: 600;
    line-height: 1;
}
.singlesteap.active p{
    color: #92dd04;
}
.cart_table tr.cart_item:first-child td{
    padding-top: 80px;
}
.shop_table.cart.cart_table{
    width: 100%;
    position: relative;
    border: none;
    border-spacing: 0;
    border-collapse: collapse;
}
.cart_table thead tr th{
    font-size: 16px;
    padding: 17px 0 18px;
    border-top: 2px solid #dfdede;
    border-bottom: 2px solid #dfdede;
    text-transform: uppercase;
    color: #7f7e7e;
    letter-spacing: .64px;
    font-weight: 700;
}
.cart_table tbody tr td{
    vertical-align: middle;
    padding: 30px 0;
    font-size: 15px;
    color: #666666;
}
.cart_table tbody tr td.product-thumbnail{
    width: 41.6666%;
}
.cart_table tbody tr td.product-thumbnail > a{
    display: inline-block
}
.cart_table tbody tr td.product-thumbnail img{
    width: 100px;
    height: 115px;
    display: inline-block;
    margin-right: 70px;
}
.cart_table tbody tr td.product-thumbnail a.itemtitle{
    font-size: 16px;
    color: #333131;
    letter-spacing: .8px;
    font-weight: 700;
}
.cart_table tbody tr td.product-thumbnail a.itemtitle:hover{
    color: #92dd04;
}
.cart_table tbody tr td.product-price{
    width: 16.6666%;
}
.cart_table tbody tr td .amount{
    color: #999494;
    font-size: 16px;
    font-weight: 700;
}
.cart_table tbody tr td.product-quantity .quantity{
    margin-bottom: 0;
}
.cart_table tbody tr td.product-remove{
    text-align: right;
}
.cart_table tbody tr td.product-remove a.remove {
    background: #000000;
    border-radius: 50%;
    color: #fff;
    display: inline-block;
    font-size: 14px;
    height: 16px;
    letter-spacing: 0;
    line-height: 0.8;
    padding: 1.5px 0;
    text-align: center;
    width: 16px;
}
.cart_table tbody tr td.product-remove a.remove:hover{
    background: #92dd04;
}
.cart_table tbody tr .actions{
    border-top: 2px solid #dfdede;
    padding-top: 80px;
}
.cart_table tr.cart_item.last_item td {
    padding-bottom: 80px;
}
.calshippingCoupon {
    padding-right: 110px;
}
.cart_table tbody tr td.actions .input-text{
    width: 389px;
    height: 50px;
    border: none;
    border-bottom: 1px solid #e6e6e6;
    font-size: 14px;
    color: #bfbfbf;
    padding-left: 13px;
}
.cart_table tbody tr td.actions .input-text:input-placeholder,
.calculateShop input:input-placeholder{
    color: #bfbfbf;
    opacity: 1;
}
.cart_table tbody tr td.actions .input-text::-webkit-input-placeholder ,
.calculateShop input::-webkit-input-placeholder {
    color: #bfbfbf;
    opacity: 1;
}
.cart_table tbody tr td.actions .input-text:-moz-placeholder,
.calculateShop input:-moz-placeholder{
    color: #bfbfbf;
    opacity: 1;
}
.cart_table tbody tr td.actions .input-text::-moz-placeholder ,
.calculateShop input::-moz-placeholder {
    color: #bfbfbf;
    opacity: 1;
}
.cart_table tbody tr td.actions .input-text:-ms-input-placeholder,
.cart_table tbody tr td.actions .input-text:-ms-input-placeholder,
.calculateShop input:-ms-input-placeholder{
    color: #bfbfbf;
    opacity: 1;
}
.cart_table tbody tr td.actions .coupon_submit {
    background: #333;
    border: none;
    border-radius: 0;
    color: #fff;
    font-size: 14px;
    height: 50px;
    text-transform: uppercase;
    margin-left: 35px;
    padding: 0 33px;
    letter-spacing: 1.05px;
    -webkit-transition: all 300ms ease;
    -moz-transition: all 300ms ease;
    -ms-transition: all 300ms ease;
    -o-transition: all 300ms ease;
    transition: all 300ms ease;
}
.calshippingCoupon .coupon{
    margin-bottom: 80px;
}
.cartTitle{
    font-size: 20px;
    color: #333131;
    letter-spacing: 2px;
    text-transform: uppercase;
    line-height: .8;
    margin-bottom: 30px;
    position: relative;
    padding-bottom: 15px;
}
.cartTitle:before{
    position: absolute;
    content: '';
    left: 0;
    width: 60px;
    height: 2px;
    background: #92dd04;
    bottom: 0;
}
.cartTitle:after{
    position: absolute;
    content: '';
    left: 65px;
    width: 10px;
    height: 2px;
    background: #92dd04;
    bottom: 0;
}
.selectDiv{
    margin-bottom: 30px;
    position: relative;
}
.selectDiv::before {
    color: #cfcfcf;
    content: "\e994";
    font-family: "entypo";
    font-size: 14px;
    position: absolute;
    right: 15px;
    top: 10px;
    z-index: 1;
}
.selectDiv select{
    width: 100%;
    border: none;
    border-bottom: 1px solid #bfbdbd;
    appearance: none;
    -moz-appearance: none;
    color: #808080;
    font-size: 14px;
    padding: 0 13px 3px;
    height: 50px;
}
.selectDiv select option{
    padding: 8px;
    border-right: 2px solid #bfbdbd;
    border-bottom: 1px solid #bfbdbd;
}
.inputDiv{
    margin-bottom: 20px;
}
.inputDiv input{
    width: 100%;
    border: none;
    border-bottom: 1px solid #bfbdbd;
    margin-bottom: 30px;
    height: 50px;
    padding: 0 13px 3px;
    color: #bfbfbf;
}
.cart_totals.calculated_shipping {
    padding-left: 60px;
}
.cart_totals.calculated_shipping table.shop_table{
    background: #fcfbfa;
    width: 100%;
    margin-bottom: 50px;
}
.cart_totals.calculated_shipping table.shop_table tr th{
    font-size: 14px;
    color: #808080;
    line-height: .8;
    padding: 0;
    padding-left: 70px;
}
.cart_totals.calculated_shipping table.shop_table tr td{
    font-size: 14px;
    color: #808080;
    line-height: .8;
    padding: 0;
    padding-right: 70px;
}
.cart_totals.calculated_shipping table.shop_table tr.order-total th,
.cart_totals.calculated_shipping table.shop_table tr.order-total td span.amount.total{
    padding-left: 70px;
    font-size: 20px;
    color: #333131;
    font-weight: 700;
}
.cart_totals.calculated_shipping table.shop_table tr th,
.cart_totals.calculated_shipping table.shop_table tr td{
    padding-bottom: 46px;
}
.cart_totals.calculated_shipping table.shop_table tr.cart-subtotal th,
.cart_totals.calculated_shipping table.shop_table tr.cart-subtotal td{
    padding-top: 48px;
}
.cart_totals.calculated_shipping table.shop_table tr.shipping th,
.cart_totals.calculated_shipping table.shop_table tr.shipping td{
    padding-bottom: 75px;
}
.cart_totals.calculated_shipping table.shop_table tr.order-total th,
.cart_totals.calculated_shipping table.shop_table tr.order-total td{
    padding-bottom: 50px;
}
.cart_table tbody tr td.actions .coupon_submit:hover{
    background: #92dd04;
}


/*=======================================================================
[23] CHECKOUT PAGE
=========================================================================*/
.pageTitleSec.checkoutPage{
    background: rgba(0, 0, 0, 0) url("../images/bg/17.jpg") no-repeat scroll center center / cover ;
}
.checkoutSection{
    padding-top: 80px;
    padding-bottom: 95px;
}
.woocommerce-billing-fields{
    padding-right: 40px;
}
.woocommerce-billing-fields input[type='text'],
.woocommerce-billing-fields input[type='email'],
.woocommerce-billing-fields input[type='tel'],
.woocommerce-billing-fields select,
.woocommerce-billing-fields textarea{
    width: 100%;
    border: none;
    border-bottom: 1px solid #bfbdbd;
    font-size: 14px;
    color: #bfbfbf;
    padding-left: 13px;
    height: 50px;
    margin-bottom: 30px;
}
.woocommerce-billing-fields input[type='text']:input-placeholder,
.woocommerce-billing-fields input[type='text']:input-placeholder,
.woocommerce-billing-fields textarea:input-placeholder{
    color: #bfbfbf;
    opacity: 1;
}
.woocommerce-billing-fields input[type='text']::-webkit-input-placeholder,
.woocommerce-billing-fields input[type='email']::-webkit-input-placeholder,
.woocommerce-billing-fields textarea::-webkit-input-placeholder{
    color: #bfbfbf;
    opacity: 1;
}
.woocommerce-billing-fields input[type='text']:-moz-placeholder,
.woocommerce-billing-fields input[type='email']:-moz-placeholder,
.woocommerce-billing-fields textarea:-moz-placeholder{
    color: #bfbfbf;
    opacity: 1;
}
.woocommerce-billing-fields input[type='text']::-moz-placeholder,
.woocommerce-billing-fields input[type='email']::-moz-placeholder,
.woocommerce-billing-fields textarea::-moz-placeholder{
    color: #bfbfbf;
    opacity: 1;
}
.woocommerce-billing-fields input[type='text']:-ms-input-placeholder,
.woocommerce-billing-fields input[type='email']:-ms-input-placeholder,
.woocommerce-billing-fields textarea:-ms-input-placeholder{
    color: #bfbfbf;
    opacity: 1;
}
.woocommerce-billing-fields select{
    appearance: none;
    -moz-appearance: none;
}
.woocommerce-billing-fields textarea {
    height: 120px;
    margin-top: 10px;
    resize: none;
    margin-bottom: 44px;
}
.woocommerce-billing-fields select option{
    padding: 10px;
    border-right: 2px solid #ccc;
}
.woocommerce-info {
    background: #fcfbfa;
    color: #999494;
    line-height: 0.8;
    margin-bottom: 70px;
    padding: 29px;
    text-align: center;
}
.woocommerce-info a{
    font-weight: 700;
    color: #92dd04;
}
.woocommerce-info a:hover{
    color: #333;
}
.login{
    border: 1px solid #bfbdbd;
    padding: 30px;
    margin-bottom: 30px;
    position: relative;
    top: -60px;
}
.login label{
    width: 200px;
}
.login input[type='text'],
.login input[type='password']{
    width: 300px;
    border: none;
    border-bottom: 1px solid #bfbdbd;
}
.chechourRight{
    padding-left: 60px;
}
.chechourRight .cart_totals.calculated_shipping{
    padding-left: 0;
    margin-bottom: 80px;
}
.checkboxDiv {
    line-height: 14px;
    margin-bottom: 25px;
    padding-left: 34px;
    position: relative;
}
.checkboxDiv input{
    width: inherit;
    position: absolute;
    left: 0;
    top: 0;
    height: inherit;
}
.checkboxDiv label{
    cursor: pointer;
    position: relative;
    -moz-user-select: none;
    -o-user-select: none;
    -webkit-user-select: none;
    line-height: .8;
    margin: 0;
    color: #808080;
    font-weight: 400;
}
.checkboxDiv input[type="checkbox"]{
    display: none;
}
.checkboxDiv label::before {
    background: transparent;
    border: 1px solid #bfbdbd;
    bottom: 0;
    content: "";
    height: 14px;
    left: -34px;
    position: absolute;
    top: -1px;
    width: 14px;
}
.checkboxDiv input[type="checkbox"]:checked + label::after {
    background: #92dd04;
    content: "";
    height: 6px;
    left: -30px;
    position: absolute;
    top: 3px;
    width: 6px;
}
.wc_payment_methods.payment_methods.methods {
    margin-bottom: 51px;
    margin-top: 34px;
}
.woocommerce-checkout-payment li{
    margin-bottom: 37px;
}
.woocommerce-checkout-payment li .payment_box{
    padding-left: 47px;
}
.woocommerce-checkout-payment li .payment_box p{
    margin-bottom: 0;
    font-size: 14px;
    color: #b3b0aa;
    font-weight: 400;
    line-height: 28px;
}
.radioboxDiv {
    line-height: 14px;
    margin-bottom: 17px;
    padding-left: 45px;
    position: relative;
}
.radioboxDiv input{
    width: inherit;
    position: absolute;
    left: 0;
    top: 0;
    height: inherit;
}
.radioboxDiv label{
    cursor: pointer;
    position: relative;
    -moz-user-select: none;
    -o-user-select: none;
    -webkit-user-select: none;
    line-height: .8;
    margin: 0;
    color: #333333;
    font-weight: 700;
}
.radioboxDiv input[type="radio"]{
    display: none;
}
.radioboxDiv label::before {
    background: transparent;
    border: 1px solid #bfbdbd;
    bottom: 0;
    content: "";
    height: 15px;
    left: -45px;
    position: absolute;
    top: -1px;
    width: 15px;
    border-radius: 50%;
}
.radioboxDiv input[type="radio"]:checked + label::after {
    background: #92dd04;
    content: "";
    height: 7px;
    left: -41px;
    position: absolute;
    top: 3px;
    width: 7px;
    border-radius: 50%;
}

.searchWrap {
    background: rgba(51, 51, 51, .98);
    height: 100%;
    width: 100%;
    position: fixed;
    left: 0;
    z-index: 9999;
    right: 0;
    top: 0;
    bottom: 0;
    display: none;
}
.searchFrom{
    left: 0;
    margin: 0 200px;
    position: absolute;
    right: 0;
    text-align: center;
    top: 50%;
    transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
}
.searchFrom input[type="search"]{
    width: 100%;
    background: transparent;
    border: 1px solid transparent;
    border-bottom: 2px solid #474747;
    padding: 10px;
    font-size: 20px;
    letter-spacing: 1px;
}
.searchFrom button{
    position: absolute;
    top: 10px;
    right: 5px;
    background: transparent;
    font-size: 16px;
}

.testmonialSec  .secTitle > p{
    color: #f1f1f1;
}

.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: 24px 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;
}
.colorSwitch a.color1{
    background: #92dd04
}
.colorSwitch a.color2{
    background: #f23030
}
.colorSwitch a.color3{
    background: #2fca7b;
}
.colorSwitch a.color4{
    background: #a72fca;
}
.colorSwitch a.color5{
    background: #caa13f;
}
.colorSwitch a.color6{
    background: #3fbbca;
}
.colorSwitch a.color7{
    background: #e44d86;
}
.colorSwitch a.color8{
    background: #FA922C;
}
.colorSwitch a:hover,
.colorSwitch a.active{
    opacity: .3;
}

.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;
}
.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;
}
.greenbackground {
	background-color:#e5feb8;
}

.greenbottomborder {
	border-bottom: 1px solid #e5feb8 !important;
}

.blackbackgroundtable {
	background-color: black;
	color:#92dd04;
}

.prysmgreenbackground {
	background-color:#92dd04;
	color:black;
}

