/*   
Theme Name: Invention
Theme URI: http://themes.jozoor.com/?theme=Invention-WP
Description: Invention Theme corporate, portfolio and business websites, responsive and clean layout, more than color skins, Fully Customizable, Comprehensive Theme Options and more..
Author: Jozoor Team
Author URI: http://www.jozoor.com
Version: 1.1
*/

/*
= = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = =   
=     00   00 00 00   00 00 00   00 00 00   00 00 00   00 00  =
=     00   00    00        00    00    00   00    00   00     =
=     00   00    00      00      00    00   00    00   00     =  
=     00   00    00    00        00    00   00    00   00     =
=  00 00   00 00 00   00 00 00   00 00 00   00 00 00   00     =
= = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = =
= = = = = = Thanks for watching our source code :)  = = = = = =
*/

/* Start Custom Styles Options */
.single-gallery .comments-title {
    margin-top: 35px;
}

.animate-element p:last-child {
    margin-bottom:0;
}

.page-section img[class*=wp-image-] {
    display: block;
    margin: 0 auto;
}

.page-section .button {
   line-height: 22px;
}

.container .column.shortcode-column.no-margin-bottom, .container .columns.shortcode-column.no-margin-bottom, .container .column.shortcode-column p:last-child, .container .columns.shortcode-column p:last-child {
    margin-bottom: 0;
}

.switcher {
    display:none;
}

.gmaps {
    color: #5A5C5D;
}

.woocommerce .woocommerce-message, .woocommerce .woocommerce-error, .woocommerce .woocommerce-info, .woocommerce-page .woocommerce-message, .woocommerce-page .woocommerce-error, .woocommerce-page .woocommerce-info, .woocommerce #payment div.payment_box, .woocommerce-page #payment div.payment_box {
    color: inherit;
}

.woocommerce .cart .quantity input.qty { background: inherit; }

.cart-tab span.contents { overflow: hidden; }

body.rtl .button.small.no-text {
    width: 40px;
    height: 22px;
}

body.rtl .post-content [class*=" icon-"], body.rtl .post-content [class*=" social_icon-"], body.rtl .post-content [class^=icon-], body.rtl .post-content [class^=social_icon-], body.rtl .slider-1 [class*=" icon-"], body.rtl .slider-1 [class*=" social_icon-"], body.rtl .slider-1 [class^=icon-], body.rtl .slider-1 [class^=social_icon-], body.rtl .slider-2 [class*=" icon-"], body.rtl .slider-2 [class*=" social_icon-"], body.rtl .slider-2 [class^=icon-], body.rtl .slider-2 [class^=social_icon-] {
    margin-left: 4px;
    margin-right:0;
}

body.rtl .button.no-text i {
    margin-left: 0;
    margin-right:0;
}

pre { direction: ltr; }

body.rtl .slider-shortcode {
    overflow: hidden;
}

body.rtl .top-bar {
    padding: 13px 0 7px;
}

body.rtl header .top-bar.none {
    min-height: 4px;
    padding: 0;
}

.type-post.sticky {
   padding: 20px;
}

/* logo img style */
.logo img {
   width: 200px;
   height: 50px;
}

.logo {
    margin: 10px 0 0px 0;
}



.navigation > ul > li > a {
    padding: 25px 15px 25px;
}

body.rtl .navigation > ul > li > a {
    padding: 24px 15px 25px;
}

.navigation ul li ul {
    top: 110px !important;
}

header.style-3 .navigation > ul > li > a {
    padding: 28px 20px 22px;
}

body.rtl header.style-3 .navigation > ul > li > a {
    padding: 27px 20px 22px;
}

header.style-3 .navigation ul li ul {
    top: 67px !important;
}

header.style-3 .header-custom-content {
    margin: 25px 0;
}

.top-header-custom-content, .bottom-header-custom-content {
    padding:10px 0;
}

.tagcloud a {
    font-size:14px !important;
}

.widget .submit-search, .woocommerce.widget_product_search input[type="submit"] {
	background:url(../images/icons/search-icon.png) no-repeat;
} 

header.bg-border-none .navigation ul li a:hover, header.bg-border-none .navigation ul li a.selected, header.bg-border-none .navigation ul li.active a, header.bg-border-none .navigation ul li.current-menu-item a, header.bg-border-none .navigation ul li.current-menu-parent a, header.bg-border-none .navigation ul li.current-menu-ancestor a {
    border-top: 4px solid transparent;
    background:transparent;
}

header.style-3.bg-border-none .navigation ul li a:hover, header.style-3.bg-border-none .navigation ul li a.selected, header.style-3.bg-border-none .navigation ul li.active a, header.style-3.bg-border-none .navigation ul li.current-menu-item a, header.style-3.bg-border-none .navigation ul li.current-menu-parent a, header.style-3.bg-border-none .navigation ul li.current-menu-ancestor a {
    border-top:1px solid transparent;
    background:transparent;
}

















/* Header Top Bar Background Color */
.top-bar {
    background:#d4002b !important;
}





/* Header Menu Links ( active & hover ) Background Color */
.navigation ul li a:hover, .navigation ul li a.selected, .navigation ul li.active a, .navigation ul li.current-menu-item a, .navigation ul li.current-menu-parent a, .navigation ul li.current-menu-ancestor a {
    background:#e2e2e2;
}





















/* Start Custom CSS Codes */
footer h3.title {
letter-spacing: 1px;
}

header.style-3 .logo {
margin-top:55px;
}

header.style-3.style-5 .logo {
margin-top:35px;
}
.item h3{
font-size:20px !important;
min-height: 68px;
}
.item h4{
min-height: 68px;
font-size:22px !important;
}
.top-bar {
    min-height: 10px !important;
}
.page-title h2 {
     padding-top: 45px;
}
/*Apply Hover Effect on Client Home page*/


.clients figure img {
	-webkit-filter: grayscale(100%);
	filter: grayscale(100%);
	-webkit-transition: .3s ease-in-out;
	transition: .3s ease-in-out;
}
.clients figure:hover img {
	-webkit-filter: grayscale(0);
	filter: grayscale(0);
}
.clients figure img {
	-webkit-transform: scale(1);
	transform: scale(1);
}
.clients figure:hover img {
	-webkit-transform: scale(1.15);
	transform: scale(1.15);
}

/*End of Client Hover Effect*/

.video-container {
    position: relative;
    padding-bottom: 56.25%;
    padding-top: 35px;
    height: 0;
    overflow: hidden;
}
.video-container iframe {
    position: absolute;
    top:0;
    left: 0;
    width: 100%;
    height: 100%;
}
.flexslider{
    z-index: 9999999;
}

 
/* Tablet Portrait size to standard 960 (devices and browsers) */
@media only screen and (min-width: 768px) and (max-width: 959px) {

.main-header .two-thirds.column {

margin-top: -17px;
}

}

/* Mobile Landscape Size to Tablet Portrait (devices and browsers) */
@media only screen and (min-width: 480px) and (max-width: 767px) {

.one-fourth.column.services{
margin-left:100px !important;
}
.main-header .two-thirds.column {

margin-top: -17px;
}

}

/* Mobile Portrait Size to Mobile Landscape Size (devices and browsers) */
@media only screen and (max-width: 479px) {

.one-fourth.column.services{
margin-left:20px !important;
}
.main-header .two-thirds.column {
height:45px
}

}
/* new codes */
@media only screen and (min-width: 959px) {
    
header.style-3 .main-header .container .eleven.columns , header.style-3 .main-header .container .five.columns,
header .main-header .container .one-third.column, header .main-header .container .two-thirds.column,
header .top-bar .container .eight.columns, footer .footer-down .container .eight.columns {
    width:auto;
}

header.style-3 .main-header .container .eleven.columns, header .main-header .container .one-third.column,
header .top-bar .container .eight.columns.left, footer .footer-down .container .eight.columns.left {
    float:left;
}

header.style-3 .main-header .container .five.columns, header .main-header .container .two-thirds.column,
header .top-bar .container .eight.columns.right, footer .footer-down .container .eight.columns.right {
    float:right;
}

/* RTL */
body.rtl header.style-3 .main-header .container .eleven.columns, body.rtl header .main-header .container .one-third.column,
body.rtl header .top-bar .container .eight.columns.left, body.rtl footer .footer-down .container .eight.columns.left {
    float:right;
}

body.rtl header.style-3 .main-header .container .five.columns, body.rtl header .main-header .container .two-thirds.column,
body.rtl header .top-bar .container .eight.columns.right, body.rtl footer .footer-down .container .eight.columns.right {
    float:left;
}

header .search form {
    min-width: 280px;
}

header .widget .text-search {
    width: 83%;
}
    
}

@media only screen and (min-width: 768px) and (max-width: 959px) {
    
header.style-3 .main-header .container .eleven.columns , header.style-3 .main-header .container .five.columns,
header .top-bar .container .eight.columns, footer .footer-down .container .eight.columns {
    width:auto;
}

header.style-3 .main-header .container .eleven.columns,
header .top-bar .container .eight.columns.left, footer .footer-down .container .eight.columns.left {
    float:left;
}

header.style-3 .main-header .container .five.columns,
header .top-bar .container .eight.columns.right, footer .footer-down .container .eight.columns.right {
    float:right;
}

/* RTL */
body.rtl header.style-3 .main-header .container .eleven.columns,
body.rtl header .top-bar .container .eight.columns.left, body.rtl footer .footer-down .container .eight.columns.left {
    float:right;
}

body.rtl header.style-3 .main-header .container .five.columns,
body.rtl header .top-bar .container .eight.columns.right, body.rtl footer .footer-down .container .eight.columns.right {
    float:left;
}

header .search form {
    min-width: 220px;
}

header .widget .text-search {
    width: 81%;
}
    
}