/*
Theme Name: APEX Bharat Produtc India
Theme URI: https://wordpress.org/themes/APEX Bharat/
Author: the WordPress team
Author URI: https://wordpress.org/
Description: APEX Bharat Produtc India is a modernized take on an ever-popular WordPress layout — the horizontal masthead with an optional right sidebar that works perfectly for blogs and websites. It has custom color options with beautiful default color schemes, a harmonious fluid grid using a mobile-first approach, and impeccable polish in every detail. APEX Bharat Produtc India will make your WordPress look beautiful everywhere.
Version: 1.1
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Tags: black, blue, gray, red, white, yellow, dark, light, one-column, two-columns, right-sidebar, fixed-layout, responsive-layout, accessibility-ready, custom-background, custom-colors, custom-header, custom-menu, editor-style, featured-images, flexible-header, microformats, post-formats, rtl-language-support, sticky-post, threaded-comments, translation-ready
Text Domain: APEX Bharat

This theme, like WordPress, is licensed under the GPL.
Use it to make something cool, have fun, and share what you've learned with others.
*/


/**
 * Table of Contents
 *
 * 1.0 - Normalize
 * 2.0 - Genericons
 * 3.0 - Typography
 * 4.0 - Elements
 * 5.0 - Forms
 * 6.0 - Navigation
 *   6.1 - Links
 *   6.2 - Menus
 * 7.0 - Accessibility
 * 8.0 - Alignments
 * 9.0 - Clearings
 * 10.0 - Widgets
 * 11.0 - Content
 *    11.1 - Header
 *    11.2 - Posts and pages
 *    11.3 - Post Formats
 *    11.4 - Comments
 *    11.5 - Sidebar
 *    11.6 - Footer
 * 12.0 - Media
 *    12.1 - Captions
 *    12.2 - Galleries
 * 13.0 - Multisite
 * 14.0 - Media Queries
 *    14.1 - >= 710px
 *    14.2 - >= 783px
 *    14.3 - >= 910px
 *    14.4 - >= 985px
 *    14.5 - >= 1200px
 * 15.0 - Print
 */


/**
 * 1.0 - Normalize
 *
 * Normalizing styles have been helped along thanks to the fine work of
 * Nicolas Gallagher and Jonathan Neal http://necolas.github.com/normalize.css/
 */

body,html{ margin:0px; padding:0px; font-size:14px; font-family: 'Roboto', sans-serif; color:#2D2D2D;overflow-x: hidden;}
.nopadding{ padding:0px;}
.whitebox{ padding:40px 0;}
.whitebox h2{ font-size:35px; font-weight:100; color:#0055a3; padding:0px 0px 20px 0; margin:0px;}
.whitebox h5{ font-size:22px; font-weight:300; color:#0055a3; padding:0px 0px 20px 0; margin:0px; text-transform:none;}
.whitebox h4{ font-size:22px; font-weight:300; color:#0055a3; padding:15px 0; margin:0px; text-transform:none; border-top:1px solid; border-bottom:1px solid;}
p {margin: 0 0 10px;line-height: 25px;}
.graybox{  padding:60px 0;}
.graybox h2{ font-size:35px; font-weight:100; color:#0055a3; padding:0px 0px 20px 0; margin:0px; font-family: 'Roboto', sans-serif;}
.graybox h4{font-size:16px; font-weight:bold; color:#a5a5a5; padding: 0px 0px 20px 0;}
.graybox-2{padding:60px 0; background:#F5F5F5;}
.graybox-2 h2{ font-size:35px; font-weight:100; color:#0055a3; padding:0px 0px 20px 0; margin:0px; font-family: 'Roboto', sans-serif;}
.graybox-2 h4{font-size:16px; font-weight:bold; color:#a5a5a5; padding: 0px 0px 20px 0;}

.btn-default-3 {color:#FFFFFF;background-color: none;border-color: #FFFFFF;font-weight: 900;}

.progray{padding:60px 0; background:#03F;}
.progray p{margin-top:10px; color:#000; font-size:14px;}

.bluebox{padding:60px 0; background:#4d7fbf;}

.image,a{-webkit-transition: all .2s ease-in-out;-moz-transition: all .2s ease-in-out;-o-transition: all .2s ease-in-out;-ms-transition: all .2s ease-in-out;}
.transition {-webkit-transform: scale(1.2); -moz-transform: scale(1.2);-o-transform: scale(1.2);transform: scale(1.2);}

.socicon, .icon {font-family: 'socicon' !important;}
.socicon:hover, .icon:hover{ text-decoration:none;}

html, html a {}
ul, ul li{ list-style:none; margin:0px; padding:0px;}

.btn-2 {display: inline-block;padding: 11px 26px;margin-bottom: 0;font-size: 14px;font-weight: 400;line-height: 1.42857143;text-align: center;white-space: nowrap;vertical-align: middle;cursor: pointer;-webkit-user-select: none;-moz-user-select: none;-ms-user-select: none;user-select: none;background-image: none;border: 2px solid transparent;border-radius: 4px;}
.btn-default-2 {color: #FFF;background-color:none;border-color:#FFF; font-weight:900;}

.img-container{position:relative;}
.rtw:before{ content: ''; position: absolute; top: 0; right: 0; border-top: 50px solid white; border-left: 50px solid rgba(0,0,0,0); width: 0; z-index:99;}
.rbw:before{content: ''; position: absolute; bottom: 0; right: 0; border-bottom: 50px solid white; border-left: 50px solid rgba(0,0,0,0); width: 0; z-index:99;}
.ltw:before{content: ''; position: absolute; top: 0; left: 0; border-top: 50px solid white; border-right: 50px solid rgba(0,0,0,0); width: 0; z-index:99;}
.lbw:before{content: ''; position: absolute; bottom: 0; left: 0; border-bottom: 50px solid white; border-right: 50px solid rgba(0,0,0,0); width: 0; z-index:99;}

.rtg:before{ content: ''; position: absolute; top: 0; right: 0; border-top: 50px solid #fff; border-left: 50px solid rgba(0,0,0,0); width: 0; z-index:99;}
.rbg:before{content: ''; position: absolute; bottom: 0; right: 0; border-bottom: 50px solid #fff; border-left: 50px solid rgba(0,0,0,0); width: 0; z-index:99;}
.ltg:before{content: ''; position: absolute; top: 0; left: 0; border-top: 50px solid #fff; border-right: 50px solid rgba(0,0,0,0); width: 0; z-index:99;}
.lbg:before{content: ''; position: absolute; bottom: 0; left: 0; border-bottom: 50px solid #fff; border-right: 50px solid rgba(0,0,0,0); width: 0; z-index:99;}



.img-container .imgcaption{ position:absolute; bottom:0px; background:rgba(0,85,163,0.7); padding:25px; width:100%; text-transform:uppercase; font-weight:600; color:#fff; font-size:19px;}
.img-container img{ width:100%; height:auto;}



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

a{-webkit-transition:0.2s all ease-in;-moz-transition:0.2s all ease-in;-ms-transition:0.2s all ease-in;-o-transition:0.2s all ease-in;transition:0.2s all ease-in;}
a:hover{color:#0055a3;text-decoration:none;}


.mt10{margin-top:10px;}
.mt20{margin-top:20px;}
.mt30{margin-top:30px;}


address{margin:0px;}


/*--header----------------------------*/

header{position:absolute;left:0px; top:0px; right:0px;padding:20px 0; z-index:9999;}
header .container{ position:relative;}
.navbar-brand{ min-height:10px; height:auto; padding:0px; }
.searchbox{ background:none;-webkit-border-radius: 0px;-moz-border-radius: 0px;border-radius: 0px; border:1px solid #fff; color:#fff;}
.navbar-form .btn{ position:absolute; right:0px; top:0px; background:none; color:#fff; padding:4px 10px;}
.nav{ margin-right:0px !important; margin-top:15px;}
.nav>li>a{ padding:12px 15px;}
.navbar-nav>li>a{ text-transform:uppercase; font-size:13px; font-weight:600; color:#fff; padding:3px 10px;border:2px solid transparent}
.navbar-nav>li>a:hover{ background:none; text-decoration:none; color:#fff;border:2px solid transparent;}
.navbar-nav>li.current-menu-item>a{ color:#FF7500; }
.navbar-form{padding:0px 0 0 15px; position:relative;}


.navbar-toggle .icon-bar{ background:#fff;}
.navbar-toggle{ margin-right:0px;}

.form-control{-webkit-border-radius: 0px;-moz-border-radius: 0px;border-radius: 0px; }


/*--Middle section----------------------------*/

.hero{ background:#0055a3 ;overflow:hidden; position:relative; background-size:100% auto; min-height:600px;}
.hero .bannerimg{ position:absolute; top:0px; width:100%; height:100%;-webkit-transition:0.2s all liner;-moz-transition:0.2s all liner;-ms-transition:0.2s all liner;-o-transition:0.2s all liner;transition:0.2s all liner;}
.hero .container{ position:relative; z-index:99;}
.hero .bannertxt{ position:absolute; bottom:60px; z-index:9999;}
.hero .bannertxt h1{ color:#fff;font-weight:bold; font-size:35px; margin-top:0px; }
.hero .bannertxt h2{ color:#fff;font-weight:300; font-size:15px; margin-top:0px; }
.hero .bannertxt a{ color:#fff; font-weight:700; font-size:18px; text-decoration:underline;}
.hero .bannertxt .media-object{ margin-right:10px; border:2px solid #fff; margin-top:5px;}


.herocut{ position:absolute; bottom:-20px; right:0px; z-index:9999;}
.news{ padding:15px 0 0 0;}
.news h5{font-size:20px; font-weight:900; text-transform:uppercase; color:#0055a3; text-decoration:underline; display:inline-block; margin:0;}


.newsticker { display:inline-block; padding:0px 0;}
.newsticker div{ background:#fff; font-size:20px; font-weight:300;}
.owl-controls{ display:none !important;}
.newsarrow{ position:absolute; right:0px; top:11px; z-index:999}
.newsarrow a{ color:#CCC;}
.newsarrow a:hover{ color:#0055a3;}

.founding{ text-align:center; font-size:16px; color:#FFF;}
.founding strong{ color:#fff;}
.founding img{ margin:0 auto 30px auto;}

.heater-ul{position:relative;}
.heater-ul h3{margin-top:0px !important; padding: 0px 0 15px 0 !important;}
.heater-ul ol{padding:0px 0px 0px 27px ;}
.heater-ul ol li{line-height:30px;}


.leftnav{ background:#fff; margin-right:30px;-webkit-border-radius:8px 8px 0 8px;-moz-border-radius:8px 8px 0 8px;border-radius:8px 8px 0 8px; overflow:hidden;}
.leftnav ul,.leftnav ul li{ margin:0px; padding:0px; list-style:none;}
.leftnav ul li{ border-bottom:1px solid #e2e3e2;}
.leftnav ul li:last-child{ border:0px;}
.leftnav li a{ font-size:13px; display:block; padding:8px 20px;}
.leftnav li a:hover, .leftnav li.active a{ background:#f4ae1a; color:#fff; text-decoration:none;}

.pageheading{ padding:20px 20px;}
.pageheading h1{ font-size:22px; color:#fff;text-shadow: 0px 0px 4px rgba(0, 0, 0, 0.7);}

.content{background:#fff;-webkit-border-radius:8px 0px 8px 0px;-moz-border-radius:8px 0px 8px 0px;border-radius:8px 0px 8px 0px; padding:0px;}
.content h1{ font-size:24px; font-weight:bold; color:#004896; margin-bottom:15px; margin-top:0px;}
.content h2{ font-size:15px; font-weight:bold; color:#000; margin-bottom:10px;border-bottom:1px solid #e3e3e3; padding-bottom:5px;}
.content h3{ font-size:16px; font-weight:bold; color:#000; margin-bottom:10px;border-bottom:1px solid #e3e3e3; padding-bottom:5px;}
.content p{ font-size:12px; line-height:18px; text-align:justify;}
.content p strong{ color:#000;}
.content ul,.content ul li{ margin:0px 0 0 0; padding:0px; line-height: 20px;}
.content ul { margin-bottom:15px; margin-left:15px;}

.content .panel-heading{ padding:10px 13px; background-size: 100% auto;webkit-border-radius: 0px;-moz-border-radius: 0px;border-radius: 0px;}
.content .panel-heading h3{ font-size:14px; font-weight:900; border:0px; padding:0px; margin:0px;}
.content .panel-body{ padding:10px 13px;}

.content .banner{ height:250px; background:#CCC; margin-bottom:20px; overflow:hidden;}


.wwddata{}
.wwddata h2{ padding-left:30px;}

.wwdlinks{}
.wwdlinks li{ font-size:14px; font-size:16px; font-weight:600;}
.wwdlinks li a{ padding:8px 30px; display:block; display:block; color:#a5a5a5; border-bottom:1px solid #fff;}
.wwdlinks li a:hover{border-bottom:1px solid #0055a3; text-decoration:none; color:#0055a3;}
.wwdlinks li a.active{border-bottom:1px solid #0055a3; text-decoration:none; color:#0055a3;}

.testimonial{ padding-bottom:0px;}
.testimonial .usersay{}
.testimonial .usersay strong{font-weight:900; font-size:14px; color:#2a6496;}
.testimonial img{ margin-bottom:15px;}
.testimonial .usersay{color:#ebebeb; padding:0px;-webkit-border-radius: 5px;-moz-border-radius: 5px;border-radius: 5px;}
.testimonial .usersay p{ font-size:14px; color:#535353; line-height:20px;}
.testimonial .usersay p strong{font-family: 'Roboto', sans-serif;font-style:normal; font-weight:900;font-size:12px;}
.testimonial .pull-left{ margin-right:20px;}
.testimonial .owl-theme .owl-controls{ position:relative;}
.testimonial .owl-theme .owl-buttons { display:none;}
.testimonial span{ font-size:14px; color:#959292; display:block; }
.testimonial ul{margin:0px; padding:0px;}
.testimonial ul li{margin:0px; padding:0px;}

.service{}
.service p{color:#FFF; font-size:35px; font-weight:800; line-height:42px;}
.certifacte{float:right;}
.frame{text-align:center;}

/*--Footer section----------------------------*/

footer{ background:#000;padding:60px 0 60px 0;font-weight:800; font-size:13px; color:#fff; background-attachment:fixed; position:relative; overflow:hidden;}
footer .footerimg{ position:absolute; left:0px; top:0px; width:100%; height:100%;}
footer .container{ position:relative;}
.fsearch{ margin-bottom:30px;}
.fsearch .btn{ position:absolute; right:15px; top:0px; background:none; color:#fff; padding:4px 10px;}
ul{ list-style:none; margin:0px; padding:0px;}
ul li{ list-style:none;}
.flogo{ width:90%; display:block;}
footer a{ color:#fff; display:block; padding-bottom:10px;}
footer a:hover{ text-decoration:underline; color:#fff;}
.flinks{}
.copyrigh{font-size:10px; font-weight:300; float:right;}


.footercut{ position:absolute; left:0px; top:-65px;}
.address{line-height:30px;}


.social{float:right;}
.social ul{position:relative; margin-bottom:0px; padding:0px;}
.social ul li{display:inline-block; padding: 0px 0px 0px 5px;}
.social ul li a{ font-size:23px; color:#fff; text-transform:lowercase; padding: 0px 0px 0px 12px;}
.social ul li a span{vertical-align: middle; display: inline-block; }



/*---------Innerpages-----------------*/

.inhero{ background:#0055a3 ;overflow:hidden; position:relative; background-size:100% auto;}
.inhero .bannerimg{ position:absolute; top:0px; width:100%; height:100%;}
.inhero .container{ position:relative; z-index:99;}
.inhero .pageheading{ padding:180px 0 30px 0;}
.inhero .pageheading h1{ color:#fff;font-weight:300; font-size:35px; text-transform:uppercase; margin-bottom:0px;}



.breadcrumb{ padding:10px 0 30px 0; background:none; margin:0px;color:#fff;}
.breadcrumb a{color:#fff;}
.breadcrumb>.active{ color:#F9FF00;}



.produkerbox{}
.produkerbox .produkerlogo{ background:url(images/cut.png) no-repeat right top; padding:30px 40px 0 0; position:absolute; left:0px; bottom:0px;}
.produkerbox .produkerlogo img{ max-width:180px;}
.produkerbox .produkerdata{ padding:20px 0;}
.produkerbox .produkerdata img{ max-width:200px; margin-bottom:20px;}



hr{ display:block; width:100%;}


.rgbox{ background:#f4f4f4; position:relative;}
.rgbox .data{ padding:30px;}
.rgbox .data h3{ padding:0px 0 15px 0; margin:0px; color:#aebc21; font-size:18px;}
.rgbox .data .links li{ border-top:1px solid #eee;}
.rgbox .data .links li a{ display:block; padding:10px 0;}
.rgbox hr{ border-top:1px solid #fff !important; opacity:1;}

.map{ background:#999; min-height:200px; margin:0px; padding:0px; line-height:0px;}

.btn-blue{ background:none; border:2px solid #0055a3; color:#0055a3; font-weight:900;-webkit-border-radius: 0px;-moz-border-radius: 0px;border-radius: 0px;}
.btn-blue:hover{background:#0055a3; color:#fff;border:2px solid #0055a3;}

address span{ margin-right:5px;}
.content .img-container{ margin-bottom:30px;}
.client-img{text-align:center;}


.newsbox{ border-bottom:1px solid #eee; padding-bottom:30px; margin-bottom:30px;}
.newsbox .newsdate{ font-size:11px; color:#CCC; margin-bottom:10px; display:block;}
.newsbox h3 { font-weight:300; padding:0px 0 5px 0; margin:0px; color:#0055a3;}
.newsbox .newsby{ font-size:11px; margin-bottom:20px; display:block;}
.newsbox .newsby a{color:#aebc21;}
.newsbox .img-container{ position:relative; margin-bottom:0px;}

.advnctage{}
.advnctage ul{padding:0px 0 0 15px;}
.advnctage ul li{list-style:square; line-height:25px;}
.advnctage h3{font-weight: 400;padding: 0px 0 5px 0;margin: 0px;color: #0055a3;font-size: 20px;}
.newsfullbox{}
.newsfullbox .newsdate{ font-size:12px; color:#CCC; margin-bottom:10px; display:inline-block; margin-right:10px;}
.newsfullbox h3 {font-weight:500; padding:0px 0 5px 0; margin:0px; color:#0055a3; font-size:16px; margin-top:20px; text-transform:uppercase;}
.newsfullbox .newsby{ font-size:12px; margin-bottom:20px; display:inline-block;}
.newsfullbox .newsby a{color:#aebc21;}
.newsfullbox .img-container{ position:relative; margin-bottom:10px;}

.teamlist{}
.teamlist h4{ font-size:14px; color:#aebc21; font-weight:900;}
.teamlist .pull-left{ position:relative; margin-right:20px;}
.teamlist .media-object{ width:80px; height:auto;}
.teamlist .media{ position:relative; border-bottom:1px solid #f4f4f4; padding:10px 20px 10px 0;}
.teamlist .media p{ font-size:13px;}


.hero .bannertxt, .herocut ,.vhfgroup .fadeit,.vhfgroup .img-container,.wwd .img-container,.wwd .wwddata,.shortabout .fadeit,.pageheading,.rgbox,.content, hr{opacity:1 !important}
.animated{ opacity:1}


/* responsive media queries */

@media only screen and (max-width: 1024px) {
.nav>li>a{ padding:12px 15px;}
.navbar-nav>li>a{ text-transform:uppercase; font-size:12px; font-weight:900; color:#fff; padding:4px 8px;border:2px solid transparent}
}

@media only screen and (min-width: 768px) and (max-width: 959px) {

.navbar-form{ margin-top:0px; padding:0px;}
.hero{ height:450px;}
.container{ padding:0 15px;}
.wwd{ padding:40px 60px;}
.wwddata{}
.wwddata h2{ padding:20px 0px 20px 0px;}
.wwdlinks li a{ padding:8px 0px}
header .nav{width: 100%;margin: 20px 0 0 -15px;float: left !important;}
.navbar-toggle{display:none;}
.navbar-form{ margin-top:0px; padding:0px;}
.collapse { display: none !important;}
.navbar-toggle{display:block !important;}
.navbar-header {float: none;}
.navbar-toggle {display: block;}
.navbar-collapse {border-top: 1px solid transparent;box-shadow: inset 0 1px 0 rgba(255,255,255,0.1);}
.navbar-collapse.collapse {display: none!important;}
.service p{line-height:30px; font-size:22px;}
}


@media only screen and (max-width: 767px) {
.container{ padding:0 15px;}
.wwd{ padding:40px 45px;}
.hero{ height:450px;}
.navbar-toggle{ margin-top:5px; padding:0px 5px 0 10px;}
.navbar-brand{margin-left:15px;}
.whitebox h2{ font-size:25px;}
.graybox h2{ font-size:25px;}
.wwddata h2{ padding:20px 0px 20px 0px;}
.wwdlinks li a{ padding:8px 0px}
.newsbox .img-container { margin-bottom:20px;}
.hero .bannertxt h2{ color:#fff;font-weight:100; font-size:25px;}
.hero .bannertxt a{ font-size:14px;}
.service p{line-height:30px; font-size:22px;}
}
@media only screen and (max-width: 640px) {
.inhero .pageheading {padding:150px 0 0px 0;}	
.certifacte{float:left;}
.social{float:left;}
.copyrigh{float:left;}
.newsarrow{top:0px !important; right: -70px;}
.hero .bannertxt{bottom:17px;}
.service p{line-height:30px; font-size:22px;}
}
@media only screen and (max-width: 480px) {

.herocut{ width:70%; bottom:-10px;}
.herocut img{ width:100%; height:auto;}
.hero .bannertxt h2{ color:#fff;font-weight:100; font-size:20px; width:85%;}
.hero .bannertxt a{ font-size:14px;}
.navbar-brand{ width:250px;margin-left:15px;}
.img-container .imgcaption{ font-size:12px; padding:20px;}
.certifacte{float:left;}
.social{float:left;}
.copyrigh{float:left;}
.hero .bannertxt h1{font-size:26px;}
.whitebox h2{font-weight:200;}
.certifacte{float:left;}
.social{float:left;}
.copyrigh{float:left;}
.news h5{font-size:14px;}
.newsticker div{font-size:16px;}
.inhero .pageheading {padding:91px 0 0px 0;}
.newsarrow{top:0px !important; right: -45px;}
.hero .bannertxt{bottom:17px;}
.service p{line-height:30px; font-size:22px;}
}

@media only screen and (max-width: 414px) {
.inhero .pageheading {padding: 66px 0 0px 0;}
}

@media only screen and (max-width: 375px) {
.inhero .pageheading {padding: 66px 0 0px 0;}
}

@media only screen and (max-width: 320px) {

.navbar-brand{ width:240px;margin-left:15px;}
.hero .bannertxt h2{ color:#fff;font-weight:100;width:80%;}
.hero .bannertxt a{ }
.hero .bannertxt .media-object{ width:35%; margin-right:10px; border:2px solid #fff; margin-top:5px; display:block; margin-bottom:10px;}
.hero .bannertxt .pull-left{ display:block; float:none !important;}
.hero .bannertxt h1{font-size:26px;}
.newsarrow{ position:absolute; right:0px; top:0px; z-index:999}
.certifacte{float:left;}
.social{float:left;}
.copyrigh{float:left; font-size:12px;}
.news h5{font-size:14px;}
.newsticker div{font-size:16px;}
.newsarrow{top:0px !important; right: -45px;}
.hero .bannertxt{top:105px !important;}
.service p{line-height:30px; font-size:22px;}

}
.breadcrumb li:last-child{ color:#f9ff00 !important;}