/*   
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.0
*/

/*
= = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = =   
=     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: 500px;
   height: 50px;
}

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



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

body.rtl .navigation > ul > li > a {
    padding: 27px 15px 22px;
}

.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/dark/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;
}







/* Body Font [Type] */
body, .form-elements input, .form-elements textarea, .form-elements select, .qoute p, .tables-column .header h3 span.pop, .widget .followers li span, .one-page.welcome .welcome-text, .post-content .latest-blog .item h3, .team-shortcode .item span, 
.latest-blog .item p, footer, p, .services.style-1 .item h3, .progress-bar h5, .button, #horizontal-tabs ul.tabs li, #vertical-tabs ul.tabs li, .alert p, .pagination, .qoute, .welcome, .progress-bar .meter, .testimonial-item .author span, .testimonial-item .author a, .team .item h4, .services.style-2 .item h4, .services.style-3 .item h4, .page-404 .oops, .tables-column .header h3, .tables-column .header .price, .tables-column .footer h4, .square-list li, .check-list li, .plus-list li, .arrow-list li, .cross-list li, .star-list li, .minus-list li, .heart-list li, .circle-list li, .asterisk-list li, .widget .followers h4, .sidebar .widget, .blog-3 .item a.title, .form-box label, .address-info li, .phone-info li, .email-info li, body.under-construction .content h2.title, body.under-construction .content .block .label, .post-content, .project-details li, 
.subscribe input.submit, body.under-construction .content .block .flip-top, body.under-construction .content input.subscribe-button, 
.img-caption .desc span, .more,
.subscribe input.mail, blockquote, blockquote p, .about-author h3, .related-posts h3, .comments-box h3, .comment-form h3, .form-box input.text, .form-box textarea, body.under-construction .content p.text, body.under-construction .content input.subscribe-text, .notification_error, .notification_ok, .fancybox-title-inside-wrap, .fancybox-title-outside-wrap, .single-gallery .item.gallery-item .img-caption-gallery .desc, 
.page-title h1, .one-page p.description, /* wp classes */ .post-content .wp-caption p, .page-section .post-content > p, .page-section .post-content .shortcode-column > p,
.pricing-tables .tables-column, .single-gallery-meta, .wpcf7-submit, .woocommerce-ordering select {
	 font-family:'Roboto', Arial, sans-serif;
}

/* Menu Font [Type] */
.navigation ul li, .responsive ul li {
	 font-family:'Roboto Condensed', Arial, sans-serif;
}

/* Top Bar header Font [Type] */
.top-bar {
	 font-family:'Roboto', Arial, sans-serif;
}

/* Heading Font [Type] */
h3.title, .about-author .content .data h5, .comments .comment-box h5, .one-page h2.title, .one-page h1.title, .page-section h1, .page-section h2, .page-section h3 {
	 font-family:'Roboto', Arial, sans-serif;
}

/* Heading Footer Font [Type] */
footer h3.title {
	 font-family:'Roboto', Arial, sans-serif;
}

/* Down Bar Font [Type] */
footer .footer-down {
	 font-family:'Roboto', Arial, sans-serif;
}

/* Sliders Title Font [Type] */
.slider-1 .slides li h2, .slider-2 .slides li h2 {
	 font-family:'Days One', Arial, sans-serif;
}

/* Sliders Description Font [Type] */
.slider-1 .slides li .slide-desc, .slider-2 .slides li .slide-desc {
	 font-family:'Roboto', Arial, sans-serif;
}








/* Start Custom CSS Codes */
/*html,body { height:100%; }*/
.italian{background: url(http://www.enginetechengineering.com/wp-content/uploads/2014/09/flagit.png);
width: 50px;
height: 50px;
float: right;
top: 11px;
right: 110px;
position: absolute;}
.italian a{text-decoration:none; text-align: center; width: 50px; color: #9FA3A6 !important;}
.italian a:hover{color:#0E3954  !important;}
.italian a p{text-align: center;}
.italian a img{
text-decoration: none;
border: 0 none;
width: 50px;
height: 30px;
top: 0px;
position: relative;
cursor:pointer;}
.english{background: url(http://www.enginetechengineering.com/wp-content/uploads/2014/09/flagen.png);
width: 50px;
height: 50px;
float: right;
top: 11px;
right: 40px;
position: absolute;}
.english a{text-decoration:none; text-align: center; width: 50px; color: #9FA3A6 !important;}
.english a:hover{color: #0E3954 !important;}
.english a p{text-align: center;}
.english a img{
text-decoration: none;
border: 0 none;
width: 50px;
height: 30px;
top: 0px;
position: relative;
cursor:pointer;}

.top-bar{display:none;}
.logo {margin:15px 0 20px 40px; width:500px !important;}
.logo img {width:500px; height:auto;}
.navigation > ul > li > a { padding: 33px 15px 22px;}
header .main-header {background: #fff; max-height:80px; margin-bottom: 5px; border-bottom: 3px solid #0e3954;}
.navigation ul > li.current-menu-item > a {background: #002b46 !important;}
#wrap.boxed{background: transparent !important;}
.down-header{background:#0e3954 !important;}
.main-content p{color: #222222 !important;}
.main-content h3{color: #222222 !important;}
.main-content ul{color: #222222 !important;}
.container .sixteen.columns { width: 100%; margin: 0 !important;}
.container {width: 100% !important; margin: 0 auto; padding: auto;}
.post-content {
overflow: hidden;
display: none;
}

header.style-3.style-5 .down-header {
    min-height: 64px;
    border-top: 0px none !important;
}

#menu {
margin-top: -3px;
}

header.style-3 .navigation > ul > li > a:hover, header.style-3 .navigation > ul > li > a.selected  {
background-color: #f5f6f6 !important;
color: #0E3954 !important;
}

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

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

header.style-3 .navigation ul li a:hover, header.style-3 .navigation ul li a.selected, header.style-3 .navigation ul li.active a, header.style-3 .navigation ul li.current-menu-item a, header.style-3 .navigation ul li.current-menu-parent a, header.style-3 .navigation ul li.current-menu-ancestor a {
border-top:0px !important;
}

header.style-3 .navigation ul li a:hover, header.style-3 .navigation ul li a.selected {
background-color: #f5f6f6;
color: #0E3954;
}

header.style-3 .navigation ul li ul li a:hover {
border-top:0px solid transparent !important;
color: #fff;
}

header.style-3 .navigation ul li ul li a.selected {
border-top:0px solid transparent !important;
}

header.style-3 .navigation ul li ul li a {
color: #0E3954;
}

header.style-3 .navigation > ul > li > a {
padding-top: 26px !important;
}

header.style-3 .navigation > ul > li.current-menu-ancestor > a {
background: #002b46 !important;
color: #fff !important;
}

.navigation ul li ul li a {
background-color: #9FA3A6;
}

.container .eight.columns {
width: 23%;
margin-left: 1% !important;
margin-right: 1% !important;
text-align: center;
}

.container .four.columns {
width: 18% !important;
float: left !important;
display: inline;
margin: 0 auto !important;
}

.par-left {
margin-left: 40px;
margin-top: 40px;
}

.par-left a{
color: #9FA3A6;
}

.par-left a:hover{
color: #0e3954 !important;
}

.img-left {
float:left;
}

.par-right {
margin-right: 40px;
margin-top: 40px;
}

.par-right a{
color: #9FA3A6;
}

.par-right a:hover{
color: #0e3954 !important;
}

.img-right {
float:right;
}

.featured-clients {
padding-left: 5%;
}

.services-post-header{
background:#f5f6f6; height:180px;  
//border-top:3px solid #0e3954;
}

.services-post-header .circle {
width: 105px;
height: 125px;
border-radius: 0 !important; 
padding: 0;
margin: 0 auto;
/*line-height: 105px;*/
background-color: transparent !important;
overflow: hidden;
}
.services-post-header .circle img {
max-width: 100%;
position: relative;
top: 0px;
height: auto;
-webkit-transition: all .5s ease-in;
-moz-transition: all .5s ease-in;
-ms-transition: all .5s ease-in;
-o-transition: all .5s ease-in;
transition: all .5s ease-in;
}
.services-post-header .circle img:hover {
position: relative;
top: -161px;
}

.circle-name {
margin-top: 0px;
}

.circle-name h4{
text-align: center;
}

.circle-name h4 a{
color: #9FA3A6;
}

.services-post-header .circle:hover + .circle-name h4 a{
color: #3B4347 !important;
}

.iconservice {
float:left;
overflow: hidden;
height: 180px;
width: 25%;
}

.iconservicefix {
float:left;
overflow: hidden;
height: 180px;
width: 25%;
margin-top:-25px;
}

.services.home.s-2 {
padding: 65px 0 15px;
margin-bottom: -40px !important;
}

.home .info-box {
background-color: transparent !important;
margin-bottom: 0px;
padding-left: 40px;
padding-right: 40px;
}

.home .gallery-item {
margin: 0 auto;
margin-top: 1% !important;
text-align: center;
width: 16% !important;
}

.home #gallery-1 {
margin-left: 3%;
margin-top: 25px;
}

/*.gallery-item {
float: left;
margin-right: 3%;
margin-top: 1% !important;
text-align: center;
width: 30% !important;
}*/

.gallery p{display:none !important;}
.gallery img {
border: 1px solid #000 !important;
background: #fff;
}
#fancybox-lock{display:none !important;}
.fancybox-overlay{display:none !important;}
@media only screen and (min-width:1084px){.float_right{float:right !important;}}
.contact-info {
margin-bottom: 20px;
line-height: 30px;
}
.contact-info li {
display: block;
padding-left: 25px;
}
.contact-info li.person {
background: transparent url(bg/contact-icons-black.png) no-repeat scroll -19px -210px;
}
.contact-info li.phone {
background: transparent url(bg/contact-icons-black.png) no-repeat scroll -68px -159px;
}

.contact-info li.email {
background: transparent url(bg/contact-icons-black.png) no-repeat scroll -169px -59px;
}

.contact-info li.address {
background: transparent url(bg/contact-icons-black.png) no-repeat scroll -218px -11px;
}

.divider {
border-bottom: 1px solid #222222;
clear: both;
display: block;
margin-bottom: 40px;
padding-top: 20px;
position: relative;
}

.contact-email, .contact-name {
width: 50% !important;
height: 24px;
margin-right: 10px;
}

.contact-message {
width: 96%;
height: 145px;
overflow: auto;
padding: 5px;
}

.slider-1, .slider-2 {
border-bottom: 3px solid  #0e3954;
}

.slider-1 .flex-direction-nav li .flex-prev, .slider-2 .flex-direction-nav li .flex-prev {
opacity: .9 !important;
filter: alpha(opacity=90) !important;
left: 0px !important;
}

.slider-1 .flex-direction-nav li .flex-next, .slider-2 .flex-direction-nav li .flex-next {
opacity: .9 !important;
filter: alpha(opacity=90) !important;
right: 0px !important;
}

.slider-2 .slides li h2 span {
padding: 10px 20px;
background: rgba(0,0,0,.5);
line-height: 75px;
text-transform: uppercase;
letter-spacing: 2px;
font-size: 0.8em !important;
position: relative;
margin-left: -20% !important;
font-family: RobotoRegular,Arial,sans-serif !important;
}

.footer-top  .container .one-third.column{
width:33%;
}

footer {
margin-top: 0px;
padding-top: 5px;
border-top: 3px solid #404041;
}

#text-2 {
padding-left: 40px;
line-height: 1.5
}

#text-3 {
padding-left: 40px;
line-height: 1.5
}

#wp_social_networks_widget-2 {
padding-left: 40px;
}

#wp_social_networks_widget-2 ul li a i {
padding: 10px;
padding-top: 0px;
}

#wp_social_networks_widget-3 {
padding-left: 40px;
}

#wp_social_networks_widget-3 ul li a i {
padding: 10px;
padding-top: 0px;
}

.list-menu {
padding-right: 40px;
padding-top: 40px;
}

.list-menu ul {
text-align: right;
}

.list-menu ul li {
list-style: none;
font-size: 18px;
//color: #0e3954 !important;
}

.full-height-right {
height: 100% !important;
position: absolute;
right: 0px;
background-color: #F5F6F6;
margin-right: 0px !important;
min-height: 400px;
width: 33% !important;
//margin-top: 80px;
}

.left-wide{
width: 67% !important;
//margin-top: 80px;
}

.in-left-wide {
margin: 0 auto;
width: 80%;
margin-top: 40px;
min-height: 850px;
}

.in-left-wide p, .in-left-left-wide p{
text-align: justify;
}

.in-left-wide ul, .in-left-left-wide ul{
text-align: justify;
}

.in-left-left-wide {
margin: 0 auto;
width: 40%;
margin-top: 40px;
float: left;
margin-left: 5%;
min-height: 850px;
}

.left-wide h3{
margin-left: 5%;
display:block;
width:85%;
margin-top: 40px;
text-align: justify;
}

.in-left-wide h3 {
margin-left: 0%;
margin-top: 0px;
display:block;
width:100%;
margin-bottom: 40px;
text-align: justify;
}

.in-left-left-wide h3{
margin-left: 0%;
margin-top: 0px;
display:block;
width:100%;
margin-bottom: 40px;
text-align: left;
}

.in-left-wide .info-box {
background-color: transparent !important;
margin-bottom: 0px;
padding-left: 0px;
padding-right: 40px;
}

.in-left-wide .info-box dl.gallery-item{
text-align: left !important;
}

.list-menu ul li a{
color:#0e3954;
}

.list-menu ul li a:hover::before{
content: ">";
}

.topper {
margin-top:27px;
height:30px;
width:100%;
background-color: #0e3954;
}

.topper p{
font-size: 24px;
color: #fff;
}

.topper #nav {
display: block;
position: relative;
margin-left: 6.7%;
float: left;
margin-top: 0px;
font-size: 18px;
text-transform: uppercase;
padding-top: 3px;
}

.topper .menu {
margin-left: 0px !important;
}

.topper #nav li a{
display: block;
float:left;
margin-right:5px;
}

.topper #nav li a:hover{
color: #9FA3A6;
}


.topper .menu li.menu-item {
display:none;
}

.topper #nav li .sub-menu{
display: block;
float:right;
margin-left:5px;
}

.topper .menu li.current_page_item {
display:inline-block !important;
font-family: RobotoMedium;
}

.topper .menu li.current-menu-ancestor  {
display:inline-block !important;
font-family: RobotoThin;
}

.topper .menu li.current-menu-ancestor::after  {
content: ">";
}

.topper .menu > li.current-menu-item  {
display:inline-block !important;
font-family: RobotoThin;
}

.topper .menu > li.current-menu-ancestor li.current-menu-item {
display:inline-block !important;
font-family: RobotoMedium;
}

.topper .menu > li.current-menu-item::after  {
content: ">";
}

ul.social-networks li a:hover {
color: #9FA3A6;
}

.contact-form-wrap button{
background-color: #0e3954;
}

.contact-form-wrap button:hover{
background-color: #9FA3A6 !important;
}

.nocolor .info-box {
background-color: transparent !important;
}
 

/* 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%;
}
    
}