/*
Theme Name:     Spectro Oils (lambda-child)
Description:    Child theme for the Lambda WP Theme
Author:         Oxygenna
Author URI:     http://themeforest.net/user/oxygenna
Template:       lambda
Version:        1.0
*/

@keyframes bounce {
	0%, 20%, 60%, 100% {
		-webkit-transform: translateY(0);
		transform: translateY(0);
	}

	40% {
		-webkit-transform: translateY(-20px);
		transform: translateY(-20px);
	}

	80% {
		-webkit-transform: translateY(-10px);
		transform: translateY(-10px);
	}
}

#particles-js {width:100%; height:100vh; position:absolute;}

h2, h3, h4, h5, h6 {font-family:Lato, sans-serif!important;}
.no-trans-text, .no-trans-text h3 a {text-transform:none!important;}

.yellow-rule {background-color:#ffdd00; height:5px;}
.blue-rule {background-color:#0055a4; height:5px;}
.white-rule {background-color:#fff; height:5px;}

.btn.btn-default {    padding: 15px 40px;    border: 4px solid #ccc;}
.btn.btn-default:hover {background-color:#ffdd00!important; color:#0055a4!important;}

#masthead {box-shadow:none!important;}
.transparent-header #masthead:not(.navbar-scrolled) {box-shadow:none!important;}
#masthead.navbar-scrolled {
		min-height: 70px;
		background-color: rgba(0,0,0,.8);
		    box-shadow: 0 1px 5px #000!important;
	}

.logo-navbar .nav > li > a {padding-bottom:20px!important;}
.navbar-brand {max-width:180px;}
.navbar-stuck {
    position: fixed;
    z-index: 1100;
}
.menu-container .fa-home {font-size:20px; margin-bottom:-2px; color:#fff;}

.panel {box-shadow:none;}

.main-navbar .social-icons a {
	height: 44px!important;
    width: 50px!important;
    display: inline-block;
    line-height: 39px!important;
    margin-top: -15px;
    border-radius: 32%;
    border: 2px solid #fff;
	
	}
	
.slide-left {transform: translate(200px, 0);}	
.slide-right {transform: translate(-200px, 0);}	
	
#parallaxText .layer1, #parallaxText .layer2, #parallaxText .layer3 {
    position: absolute;
    font-size: 50px;
    line-height: 50px;
    margin-left: -150px;
    margin-top: -25px;
    width: 300px;
    top: 50%;
    left: 50%;
    text-align: center;
    color: #133f71;
}	
	
.nav-container .widget_social a {background-color:#0055a5!important;}	
.nav-container .widget_social a:hover {background-color:#ffde00!important;}
	

/* FORMS */

.contact-form {margin:0;}
.contact-form label {font-size:11px;}
.contact-form .col-sm-12 {margin-top:15px;}
.contact-form input[type="text"], .contact-form input[type="email"], .contact-form input[type="tel"], .contact-form input[type="number"], .contact-form textarea {width:100%; border:1px solid #ddd!important; background-color:transparent!important; padding:5px!important;}
.contact-form textarea {height:100px;}
.contact-form input[type="submit"] {width:100%; padding: 15px 40px;    border: 4px solid #ccc;}
.contact-form input[type="submit"]:hover {background-color:#ffdd00!important; color:#0055a4!important;}
.contact-form.dealer-form > div {margin-bottom:15px;}
.contact-form.dealer-form input {margin-bottom:10px;}}

.wpcf7-response-output.wpcf7-validation-errors, .wpcf7-response-output.wpcf7-mail-sent-ok[role="alert"] {
    display: inline-block;
    background: #fff!important;
    float: right;
    padding: 10px;
    margin: 15px;	
	color:#038ec5!important;
	    position: absolute;
		text-align:center;
    width: 100%;
    bottom: 0;
    left: 0;
}
[role="alert"] {
	color: #fff!important;
    background: #cc0000!important;
    padding: 0 10px;
}
.wpcf7-mail-sent-ok[role="alert"] {text-align:center; font-size:16px; padding:15px; background-color:#ffdd00!important; color:#0055a4!important; clear:both;}
.wpcf7 img.ajax-loader {padding:13px; float:right;}	
.wpcf7-response-output.wpcf7-validation-errors {position:absolute;bottom:0; right:0;}
	
.inputfile {
    width: 0.1px;
    height: 0.1px;
    opacity: 0;
    overflow: hidden;
    position: absolute;
    z-index: -1;
}	
	
/* SUBPAGES GLOBAL */

.section-pagebanner {min-height:250px;}	
body.category h1 {padding-top:150px;}
body.category .background-overlay, body.single .background-overlay, .section-pagebanner .background-overlay {border-bottom:5px solid #ffdd00;}
/*body.category #content > section:nth-of-type(2), body.single #content > section:nth-of-type(2), .page-template-default #content > article:nth-of-type(1), .page-template-template-calendar-php #content > section:nth-of-type(2) {border-top:5px solid #0055a4;}
.page-template-default #content > article:nth-of-type(1) {padding-top:30px;}*/

.page-template-default #content > article:nth-of-type(1) {padding-top:30px; padding-bottom:30px;}

.prod-subtitle {clear:both; background:#f3f3f3; color:#666; padding:10px 20px; font-size:14px; text-align:center;}

/* HOMEPAGE */

.spectro-logo-50 {max-width:200px;}

.hero-title > div {width:50%!important;float:left;}
.section-hero {min-height:650px; background-color:#000;}
.section-hero video {opacity:.3;
position: absolute;
  bottom: 50%; 
  right: 50%;

  min-width: 100%; 
  min-height: 100%; 
  width: auto; 
  height: auto;
  z-index: -1000; 
  overflow: hidden;

}
.section-hero .background-media.touch-interface {background-image: url('/wp-content/uploads/2011/07/oil-banner.jpg')!important; background-repeat:no-repeat; background-size:cover; background-attachment:scroll; background-position: 50% 50%;}
.section-hero .background-overlay.touch-interface {background-color: rgba(0,0,0,.8)!important;}

.dealer-panel {display:none; border:4px solid #fff;}
.dealer-panel .panel-become h3, .dealer-panel .panel-become .fa {color:#fff!important;}
.dealer-panel .panel-find, .dealer-panel .panel-find .fa {color:#0055a5;}
.dealer-panel .col-md-6 {padding:0;}
.panel-find:hover .panel-body {cursor:pointer; background-color:#fff000!important;}
.panel-become:hover .panel-body {cursor:pointer; background-color:#00386d!important;}
.dealer-panel .panel-body:hover .fa {animation:bounce 1s;}

.section-bike {overflow:visible; height:0;}
.section-bike .panel {background:url('/wp-content/uploads/2011/07/oil-banner.jpg'); background-size: 100%;    background-position-y: 50%;}
.section-bike h3 b {font-size:40px;}
.section-bike h3 {text-transform:uppercase!important;}
.sil-bike {
	top:-160px;
	position:absolute;
	width:150px;
}
.sil-product {position:absolute;}
.sil-sx4 {
	    top: 60px;
    width: 205px;
    z-index: 2;
    position: absolute;
    left: 43%;
}
.sil-sx2 {
	top: 66px;
    width: 185px;
    z-index: 1;
    position: absolute;
    left: 24%;
}
.sil-heavy {
	top: 81px;
    width: 177px;
    z-index: 1;
    position: absolute;
    left: 68%;
}
.sil-filter-oil {
	top: 84px;
    width: 180px;
    position: absolute;
    left: 10%;
}
.sil-moto-wash {
	top:104px;
	width:150px;
	position:absolute;
	    left: 86%;
}
.section-home-products {min-height:350px;}
.section-home-products .lead {font-size:19px;}

.section-snow {overflow:visible; margin-top:208px; border-top: 4px solid #0055a5;}
.section-snow.section-atv {border-top: 4px solid #442300;}
.section-snow h3 b {font-size:35px; font-weight:900;}
.section-snow h3 {font-size:20px;  text-transform:uppercase!important;}
.sil-snow1 {
	width:150px;
	top:120px;
}
.sil-snow2 {
	width:180px;
	top:110px;
}
.sil-snow3 {
	width:200px;
	top:100px;
	z-index:1;
}
.sil-snowmobile {
	top:100px;
}
.sil-atv {
	top:170px;	
}
.section-hide {display:none;}

.logos-shell {display:table; width:100%; margin:30px 0;}
.logos-shell .logo-block {display:table-cell; vertical-align:middle; padding:10px;}

.post-grid .post-grid-content-footer, .post-grid .post-grid-content > p  {display:none;}
.deet-loca, .deet-date {display:block;}
.deet-date {font-weight:bold;}
.deet-img {display:block; padding:10px; min-height:250px;}
.deet-img img {max-height:230px;}

footer {border-top:4px solid #ffde00;}
.subfooter .sidebar-widget {display:block;}

/* PRODUCT PAGE */

.section-products {text-align:center;}

.prod-section > .container {margin-bottom:20px;}
body.single h1.cat-title {}
.prod-shell {    
	padding:10px;
	width: 25%;
    text-align: center;
    min-height: 230px;
	margin: 0 auto;
    display: inline-block;
	vertical-align:top;
}
.prod-img-shell {
	background-color: #0055a4;
    border-radius: 50%;
    overflow: hidden;
    width: 150px;
    height: 150px;
    position: relative;
    margin: 0 auto 10px;
    border: 4px solid #fff;
    box-shadow: 0 3px 0 #ccc;
}
.prod-img-shell:hover, .prod-img-shell.hovered  {background-color:#ffde00; cursor:pointer;} 
.prod-img-shell img {position:absolute; bottom:-30px; left:20%;}
.prod-link-shell {min-height:2em;}
.prod-link-shell a {line-height:1.3em!important; display:block; font-weight:bold;}

.prod-cat-section h3 {margin-top:10px!important; margin-bottom:30px;}
.prod-cat-section .figure {width:200px; height:200px;}
.prod-cat-section .prod-shell {width:33.3333333333%;}
.prod-cat-section .figure-image {overflow:visible;}
.prod-cat-section .prod-img-shell {width:200px; height:200px; background-color: #0055a4;}
.prod-cat-section .prod-img-shell img {bottom:initial; top:6px; left:0;}
.prod-cat-section .prod-img-shell:hover, .prod-cat-section .prod-img-shell.hovered {background-color:#ffde00; cursor:pointer;} 

h2.cufon {margin-bottom:30px;}
.prod-image {text-align:center;}
.sidebar-dealer-shell div {padding:15px; text-align:center; font-weight:bold; font-size:16px; margin-bottom:10px; text-transform:uppercase;}
.sidebar-dealer-shell .locate {background-color: #ffde00;}
.sidebar-dealer-shell .become {background-color: #0055a5;color:#fff;}
.sidebar-dealer-shell .become a {}
.sidebar-dealer-shell .locate .fa { color:#0055a5; display:block;}
.sidebar-dealer-shell .become .fa { color:#fff;display:block;}
.sidebar-dealer-shell .fa {font-size:30px;}

.sidebar-dealer-shell .locate:hover {background-color:#fff000;}
.sidebar-dealer-shell .become:hover {background-color:#00386d;}
.sidebar-dealer-shell .locate:hover .fa, .sidebar-dealer-shell .become:hover .fa{animation:bounce 1s;}

.more-cat-block {background-color:#eee;padding:30px 0;}
.spec-sheet-pdf {margin-right:15px;}

/* Tiny Carousel */
#slider1 {
    height: 1%;
    margin: 30px 0 0;
    overflow: hidden;
    position: relative;
    padding: 0 50px 10px;
}

#slider1 .viewport {
    height: 220px;
    overflow: hidden;
    position: relative;
}

#slider1 .buttons {
    background: #ccc;
    border-radius: 35px;
    display: block;
    position: absolute;
    top: 36%;
    left: 0;
    width: 35px;
    height: 35px;
    color: #fff;
    font-weight: bold;
    text-align: center;
    line-height: 35px;
    text-decoration: none;
    font-size: 22px;
}

#slider1 .next {
    right: 0;
    left: auto;
    top: 36%;
}

#slider1 .buttons:hover {
    color: #C01313;
    background: #fff;
}

#slider1 .disable {
    visibility: hidden;
}

#slider1 .overview {
    list-style: none;
    position: absolute;
    padding: 0;
    margin: 0;
    width: 240px;
    left: 0;
    top: 0;
}

#slider1 .overview li {
    float: left;
    margin: 0 20px 0 0;
    padding: 25px 10px;
    height: 220px;
    background-color: #fff;
    width: 220px;
    text-align: center;
    box-sizing: border-box;
 }

/* SUBPAGES */

.section-pagebanner h1 {padding-top:150px;}

.calendar-bg {background-image: url('/wp-content/uploads/2011/07/oil-banner.jpg'); background-repeat:no-repeat; background-size:cover; background-attachment:scroll; background-position: 50% 50%;}

.about-50logo {max-width:200px;}

.map-section {margin-bottom:-30px;}

.tech-section .list-group {font-size:16px; border-radius:0;}
.tech-section .list-group .fa {margin-right:10px; color:#ccc;}
.tech-section a.list-group-item, button.list-group-item {color:rgb(0, 85, 165);}

.category-automotive #content > section .prod-shell {width:50%;}
.automotive-img {background:url('/wp-content/uploads/2016/04/automotive-car.jpg') no-repeat; width:1000px; height:300px; clear:both; margin:0 auto; border: 4px solid #fff;    box-shadow: 0 1px 3px #444;}

.event-spacer-top {height:30px;}

/* PROD IMAGE ICON POSITION FIXES */

.prod-img-shell img[alt="DIESELGUARD_15w40"] {left:37px;}
.category-86 .prod-img-shell img[alt="premium"] {left:37px;}
.prod-img-shell img[alt="gearGuard"] {left:0;}
.prod-img-shell img[alt="motorguard-2x"] {left:40px;}

/* DEALER LOCATOR */

.txt-dealers {float:left;     color: #2495ff;    font-style: italic;}
.select-wrap {width:auto;} 
.btn-international {float:right; margin-bottom:20px!important;}
#wpsl-search-btn { background:#0055a4; color:#fff;}
#wpsl-search-btn:hover {background-color:#ffdd00!important; color:#0055a4!important;}

.nav-tabs {width:20%; float:left; border-bottom:0;  }
.tab-content {width:80%; float:right; padding:10px 30px;}
div .tab-content {
	border:1px solid #ddd;
	min-height:541px;
	}
.nav-tabs>li {margin-right:-1px; width:100%;}	
.nav-tabs>li>a {margin-right:-1px;}

.nav-tabs > li.active > a, .nav-tabs > li.active > a:hover, .nav-tabs > li.active a:focus {
	border:1px solid #ddd!important;
	border-right:1px solid #fff!important;
}
.nav-tabs > li > a:hover {background-color:#ddd!important;border-right:1px solid #ddd!important;}

.id-row h2 {width:200px; height:200px; line-height:200px; border:1px solid #ddd;}
#inter-dist img {max-height:70px; width:auto;}

/* DISTRIBUTOR FORM */

.panel-group .panel-default .panel-heading {background:#ddd!important;}
.panel-group .panel-default .panel-heading a, .panel-group .panel-default .panel-heading a:hover {color:#0055a5!important;}
.panel-group .panel {background:#fff!important;}

/* SEARCH */

.search-results h2 {font-size:25px!important;}
.search-results p {font-size:12px;}

/* PRESS */

.page-id-183 h3 {font-weight:500!important;}
.page-id-183 .post-list-image {width:auto;}


/* RESPONSIVE */

@media (min-width: 992px) {
	#masthead.navbar-scrolled .logo-navbar .navbar-nav > li > a {padding-bottom:23px!important;}
}



@media (max-width: 992px) {
	.sticky-wrapper {position:absolute;}
	.nav-tabs {width:100%;}
	.nav-tabs>li {margin-right:-1px; width:50%;}	
	.tab-content {width:100%;}
	div .tab-content {min-height:initial;}
	.navbar-header .navbar-brand {height:70px;}
	.navbar-header .navbar-toggle {margin:30px;}
	body #masthead.navbar {min-height:auto;}
	#masthead .navbar-brand {margin-top:4px!important;}
	body .go-top {display:block!important;}
	
	.section-pagebanner h1 {padding-top:100px;}
	.section-pagebanner {min-height:auto;}
	
	.nav-tabs > li.active > a, .nav-tabs > li.active > a:hover, .nav-tabs > li.active a:focus {border:0!important;}
	
	.hero-title > div h1 {font-size:40px;}
	.spectro-logo-50 {width:30%; margin-bottom:20px!important; min-width:200px;}
	.dealer-panel > div {width:50%; float:left;}
	
	.section-hero .background-media {background-image: url('/wp-content/uploads/2011/07/oil-banner.jpg')!important; background-repeat:no-repeat; background-size:cover; background-attachment:scroll; background-position: 50% 50%;}
	.section-hero .background-overlay {background-color: rgba(0,0,0,.8)!important;}
	.section-hero video {display:none;}
	
	.home-prod-images {min-height:340px;}
	.sil-sx4 {left:38%;}
	.sil-heavy {left:56%;}
	.sil-moto-wash {left:70%;}
	.sil-filter-oil {left:13%;}
	.sil-bike {top:60px;}
	.sil-snow1 {left: 249px;z-index: -1;}
	.sil-snow2 {left:140px;}
	
	.deet-img img {width:auto;}
	
	.prod-image img {max-height:250px; width:auto; margin-bottom:30px;}
	.sidebar-dealer-shell {margin-top:40px;}
	footer {margin-top:-24px;}
	
	body.transparent-header .navbar-collapse {background:rgba(0,0,0,.8)!important;}
	body .navbar-sticky .navbar-collapse {max-height:none;}
	body .menu-sidebar {padding-top:10px;}
	
	.automotive-img {width:100%;}
	
	.logos-shell {
		display:block;
		text-align:center;
	}
	.logos-shell .logo-block {
		max-width: 100px;
    padding: 10px;
		display:inline-block;
	}
}
@media (max-width: 767px) {
	footer .sidebar-header {margin-top:40px;}		
	footer .col-sm-3:first-child .sidebar-header {margin-top:0;}
	.home-prod-images {margin-left:-50px;}
	.section-bike .panel-body h3 {width:70%; float:right;}	
	.section-bike h3 b {display:block;}
	.section-bike .panel-body {height:208px;}
	.prod-shell {width:33.3333333%;}
}
@media (max-width:700px) {
	.txt-dealers {width: 50%;    margin-top: 0!important;}	
}
@media (max-width: 600px) {
	.dealer-panel {width:80%; margin:0 auto;}
	.dealer-panel > div {width:100%; float:none;}	
	.hero-title > div {width:100%!important;}
	.hero-title > div h1 {text-align:center!important;}
	.row.dealer-panel .fa {font-size:30px!important;}
	.row.dealer-panel h3 {margin-top:10px!important;}

	.home-prod-images {margin-left:-85px; margin-top:-50px;}
	.sil-snowmobile {top:232px;}
	.sil-snow1 {left: 181px; width: 113px;    top: 145px;}
	.sil-snow2 {left: 103px; width: 133px;    top: 139px;}
	.sil-snow3 {width: 150px;    top: 129px;}
	.section-bike h3 {width:100%;}
	
	.prod-shell {width:50%;}
	
	.txt-dealers {width: 100%; text-align:center;}
	.btn-international {width:100%;}
}
@media (max-width: 450px) {
	.section-bike .panel-body h3 {width:100%; float:right;}	
	.sil-bike {
		top: 158px;
		right: calc(50% - 50px);
		width: 100px;
		}
	.prod-shell {width:100%;}
	.sil-atv {
		width:200px;
		top:370px;
	}
	.atv-text {margin-top:170px!important;}
	.section-atv .background-media {background-size:cover!important;}
}