/*

Theme Name: Porto

Theme URI: http://www.newsmartwave.net/wordpress/porto

Author: SW-THEMES

Author URI: http://www.newsmartwave.net/

Description: Porto Responsive Wordpress + eCommerce Theme.

Version: 3.6.4

License: Commercial

License URI: http://themeforest.net/licenses/regular_extended

Tags: woocommerce, corporate, ecommerce, responsive, blue, black, green, white, light, dark, red, two-columns, three-columns, four-columns, left-sidebar, right-sidebar, fixed-layout, responsive-layout, custom-menu, editor-style, featured-images, flexible-header, full-width-template, microformats, post-formats, rtl-language-support, sticky-post, theme-options, translation-ready, accessibility-ready

Text Domain: porto



*/

#main-menu .popup .sub-menu li:hover, #main-menu .popup .sub-menu li.active {
    transform: skew(0deg,0deg) !important;
}



/*************** ADD YOUR CUSTOM CSS HERE  ***************/

.tp-caption{
font-size:36px;
font-weight:700;
}

.bypostauthor {}
ul.nav-list li a:before, ul[class^="wsp-"] li a:before {
border-left: 4px solid #d6f39e !important;

}

.bellows .bellows-nav .bellows-subtoggle {
    top: 0px !important;
}
#footer .col-md-3 .textwidget{
margin-top: 40%;
}

.col-testimonial {
padding-top: 25px ;
padding-right: 25px;
padding-left: 142px; 
    }
.fa-chevron-right{
font-size:12px;
}
#footer .widget.follow-us .share-links a{
    margin-left: 5% !important;
}
.widget.follow-us .share-links .share-linkedin:hover, #footer .widget.follow-us .share-links .share-linkedin:hover{
 background: #9ccb3e !important;
}
#footer .widget.follow-us .share-links .share-facebook:hover{
background: #9ccb3e !important;
}
#main-menu .mega-menu > li.menu-item > a{
color:#fff !important;
}
.heading{
font-family:roboto;
font-size:36px;
}
.heading1{
color:#0c8843;
font-size:48px;
}
#footer .widget-title{
    font-weight: 400;
    font-family: Roboto;
    font-size: 29px;
}
#footer .widget > div > ul{
font-size: 16px;
    font-family: Roboto;
	}
	
/*********footer section*********/
#footer .contact-details .fa-map-marker{
    position: absolute !important;
    top: 3px;
}
html body #footer  .addr-footer{
        padding-left: 26px;
    color: #278843 !important;
}

#footer .widget p {
color: #fff !important;
    font-size: 16px !important;
    line-height: 26px !important;
}
.fa {
color:#0c8843 !important;
margin-right:8px;

}
#footer .col-md-3{
width:23%;
}
#footer .col-md-3:last-child{
width:31%;
}
.contact-info strong{
display:none;
}
#footer .widget > div > ul li{
color: #0c8843;
}
.share-links{
padding-left: 6%;
   
    margin-top: -6%;
}
#footer{
    color: #0c8843 !important;
}
#footer .footer-main{
background-color: #e5e5e5 !important;
color:#0c8843 !important;
}
#footer .widget > div > ul li{
border: none !important;
}
#footer .widget-title {
    color: #0c8843 !important;
}
#footer a {
    text-decoration: none !important;
color: #0c8843 !important;
}


.contact-details .fa{
    color: #717569 !important;
}
.owl-carousel .owl-item img {
    width: 20% !important;
	}
#footer .widget > div > ul{
border: none !important;

}	
.owl-carousel.nav-inside-left .owl-dots {
    left: 38px;
    right: auto;
    bottom: -40px;
}
.owl-carousel.nav-inside .owl-nav .owl-next,.owl-carousel.nav-inside .owl-nav .owl-prev{
	display:none!important;
}
.owl-carousel .owl-dots .owl-dot.active span, .owl-carousel .owl-dots .owl-dot:hover span {
    background-color: #0c8843;
}
.testimonial-content p {
    line-height: inherit;
    color: #fff;
	}
	
.footer-form input[type="text"], input[type="email"] {
    width: 100%!important;
    margin-bottom: 20px !important;
    line-height: 2 !important;
    margin-left: 24px;
	border:0;
	box-shadow:none !important;
}
.readmore-btn {
	width:150px;
    background-color: #0c8843;
    padding: 8px 27px;
    color: #fff;
    transform: skew(-18deg,0deg);
    font-size: 20px;
    margin-left: 12px;
}
.readmore-btn a{
	color:#fff;
	text-decoration:none;
	transform:skew(18deg,0deg);
}
.footer-btn-1{
margin-left: 26px;;
}

.footer-btn-1 input[type="submit"] {
    padding: 4px 45px;
    font-size: 15px;
}
#header .header-main .header-contact {
    color: #272830 !important;
    font-size: 20px;
    font-family: Roboto;
}
#header .header-main .header-contact * {
padding-left: 0%;
}
#main-menu li:hover,#main-menu li.active {
    transform: skew(-19deg,0deg);
    background: #9ccb3e;
}
#main-menu li a:hover {
    transform: skew(19deg,0deg);
    background: none !important;
}
#main-menu .mega-menu .narrow .popup li.menu-item > a{
    color: #000;
	font-size: 14px;
	font-weight: 600;
}
#main-menu .mega-menu .narrow .popup li.menu-item:hover > a{
	color:#fff;
}
.sub-menu {
    transform: skew(19deg,0deg);
}
.sub-menu li:hover {
    transform: skew(0deg,0deg)!important;
}
.sub-menu li a:hover {
    transform: skew(0deg,0deg)!important;
}
#main-menu .mega-menu .narrow .popup ul.sub-menu li.menu-item:hover > ul.sub-menu {
    transform: skew(0deg,0deg)!important;
}
.power-factor-col {
	position:relative;
    width: 387px;
    margin: 20px;
    text-align: center;
    min-height: 465px;
    background-color: #fff;
    padding: 30px;
    padding-bottom: 0;
}

.power-factor-col p{
	color:#000;
	font-size:15px;
        text-align:justify!important;
}

.power-factor-col .fa {
    color: #0c8843;
    margin-right: 4px;
}
.no-breadcrumbs .left-sidebar, .no-breadcrumbs .right-sidebar, body.woocommerce .left-sidebar, body.woocommerce .right-sidebar {
    padding-top: 20px;
}
#bellows_navigation_widget-2{
	background-color:#fff;
}
.bellows .bellows-nav, .bellows .bellows-nav .bellows-menu-item, .bellows .bellows-nav .bellows-submenu {
    background: #31993D;
}
.bellows{
	margin:0;
     width:100%!important;
}
.bellows .bellows-nav .bellows-subtoggle .fa{
	color:#fff;
}

.bellows.bellows-main, .bellows.bellows-main .bellows-menu-item, .bellows.bellows-main .bellows-menu-item .bellows-target{
    color: #fff;
    font-weight: 600;
    font-family: roboto;
    font-size: 16px;
}
.bellows-target:hover{
	background:#9ccb3e;
	transition:all .5s ease-in;
}
.bellows-submenu .bellows-target{
	background:#fff;
}
.bellows-submenu .bellows-target-text{
	color:#000!important;
	font-weight:500!important;
	font-size:14px;
}
.bellows-submenu .bellows-target-text:hover{
	color:#fff!important;
	transition:all .5s ease-in;
}
.bellows-submenu .bellows-target:hover,.bellows-submenu .bellows-target.active{
	background:#9ccb3e;
	transition:all .5s ease-in;
}
#topcontrol{
	background:#31993D!important;
}
#topcontrol i{
	color:#fff!important;
}
#topcontrol:hover{
	background:#9ccb3e!important;
}
#main-menu .mega-menu > li.menu-item.active:hover > a, #main-menu .mega-menu > li.menu-item:hover > a, #main-menu .mega-menu > li.menu-item.active:hover > h5, #main-menu .mega-menu > li.menu-item:hover > h5 {
    background: #9ccb3e;
    color: #ffffff;
    transform: skew(19deg,0deg);
    background: none !important; 
}
.col-enquiry{
	height:470px;
}
.col-testimonial{
	height:470px;
}
.hesperiden.tparrows {
    cursor: pointer;
    background: #0c8843;
}
#footer .widget > div > ul li, #footer .widget > ul li {
    line-height: 14px;
}
#footer .contact-details li{
	line-height:22px!important;
}
.widget.contact-info i{
	margin: 2px 11px 2px 0;
}
#footer .footer-bottom .container .footer-center {
    color: #fff;
}
.product-details-btn {
    position: absolute;
    background: #31993D;
    color: #fff;
    padding: 6px 14px;
    bottom: 0;
    left: 0;
    right: 0;
    margin: auto;
    text-decoration:none!important;
    text-align: center;
}
.product-details-btn:hover{
background:#9ccb3e;
color:#fff;
transition:all .3s ease-in;
}

.color-000{
	color:#000!important;
        font-size:15px!important;
}

.no-breadcrumbs .left-sidebar, .no-breadcrumbs .right-sidebar, body.woocommerce .left-sidebar, body.woocommerce .right-sidebar {
    padding-top: 20px!important;
}
.bellows .bellows-nav .bellows-subtoggle .fa{
margin-left: 17% !important;
color: #fff !important;
font-size: 14px;
}
.bellows.bellows-main .bellows-menu-item .bellows-target {
    font-size: 17px !important;
}
#main-menu .mega-menu > li.menu-item.active > a {
    background: none!important;
    color: #ffffff;
    transform: skew(19deg,0deg);
}
.bellows .bellows-nav .bellows-custom-content.bellows-custom-content-padded, .bellows .bellows-nav .bellows-target, .bellows .bellows-nav .bellows-target.bellows-target-w-image > .bellows-image.bellows-image-padded, .bellows .bellows-nav .bellows-target.bellows-target-w-image > .bellows-target-text {
    padding: 8px 70px 8px 20px!important;
}

.readmore-btn-a{
transform: skew(20deg, 0deg) !important;
}

#header .header-main .header-contact a:hover,#header .header-main .header-contact a.active{
    color: #fff;
    background: #9ccb3e;
}

#header .header-main .header-contact a{
padding:8px 12px;
}

#header .header-main .header-contact a.active{
    color: #fff;
    background: #9ccb3e!important;
}

#header .header-main{
background-image:none!important;
}

#header {
    border-top: 0;
.enquiry{
margin:auto!important;
}

#hides{
    display:none;
}

.tp-caption{
font-weight:700;
}
.stooltip {
  position: relative;
  display: inline-block;
}

.stooltip .stooltiptext {
  visibility: hidden;
  width: 200px;
  background-color: black;
  color: #fff;
  text-align: center;
  border-radius: 6px;
  padding: 5px 0;

  /* Position the tooltip */
  position: absolute;
  z-index: 1;
}

.stooltip:hover .stooltiptext {
  visibility: visible;
  background: #0c8843;
}