/*
 Theme Name:   Quantum Technologies Theme
 Theme URI:    http://www.qtww.com/
 Description:  Quantum Fuel Systems
 Author:       Misija Web
 Author URI:   http://www.misijaweb.com
 Template:     twentyfifteen
 Version:      1.0.1
 Text Domain:  twenty-fifteen-child
*/
.careers-block {padding:0 50px}
.careers-block a{color:#00b5e2}
.careers-block a:hover{color:#ef9d2f}
.inputs {padding-bottom:10px}
#header .navbar-nav>li>a {
    font-weight: 900;
}
.productInfo {padding:0 0 15px;}
#header .navbar-nav > li.menu-item-has-children ul {
	z-index: 5;
}

#header .navbar-nav > li.sub:hover ul ul,
#header .navbar-nav > li.menu-item-has-children:hover ul ul,
#header .navbar-nav > li.menu-item-has-children ul ul {
	display: none;
}

#header .navbar-nav > li.menu-item-has-children ul > li:hover > ul {
	display: block;
}


/****************************
	Search results
*****************************/

.search-results .page-header > .page-title,
.search-results .pagination > .screen-reader-text {
	font-weight: 300;
}

.search-results .pagination  {
	display: block;
	border-top: 1px solid #eee;
}

.page-numbers {
	display: inline-block;
	padding: 10px;
	margin: 0 2px 0 0;
	line-height: 1;
	text-decoration: none;
	border-color: #00b5e2;
}

.page-numbers.current,
a.page-numbers:hover {
	border-bottom: 1px solid #00b5e2;
}

.search-results-item {
	margin-bottom: 20px;
}

.search-results .icon {
}

.search-results .information {
}

.search-results .information > h3 {
	font-weight: 300;
	margin: 0px;
}

.search-results .information > h3 > a {
	color: #00b5e2;
}

.search-results .information > p{
	font-size: 14px;
    	font-weight: 400;
    	color: #555;
    	margin: 0px;
}


/****************************
	HEADER SEARCH
*****************************/

.header-search-wrapper {
    	position: absolute;
    	height: 0px;
    	width: 100%;
    	left: 0;
    	visibility: hidden;
    	z-index: 3;
    	opacity: 0;
	-webkit-transition: opacity .4s .0s, height .4s .0s, visibility .0s .4s;
    	-moz-transition: opacity .4s .0s, height .4s .0s, visibility .0s .4s;
    	transition: opacity .4s .0s, height .4s .0s, visibility .0s .4s;
}

.header-search-wrapper .search-form {
    	width: 100%;
    	height: 100%;
}

.header-search-wrapper .search-form input {
    	width: 100%;
    	height: 100%;
    	border-radius: 0;
    	border: none;
    	background: #fff;
    	opacity: .95;
    	padding: 0 5%;
   	 box-shadow: inset 0 1px 0 #e2e3df, 0 3px 6px rgba(0,0,0,.05);
    	-webkit-appearance: none;
    	-moz-appearance: none;
    	-ms-appearance: none;
    	-o-appearance: none;
    	appearance: none;
    	font-size: 1.5em;
    	font-weight: 300;
    	outline: none;
	color: #00b5e2;
}

.header-search-wrapper.is-visible {
	visibility: visible;
	opacity: 1;
	height: 50px;
	-webkit-transition: opacity .4s .1s, height .4s .1s, visibility .0s .0s;
    	-moz-transition: opacity .4s .1s, height .4s .1s, visibility .0s .0s;
    	transition: opacity .4s .1s, height .4s .1s, visibility .0s .0s;
}

#header .search-trigger.search-trigger-mobile {
	padding: 9px 12px;
}

.search-trigger.search-trigger-mobile > .icon {
	font-size:16.5px;
	color: #00b5e2;
}

.search-trigger-menu-wrapper {
	text-align: center;
	float: right;
    	line-height: 80px;
	margin-left: 32px;
}

.search-trigger-menu {
	padding: 7px 14px;
	border: 1px solid #ddd;
	font-size: 14px;
	cursor: pointer;
	text-transform: none;
}

.search-trigger-menu:hover {
	color: #00b5e2;
}

@media only screen and (min-width: 1136px)
{
	.header-search-wrapper.is-visible {
    		height: 80px;
	}

	.header-search-wrapper .search-form input {
    		padding: 0 2em;
    		font-size: 2em;
	}
}
/****************************
	changes for responsive
*****************************/

.qd-reliability h4 {margin: 15px 0 15px 0;}
.psc #menu-footer-navigation-3 {display:none}
@media (max-width:1136px) {


}
.for-mobile {display:none}
@media (max-width:767px) {
    .for-mobile {
        display: inline;
        text-align: center;
        background-color: #34373a;
    }
    .homepageCarousel .i img {
        height: auto;
        width: 100%;
    }
	.footCompany {display:none}
	.psc #menu-footer-navigation-3 {display:inline}
	#the-quantum-warranty .img-responsive {margin:0 auto;}
	.homepageCarousel .owl-controls {display: none;}
    #most-comprehensive-service {background-image: url() !important}
    .section-whyQuantum {background-image: url() !important;background-color: #34373a;}
	.section-home header .title {font-size: 32px;font-size: 3.2rem;letter-spacing: -1px;}
	.section-home {
		padding: 40px 0 40px 0;

	}
}
/****************************
	Home page video
*****************************/
.video-marquee {
                position: relative;
            }

            .video-content {
                display: table;
                width: 100%;
                min-height: 100vh;
                z-index: 1;
                position: relative;
            }

            .video-content .inner {
                display: table-cell;
                vertical-align: middle;
                text-align: center;
                padding-left: 16px;
                padding-right: 16px;
            }

            .video-content .inner h1 {
                color: white;
                text-shadow: 0px 1px 3px rgba(0,0,0,0.5);
				padding-bottom:15px;
            }
.video-background-controls button {
				font-size: 32px;
				display: inline-block;
				padding: 0px;
				margin: 0px;
				height: 32px;
				width: 32px;
				border-radius: 16px;
				line-height: 32px;
				border: none;
				background: none;
				-webkit-appearance: none;
				color: white;
				filter: drop-shadow(0px 0px 1px black);
				cursor: pointer;
				opacity: 1;
				transition: all 250ms ease-in-out;
				margin-left: 10px;
			}

			.video-background-controls button:hover {
				opacity: 0.5;
			}