/*
 Theme Name: TES Child
 Theme URI:
 Author:
 Template: TES
 Author URI:
 Description:
 Version: 1.0
 License: GNU General Public License version 3.0
 License URI: http://www.gnu.org/licenses/gpl-3.0.html
 Tags: Clean  Multipurpose Responsive  Business  Corporate
*/

@import url("../TES/style.css");

/* =Theme customization starts here
-------------------------------------------------------------- */
/* Generated by Font Squirrel (http://www.fontsquirrel.com) on October 7, 2015 */
@font-face {
    font-family: 'computer_robotregular';
    src: url('fonts/computer_robot/computerrobot-webfont.eot');
    src: url('fonts/computer_robot/computerrobot-webfont.eot?#iefix') format('embedded-opentype'),
    url('fonts/computer_robot/computerrobot-webfont.woff2') format('woff2'),
    url('fonts/computer_robot/computerrobot-webfont.woff') format('woff'),
    url('fonts/computer_robot/computerrobot-webfont.ttf') format('truetype'),
    url('fonts/computer_robot/computerrobot-webfont.svg#computer_robotregular') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'keypunchregular';
    src: url('fonts/keypunch/keypunch-webfont.eot');
    src: url('fonts/keypunch/keypunch-webfont.eot?#iefix') format('embedded-opentype'),
    url('fonts/keypunch/keypunch-webfont.woff2') format('woff2'),
    url('fonts/keypunch/keypunch-webfont.woff') format('woff'),
    url('fonts/keypunch/keypunch-webfont.ttf') format('truetype'),
    url('fonts/keypunch/keypunch-webfont.svg#keypunchregular') format('svg');
    font-weight: normal;
    font-style: normal;

}

/*======================== General Style =========================*/
#qLbar{ background-color:#0A4A92 !important; }
#header_wrapper #top_bar{ background-color: #0A4A92;color:#FFF; }
h2.title{ font-weight:bold; }

.eec-separator.hr.hr-border-dark span i{ color: #0A4A92; }
/*#logo img.default-logo{ height: 100px; }*/
.logo-container h3{ display: inline-block;font-family: "Open Sans"; }


/*#main_navigation, .header_container, #header.type3 .nav-container, #side_header{ background: url("http://eecindia.pushkarcreations.com/wp-content/uploads/2015/09/header-bg-2.jpg") no-repeat center center fixed;-webkit-background-size: cover;-moz-background-size: cover;-o-background-size: cover;background-size: cover; }*/

/*.client-container > [class*="span"],*/ .home .clients  > [class*="span"]{ float:none;display:inline-block; }
.clients-wrapper img{ max-height:150px;max-width:150px; }

.row-fluid.homepage-gallery .span:before{ content: "";position: absolute;display: inline-block;height: 90%;width: 1px;right: -1px;top: 5%;background: #e8e8e8;z-index: 1; }

#main_navigation_container ul.main_menu > li{ text-align:center;margin-left: 30px; }
#main_navigation_container ul.main_menu > li > a, #side_header ul.side_menu > li > a{  letter-spacing:0px;display: inline-block;vertical-align: middle;font-size:16px;border-bottom: 2px solid transparent;padding-bottom:5px;font-weight:bold; }
.main_menu > li:hover > a, .main_menu > li > a:hover, #side_header ul.side_menu > li > a:hover{ border-bottom:2px solid #0A4A92; }
.main_menu > li > ul.sub-menu.brad-mega-menu .sub-menu li a{ font-weight: bold; }

/*.shrinked .shrinking-nav{ display: none; }*/

.home .specialisation{ padding:0 5px; }
.home .animate-when-visible.portfolio-items .portfolio-item.specialisation > .inner-content{ border: 1px solid #0A4A92;border-radius: 5px; }
.home .specialisation .hoverlay{ padding: 1em;min-height: 220px; }
.home .specialisation .overlay-content, .portfolio-items.portfolio-style1 .portfolio-item.specialisation .info h3{ color: #fff !important; }
.home .specialisation .overlay{ background-color: rgba(52, 103, 21, 0.60); }
.no-touch .portfolio-items.portfolio-style1 .portfolio-item.specialisation .hoverlay:hover img, .portfolio-items.portfolio-style1 .portfolio-item.specialisation .hoverlay.hover img{ transform: scale(1.5);-ms-transform: scale(1.5);-moz-transform: scale(1.5);-webkit-transform: scale(1.5);-o-transform: scale(1.5); }

#footer .footer-widgets{ display:none; }

.page-header-titlebar{ /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#0888f7+0,3690f0+35,ffffff+100 */
    background: #0888f7; /* Old browsers */
    background: -moz-linear-gradient(left,  #0888f7 0%, #3690f0 35%, #ffffff 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, right top, color-stop(0%,#0888f7), color-stop(35%,#3690f0), color-stop(100%,#ffffff)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(left,  #0888f7 0%,#3690f0 35%,#ffffff 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(left,  #0888f7 0%,#3690f0 35%,#ffffff 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(left,  #0888f7 0%,#3690f0 35%,#ffffff 100%); /* IE10+ */
    background: linear-gradient(to right,  #0888f7 0%,#3690f0 35%,#ffffff 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#0888f7', endColorstr='#ffffff',GradientType=1 ); /* IE6-9 */ }

.page-header-titlebar h1.title{ color:#FFF; }


.home .clients.row.style2 > [class*="span"]:after{ display: none; }
.home .clients > [class*="span"]{ min-height: 150px;max-height: 150px;vertical-align: bottom;border-left: 1px solid #0888F7; }
.home .clients > [class*="span"]:nth-child(5n+1){ border:none; }
.home .clients.row.style2 .inner-content{ padding: 0 30px; }
.home .clients .clients-wrapper span:not(.helper){ height: 150px;white-space: nowrap;text-align: center; display: inline-block; }
.home .clients .clients-wrapper .helper { display: inline-block;height: 100%;vertical-align: middle; }
.home .clients .clients-wrapper img { vertical-align: middle;/*max-height: 25px;max-width: 160px;*/ }

.client-container span:not(.helper){ height: 150px;white-space: nowrap;text-align: center; display: inline-block; }
.client-container .helper { display: inline-block;height: 100%;vertical-align: middle; }
.client-container img { vertical-align: middle;/*max-height: 25px;max-width: 160px;*/ }
.client-container.row-fluid.style2 .not-right-columns:before, .client-container.row-fluid.style2 .not-bottom-columns:after{ background: #0A4A92; }

.top-bar .tagline{ width:auto;line-height: 1;padding-top: 7px; }
.top-bar .tagline span{ font-size: 22px;text-transform:uppercase;color: #FFF; }
.shrinked #main_navigation .logo-container.tagline{ display: none; }
.topbar-right-content .search-form{ width: 250px;max-width: 500px;float: left; }
.topbar-right-content .search-form input[type="text"]{ padding:8px 15px;border:1px solid #FFF; }
.topbar-right-content .search-form input[type="text"]:focus{ border-color:#FFF; }
.topbar-right-content .search-form > div:after{ top:0; }

#top_bar .topbar-right-content .social-icons{ background: white; }
#top_bar .social-icons li a{ color:#FFF; }
#top_bar .social-icons li a:hover{ color:#238BFE !important; }
#top_bar .contact-info a{ color:#FFF; }
#top_bar .contact-info a:hover{ color:#BBB; }

/*.page-header-titlebar h1.title{ font-family: "Open Sans"; }*/

.main_menu .sub-menu:not(.brad-mega-menu), .main_menu ul.sub-menu.offset-left{ width:160px;text-align: center;right: 0;left: inherit; }

/*========================== header ==========================*/
#header.type3 #main_navigation .logo-container{ display:block;text-align: right;padding-left: 0; }
#header.shrinked.type3 #main_navigation .logo-container{ box-sizing: border-box; }

#header.type3 .row-fluid [class*="span"]{ margin-bottom: 0; }

#header.type3 .search-form{ display:inline-block;vertical-align: middle;margin-top: 33px; }
#header.shrinked.type3 .search-form{ margin-top: 8px; }
#header.type3 .header-nav .social-icons-container{ padding:0; }
#header.type3 .header-nav .social-icons{ position: static;display:block;vertical-align: middle;padding-right: 28px; }
#header.type3 .header-nav .social-icons li{ line-height: 1; }
#header.type3 .header-nav .social-icons li a{ border:1px solid #e8e8e8; }
#header.type3 .header-nav .social-icons li:hover a{ border-color:#696969; }
#header.type3 .header-nav .social-icons li a.isnt{ padding-top:0; }


/*========================= Single Post ===================*/
.post-standard .bx-wrapper, .post-standard > .image{ text-align: center; }
.single-post .post .image img{ width:auto;display:inline-block; }
.single-post .post-meta-data{ display: none; }

/*========================= Category Page =================*/
body.tax-product_cat section#section_0.section{ padding-top: 20px; }
.woocommerce .woocommerce-result-count{ margin-bottom: 10px; }
.product-detail ul.tabs{ display: none; }
/*.product-image-container{ max-height: 300px;height: 300px;box-sizing: border-box; }*/
/*.product-image-container img.attachment-shop_single{ max-height: 300px;width: auto;margin: 0 auto; }
.product-image-container .mousetrap, .product-image-container .cloud-zoom-big{ width:100% !important;background-size: cover;background-repeat: no-repeat; }*/
.products .product .product-detail h2.title{ text-transform: uppercase; }

/*========================= About Page ====================*/
.linkedin-button-container{ display: inline-block;vertical-align: middle; }
.isnt-logo-container{ background: #0888F7;display: inline-block;margin-left: 15px;padding: 5px; }
.isnt-logo-container img{ width:200px; }

/*========================= Footer ========================*/
#copyright{ padding-top: 0; }
.footer-menu{ margin-top: 0; }
.footer-menu > li { line-height: 24px; }
#copyright .copyright-right{ width: 57%; }
#copyright .copyright-left{ width: 43%; }
/*body:not(.home) #copyright{ padding-top: 0;background: #0888F7;color:#FFF; }
body:not(.home) .footer-menu > li { line-height: 24px;border-color:#FFF; }
body:not(.home) #footer a:link, body:not(.home) #footer a, body:not(.home) #footer a:visited, body:not(.home) #footer a:active{ color:#FFF !important; }*/

/*====================== Responsive Style fixes ===================*/
@media screen and (max-width: 800px) {
    .row-fluid>.search-social-container[class*="span"]{
        clear: both !important;
    }
}

@media screen and (max-width: 430px) {
    .header_container #header.type3 #main_navigation .logo-container{ text-align: center !important;float:none;height: auto;overflow: visible;margin: 0 auto;width:100%; }
    .header_container #header.type3 #main_navigation .logo-container #logo{ float:none !important;height: auto !important; }
    .header_container #header.type3 #main_navigation .logo-container #logo img { height: 80px; }
    .header_container #header.type3 #main_navigation .logo-container h3{ display: block;font-size: 15px; }
}