/*
  Theme Name: Poseidon - MultiPurpose Responsive HTML5 Template
  Theme URL: http://themewar.com/html/poseidon
  Author: ExpandTheme
  Author URI:http://themeforest.net/user/expandtheme
  Description: Poseidon
  Version: 1.0.0
*/

/*=======================================================================
[Table of contents]
=========================================================================
[1] Home One
    1.Header
    2.Slider
    3.Agency
    4.Choice element
    5.Provide Services
    6.callToAction1
    7.Our Team
    8.Our Work
    9.Client Carowsel
    10.Footer1
[2] Home Two
    1.Header Bar
    2.Header2
    3.Slider
    4.Services
    5.About
    6.Services Provide
    7.Portfolio
    8.Team Member
    9.Client
    10.Call to action
    11.full width services
    12.faacture Section
    13.Call to action
    13.Latest Blog
    14.Footer
[3] Home Three
    1.slider 3
    1.About
    2.Services
    3.Call to Action3
    4.Fan fact
    5.Our recent works
    6.Our Trusted Client
    7.Our Features
    8.Creative
    9.latest Update
    10.Footer3
[4] About Page
    1.BreadCrump
    2.Client Logo
[5] About Two
[6] Services Page
[7] Services Two
[8] PortFolio Single
[9] PortFolio Single Two
[10] Contact Page 
[11] Contact Page2 
[12] 404 Page 
[13] Blog Page 
    1.Blog Content
    2.Blog Sidebar
[14] Blog News 
[15] Blog Details 
[16] Fixed Header 
[17] Back TO top 
[17] Preloader 
==========================================================================*/

/*=======================================================================
// Home One
=========================================================================*/
/**================ Header ===================**/
.headerSocial.header {
    margin: 34px 0;
}
.header1{
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
    width: 100%;
    z-index: 1;
    border-bottom: 1px solid #392e2c;
}
.mainnav.styleOne ul li a{
    color: #fff;
}
.mainnav.styleOne{}
.logo{
    margin: 42px 0;
	width:350px;
}
.mainnav.styleOne ul li {
    display: inline-block;
    line-height: 0.8;
    margin-right: 25px;
    margin-top: 49px;
    padding-bottom: 49px;
    position: relative;
}
.mainnav.styleOne ul li ul.sub-menu{
    background: #252525;
    top: 62px;
}
.mainnav.styleOne ul li:hover ul.sub-menu{
    top: 62px;
}
.mainnav.styleOne ul li ul.sub-menu li{
    border-color: #333;
}

.top-button {
	display: inline-block;
	border: none;
	color: #ffffff;
	border-radius: 3px 3px 3px 3px;
	-webkit-border-radius: 3px 3px 3px 3px;
	-moz-border-radius: 3px 3px 3px 3px;
	height: auto;
	font-size: 16px;
	padding: 10px 10px;
	box-shadow: inset 0 1px 0 0 #303030,0 -1px 0 0 #6b6b6b,0 0 0 1px #4c4c4c,0 2px 4px 0 #303030;
	-moz-box-shadow: inset 0 1px 0 0 #303030,0 -1px 0 0 #6b6b6b,0 0 0 1px #4c4c4c,0 2px 4px 0 #303030;
	-webkit-box-shadow: inset 0 1px 0 0 #303030,0 -1px 0 0 #6b6b6b,0 0 0 1px #4c4c4c,0 2px 4px 0 #303030;
	text-shadow: 0 1px 2px #000000;
	background-image: linear-gradient(to bottom, #aff558, #8DDC2B);
	background-color: #8DDC2B;
	width: 180px;
	line-height: 16px;
	text-align: center;
}

/**================ Slider ===================**/

.revslider {
	height:450px;
}

.slider1 .slotholder{
    position: relative;
	height: 30%;
}
.slider1 .slotholder:after{
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, .7);
}

.rev1Con {
	margin-top: 175px;
}

.cyber-code {
	margin-top:60px;
}
.rev1Con h5{
    color: #8DDC2B;
    font-size: 24px;
    font-weight: 900;
	
	font-family: 'Orbitron';
    letter-spacing: 0.6px;
    text-transform: capitalize;
    line-height: 32px;
    font-weight: 500;
    text-align: center;
}
.rev1Con h2{
    color: #fff;
    font-size: 60px;
	font-family: 'Orbitron';
    font-style: normal
		
}
.marginRight12{
    margin-right: 12px;
}

.poseidon_btn {
	display: inline-block;
	border: none;
	color: #ffffff;
	border-radius: 3px 3px 3px 3px;
	-webkit-border-radius: 3px 3px 3px 3px;
	-moz-border-radius: 3px 3px 3px 3px;
	height: auto;
	font-size: 16px;
	padding: 20px 20px;
	box-shadow: inset 0 1px 0 0 #303030,0 -1px 0 0 #6b6b6b,0 0 0 1px #4c4c4c,0 2px 4px 0 #303030;
	-moz-box-shadow: inset 0 1px 0 0 #303030,0 -1px 0 0 #6b6b6b,0 0 0 1px #4c4c4c,0 2px 4px 0 #303030;
	-webkit-box-shadow: inset 0 1px 0 0 #303030,0 -1px 0 0 #6b6b6b,0 0 0 1px #4c4c4c,0 2px 4px 0 #303030;
	text-shadow: 0 1px 2px #000000;
	background-image: linear-gradient(to bottom, #aff558, #8DDC2B);
	background-color: #8DDC2B;
	width: 200px;
	line-height: 16px;
	text-align: center;	
	
}

/**================ Agency ===================**/
.singlefeature.agency p{
    font-weight: 300;
    color: #444444;
}
.singlefeature.agency .featureDec {
    padding-left: 0;
}
/**================ Choice element ===================**/
.choiceElement{
    position: relative;
}
.chochWrap {
    padding: 155px 74px 91px;
}
.singleChoice{
    position: relative;
    padding-left: 47px;
    padding-bottom: 42px;
}
.singleChoice i{
    color: #8DDC2B;
    font-size: 32px;
    position: absolute;
    left: 0;
    top: -5px;
}
.singleChoice h5{
    font-size: 20px;
    letter-spacing: .8px;
    margin-bottom: 30px;
}
.singleChoice p{
    color: #444444;
}


/**================ Provide Services  ===================**/
.serProImg{
    margin-right:30px;
    position: relative;
}
.serProImg:after{
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, .85);
    content: '';
}
.serProImg img{
    width: 100%;
    height: 100%;
}
.serCont {
    border: 5px solid #a3a2a0;
    bottom: 0;
    height: 76%;
    left: -30px;
    margin: auto;
    padding: 11px 0;
    position: absolute;
    right: 0;
    text-align: center;
    top: 0;
    width: 72.1%;
}
.serCont i{
    font-size: 37px;
    line-height: .8;
    color: #fff;
    display: block;
    margin-bottom: 28px;
}
.serCont h5{
    letter-spacing: .88px;
    font-size: 22px;
    color: #fff;
    margin-bottom: 20px;
}
.serCont p{
    letter-spacing: .6px;
    color: #e3e3e3;
    font-size: 15px;
    padding: 0 50px;
    margin-bottom: 33px;
}
.serContIn{
    position: absolute;
    height: 280px;
    left: 0;
    right: 0;
    bottom: 0;
    top: 0;
    margin: auto;
}
.serviceProfeacCont {
    padding: 50px 0 0;
}
.singleProSer {
    border: 1px solid #d2d2d2;
    margin-bottom: 30px;
    padding: 29px;
    -webkit-transition: all 500ms ease;
    -moz-transition: all 500ms ease;
    -ms-transition: all 500ms ease;
    -o-transition: all 500ms ease;
    transition: all 500ms ease;
}
.singleProSer:hover,
.serviceProfeacCont .active .singleProSer{
    border-color: #8DDC2B; 
    cursor: pointer;
}
.singleProSer i{
    font-size: 27px;
    color: #9c9c9c;
    display: block;
    margin-bottom: 23px;
    -webkit-transition: all 500ms ease;
    -moz-transition: all 500ms ease;
    -ms-transition: all 500ms ease;
    -o-transition: all 500ms ease;
    transition: all 500ms ease;
}
.singleProSer:hover i,
.serviceProfeacCont .active .singleProSer i{
    color: #8DDC2B
}
.singleProSer h5 {
    color: #181818;
    font-size: 18px;
    margin-bottom: 12px;
}
.singleProSer p{
    font-size:14px;
    color: #666666;
    letter-spacing: .56px;
    margin: 0;
    line-height: .8;
}
/**================ callToAction1 ===================**/
.callToAction1{
    background: url(../images/bg/3.jpg) no-repeat scroll center center/cover;
    margin-bottom: 72px;
    position: relative;
    padding: 120px 0 100px;
}
.callToactCont1{
    margin-top: 77px;
}
.callToactCont1 h2{
    font-size: 32px;
    line-height: 42px;
    text-transform: uppercase;
    font-weight: 900;
    color: #fff;
    margin-bottom: 33px;
}
.callToactCont1 p{
    font-size: 15px;
    letter-spacing: .6px;
    color: #fff;
    margin:0 0 42px;
}
.calltoacImg1 img{
    position: absolute;
    top: 28px;
}
/**================ Our Team ===================**/

.singleTeam{
    border: 1px solid #dedede;
    position: relative;
    overflow: hidden;
}
.teamThumb{
    position: relative;
    overflow: hidden;
}
.singleTeam img{
    width: 100%;
    height: auto;
    -webkit-transition: all 500ms ease;
    -moz-transition: all 500ms ease;
    -ms-transition: all 500ms ease;
    -o-transition: all 500ms ease;
    transition: all 500ms ease;
}
.singleTeam:hover img{
    transform:scale(1.1);
}
.teamHover{
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background: rgba(255, 255, 255, .25);
    text-align: center;
    transition: all ease 500ms;
    opacity: 0;
    visibility: hidden;
}
.singleTeam:hover .teamHover{
    opacity: 1;
    visibility: visible;
}
.teamHoverCon{
    position: absolute;
    width: 100%;
    height: 80px;
    text-align: center;
    top: 20%;
    left: 0;
    right: 0;
    bottom: 0;
    margin: auto;
    transition: all ease 800ms;
    opacity: 0;
    visibility: hidden;
}
.singleTeam:hover .teamHoverCon{
    opacity: 1;
    visibility: visible;
    top: 0;
}
.teamHoverCon h4{
    font-size: 18px;
    text-transform: capitalize;
    color: #fff;
    line-height: .8;
    margin: 0 0 11px;
    letter-spacing: .72px;
}
.teamHoverCon p{
    font-size: 12px;
    letter-spacing: 1.8px;
    line-height: .8;
    margin: 0;
    color: #fff;
    text-transform: uppercase;
    font-style: italic;
}
.teamFooter{
    width: 100%;
    position: relative;
    overflow: hidden;
    height: 80px;
}
.teamDeg{
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
    height: 100%;
    text-align: center;
    padding: 22px 0;
    transition: all ease 800ms;
}
.singleTeam:hover .teamDeg{
    bottom: -100%;
}
.teamDeg h4{
    font-size: 18px;
    text-transform: capitalize;
    color: #181818;
    line-height: .8;
    margin: 0 0 11px;
    letter-spacing: .72px;
}
.teamDeg p{
    font-size: 12px;
    letter-spacing: 1.8px;
    line-height: .8;
    margin: 0;
    color: #777777;
    text-transform: uppercase;
    font-style: italic;
}
.teamSocial{
    position: absolute;
    left: 0;
    top: -100%;
    width: 100%;
    height: 100%;
    text-align: center;
    padding: 26px 0;
    transition: all ease 800ms;
}
.singleTeam:hover .teamSocial{
    top: 0;
}
.teamSocial a{
    font-size: 16px;
    color: #494e53;
    margin-right: 25px;
}
.teamSocial a:last-child{
    margin-right: 0;
}
.teamSocial a:hover{
    color: #8DDC2B;
}
/**================ Our Work ===================**/
.ourWork{
    background: url(../images/bg/4.jpg)no-repeat scroll center center/cover;
}
.workProCont{}
.workProCont i {
    border: 1px solid #8DDC2B;
    border-radius: 50%;
    color: #8DDC2B;
    display: block;
    font-size: 35px;
    height: 78px;
    margin: auto;
    padding: 21px;
    width: 78px;
    margin-bottom: 40px;
}
.workProCont h2{
    font-size: 24px;
    color: #fff;
    font-weight: 600;
    margin-bottom: 43px;
}
.workProCont p{
    color: #fff;
    font-weight: 500;
    font-size: 22px;
    line-height: 36px;
}
.workProceBott{
    margin-top: 137px;
}
.workProceBott p{
    position: relative;
    margin: 0 0 20px;
    line-height: .8;
}
.workProceBott p a{
    font-size: 15px;;
    text-transform: uppercase;
    color: #999999;
    font-weight: 600;
}
.workProceBott p::after {
    background: #8DDC2B none repeat scroll 0 0;
    bottom: -20px;
    content: "";
    height: 2px;
    left: 0;
    margin: auto;
    position: absolute;
    right: 0;
    width: 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;
}
.workProceBott p:hover:after,
.workProceBott li.active p:after{
    width: 40px;
}
.workProceBott p:hover a,
.workProceBott li.active a{
    color: #fff;
}
/**================ Client Carowsel ===================**/
.clientSec{
    background: url(../images/bg/5.jpg) no-repeat scroll center center/cover;
}
.clientLogo {
    border-bottom: 1px solid #5e5f60;
    margin-bottom: 70px;
    padding-bottom: 70px;
    z-index: 1;
    position: relative;
}
.clientLogo a{
    display: block;
}
.singCarousel{
    position: relative;
    padding-left: 227px;
    min-height: 170px;
    margin: 0 55px;
}
.singCarousel img{
    position: absolute;
    left: 0;
    top: 10px;
    border-radius: 50%;
    width: 160px;
    height: 160px !important;
}
.singCarousel p{
    font-size: 21px;
    line-height: 32px;
    font-style: italic;
    font-weight: 400;
    color: #fff;
    margin-bottom: 23px;
}
.singCarousel h4{
    font-size: 15px;
    color: #8DDC2B;

}
.singCarousel h4 span{
    font-family: "Lato",sans-serif;
    color: #8DDC2B;
}
.clientCont {
    padding-left: 283px;
}
.clientCont a{
    width: 45px;
    height: 45px;
    border: 1px solid #d1d1d1;
    display: inline-block;
    color: #d1d1d1;
    border-radius: 2px;
    font-size: 20px;
    padding: 11px 18px;
    line-height: .8;
    margin-right: 6px;
}
.clientCont a:hover{
    border-color: #8DDC2B;
    color: #8DDC2B;
}
/**================ Latest News ===================**/
.latestNewsIn {
    padding: 0 25px;
}
.singleblog1{
    background: #f7f7f7;
    padding: 63px 35px 49px 40px;
    position: relative;
}
.singleblog1:after{
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    background: url(../images/home1/newsHov.jpg) no-repeat scroll center center/cover;
    opacity: .56;
    content: '';
    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;
}
.singleblog1:hover:after{
    visibility: visible;
    opacity: .64;
}
.singleblog1:before{
    background: rgba(0, 0, 0, .85);
    content: '';
    position: absolute;
    left: 0;
    top: 0;
    bottom: 0;
    right: 0;
    width: 100%;
    height: 100%;
    visibility: hidden;
    opacity: 0;
    z-index: 1;
    -webkit-transition: all 500ms ease;
    -moz-transition: all 500ms ease;
    -ms-transition: all 500ms ease;
    -o-transition: all 500ms ease;
    transition: all 500ms ease;
}
.singleblog1:hover:before{
    visibility: visible;
    opacity: 1;
}

.blogMeta.metaHome{
    margin-bottom: 24px;
}
.blogTitle.ti2{
    font-size: 20px;
    line-height: 32px;
    letter-spacing: .8px;
}
.singleblog1 p {
    padding-right: 40px;
}
.singleBlin{
    position: relative;
    z-index: 1;
}
.singleblog1:hover .blogMeta,
.singleblog1:hover .blogMeta a,
.singleblog1:hover .blogTitle.ti2 a,
.singleblog1:hover p{
    color: #fff;
}
.singleblog1:hover .blogTitle.ti2 a:hover,
.singleblog1:hover .blogMeta a:hover{
    color: #8DDC2B;
}

/**================ Footer1 ===================**/
.footer1 {
    background: #2e2e2e;
    padding:65px 0 65px;
}
.footer1 .widget h2{
    font-size: 22px;
    color: #fff;
    letter-spacing: .88px;
    margin-bottom: 50px;
}
.footLogo{
    margin-bottom: 35px;
}
.footer1Info{}
.footer1Info p{
    color: #999;
    font-weight: 500;
    font-size: 16px;
    line-height: 28px;
    letter-spacing: .64px;
}
.footAdds {
    margin-bottom: 0;
    margin-top: 25px;
}
.sngAdds {
    border-top: 1px solid #434343;
    margin-bottom: 15px;
    margin-top: 12px;
    min-height: 60px;
    padding-left: 90px;
    padding-top: 15px;
    position: relative;
}
.sngAdds .adshead{
    position: absolute;
    left: 0;
    color: #999;
    font-weight: 700;
    margin-bottom: 0;
    text-transform: uppercase;
}
.sngAdds p{
    font-size: 14px;
    margin: 0 ;
    line-height: 24px;
}
.sngAdds a {
    color: #999;
    display: block;
    letter-spacing: 1.12px;
    margin-top: 4px;
}
.sngAdds a:hover{
    color: #8DDC2B;
}
.sngAdds.last{
    border-bottom: 1px solid #434343;
}
.instagram{}
.instagram a{
    margin-bottom: 12px;
    display: inline-block;
    margin-right: 7px;
    width: 80px;
    height: 80px;
}
.instagram a:nth-child(3),
.instagram a:nth-child(6){
    margin-right: 0;
}
.singleRecPost {
    border-bottom: 1px solid #434343;
    margin-bottom: 20px;
    padding-bottom: 13px;
}
.singleRecPost.last{
    border-bottom: none;
}
.rectPotitle{
    font-size: 15px;
    letter-spacing: .6px;
    margin-bottom: 6px;
}
.rectPotitle a{
    color: #999999;
}
.rectPotitle a:hover,
.recpostmeta a:hover{
    color: #8DDC2B;
}
.recpostmeta a,
.recpostmeta{
    color: #999;
    font-size: 12px;
    letter-spacing: .48px;
    font-weight: 500;
}
.recpostmeta span {
    margin: 0 5px 0 4px;
}
.footer1 .subscribeW h2 {
    margin-bottom: 42px;
}
.subscribeW p{
    font-weight: 500;
    color: #999999;
    font-size: 14px;
    line-height: 24px;
    letter-spacing: .56px;
    margin-bottom: 20px;
}
.subscribe input{
    width: 100%;
    border: 1px solid #999999;
    border-radius: 30px;
    height: 38px;
    background: transparent;
    font-size: 12px;
    font-style: italic;
    padding: 10px 28px;
    margin-bottom: 20px;
}
.subscribe input:input-placeholder{
    color: #999999;
    opacity: 1;
}
.subscribe input::-webkit-input-placeholder {
    color: #999999;
    opacity: 1;
}

.subscribe input:-moz-placeholder {
    color: #999999;
    opacity: 1;
}

.subscribe input::-moz-placeholder {
    color: #999999;
    opacity: 1;
}

.subscribe input:-ms-input-placeholder {
    color: #999999;
    opacity: 1;
}
#subscriptionsforms .reqError{
    border-color: #8DDC2B;
}
.subscribe button{
    height: 38px;
    border-radius: 30px;
    width: 100%;
    padding: 12px;
}

#mc_embed_signup{
	
	clear:left; 
	font:20px Helvetica,Arial,sans-serif; 
	width:75%;
	
	}

#mce-EMAIL, #mce-FNAME {
float: left;
margin-right: 15px!important;
    width: 75%;
	padding-right: 18%;
	padding left: 18%;

}
#mc-embedded-subscribe { 
	margin: 0; 
	}
	
#mc-field-group input {
	width: 50%;
	height:100px;
}

.footer-nav {
	margin-top:10px
}
.footer-nav a {
	font-size:20px;
	color: #8DDC2B;
	text-align:center;
	text-transform:uppercase;
}

.foooter-nav li {
	text-align:center;
}

.site-info {
	margin-top:10px;
}
.site-info h5 {
	text-align:center;
	color: #8DDC2B;
	font-size:16px;
	
}
.site-info p {
	text-align:center;
}

.twitter {
	float:right;
	padding-top:0;
}

/*=======================================================================
// Home Two
=========================================================================*/
/**================ Header Bar ===================**/
.headerBar{
    background: #222;
    padding: 9px 0;
    position: relative;
}
.topInfo{
    margin-top: 4px;
}
.topInfo p{
    display: inline-block;
    line-height: .8;
    font-size: 14px;
    color: #aaa;
    margin-right: 20px;
    margin-bottom: 0;
    margin-right: 23px;
    letter-spacing: .56px;
    font-weight: 700;
}
.topInfo a{
    color: #aaaaaa;
    margin-left: -5px;
}
.topInfo a:hover{
    color: #8DDC2B;
}
.topInfo i{
    font-size: 18px;
    color: #aaaaaa;
    margin-right: 12px;
}
.headerSocial{}
.headerSocial a{
    width: 32px;
    height: 32px;
    border: 2px solid #878787;
    display: inline-block;
    font-size: 12px;
    color: #878787;
    text-align: center;
    margin-left: 3px;
}
.headerSocial a.fac:hover,
.socialTeam a.fac:hover,
.foot3social a.fac:hover{
    color: #3B5998;
    border-color: #3B5998;
}
.headerSocial a.twi:hover,
.socialTeam a.twi:hover,
.foot3social a.twi:hover{
    color: #55ACEE;
    border-color: #55ACEE;
}
.headerSocial a.goo:hover,
.socialTeam a.goo:hover,
.foot3social a.goo:hover{
    color: red;
    border-color: #DD4B39;
}
.headerSocial a.lin:hover,
.socialTeam a.lin:hover,
.foot3social a.lin:hover{
    color: #0E76A8;
    border-color: #0E76A8;
}
/**================ Header ===================**/
.logo2{
    margin: 36px 0;
	width: 300px;
}
.mainnav{}
.mainnav ul{}
.mainnav ul li{
    display: inline-block;
    margin-right: 43px;
    line-height: .8;
    padding-bottom: 44px;
    margin-top: 44px;
    position: relative;
}
.mainnav ul li:last-child{
    margin-right: 0;
}
.mainnav ul li a{
    font-size: 13px;
    color: #181818;
    text-transform: uppercase;
    letter-spacing: .52px;
    font-weight: 700;
}
.mainnav ul li ul.sub-menu {
    background: #fff;
    left: 50%;
    margin-left: -125px;
    position: absolute;
    right: 0;
    top: 56px;
    width: 250px;
    visibility: hidden;
    opacity: 0;
    padding: 0 10px;
    -webkit-transition: all 400ms ease;
    -moz-transition: all 400ms ease;
    -ms-transition: all 400ms ease;
    -o-transition: all 400ms ease;
    transition: all 400ms ease;
    transform: scaleY(0);
    transform-origin: 0 0 0;
    z-index: 1;
}
.mainnav ul li:hover ul.sub-menu{
    visibility: visible;
    opacity: 1;
    top: 56px;
    transform: scaleY(1);
}
.mainnav ul li ul.sub-menu li{
    margin: 0;
    padding: 0;
    text-align: center;
    display: block;
    border-bottom: 1px solid #f7f7f7;
    position: relative;
}
.mainnav ul li ul.sub-menu li:last-child{
    border-bottom: none;
}
.mainnav ul li ul.sub-menu li a {
    display: inline-block;
    margin: 22px 0;
    text-transform: capitalize;
    font-size: 13px;
}
.mainnav ul li ul.sub-menu ul.sub-menu {
    left: 100%;
    margin-left: 10px;
    position: absolute;
    right: auto;
    top: 0;
    visibility: hidden;
    opacity: 0;
    transform: scaleY(0);
    transform-origin: 0 0 0;
}
.mainnav ul li ul.sub-menu ul.sub-menu.left {
    left:auto;
    position: absolute;
    right: 100%;
    top: 30px;
    visibility: hidden;
    opacity: 0;
}
.mainnav ul li ul.sub-menu li:hover ul.sub-menu {
    visibility: visible;
    opacity: 1;
    top: 0;
    transform: scaleY(1);
}
.mainnav ul li:hover > a,
.mainnav ul li.active > a{
    color: #8DDC2B;
}
.mainnav ul li ul.sub-menu li a::after {
    color: #333;
    content: "\f105";
    font-family: FontAwesome;
    position: absolute;
    right: 0;
    top: 23px;
    font-size: 10px;
}
.mainnav ul li ul.sub-menu li a:only-child::after {
    content: "";
}




/**================ Slider ===================**/
.slider2{
    background: #FBFAF8;
    position: relative;
    overflow: hidden;
}
.slotholder{
    position: relative;
}
.slotholder:after{
    position: absolute;
    background: rgba(0, 0, 0, .3);
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    width: 100%;
    height: 100%;
    content: '';
}
.tp-bannertimer{
    display: none;
}
.tp-leftarrow.default.round{
    position: relative;
}
.tp-leftarrow.default{}
.tparrows.default.round{
    border: 1px solid #5f5e5e;
    border-radius: 50%;
    -webkit-transition:all 500ms ease;
    -moz-transition:all 500ms ease;
    -ms-transition:all 500ms ease;
    -o-transition:all 500ms ease;
    transition:all 500ms ease;
    width: 55px;
    height: 55px;
}
.tp-leftarrow.default.round:before{
    position: absolute;
    content: '\f104';
    font-family: 'FontAwesome';
    left: 0;
    padding:13px 22px;
    color: #878787;
    font-size: 21px;
    -webkit-transition:all 500ms ease;
    -moz-transition:all 500ms ease;
    -ms-transition:all 500ms ease;
    -o-transition:all 500ms ease;
    transition:all 500ms ease;
}
.tp-rightarrow.default.round:after{
    position: absolute;
    content: '\f105';
    font-family: 'FontAwesome';
    left: 0;
    padding:13px 22px;
    color: #878787;
    font-size: 21px;
    -webkit-transition:all 500ms ease;
    -moz-transition:all 500ms ease;
    -ms-transition:all 500ms ease;
    -o-transition:all 500ms ease;
    transition:all 500ms ease;
}
.tparrows.default.round:hover,
.tparrows.default.round:hover{
    border-color: #8DDC2B;
}
.tp-rightarrow.default.round:hover:after,
.tp-leftarrow.default.round:hover:before{
    color: #8DDC2B;
}
.tp-leftarrow.tparrows.default.round {
    left: 100px !important;
    top: 50%;
}
.tp-rightarrow.tparrows.default.round {
    right: 100px !important
}
.tparrows.default.round.hidearrows, 
.tp-bullets.simplebullets.hidebullets {
    display: block !important;
    opacity: 1 !important;
}
.rev2Con{}
.rev2Con p{
    font-size: 15px;
    color: #fff;
    text-transform: uppercase;
    font-weight: 700;
    letter-spacing: .6px;
}
.rev2Con h2{
    font-size: 72px;
    line-height: 82px;
    color: #fff;
}


	

/**================ Services ===================**/
.services2.common_section{
    padding: 150px 75px; 
}
.singleServices2{
    position: relative;
    padding-left: 77px;
    padding-right: 50px;
}
.singleServices2 i{
    font-size: 38px;
    color: #111;
    position: absolute;
    left: 0;
    top: 0;
}
.singleServices2 .subHeadding{
    font-size: 16px;
    line-height: .8;
    letter-spacing: .64px;
    color: #8DDC2B;
    font-weight: 400;
    margin-bottom: 18px;
}
.singleServices2 h2{
    font-size: 20px;
    color: #181818;
    letter-spacing: .8px;
    line-height: .8;
    font-weight: 700;
    margin: 0 0 20px;
}
.singleServices2 p{
    font-size: 16px;
    letter-spacing: .64px;
    color: #444444;
    margin-bottom: 0;
}
/**================ About us ===================**/
.about2{
    position: relative;
}
.hlafimg{
    width: 50%;
    height: 100%;
    position: absolute;
    left: 0;
    top: 30;
    overflow: hidden;
}
.aboutTop {
    margin-bottom: 55px;
    padding: 0 75px;
}
.aboutTop p{
    color: #444444;
    font-size: 16px;
}
.about2Cont{
    padding: 118px 85px;
}
.hlafimg img{
    width: 100%;
    height: auto;
}
.ab2img img{
    width: 100%;
}
/**================ Services Provide  ===================**/
.singleBservices2{
    margin-bottom: 120px;
}
.ser2Content{
    position: relative;
    padding-left: 176px;
    margin: 61px 0;
}
.ser2Content i {
    color: #181818;
    font-size: 40px;
    left: 102px;
    position: absolute;
    top: 2px;
}
.ser2Content h2{
    font-size: 20px;
    line-height: .8;
    letter-spacing: .8px;
    color: #181818;
    margin-bottom: 41px;
    position: relative;
}
.ser2Content h2:after{
    position: absolute;
    left: 0;
    content: '';
    width: 27px;
    height: 1px;
    background: #999999;
    bottom: -25px
}
.ser2Content p{
    letter-spacing: .6px;
    margin-bottom: 0;
}
/**================ Portfolio  ===================**/
.filterMenuWrap{
    background: #222222;
    padding: 66px 0;
}
.filterHeadding{
    font-size: 42px;
    line-height: .8;
    color: #fff; 
}
.filterNav{
    margin-top: 4px;
}
.filterNav ul{}
.filterNav ul li{
    display: inline-block;
    line-height: .8;
    margin-left: 38px;
    color: #fff;
    text-transform: capitalize;
    line-height: .8;
    font-size: 15px;
    font-weight: 400;
    letter-spacing: .6px;
    cursor: pointer;
    -webkit-transition: all 500ms ease;
    -moz-transition: all 500ms ease;
    -ms-transition: all 500ms ease;
    -o-transition: all 500ms ease;
    transition: all 500ms ease;
}
.filterNav ul li.active,
.filterNav ul li:hover{
    color: #01B1AE
}
.filterNav ul li:first-child{
    margin-left: 0;
}
.singlePortfolio{
    position: relative;
    overflow: hidden;
}
.singlePortfolio img{
    transform: scale(1);
    -webkit-transition: all 500ms ease;
    -moz-transition: all 500ms ease;
    -ms-transition: all 500ms ease;
    -o-transition: all 500ms ease;
    transition: all 500ms ease;
}
.singlePortfolio:hover img{
    transform: scale(1.1);
}
.singlePortfolio img{
    width: 100%;
    overflow: hidden
}
.poHover{
    width: 100%;
    height: 100%;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    background: rgba(0, 0, 0, .9);
    position: absolute;
    visibility: hidden;
    -webkit-transition: all 500ms ease;
    -moz-transition: all 500ms ease;
    -ms-transition: all 500ms ease;
    -o-transition: all 500ms ease;
    transition: all 500ms ease;
    opacity: 0;
}
.singlePortfolio:hover .poHover{
    visibility: visible;
    opacity: 1;
}
.topcon{
    position: absolute;
    top: 60px;
    left: 70px;
}
.topcon,
.botLink{
    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;
}
.singlePortfolio:hover .topcon{
    top: 65px;
    left: 70px;
    visibility: visible;
    opacity: 1;
}
.topcon h2,
.topcon p{
    color: #fff;
}
.topcon h2{
    font-size: 23px;
    margin: 0 0 22px;
    letter-spacing: .92px;
}
.topcon p{
    text-transform: uppercase;
    font-size: 13px;
    font-style: italic;
    margin: 0;
    letter-spacing: 1.95px;
    font-weight: 700;
    line-height: .8;
}
.botLink{
    position: absolute;
    bottom: 50px;
    left: 70px;
}
.singlePortfolio:hover .botLink{
    bottom: 70px;
    left: 70px;
    visibility: visible;
    opacity: 1;
}
.botLink a{
    color: #fff;
    width: 45px;
    height: 45px;
    border:1px solid #fff;
    display: inline-block;
    text-align: center;
    padding: 14px 12px;
    line-height: .8;
    margin-left: 2px;
    font-size: 17px;
}
.botLink a:first-child{
    margin-left: 0;
}
.botLink a:hover{
    color: #8DDC2B;
    border-color: #8DDC2B;
}
#filterCont .mix{
    display: none;
}
.filterContent {
    overflow: hidden;
}
.folioMorelink{
    background: #8DDC2B;
    padding: 36px 0 45px;
}
.innermorelink {
    margin: 0 auto;
    width: 230px;
    position: relative;
    padding-left: 63px;
}
.innermorelink i {
    color: #fff;
    font-size: 28px;
    left: 0;
    position: absolute;
    top: -10px;
    -webkit-transition: all 500ms ease;
    -moz-transition: all 500ms ease;
    -ms-transition: all 500ms ease;
    -o-transition: all 500ms ease;
    transition: all 500ms ease;
}
.innermorelink a{
    color: #fff;
    text-transform: uppercase;
    font-size: 13px;
    letter-spacing: 1.95px;
    font-weight: 700;
    line-height: .8;
    display: block;
    margin-top: 10px;
}
.innermorelink a:hover,
.innermorelink a:hover i{
    color: #111;
}

/**================ Team Member  ===================**/
.singleTeam2{}
.team2Hover{
    background: rgba(0, 0, 0, .9);
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    top: 100px;
    margin: auto;
    height: 198px;
    border-radius: 10px;
    padding: 50px 0;
    visibility: hidden;
    opacity: 0;
    -webkit-transition: all 300ms ease;
    -moz-transition: all 300ms ease;
    -ms-transition: all 300ms ease;
    -o-transition: all 300ms ease;
    transition: all 300ms ease;
}
.team2Hover h2{
    color: #fff;
    font-size: 22px;
    letter-spacing: .88px;
    margin-bottom: 18px;

}
.team2Hover p{
    font-size: 12px;
    color: #8DDC2B;
    letter-spacing: 2.4px;
    text-transform: uppercase;
    font-style: italic;
    line-height: .8;
    margin: 0 0 20px;
}
.socialTeam{}
.socialTeam a{
    width: 32px;
    height: 32px;
    text-align: center;
    color: #fff;
    font-size: 12px;
    line-height: .8;
    border: 1px solid #fff;
    display: inline-block;
    padding: 10px;
    margin-right: 3px;
}
.socialTeam a:last-child{
    margin-right: 0;
}
.singleTeam2:hover .team2Hover{
    visibility: visible;
    opacity: 1;
    top: 120px;
}
/**================ Client  ===================**/
.client{
    background: url(../images/bg/1.jpg)no-repeat scroll center center/cover;
}
#testislider2 {
    padding-bottom: 57px;
}
#testislider2 .tab-content{
    padding-left: 160px;
    padding-right: 160px;
}
.tesItem2{
    margin-top: -5px;
}
.tesItem2 p{
    font-size: 18px;
    font-weight: 600;
    color: #fff;
    letter-spacing: 0;
}

.test_tab_nav{
    padding-top: 45px;
    padding-left: 110px;
    padding-right: 110px;
    overflow: hidden;
}
.test_tab_nav li{
    float: left;
    width: 33.333%;
}
.test_tab_nav li.active{}
.test_tab_nav li.active .tauthor h5{
    color: #8DDC2B;
}
.test_tab_nav li img{
    border-radius: 50%;
    width: 100px;
    height: 100px;
    overflow: hidden;
    margin-bottom: 30px;
}
.tauthor{
    color: #fff;
}
.tauthor h5{
    color: #fff;
    font-size: 18px;
    letter-spacing: .6px;
    margin-bottom: 15px;

}
.tauthor p{
    font-size: 15px;
    letter-spacing: .6px;
    line-height: .8;
    margin: 0;
}
#testislider2 .testbullet{
    line-height: .8;
    bottom: 0;
}
#testislider2 .testbullet li {
    background: #696967 none repeat scroll 0 0;
    border: medium none;
    height: 8px;
    margin: 0 3px;
    width: 8px;
}
#testislider2 .testbullet li.active{
    background: #fff;
}
#testislider2 .testbullet.services2Page li {
    background: #d9d9d9;
    border: medium none;
    height: 8px;
    margin: 0 3px;
    width: 8px;
}
#testislider2 .testbullet.services2Page li.active{
    background: #bfbfbf;
}
/**================ Call to action  ===================**/
.feactured {
    overflow: hidden;
}
.middleImg{
    position: relative;
    margin: auto;
    height: auto;
    overflow: hidden;
    bottom: -7px;
    left: -45px;
}

.leftImg{
    position: absolute;
    left: 45px;
    bottom: -128px;
    z-index: 1;
}
.rightImg{
    position: absolute;
    right: 40px;
    bottom: -195px; 
}
/**================ full width services  ===================**/
.services.left{
    background: #1f2023;
    padding: 72px 80px 72px 405px;
}
.services.right{
    background: #8DDC2B;
    padding: 72px 405px 72px 80px;
}
.services i{
    font-size: 30px;
    color: #fff;
    line-height: .8;
    display: block;
    margin-bottom: 32px;
}
.services h1{
    font-size: 24px;
    font-weight: 900;
    letter-spacing: .96px;
    color: #fff;
    text-transform: uppercase;
    margin-bottom: 32px;
}
.services p{
    color: #fff;
    letter-spacing: .6px;
    margin-bottom: 34px;

}
.services p.italic{
    font-style: italic;
    margin-bottom: 20px
}
/**================ faacture Section  ===================**/
.faacture{
    padding-bottom: 133px;
}
.singlefeature{}
.singlefeature img{
    width: 100%;
    height: 100%;
}
.featureDec{
    padding-left: 14px;
}
.featureDec h2{
    font-size: 22px;
    letter-spacing: .88px;
    color: #181818;
    margin-top: 33px;
    margin-bottom: 19px;
}
.featureDec p{
    letter-spacing: .39px;
    color: #444444;
}
/**================ Call to action  ===================**/
.callToAction2{
    background: url(../images/bg/2.jpg) no-repeat center center/cover;
    overflow: hidden;
    padding-top: 50px;
}
.calltoacImg{}
.calltoacImg img{
    position: relative;
    bottom: -100px;
    left: 0;
}
.calltoacCont{
    padding-top: 92px;
    padding-right: 55px;
}
.calltoacCont h2{
    color: #fff;
    text-transform: uppercase;
    font-weight: 900;
    font-size: 32px;
    line-height: 42px;
    margin-bottom: 34px;
}
.calltoacCont p{
    color: #fff;
    margin-bottom: 42px;
}
/**================ Latest Blog  ===================**/
.latestBlog{}
.singlelatestBlog{
    background: #f6f6f6;
}
.latestBimg{}
.latestBimg img{
    width: 100%;
}
.blogDec{
    padding:43px 45px 60px;
}
.blogMeta{
    line-height: .8;
    font-size: 13px;
    letter-spacing: .52px;
    color: #8DDC2B;
    font-style: italic;
    margin-bottom: 16px;
}
.blogMeta a{
    color: #8DDC2B;
}
.blogMeta a:hover{
    color: #222;
}
.blogTitle{
    font-size: 18px;
    letter-spacing: .72px;
    color: #222222;
    line-height: 28px;
    margin-bottom: 18px;
}
.blogMeta span{
    margin: 0 6px 0 5px;
}
.blogDec P{
    letter-spacing: .6px;
    font-weight: 300;
    color: #222222;
    margin-bottom: 58px;
}
/**================ Footer ===================**/
.footer{
    background: #2e2e2e;
    padding-top: 120px;
    padding-bottom: 44px;
}
.footerIn{
    padding: 0 85px;
}
.footerIn .widget{

}
.footwidgetTitle{
    font-size: 23px;
    letter-spacing: .92px;
    font-weight: 700;
    color: #fff;
    text-transform: capitalize;
    margin-bottom: 40px;
}
.addressInfo{}
.addressInfo p{
    font-size: 15px;
    color: #999999;
    font-weight: 500;
    letter-spacing: .6px;
}
.peraadds {
    padding-right: 70px;
    margin-bottom: 31px;
}
.footer2adds{
    margin-top: 30px;
}
.footer2adds p{
    font-size: 14px;
    letter-spacing: .56px;
    color: #999999;
    margin: 0 0 21px;
    position: relative;
    padding-left: 30px;
}
.footer2adds p.enve{}
.footer2adds p.enve i{
    margin-left: -3px;
    font-size: 20px;
}
.footer2adds p i{
    font-size: 22px;
    color: #999999;
    margin-right: 14px;
    position: absolute;
    left: 0;
    top: -2px;
}
.footer2adds p a{
    color: #999999;
    font-size: 14px;
    letter-spacing: .56px;
}
.footer2adds p a:hover{
    color: #8DDC2B;
}
.singleFnews{
    position: relative;
    padding-left: 100px;
    min-height: 98px;
    top: 10px;
    padding-top: 12px;
}
.singleFnews img{
    position: absolute;
    left: 0;
    top: 0;
    width: 75px;
    height: 75px;
    border-radius: 50%;
}
.singleFnews{}
.footNewsTitle{
    letter-spacing: .64px;
    line-height: .8;
    margin-bottom: 10px;
}
.footNewsTitle a{
    color: #999;
    font-size: 16px;
    font-weight: 600;
}
.meta_foot{
    color: #999;
    text-transform: uppercase;
    font-size: 11px;
    letter-spacing: .44px;
}
.meta_foot a{
    font-size: 11px;
    color: #999;
    font-weight: 500;
}
.meta_foot > span {
    margin: 0 6px;
}
.footNewsTitle a:hover,
.meta_foot a:hover{
    color: #01B1AE
}
.usefulLink{}
.usefulLink li {
    width: 50%;
    float: left;
    position: relative;
    padding-left: 15px
}
.usefulLink li a:after{
    position: absolute;
    left: 0;
    top: 10px;
    content: '\f101';
    font-family: fontawesome;
    -webkit-transition: all 500ms ease;
    -moz-transition: all 500ms ease;
    -ms-transition: all 500ms ease;
    -o-transition: all 500ms ease;
    transition: all 500ms ease;

}
.usefulLink li a {
    color: #999999;
    display: block;
    font-size: 12px;
    font-weight: 500;
    line-height: 0.8;
    margin: 10px 0 16px;
    text-transform: uppercase;
}
.usefulLink li a:hover,
.usefulLink li a:hover:after{
    color: #8DDC2B
}

.footerContact{
    padding-top: 10px;
}
.footerContact input,
.footerContact textarea{
    background: #393939;
    width: 100%;
    border: none;
    margin-bottom: 15px;
    height: 47px;
    font-size: 13px;
    font-weight: 400;
    font-style: italic;
    padding: 10px 29px;
}
.footerContact textarea{
    resize: none;
    height: 125px; 
    margin-bottom: 26px;
}
.footerContact .reqError{
    border: 1px solid #01B1AE;
}

.copyRightsec{
    background: #262626;
    padding: 32px 0 27px; 
}
.footnav{}
.footnav ul{
    line-height: .8
}
.footnav ul li{
    display: inline-block;
    margin-right: 33px;
}
.footnav ul li:last-child{
    margin-right: 0;
}
.footnav ul li a{
    display: block;
    color: #fff;
    font-size: 11px;
    letter-spacing: .54px;
    text-transform: uppercase;
    font-weight: 500;
    font-family: "Lato",sans-serif;
}
.footnav ul li a:hover{
    color: #01B1AE;
}
.copypera{
    margin: 0;
    letter-spacing: .54px;
    font-size: 11px;
    color: #fff;
    line-height: 1;
    font-weight: 500;
    text-transform: uppercase;
}

/*=======================================================================
// Home Three
=========================================================================*/
/**================ Slider3 ===================**/
.slider3{}
.slider3 .slotholder::after {
    background: rgba(0, 0, 0, 0.5);
    bottom: 0;
    content: "";
    height: 100%;
    left: 0;
    position: absolute;
    right: 0;
    top: 0;
    width: 100%;
}
.rev3Con p {
    color: #fff;
    font-size: 15px;
    font-weight: 700;
    letter-spacing: 0.6px;
    text-transform: uppercase;
}
.rev3Con h2{
    color: #fff;
    font-size: 70px;
    text-align: center;
    line-height: 80px;
}
.rev3btn a{
    margin-right: 10px;
}

/**================ About ===================**/
.about3 {
    padding-bottom: 85px;
}
.singleAbout3{
    position: relative;
    cursor: pointer;
}
.singleAbout3 i {
    background: #f5f5f5;
    border-radius: 50%;
    color: #8DDC2B;
    display: block;
    font-size: 32px;
    height: 100px;
    margin: auto;
    position: relative;
    text-align: center;
    width: 100px;
    padding: 37px 33px;
    line-height: .8;
    margin-bottom: 40px;
    -webkit-transition: all 500ms ease;
    -moz-transition: all 500ms ease;
    -ms-transition: all 500ms ease;
    -o-transition: all 500ms ease;
    transition: all 500ms ease;
}
.singleAbout3 h2 {
    font-size: 20px;
    letter-spacing: 0;
    margin-bottom: 20px;
}
.singleAbout3 p {
    font-size: 16px;
    letter-spacing: 0.64px;
    padding: 0 45px;
}
.singleAbout3:hover i{
    background: #8DDC2B;
    color: #fff;
}
.mockup3{
    margin-top:85px;
}
.mockup3 img{
    width: 100%;
    height: auto;
}
/**================ Services ===================**/
.services3{
    position: relative;
}
.single3services {
    background: #222426;
    padding: 75px 75px 60px;
}
.borderRightSer3{
    border-right: 1px solid #393a3c;
}
.borderBottomSer3{
    border-bottom: 1px solid #393a3c;
}
.single3services i{
    color: #fff;
    font-size: 32px;
    display: block;
    margin-bottom: 31px;
}
.single3services h2{
    font-size: 19px;
    color: #fff;
    letter-spacing: .76px;
    margin-bottom: 30px;
}
.single3services p {
    color: #b9b8b8;
}
/**================ Call to Action3 ===================**/
.calltoaction3{
    overflow: hidden;
}
.callTabCont {
    padding-top: 123px;
    padding-right: 60px;
}
.call3actionNav{
    margin-bottom: 39px;
}
.call3actionNav li{
    display: inline-block;
    margin-right: 7px;
}
.call3actionNav li:last-child{
    margin-right: 0;
}
.call3actionNav li a{
    font-size: 13px;
    color: #8DDC2B;
    text-transform: capitalize;
    font-weight: 600;
    letter-spacing: .91px;
    border-radius: 30px;
    line-height: .8;
    display: inline-block;
    padding: 15px;
}
.call3actionNav li.active a,
.call3actionNav li:hover a{
    background:#8DDC2B;
    color: #fff;
}
.callTabcontIn{}
.callTabcontIn h3{
    font-size: 32px;
    line-height: 44px;
    color: #181818;
    margin-bottom: 28px;
}
.callTabcontIn p{
    font-size: 15px;
    line-height: 32px;
    letter-spacing: .6px;
    color: #444444;
    font-weight: 500;
}
@-webkit-keyframes fadeInUpa {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(0, 50%, 0);
        transform: translate3d(0, 50%, 0);
    }

    100% {
        opacity: 1;
        -webkit-transform: none;
        transform: none;
    }
}
@keyframes fadeInUpa {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(0, 50%, 0);
        transform: translate3d(0, 50%, 0)
    }

    100% {
        opacity: 1;
        -webkit-transform: none;
        transform: none;
    }
}
.tab-pane.fada.active{
    -webkit-animation-name: fadeInUpa;
    animation-name: fadeInUpa;
}

.calltoact3Img img {
    position: relative;
    right: 60px;
}

/**================ Fan fact  ===================**/
.funcact{
    background: #262626;
    padding: 90px 0;
}
.innerFun{
    position: relative;
}
.innerFun::after {
    bottom: 0;
    color: #fff;
    font-size: 30px;
    font-weight: 300;
    height: 20px;
    width:20px;
    left: auto;
    margin: auto;
    position: absolute;
    right: -18px;
    top: 0;
    background: url(../images/icon/crous.png)no-repeat scroll center center;
    content: '';
}
.innerFun.last:after{
    background: none;
}
.innerFun h2,
.innerFun p{
    font-family: "Lato",sans-serif;
    color: #fff;
    margin: 0;
}
.innerFun h2{
    font-size: 50px;
    font-weight: 900;
    letter-spacing: 1px;
    margin-bottom: 55px;
    position: relative;
}
.innerFun h2::after {
    background: #fff;
    content: "";
    height: 2px;
    left: 0;
    position: absolute;
    width: 32px;
    bottom: -31px;
    right: 0;
    margin: auto;
}
.funcact p{
    font-size: 18px;
    letter-spacing: .72px;
    font-style: italic;
    font-weight: 600;
}
/**================ Our recent works  ===================**/
.filterNav3{
    border-top: 1px solid #e8e8e8;
    border-bottom: 1px solid #e8e8e8;
    margin-bottom: 80px;
}
.filterNav3 ul{
    text-align: center;
    margin: 12px 0;
}
.filterNav3 ul li{
    display: inline-block;
    text-transform: uppercase;
    font-size: 11px;
    line-height: .8;
    cursor: pointer;
    color: #777777;
    letter-spacing: 1.32px;
    font-weight: 700;
    margin-right: 64px;
}
.filterNav3 ul li:last-child{
    margin-right: 0;
}
.filterNav3 ul li:hover,
.filterNav3 ul li.active{
    color: #8DDC2B;
}
/**================ Our Trusted Client  ===================**/
.hlafimg.right {
    right: 0;
    left: auto;
}
.trustedClienttit {
    padding: 0 230px;
}
.client3wrap{
    padding: 0 85px ;
    margin-top: 15px;
}
.singleCli3{
    padding: 30px;

}
.singleCli3 img{
    width: 134px;
    height: 90px;
}
.singleCli3 a{
    display: block;
}

/**================ Our Features  ===================**/
.feactureCont{
    padding-top: 73px;
}
.singleFeature{
    padding-left: 33px;
}
.singleFeature i{
    font-size: 42px;
    color: #8DDC2B;
    display: block;
    margin-bottom: 30px;
}
.singleFeature h4{
    font-size: 18px;
    color: #181818;
    letter-spacing: .72px;
    margin-bottom: 22px;

}
.singleFeature p{
    font-size: 15px;
    line-height: 26px;
    letter-spacing: .6px;
    color: #444444;
    margin-bottom: 12px;
}
.featReadmore{
    font-size: 11px;
    line-height: .8;
    color: #222222;
    letter-spacing: 1.1px;
    text-transform: uppercase;
    font-weight: 700;
    position:relative;
}
.featReadmore i,
.updateread i{
    font-size: 5px;
    margin: 0;
    display: inline-block;
    color: #222222;
    -webkit-transition: all 500ms ease;
    -moz-transition: all 500ms ease;
    -ms-transition: all 500ms ease;
    -o-transition: all 500ms ease;
    transition: all 500ms ease;
    margin-left: 3px;
    position: relative;
    top: 4px;
    left: -18px;
}
.featReadmore:hover i,
.updateread:hover i{
    color: #8DDC2B;
}
.marginBottom53{
    margin-bottom: 53px;
}
.arrow {
    background: #222222;
    display: inline-block;
    height: 1px;
    line-height: 0.8;
    position: absolute;
    right: -25px;
    top: 7px;
    width: 14px;
}
.arrow::after {
    border-right: 1px solid #222222;
    border-top: 1px solid #222222;
    content: "";
    right: 0;
    position: absolute;
    top: -2px;
    width: 5px;
    height: 5px;
    transform: rotate(45deg);
}
/**================ Creative  ===================**/
.creative{
    background: url(../images/bg/6.jpg)no-repeat scroll center center/cover;
}
.single3Client{
    padding-top: 100px;
}
.cl3img{
    width: 94px;
    height: 94px;
    margin-bottom: 50px;
    margin-left: auto;
    margin-right: auto;
}
.single3Client img{
    border-radius: 50%;
}
.single3Client h2{
    font-family: "Lato",sans-serif;
    font-size: 15px;
    color: #fff;
    font-style: italic;
    letter-spacing: 0.6px;
    text-transform: uppercase;
    font-weight: 500;
    margin-bottom: 32px;
}
.single3Client h2 span{
    text-transform: capitalize;
    color: #8DDC2B;
}
.single3Client p{
    font-size: 19px;
    color: #fff;
    margin: 0;
    line-height: 30px;
    letter-spacing: .76px;
    font-weight: 600;
    padding: 0 35px;
}
.creaBanner{
    background:rgba(0, 0, 0, .72);
    width: 100%;
    height: 100%;
    text-align: center;
    padding: 115px 160px 104px;
}
.creaBanner p{
    font-size: 13px;
    color: #fff;
    letter-spacing: .91px;
    text-transform: uppercase;
    font-weight: 900;
    margin-bottom: 13px;
}
.creaBanner h2{
    font-size: 42px;
    color: #fff;
    line-height: 71px;
    letter-spacing: 2.94px;
    text-transform: uppercase;
}
.creative .owl-theme .owl-nav [class*="owl-"] {
    background: transparent;
    border-radius: 0;
    color: #fff;
    cursor: pointer;
    display: inline-block;
    font-size: 14px;
    margin: 0;
    padding: 0;
    width: 45px;
    height: 45px;
    border: 2px solid #8f8f8f;
    border-radius: 50%;
    font-size: 19px;
    color: #5f5f5f;
    line-height: .8;
    padding: 12px;
    position: absolute;
    top: 32%;
    -webkit-transition: all 500ms ease;
    -moz-transition: all 500ms ease;
    -ms-transition: all 500ms ease;
    -o-transition: all 500ms ease;
    transition: all 500ms ease;
}
.creative .owl-theme .owl-nav [class*="owl-"]:hover{
    background: transparent;
    border-color: #01B1AE;
    color: #01B1AE;
}
.creative .owl-theme .owl-nav [class*="owl-prev"]{
    left: 0;
}
.creative .owl-theme .owl-nav [class*="owl-next"]{
    right: 0;
}


/**================ latest Update ===================**/
.updateBlog{
    padding-bottom: 141px;
}
.singlelatestBlog3{}
.singUpImg {
    margin-bottom: 27px;
}
.singUpImg img {
    width: 100%;
    height: auto;
}
.updateTitle{
    font-size: 20px;
    line-height: 26px;
    color: #181818;
    margin-bottom: 12px;
}
.updateMeta{
    margin-bottom: 25px;
}
.updateMeta,
.updateMeta a{
    font-size: 13px;
    color: #a3a3a3;
    font-style: italic;
    line-height: .8;
}
.updateMeta span{
    margin: 0 4px 0 2px;
}
.updateMeta a:hover{
    color: #8DDC2B;
}
.singlelatestup3 > p{
    font-size: 16px;
    line-height: 26px;
    color: #444444;
    letter-spacing: .64px;
    margin-bottom: 25px;
}
.updateread{
    font-size: 13px;
    color: #181818;
    text-transform: uppercase;
    font-weight: 700;
    letter-spacing: .52px;
}


/**================ Footer3 ===================**/
.footer3{
    background: #2e2e2e;
    padding: 134px 0 45px;
}
.foot3logo{
    margin-bottom: 55px;
}
.widget.footer3info {
    padding-right: 50px;
}
.footer3info p{
    font-size: 15px;
    font-weight: 500;
    color: #999999;
    line-height: 27px;
    letter-spacing: .6px;
}
.footer3adds{
    margin-top: 43px;
}
.singAdds3 {
    border-bottom: 1px solid #4d4d4d;
    min-height: 75px;
    padding-left: 82px;
    position: relative;
    margin-top: 39px;
}
.singAdds3.last{
    border-bottom: none;
    margin-top: 29px;
}
.singAdds3 i{
    position: absolute;
    left: 0;
    top: 5px;
    font-size: 32px;
    color: #999999;
}
.singAdds3 i.line-map{
    font-size: 38px;
}
.singAdds3 h6{
    font-size: 15px;
    color: #999999;
    font-weight: 700;
    letter-spacing: .6px;
    margin-bottom: 11px;
}
.singAdds3 p,
.singAdds3 a{
    margin: 0;
    font-size: 14px;
    letter-spacing: .56px;
    color: #999999;
    font-weight: 500;
}
.singAdds3 a:hover{
    color: #8DDC2B;

}
.contactform3 {
    margin-top: 42px;
}
.contact3 h2{
    font-size: 36px;
    line-height: .8;
    margin: 0;
    color: #fff;
    letter-spacing: 1.44px;
    margin-bottom: 20px;
    font-weight: 700;
}
.contact3 p{
    color: #989898;
    letter-spacing: .52px;
    text-transform: uppercase;
    font-size: 13px;
}
.contactform3 input,
.contactform3 textarea{
    width: 100%;
    height: 48px;
    background: transparent;
    border: 1px solid #5f5f5f;
    margin-bottom: 20px;
    padding: 10px 20px;
    font-style: italic;
}
.contactform3 textarea{
    resize: none;
    height: 208px;
    margin-bottom: 45px;
}
.contactform3 input:input-placeholder,
.contactform3 textarea:input-placeholder{
    color: #999999;
    opacity: 1;
}
.contactform3 input::-webkit-input-placeholder,
.contactform3 textarea::-webkit-input-placeholder{
    color: #999999;
    opacity: 1;
}

.contactform3 input:-moz-placeholder,
.contactform3 textarea:-moz-placeholder{
    color: #999999;
    opacity: 1;
}

.contactform3 input::-moz-placeholder,
.contactform3 textarea::-moz-placeholder{
    color: #999999;
    opacity: 1;
}

.contactform3 input:-ms-input-placeholder,
.contactform3 textarea:-ms-input-placeholder{
    color: #999999;
    opacity: 1;
}
.contactform3 .reqError{
    border-color: #01B1AE;
}
.copyri3{
    padding: 15px 0;
}
.copyri3 .copypera {
    padding: 18px 0 0;
}
.foot3social a {
    border: 1px solid #909090;
    border-radius: 50%;
    color: #909090;
    display: inline-block;
    font-size: 14px;
    height: 40px;
    line-height: 0.8;
    padding: 12px 13px;
    width: 40px;
    margin-left: 8px;
    text-align: center;
}

/*=======================================================================
// About Page
=========================================================================*/
/**================ BreadCrump ===================**/
.bread_cum{
    position:relative;
    background: url("../images/bg/7.jpg")no-repeat scroll center center/cover;
    padding: 184px 0; 
	z-index: -999;
}
.bread_cum h1 {
    color: #fff;
    font-size: 62px;
    font-weight: 700;
    letter-spacing: 2.48px;
    line-height: 32px;
    position: relative;
    text-align: center;
    margin: 0;
}
/**================ Client Logo ===================**/
.singCllogo{
    border: 1px solid #e4e4e4;
    position: relative;
    height: 131px;
    width: 100%;
}
.singCllogo img{
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    text-align: center;
    margin: auto;
    width: 121px;
    height: 90px;
}
/*=======================================================================
// About Two
=========================================================================*/
.bread_cum.bg2{
    background: url("../images/bg/8.jpg")no-repeat scroll center center/cover;
}

.bread_cum.bg88{
    background: url("../images/bg/88.jpg")no-repeat scroll center center/cover;
}
/*=======================================================================
// Services Page
=========================================================================*/
.bread_cum.bg3{
    background: url("../images/bg/9.jpg")no-repeat scroll center center/cover;
}
.servicesClient .singCarousel p{
    color: #444444;
}
.servicesClient .clientLogo{
    border-color: #d9d9d9;
}
/*=======================================================================
// Services Two
=========================================================================*/
.bread_cum.bg4{
    background: url("../images/bg/10.jpg")no-repeat scroll center center/cover;
}
.clientServices p{
    color: #444444;
}
.clientServices .tauthor h5{
    color: #282828;
}
.clientServices .testbullet li.active {
    background: #bfbfbf ;
}
.clientServices .testbullet li {
    background: #d9d9d9;
}

/*=======================================================================
// PortFolio Single
=========================================================================*/
.bread_cum.bg5{
    background: url("../images/bg/11.jpg")no-repeat scroll center center/cover;
}
.folioItem{
    padding-right: 30px;
}
.folio1SingleItem{
    margin-bottom: 50px;
}
.folio1SingleItem img{
    width: 100%;
    height: auto;
}
.pro1Details{}
.pro1detTitle{
    font-size: 26px;
    line-height: 32px;
    color: #181818;
    letter-spacing: 1.04px;
    margin-bottom: 25px;
}
.peraGrouppd{
    margin-bottom: 28px;
}
.peraGrouppd p{
    line-height: 36px;
    color: #444444;
    letter-spacing: .6px;
    margin-bottom: 18px;
}
.projectIndetails {
    border-bottom: 1px solid #bfbfbf;
    border-top: 1px solid #bfbfbf;
    padding-bottom: 28px;
    padding-top: 38px;
    margin-bottom: 39px;
}
.projectIndetails li{
    font-size: 16px;
    color: #444444;
    letter-spacing: 1.12px;
    line-height: .8;
    margin-bottom: 23px;
    position: relative;
    padding-left: 100px;
}
.projectIndetails li b{
    color: #181818;
    font-family: "Raleway",sans-serif;
    letter-spacing: .64px;
    font-size: 16px;
    position: absolute;
    left: 0;
    top: 0;
}
.shareProject{}
.shareTitle{
    font-size: 20px;
    color: #181818;
    letter-spacing: .8px;
    margin-bottom: 24px;
}
.shareProject a {
    border: 1px solid #444444;
    border-radius: 50%;
    color: #444444;
    display: inline-block;
    height: 45px;
    line-height: 0.8;
    padding: 15px 13px;
    text-align: center;
    width: 45px;
    margin-right: 2px;
    text-align: center;
}
.shareProject a:hover{
    color: #000;
    border-color: #000;
}
.navigationPort{
    text-align: center;
    margin-top: 49px;
}
.navigationPort a{
    letter-spacing: 1.95px;
    color: #181818;
    font-size: 13px;
    text-transform: uppercase;
    font-weight: 600;
    display: inline-block;
    width: 32%;
}
.navigationPort a i{
    position: relative;
    bottom: -3px;
}
.navigationPort a.prev i{
    left: -14px;
}
.navigationPort a.next i{
    margin-left: -5px;
}
.navigationPort a:hover{
    color: #8DDC2B;
}
/*=======================================================================
// PortFolio Single Two
=========================================================================*/
.portfolioPart2{
    overflow: hidden;
}
.bread_cum.bg6{
    background: url("../images/bg/12.jpg")no-repeat scroll center center/cover;
}
.proDetTitle {
    margin-bottom: 27px;
}
.port2Nav{
    overflow: hidden;
}
.projectIndetails.port2 {
    padding-top: 104px;
    border: none;
}
.shareProject.porsing2{}
.shareProject.porsing2 a{
    width: 35px;
    height: 35px;
    font-size: 11.7px;
    padding: 11.5px;
    margin-right: 6px;
}
.projectIndetails.port2 .share{
    margin-top: 11px;
}
.port2Img img{
    width: 100%;
    height: auto;
}
.singlepo2nav{
    position: relative;
    min-height: 140px;
}
.singlepo2nav:before{
    content: '';
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    width: 100%;
    height: 100%;
    background: rgba(255, 255, 255, .88);
    position: absolute;
}
.singlepo2nav img{
    width: auto;
    height: 100%;
}
.singlepo2nav h2{
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    height: 24px;
    margin: auto;
    font-size: 24px;
    line-height: .8;
    letter-spacing: .96px;
}
.singlepo2nav h2 a{

}
.iconlistport2 img{
    width: 100%;
}
.iconlistport2 img{
    width: auto;
}
.singlepo2nav.middle{
    background: #999;
    min-height: 200px;
}
/*=======================================================================
// PortFolio Page
=========================================================================*/
.bread_cum.bg7{
    background: url("../images/bg/13.jpg")no-repeat scroll center center/cover;
}
.bread_cum.bg8{
    background: url("../images/bg/14.jpg")no-repeat scroll center center/cover;
}
.bread_cum.bg9{
    background: url("../images/bg/15.jpg")no-repeat scroll center center/cover;
}
.pagiNation{
    margin-top: 40px;
}
.pagiNation a, 
.pagiNation a, 
.pagiNation span.current {
    border: 1px solid #cdcdcd;
    display: inline-block;
    font-size: 16px;
    height: 48px;
    letter-spacing: 0.64px;
    line-height: 0.8;
    margin-right: 7px;
    padding: 15px 0;
    text-align: center;
    width: 48px;
    color: #777777;
}
.pagiNation span.current{
    background: #8DDC2B;
    color: #fff;
    border-color: #8DDC2B;
}
.pagiNation a:hover{
    border-color: #8DDC2B;
    color: #8DDC2B;
}
.fullwidth{
    margin-bottom: 30px;
}
.fullwidth .singlePortfolio{
    margin-bottom: 0;
}

/*=======================================================================
// Contact Page
=========================================================================*/
.bread_cum.bg10{
    background: url("../images/bg/16.jpg")no-repeat scroll center center/cover;
}
.contactformcPage{
    padding-right: 25px;
}
.contactTitle{
    font-size: 42px;
    margin-bottom: 70px;
}
.contactformcPage input,
.contactformcPage textarea{
    width: 100%;
    background: #f4f4f4;
    height: 50px;
    border: none;
    margin-bottom: 30px;
    font-style: italic;
    font-size: 14px;
    color: #a8a8a8;
    letter-spacing: 1.4px;
    font-weight: 500;
    padding: 10px 30px;
}
.contactformcPage textarea{
    resize: none;
    margin-bottom: 40px;
    height: 250px;
}
.contactformcPage .reqError{
    border: 1px solid #8DDC2B;
}
.contact1info{
    padding-right: 30px;
}

.singleContInfo{
    margin-bottom: 56px;
}
.coninfoTit{
    font-size: 32px;
    margin-bottom: 31px;
}
.singleContInfo p{
    color: #444444;
    letter-spacing: .64px;
}
.wohours .coninfoTit{
    margin-bottom: 38px;
}
.singleContInfo.wohours {
    margin-bottom: 60px;
}
.wohours p{
    font-weight: 300;
    font-style: italic;
    margin: 0;
    line-height: .8
}
.wohours p.woTime {
    font-style: normal;
    font-weight: 400;
    letter-spacing: 0.56px;
    margin-bottom: 13px;
}
.woTime span{
    font-size: 14px;
    color: #181818;
    text-transform: uppercase;
    font-weight: 600;
    font-family: "Raleway",sans-serif;
}
.sconInfo{
    position: relative;
    padding-left: 45px;
    margin-bottom: 15px;
}
.sconInfo.midd{
    margin-bottom: 20px;
}
.sconInfo i{
    font-size: 22px;
    position: absolute;
    left: 0;
    top: 3px;
}
.sconInfo i.line-phone{
    left: 5px;
}
.sconInfo p,
.sconInfo a{
    font-size: 15px;
    color: #444444;
    font-weight: 300;
    letter-spacing: .6px;
    margin: 0;
}
.sconInfo a:hover{
    color: #8DDC2B 
}
/*=======================================================================
// Contact Page2
=========================================================================*/
.bread_cum.bg11{
    background: url("../images/bg/17.jpg")no-repeat scroll center center/cover;
}
.con2infoWrap{
    padding-top: 65px;
	padding-bottom: 65px;
}
.singlecon2info{}
.singlecon2info i{
    font-size: 37px;
    display: block;
    color: #8DDC2B;
    margin-bottom: 29px;
}
.singlecon2info i.line-envelope{
    font-size: 30px;
}
.singlecon2info h2{
    font-size: 26px;
    color: #181818;
    letter-spacing: 1px;
    margin-bottom: 15px;
}
.singlecon2info p,
.singlecon2info a{
    color: #444444;
    font-size: 14px;
    letter-spacing: .56px;
    margin: 0;
}
.contactformcPage2 input,
.contactformcPage2 textarea{
    width: 100%;
    background: transparent;
    height: 50px;
    border: none;
    margin-bottom: 30px;
    font-style: italic;
    font-size: 14px;
    color: #a8a8a8;
    letter-spacing: 1.4px;
    font-weight: 500;
    padding: 10px 30px;
    border: 1px solid #e5e5e5;
}
.contactformcPage2 textarea{
    resize: none;
    margin-bottom: 40px;
    height: 250px;
}
.contactformcPage2 .reqError{
    border-color: #8DDC2B;
}
/*=======================================================================
// 404 Page
=========================================================================*/
.bread_cum.bg11{
    background: url("../images/bg/18.jpg")no-repeat scroll center center/cover;
}
.errorCont{
    padding-top: 90px;
}
.errorCont p{
    text-transform: uppercase;
    color: #444444;
    font-size: 14px;
    line-height: 32px;
    letter-spacing: .56px;
    font-weight: 600;
    padding-right: 65px;
    margin-bottom: 35px;
}
.errorCont p.ops{
    letter-spacing: 1.52px;
    font-size: 38px;
    color: #ff0000;
    font-weight: 700;
    font-style: italic;
    margin-bottom: 22px;
}
.errorCont p a{
    color: #8DDC2B;
    font-weight: 700;
}
.errorCont p a:hover{
    color: #444444;
}
.errorCont h1{
    font-size: 64px;
    font-weight: 900;
    letter-spacing: 2.56px;
    text-transform: uppercase;
    font-family: "Lato",sans-serif;
    text-shadow:5px 0 5px rgba(0, 0, 0, 0.3);
    margin-bottom: 36px;
}
.errorImg img{
    width: 100%;
    height: auto;
}
/*=======================================================================
// Blog Page
=========================================================================*/
/**================ Blog Content  ===================**/
.bread_cum.bg12{
    background: url("../images/bg/19.jpg")no-repeat scroll center center/cover;
}
.bread_cum h1 {
    color: #fff;
    font-size: 62px;
    font-weight: 700;
    letter-spacing: 2.48px;
    margin: 0;
    position: relative;
    text-align: center;
}
.blog_section {
    border-bottom: 1px solid #d0d0d0;
    padding-bottom: 41px;
    overflow:hidden;
    margin-bottom:50px;
}
.blog_section img {
    height: auto;
    margin: 0 auto;
    padding-bottom: 33px;
    width: 100%;
}
.blog_section h2 {
    color: #181818;
    font-size: 24px;
    font-weight: 700;
    letter-spacing: 0.96px;
    line-height: 26px;
    padding-bottom: 8px;
}
.blogMeta.blog_initial {
    margin: 0 0 16px;
    color:#a3a3a3;
}
.blogMeta.blog_initial a {
    color: #a3a3a3;
    font-style: italic;
    font-weight: 400;
    line-height: 26px;
    text-transform: capitalize;
}
.blogMeta.blog_initial a:hover{
    color:#8DDC2B;
}
.blogMeta.blog_initial span{
    color:#a3a3a3;
}
.blog_desc {
    margin-bottom: 19px;
}
.blog_desc p {
    font-size: 17px;
    font-weight: 400;
    letter-spacing: 0.68px;
    line-height: 28px;
    color:#666;
}
.blog_section a.read_more{
    color: #000;
    font-family: lato;
    font-size: 13px;
    font-weight: 900;
    letter-spacing: 0.52px;
    line-height: 26px;
    text-transform:uppercase;
}
.blog_section a.read_more i {
    left: -20px;
    position: relative;
    top: 3px;
}
.blog_section a.read_more:hover{
    color:#8DDC2B;
}
/**================ Blog Sidebar ===================**/
.blogSidebar {
    padding-left: 36px;
}
.blogSidebar.left{
    padding-left: 0;
    padding-right: 36px;
}
.widget {
    margin-bottom: 55px;
}
.widgetTitle {
    color: #282828;
    font-size: 22px;
    font-weight: 700;
    letter-spacing: 0.88px;
    line-height: 26px;
    margin: 0 0 23px;
}
.blogSearch {
    margin-top: 33px;
    position: relative;
}
input.search-field {
    font-family: loto;
    font-style: italic;
    font-weight: 400;
    letter-spacing: 1.95px;
    line-height: 26px;
    border: 1px solid #d0d0d0;
    border-radius: 30px;
    padding: 0px 20px;
    height: 50px;
    width: 100%;
    text-transform: capitalize;
}
input.search-field:input-placeholder{
    color: #888888;
    opacity: 1;
}
input.search-field::-webkit-input-placeholder {
    color: #888888;
    opacity: 1;
}

input.search-field:-moz-placeholder {
    color: #888888;
    opacity: 1;
}

input.search-field::-moz-placeholder {
    color: #888888;
    opacity: 1;
}

input.search-field:-ms-input-placeholder {
    color: #888888;
    opacity: 1;
}
.search-submit {
    background: transparent none repeat scroll 0 0;
    bottom: 0;
    font-size: 15px;
    margin: 0 auto;
    position: absolute;
    right: 20px;
    top: 0;
    font-weight: 900;
}
ul.widgetCat {
    margin: 26px 0 0;
    padding: 0;
}
ul.widgetCat li {
    padding:0 0 10px;
    position: relative;
}
ul.widgetCat li:last-child{
    padding:0px;
}
ul.widgetCat li::before {
    background: rgba(0, 0, 0, 0) url("../images/blog/latest/ic1.png") no-repeat scroll center center;
    bottom: 0;
    content: "";
    height: 15px;
    left: 0px;
    position: absolute;
    right: 0;
    top: 7px;
    width: 15px;
}
ul.widgetCat li a {
    color: #aeaeae;
    font-size: 14px;
    font-weight: 600;
    text-transform:capitalize;
    letter-spacing: 0.56px;
    line-height: 26px;
    padding: 0px 0px 0px 22px;
}
ul.widgetCat li a:hover{
    color:#58c2c0;
    transition: all 500ms ease 0s;
}
.latestBlog{
    margin-top: 33px;
}
.singLatBlog{
    position: relative;
    min-height: 106px;
    padding-left: 95px;
    padding-top: 10px;
}
.singLatBlog img{
    width: 76px;
    height: 76px;
    border-radius: 50%;
    position: absolute;
    left: 0;
    top: 0;
}
.bstitle{
    font-size: 15px;
    color: #282828;
    letter-spacing: .6px;
    line-height: 26px;
    font-weight: 600;
    margin-bottom: 11px;
}
.metaBside{
    font-size: 11px;
    color: #8DDC2B;
    letter-spacing: .44px;
    line-height: .8;
    text-transform: uppercase;
    font-weight: 400;
    font-style: italic;
}
.metaBside span {
    margin: 0 5px 0 3px;
}
.metaBside a{
    color: #8DDC2B;
}
.metaBside a:hover{
    color: #333;
}
.textWidget {
    margin-top: 24px;
    padding-right: 20px;
}
.textWidget p{
    font-size: 15px;
    font-weight: 400;
    letter-spacing: 0.56px;
    line-height: 26px;
    margin:0px;
}
.inst_share {
    margin-top: 33px;
}
.inst_share img {
    min-height: 94px;
    padding: 0 5px 10px 0;
    width: 32%;
}
.tagcloud{
    margin-top: 33px;
}
.tagcloud a {
    border: 1px solid #dadada;
    border-radius: 30px;
    display: inline-block;
    font-size: 12px;
    font-weight: 400;
    height: 40px;
    letter-spacing: 1.8px;
    line-height: 0.8;
    margin-right: 7px;
    padding: 14px 20px;
    text-align: center;
    text-transform: uppercase;
    margin-bottom: 10px;
}
.tagcloud a:hover {
    background:#8DDC2B;
    color:#fff;
    border-color: #8DDC2B;
}

/*=======================================================================
// Blog News
=========================================================================*/
.bread_cum.bg13{
    background: url("../images/bg/20.jpg")no-repeat scroll center center/cover;
}
.bnews_img img {
    width: 100%;
    height: auto;
}
.blog_section.news {
    border: medium none;
    padding: 15px 0px 0;
    margin:0px;
}
.news_blog_section {
    border-bottom: 1px solid #d0d0d0;
    padding-bottom: 45px;
    margin-bottom: 50px;
}
.blog_section.news h2{
    font-size:19px;
    font-weight:700;
    line-height:26px;
    letter-spacing:.76px;
    color:#282828;
}
.blog_section.news .blog_desc{
    margin-bottom: 16px;
}
.blog_section.news .blog_desc p{
    font-size:16px;
    line-height:28px;
    font-weight:300;
    color: #777777;
    letter-spacing: 0;
}
/*=======================================================================
// Blog Details
=========================================================================*/
.bread_cum.bg14{
    background: url("../images/bg/21.jpg")no-repeat scroll center center/cover;
}
.blog_section.details {
    border-bottom: medium none;
    margin-bottom: 32px;
    padding-bottom: 0;
}
.blogpost_desc{}
.blogpost_desc p{
    font-size: 17px;
    line-height: 28px;
    color: #666666;
    letter-spacing: .68px;
}
.blogpost_desc a{
    color: #8DDC2B;
}
.blogpost_desc a:hover{
    color: #181818;
}
.blogpost_desc a.underLine{
    text-decoration: underline;
}
.blogDetarow{
    margin-top: 27px;
}
.blogDetarow p{
    margin-bottom: 20px;
}
.blogDetarow span{
    color: #181818;
    text-transform: uppercase;
    font-weight: 700;
    font-size: 13px;
    letter-spacing: .52px;
}
.blogdetRowCont {
    margin-top: 23px;
}
.black{
    color: #181818;
    font-weight: 700;
}
.blog_postQuat {
    background: #f6f6f6;
    border: medium none;
    margin-bottom: 26px;
    margin-top: 31px;
    padding-bottom: 52px;
    padding-left: 67px;
    padding-top: 44px;
    position: relative;
    z-index: 1;
}
.blog_postQuat:before{
    content: '';
    background: #8DDC2B;
    width: 69px;
    height: 4px;
    position: absolute;
    top: 0;
    left: 0;
}
.blog_postQuat:after{
    content: '';
    background: #8DDC2B;
    width: 3px;
    height: 68px;
    position: absolute;
    top: 0;
    left: 0;
}
.blog_postQuat .qut {
    background: url("../images/icon/qut.png") no-repeat scroll center center;
    height: 33px;
    left: 55px;
    position: absolute;
    top: 37px;
    width: 42px;
    z-index: -1;
}
.blog_postQuat p{
    color: #333333;
    font-size: 26px;
    font-style: italic;
    font-weight: 400;
    line-height: 42px;
}
.blog_postQuat img{
    width: 37px;
    height: 33px;
}
.blog_postSocial_share{
    border-top: 1px solid #c5c5c5;
    border-bottom: 1px solid #c5c5c5;
    padding: 10px 0;
    margin-bottom: 50px;
}
.blog_postSocial_share h5{
    font-size: 18px;
    letter-spacing: .72px;
    margin: 13px 0;
}
.blog_socialShare a{
    border: 1px solid #adadad;
    width: 40px;
    height: 40px;
    font-size: 12.6px;
    line-height: .8;
    display: inline-block;
    color: #adadad;
    text-align: center;
    border-radius: 50%;
    margin-left: 3px;
    padding: 13px;
    -webkit-transition: all 500ms ease;
    -moz-transition: all 500ms ease;
    -ms-transition: all 500ms ease;
    -o-transition: all 500ms ease;
    transition: all 500ms ease;
}
.blog_socialShare a:hover{
    color: #333;
    border-color: #333;
}
.blog_detAuthor {
    margin-bottom: 50px;
}
.blog_authorIn{
    padding-left: 155px;
    position: relative;
    padding-top: 20px;
}
.blog_authorIn img{
    position: absolute;
    left: 0;
    top: 0;
    width: 119px;
    height: 119px;
    border-radius: 50%;
}
.bauthorTitle{
    font-size: 20px;
    color: #282828;
    letter-spacing: .8px;
    margin-bottom: 19px;
}
.blog_authorIn p{
    font-size: 16px;
    line-height: 28px;
    color: #444444;
    letter-spacing: .64px;
}
.commentsList {
    margin-bottom: 70px;
}
.commentTitle {
    color: #282828;
    font-size: 22px;
    letter-spacing: 0.88px;
    margin-bottom: 27px;
}
.comTitSec{
    margin-bottom: 50px;
}
.singleComments {
    min-height: 100px;
    padding-left: 107px;
    position: relative;
    padding-top: 2px;
    margin-bottom: 32px;
}
.singleComments img{
    width: 83px;
    height: 83px;
    left: 0;
    top: 0;
    position: absolute;
}
.comCont{
    border: 1px solid #e1e1e1;
    padding: 33px 50px 33px 45px;
}
ol.commentsList li ul.children div.singleComments {
    margin-left: 30px;
}
ol.commentsList li ul.children ul.children div.singleComments {
    margin-left: 60px;
}
.comHead{
    margin-bottom: 6px;
}
.authorName{
    font-size: 15px;
    color: #282828;
    font-weight: 700;
    font-family: "Raleway",sans-serif;
}
.comdate{
    font-family: "Lato",sans-serif;
    font-size: 15px;
    font-weight: 700;
    color: #8DDC2B;
    font-style: italic;
}
.desh {
    font-size: 17px;
    font-weight: 700;
    margin: 0 0 0 3px;
    color: #282828;
}
.comDec p{
    font-size: 15px;
    line-height: 28px;
    color: #444;
    letter-spacing: .6px;
}
.peply {
    background: #8DDC2B;
    color: #fff;
    display: block;
    font-size: 13px;
    font-weight: 700;
    height: 30px;
    letter-spacing: 1.3px;
    line-height: 0.8;
    padding: 9px 23px;
    text-align: center;
}
.peply:hover{
    color: #444;
}
.commentForm textarea{
    height: 200px;
}

/*=======================================================================
// Fixed Header
=========================================================================*/
header.fixedHeader{
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    width: 100%;
    background: #262626;
    z-index: 999;
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.3);
}
.header1.fixedHeader{
    border-bottom: none;
}
.header1.fixedHeader .logo,
.header1 .logo2{
    display: none;
}
.header1.fixedHeader .logo2{
    display: block;
    -webkit-transition: all 500ms ease;
    -moz-transition: all 500ms ease;
    -ms-transition: all 500ms ease;
    -o-transition: all 500ms ease;
    transition: all 500ms ease;
    margin: 26px 0;
}
.header1.fixedHeader .mainnav.styleOne ul li {
    margin-top: 33px;
    padding-bottom: 33px;
    -webkit-transition: all 500ms ease;
    -moz-transition: all 500ms ease;
    -ms-transition: all 500ms ease;
    -o-transition: all 500ms ease;
    transition: all 500ms ease;
}
header.fixedHeader ul li ul.sub-menu {
    box-shadow: 1px 5px 4px rgba(0, 0, 0, 0.2);
}
.header1.fixedHeader .mainnav.styleOne ul li a {
    color: #fff;
}
.header1.fixedHeader .mainnav.styleOne ul li:hover > a{
    color: #8DDC2B;
}
.header1.fixedHeader .headerSocial.header {
    margin: 23px 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;
}

.header1.fixedHeader .mainnav.styleOne ul li ul.sub-menu{
    background: #fff;
}
.header1.fixedHeader .mainnav.styleOne ul li ul.sub-menu li{
    margin: 0;
    padding: 0;
    border-color: #e5e5e5;
}
.header1.fixedHeader .mainnav ul li:hover ul.sub-menu,
.header2.fixedHeader .mainnav ul li:hover ul.sub-menu{
    top: 45px;
}
.header1.fixedHeader .mainnav ul li ul.sub-menu li:hover ul.sub-menu,
.header2.fixedHeader .mainnav ul li ul.sub-menu li:hover ul.sub-menu {
    top: 0;
    box-shadow: 1px 2px 1px rgba(0, 0, 0,.2);
}
.header2.fixedHeader .logo2 {
    margin: 26px 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;
}
.header2.fixedHeader .mainnav ul li {
    margin-top: 34px;
    padding-bottom: 33px;
    -webkit-transition: all 500ms ease;
    -moz-transition: all 500ms ease;
    -ms-transition: all 500ms ease;
    -o-transition: all 500ms ease;
    transition: all 500ms ease;
}
.header2.fixedHeader .mainnav ul li ul.sub-menu li{
    margin: 0;
    padding: 0;
}

.header2 {
	background-color:#262626;
}

/*=======================================================================
// Back TO top
=========================================================================*/
.showit {
    background: #8DDC2B;
    bottom: 100px;
    color: #fff;
    font-size: 20px;
    height: 40px;
    line-height: 0.8;
    padding: 10px 12px;
    position: fixed;
    right: 60px;
    text-align: center;
    width: 40px;
    z-index: 99;
}
.showit i {
    color: #fff;
}
.showit:hover {
    background: #333;
    color: #fff;
}

/*=======================================================================
// Preloader
=========================================================================*/
.preloader {
    background: #fff;
    bottom: 0;
    height: 100%;
    left: 0;
    position: fixed;
    right: 0;
    top: 0;
    width: 100%;
    z-index: 99999;
}
#loading {
    background-color: rgba(255, 255, 255, 1);
    height: 100%;
    margin-top: 0;
    position: fixed;
    top: 0;
    width: 100%;
    z-index: 1;
}
#loading-center {
    height: 100%;
    position: relative;
    width: 100%;
}
#loading-center-absolute {
    height: 50px;
    left: 50%;
    margin-left: -50px;
    margin-top: -50px;
    position: absolute;
    top: 50%;
    width: 50px;
}
.object {
    background-color: rgba(255, 255, 255, 0);
    border: 3px solid rgba(1, 177, 174, 1);
    height: 20px;
    left: 37px;
    margin-left: auto;
    margin-right: auto;
    position: absolute;
    top: 37px;
    width: 20px;
}
#first_object {
    animation: 1s ease 0.5s normal none infinite running first_object;
}
#second_object {
    animation: 1s ease 0s normal none infinite running second_object;
}
#third_object {
    animation: 1s ease 0.5s normal none infinite running third_object;
}
#forth_object {
    animation: 1s ease 0s normal none infinite running forth_object;
}
@keyframes first_object {
    0% {
    }
    50% {
        transform: translate(150%, 150%) scale(2, 2);
    }
    100% {
    }
}
@keyframes second_object {
    0% {
    }
    50% {
        transform: translate(-150%, 150%) scale(2, 2);
    }
    100% {
    }
}
@keyframes third_object {
    0% {
    }
    50% {
        transform: translate(-150%, -150%) scale(2, 2);
    }
    100% {
    }
}
@keyframes forth_object {
    0% {
    }
    50% {
        transform: translate(150%, -150%) scale(2, 2);
    }
    100% {
    }
}

/**Preloader2**/
.preloader.two{
    background: #111;
}
#css-preloader {
    bottom: 0;
    height: 60px;
    left: 0;
    margin: auto;
    position: absolute;
    right: 0;
    top: 0;
    width: 100px;
}
#css-preloader span{
    display: block;
    bottom: 0px;
    width: 5px;
    height: 10px;
    position: absolute;
    animation: preloader_1 2.25s  infinite ease-in-out;
}
#css-preloader span:nth-child(2){
    left: 11px;
    animation-delay: .2s;
}
#css-preloader span:nth-child(3){
    left:22px;
    animation-delay: .4s;
}
#css-preloader span:nth-child(4){
    left:33px;
    animation-delay: .6s;
}
#css-preloader span:nth-child(5){
    left:44px;
    animation-delay: .8s;
}
#css-preloader span:nth-child(6){
    left: 55px;
    animation-delay: 1s;
}
#css-preloader span:nth-child(7){
    left: 66px;
    animation-delay: 1.2s;
}
#css-preloader span:nth-child(8){
    left: 77px;
    animation-delay: 1.4s;
}
#css-preloader span:nth-child(9){
    left: 88px;
    animation-delay: 1.6s;
}
@keyframes preloader_1 {
    0% {
        height: 10px;
        transform: translateY(0px);
        background: #fdcf01;
    }

    25% {
        height: 60px;
        transform: translateY(15px);
        background: #4bb846;
    }
    50% {
        height: 10px;
        transform: translateY(-10px);
        background:#2988dd;
    }  
    100% {
        height: 10px;
        transform: translateY(0px);
        background: #e43632;
    }
}
/**Preloader3**/
.preloader.three{
    background: #333;
}
.preloaderInner {
    width:100px;
    height:100px;
    position:absolute;
    margin: auto;
    left: 0;
    top: 0;
    bottom: 0;
    right: 0;
}
.preloaderInner span{
    position:absolute;
    display:block;
    width:64px;
    height:64px;
    border:3px solid #8DDC2B;
    border-radius:50%;
    top:50%;left:50%;
    margin:-35px 0 0 -35px;
    animation:5s Move3 linear infinite;
}
.preloaderInner span:before, 
.preloaderInner span:after {
    content:"";
    display:block;
    position:absolute;
    border-width:3px;
    border-style:solid;
    border-radius:50%;
    width:64px;
    height:64px;
    top:-3px
}
.preloaderInner span:before {
    border-color:#fff;
    left:-70px;
    animation:5s Move1 ease-in-out infinite;
}
.preloaderInner span:after {
    border-color:#fff;
    right:-70px;
    animation:5s Move2 ease-in-out infinite;
}
@keyframes Move1 {
    50% {left:70px}
}
@keyframes Move2 {
    50% {right:70px}
}
@keyframes Move3 {
    20% {transform:rotateX(-180deg);}
    40% {transform:rotate(180deg);}
    60%{transform:rotate(-180deg);}
    80% {transform:rotateY(-180deg);}
}

/*=======================================================================
// Manufacturers
=========================================================================*/

#imagelist {
	font-size: 0;
	width: 75%;
	margin: 0 auto;
}

#imagelist a {
	margin: 5px;
}

#imagelist img {
	width: 150px;
	height:150px;
}

/* Online Store Categories */

.store-section {
	width:100%;
	padding: 20px 0;
}

.search-widget {
	margin-bottom:40px;
}


.sidebar-nav {
	float:left;
	padding:50px 10px 20px 5px;
}

.sidebar-nav a {
    font-size: 18px;
    line-height: 50px;	
	color:#666;
}

.sidebar-nav li {
	border-bottom: 1px solid #666;
  }

.sidebar-nav .dropdown {
	border-bottom: 1px solid #666;
  }
  
.dropdown-menu li {
	border-bottom:none;
}
  
  .sidebar-nav .navbar .navbar-collapse {
    padding: 0;
    max-height: none;
  }
  .sidebar-nav .navbar ul {
    float: none;
    margin-top: 40px;
  }
  .sidebar-nav .navbar ul:not {
    display: block;
  }
  .sidebar-nav .navbar li {
    float: none;
    display: block;
	border-bottom: 1px solid #666;
  }
  .sidebar-nav .navbar li a {
    padding-top: 25x;
    padding-bottom: 25px;
  }

.sidebar-nav .fa {
	padding: 0px 20px 0px 10px;
	font-size:24px;
}

.menu_main_nav li a:before {
	color: #8DDC2B !important;
}

@media(max-width:567px) {
	.hidden-xs {
		display: none;
	}
}


#shopback {
	background-size: 100%;
}

.sc_parallax .sc_parallax_content {
	height: 100%;
	position: relative;
	overflow: hidden;
	z-index: 2;
	left: 0;
	top: 0;
	right: 0;
	bottom: 0;
	background-repeat: no-repeat;
	padding-bottom: 0;
	box-sizing: border-box;
}

.storefront {
	padding:20px 0;

}

.storefront h2 {
	text-align:center;
	font-size:32px;
	padding-bottom:20px;
}

.shoprow {
	margin-bottom: 10px;
	height: 100%;
	width:100%;
	margin: 0 auto;
	text-align: center;
}

.storeicons {
	height:200px;
}


.storeicons img {
	width: 120px;
	margin: 10px 30px;
}

.comingsoon {
	position: absolute;
	top: 50px;
	left: 0;
	right: 0;
	font-size: 2vw;
	color: #8ddc2b !important;
	font-weight: bold !important;
	opacity: 0;
	transition: opacity .5s ease-in-out;
	-moz-transition: opacity .5s ease-in-out;
	-webkit-transition: opacity .5s ease-in-out;
}

.shopnow {
	position: absolute;
	top: 50px;
	left: 0;
	right: 0;
	font-size: 2vw;
	color: red !important;
	font-weight: bold !important;
	opacity: 0;
	transition: opacity .5s ease-in-out;
	-moz-transition: opacity .5s ease-in-out;
	-webkit-transition: opacity .5s ease-in-out;
}

.storeicons:hover .shopnow, .storeicons:hover .comingsoon{
    opacity: 1;
}

.shoptitlesactive {
	left: 0;
	right: 0;
	color: #8ddc2b !important;
	font-weight: bold;
}

.shoptitlesinactive {
	left: 0;
	right: 0;
	color: #bcbdc0 !important;
	font-weight: bold;
}

.item-widget {
	padding: 50px 0 0 30px;
}

.right-sidebar h4 {
	padding:60px 0 0 0;
	text-align:center;
	color:#666;
}


.nextWidgetPopular ul {
			 list-style-type: none; 
}

.nextWidgetPopular li.nextProd{
			  height:183px;
			  width:140px;
}

.nextWidgetPopular a.nextProdName{
			 font-size:14px;
			 color:#666;
} 

.nextWidgetPopular  img.nextProdThumb{
	 max-width: 85px;
		 max-height: 85px;
}
						   
.nextWidgetPopular span.nextReviewNum{
	  font:10px;
	  color:#CDC8B1;
}
						 
.nextWidgetPopular span.nextPrice{
	   font:12px;
	   color:#A00000; 
}


/* Mobile */

/* Menu*/
@media (max-width: 380px){
.menu_main_responsive_button:before {
    color: #8ddc2b !important;
}

.menu_main_responsive_button {
    float: left;
}

.menu_main_wrap .search_wrap {
    margin-top: 14px !important;
}

.search_wrap {
    max-width: none;
}

input[type="submit"], input[type="button"], button, .sc_button {
    background-color: #8ddc2b !important;
}
 
 .menu_main_wrap .logo {
    max-width: 100%;
    margin-top: 1.5em;
}   
    
.storeicons {
	margin-bottom: 10px;
	height: 100%;
	text-align: center;
	padding-bottom: 10px;
}


.storeicons a {
	font-size: 22px;
}

#shopstore {
    font-size: 8vh;
    padding-left:10px;
    padding-right:10px;
}
    
    
}

img{
	max-width:100%;
	
}

.searchbar {
	padding-top:10px;
	font-size: 12px;
}

#longmobile h1 {
	font-size:12px;
}

#mc_embed_signup input {padding:4px;}
#mc_embed_signup form {padding: 10px 0 10px 0!important;}