/*

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

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



*/



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



.bypostauthor {}
 
 

.h1, .h2, .h3, .h4, .h5, .h6, h1, h2, h3, h4, h5, h6 {
    font-family: "Happy Monkey";
}
 
 .link-nosearch a, .link-search a
 {
	text-align:left;
	width: 100%;
 }
 
 .link-search a ,.link-nosearch a
 {  font-weight: 600;
    letter-spacing: normal;
    line-height: 27px;
    border-bottom-width: 3px;
 }
    
.link-search a:hover,.link-nosearch a:hover
{
 border-bottom-color:rgb(219,31,28);
 
 background-color:#e9c67e;
}
.link-search a, .link-search a:hover  , .link-nosearch a,.link-nosearch a:hover
{
    color: rgb(255,255,255) !important;
    
}  
.link-search strong
{
  background-color:#e9c67e;
  padding: 5px 1px 5px 1px;
  margin:5px 0px 5px 5px;
  
}
 
.link-search .vc_btn3.vc_btn3-shape-rounded,.link-nosearch .vc_btn3.vc_btn3-shape-rounded
{
 border-radius: 2px;
}
.link-nosearch .btn.btn-lg,.link-search .vc_btn3.vc_btn3-size-lg 
{
	padding: 10px !important ;
}
.link-search .btn.btn-lg,.link-search .vc_btn3.vc_btn3-size-lg 
{
	padding: 7px !important ;
}
#header .header-main .header-contact a.contact-black
{
  font-size: 1.2em !important;
  color: black !important;
}
#header .header-main .header-contact a.contact-black:hover
{
  font-size: 1.2em !important;
  color: black !important;
  text-decoration:underline
}

.sidebar-content h2{  margin: 0 0 5px 0 !important;}
#header .header-main .header-contact a.contact-gris{
    color: #999;
    font-size: 1.2em;
    padding: 10px 8px;
    display: inline-block;
    border-radius: 4px;
}

#header .header-main .header-contact a.contact-gris:hover {
	background: #EEE;
}
#header .header-main .header-contact * {
  color: #999 !important;
}
#wysija-2 .wysija-submit
{
   background: #e9c67e !important;
   border-color: #e9c67e !important;
}

h2.word-rotator-title .word-rotate {
    max-height: 42px;
    line-height: 42px;
    margin-bottom: -9px;
}

.word-rotate {
    display: inline-block;
    overflow: hidden;
    text-align: center;
    position: relative;
    max-height: 22px;
    line-height: 22px;
}
.word-rotate.active .word-rotate-items {
    position: relative;
}

.word-rotate .word-rotate-items {
    position: relative;
    top: 0;
    width: 0;
    display: inline-block;
}

 
 
.word-rotate.active .word-rotate-items span {
    display: inline-block;
    float: left;
    clear: both;
}
.word-rotate .word-rotate-items span {
    display: inline-block;
    white-space: nowrap;
}

 



/*** target hooks ****/

@-webkit-keyframes slide-animation {
	0% {opacity:0;}
	2% {opacity:1;}
	15% {top:0px; opacity:1;}
	16% {opacity:0.6;}
	16.66% {top:-22px; opacity:1;}
	25% {top:-22px; opacity:1;}
	30.5% {opacity:0.6;}
	33.32% {top:-44px; opacity:1;}
	40% {top:-44px; opacity:1;}
	
	45% {opacity:0.6;}
	50% {top:-66px; opacity:1;}
	55% {top:-66px; opacity:1;}
	
	
	60% {opacity:0.6;}
	65% {top:-66px; opacity:1;}
	70% {top:-66px; opacity:1;}
	
	
	75% {opacity:0.6;}
	80% {top:-88px; opacity:1;}
	85% {top:-88px; opacity:1;}
	
	95% {opacity:1;}
	98%% {top:-110px; opacity:0;}
	100% {top:0px; opacity:0;}
 
}

span.word-rotate-items
{
	-webkit-animation: slide-animation 50s infinite;
}

/* use to paused the content on mouse over */

span.word-rotate-items:hover
{
	-moz-animation-play-state: paused;
	-webkit-animation-play-state: paused;
}




@media (min-width: 992px)
{
#header.header-10 .header-main .container .header-left, #header.header-10 .header-main .container .header-center, #header.header-10 .header-main .container .header-right {
    padding-top: 0px !important;
 
}
}