/*
* Theme Name: Tyger
* File name: layout.css
* Theme URL: tyger.mordorthemes.com
* Description: Tyger - Beautiful onepage template
* Author: Mordorthemes
* Author URL: http://www.mordorthemes.com
* Support: support@mordorthemes.com
* Version: 1.0
*/

/*------------------------------------------------------

CSS TABLE OF CONTENTS: 

1. PRELOAD
2. GENERIC STYLES
3. TYPOGRAPHY
4. HEADER
5. NAVIGATION
6. MAIN SLIDER
7. TITLE SECTIONS
8. COUNTER
9. TEAM
10. SOCIAL LINKS
11. PARALLAX
12. SERVICES
13. PORTFOLIO
14. PRICING TABLES
15. LINK BUTTONS
16. PROJECT DETAIL
17. LINK BOX
18. FORM ELEMENTS
19. ACCORDION
20. TABS
21. BLOG
22. VIDEO BACKGROUND
23. MEDIA QUERIES

---------------------------------------------------------*/
/****************OVERRIDE FOUNDATION**********/

.orbit-bullets-container {

    display: none;
}

.row {
  max-width: 75.000rem!important;
}

.marge {
 margin-bottom: 30px;
}

/* ==============================================
Preload
=============================================== */
.mask {
	background-color: #FFF;
	width: 100%;
	height: 100%;
	position: fixed;
	z-index: 100000;
}


.sm-font {
	font-size: 12px;
}

#loader {
	background: url(../img/ajax-loader.gif) center center no-repeat;
	height: 20px;
	width: 20px;
	left: 50%;
	top: 50%;
	position: absolute;
	z-index: 100001;
	margin: -10px 0 0 -10px;
}

#homepage-hero {
	/*padding: 50px 0px 0px 0px;*/
	/*margin-top: 50px;*/
	/*margin: auto;*/
	/*max-width: 2000px;*/
	/*background-color: #d83f20;*/
	/*display: inline;*/
	/*position: relative;*/
	/*top: -16px;*/
}
.homepage-hero {
	padding: 50px 0px 0px 0px;

}
.image-hero {
    margin-top: 50px;
}

#page-prod-orange {
  	background: url(../img/model/slingshot-sl-le.jpg);
  	text-align: left;
  	position: relative;
  	padding: 80px 20px 150px 20px;
 	background-size: 100% , 100%;
 	background-repeat: no-repeat;
 	margin-top: 50px;
  	max-height: 460px;
}


/* ==============================================
Generic Styles
=============================================== */

.price-mx {
   font-size: 18px !important;
       margin-top: -20px !important;
    margin-bottom: 25px !important;
}
.link {
	color: #000;
}
.link:hover {
	color: #dd0000;
}

.home-vehicle {
    border-right: 1px solid #4D4D4D;
    padding-right: 24px;
    padding-left: 24px;
}

.up {
  margin-top: -15px;
}

section.white {
	background:  #ffffff;
	color: #000000;
	position:relative;
	z-index:10;
	padding: 10px 0;

}

.whitedev {
	padding: 1px 0;
}
.contactdev {
	background: url(../img/black_lozenge.png) #212121;
	width: 100%;
	text-align: center;
	padding-bottom: 15px;
} 
.linedev {
	color: #fff;
}
.linedev{
    font-size: 35px;
    font-weight: bold;
}
.linedev:before, .linedev:after {
    border-top: 2px solid #4D4D4D;
    content: '';
    display: table-cell;
    position: relative;
    top: 28px;
    width: 50%;
}


.dark {
	background: url(../img/black_lozenge.png) #212121;
	padding: 5px 0px;
	position:relative;
	display: block;
	width: 100%;
}
.dark-x {
    background-color: #000;
    padding:34px 0 5px 0px;
	position:relative;
	display: block;
	width: 100%;
}
.dark.contact {
	display: inline-block;
	/*display: -moz-inline-box;*/
	margin-top: -2px;
}
section.grey {
	background: #4D4D4D;
	padding-bottom: 10px;
}

section.greylight {
	background:  #B9B9B9;
	position:relative;
	margin-bottom: 2px;
	padding-bottom: 20px;
	
}
section.greylight.slider {
	z-index:8;
} 

section.whitebis {
	background: #ffffff;
	color: #333;
	z-index:8;
} 
section.orange {
	background: #D83F21;
	height: 40px;
    margin-top: -6px;	
}
.padding-bottom {
	padding-bottom: 20px;
}

.slingshot-logo-banner img {
  position: relative;
  top: -14px;
  max-width: 99px;
  max-height: 82px;
}
.logo-bottom {
  top: 5px!important;
}


.slingshot-logo-banner {
  margin-bottom: 10px;
}

.banner  {
margin-top: 60px;
}

.text-center2 {
  text-align: center !important;
  line-height: 2.2 !important;
}

section#slider-banner {
	height: 400px;
	padding: 0px;
}

footer {
	clear: both;
	background:#fff ;
	
	color: #212121;
}

section#service-detail{
	padding:0px;
}


.logo {
 	padding: 0px !important;
 	z-index: 0;
}

/* ==============================================
Typography
=============================================== */
body {}

p {
	color: #000000;
	font-size: 0.9rem;
}

h1, h2, h3, h4, h5, h6 {
	font-family: 'slingshot-italic', 'Helvetica Neue', Helvetica, Arial, sans-serif;
	/*font-weight: 700;*/
	font-style: italic;
}

h1.logo a:link, h1.logo a:visited   {
	bottom: 4px;
    color: #fff;
    font-size: 1.6rem;
    font-weight: 900;
    letter-spacing: -1px;
    padding: 0 0 2px;
    position: relative;
    text-transform: uppercase;
}

.icon-big {
	font-size: 50px;
	color: #D83F21;
}

.subtitle, .subtitle.white, .subtitle-detail.white, .subtitle-detail {
	/*margin-bottom: 15px;*/
}
 .subtitle.white h2, .subtitle-detail.white h2, .subtitle-detail h2 {
	color: #fff;
	font-weight: 900;
	font-family: "arial", serif;
}

.subtitle h2, .subtitle.white h2, .white.subtitle-detail h2, .subtitle-detail.white h2 {
	font-weight: 900;
}
.subtitle.white p, .white.subtitle-detail p, .subtitle.white cite, .white.subtitle-detail cite, .subtitle-detail.white p, .subtitle-detail.white cite {
	color: #fff;
}
.subtitle.white p, .white.subtitle-detail p, .subtitle-detail.white p {
	font-size: 1.2rem;
}

.subtitle-detail {
	margin-bottom: 0px !important;
}

.color {
	color: #D83F21;
}
.red,
.white {
	color: #fff;
}
.bold{
	font-weight:bold;
}

.black{
	color: #000000;
}

/* ==============================================
Header
=============================================== */
header {
	position: absolute;
	/*top: 0;*/
	left: 0;
	width: 100%;
	background-color: #4D4D4D;
	color: #fff;
	z-index: 9980;
	-webkit-transition: background-color 0.3s;
	-moz-transition: background-color 0.3s;
	transition: background-color 0.3s;
	height: 51px;

	padding: 0!important;
	
}

header.shrink {
	background-color: #4D4D4D;
	border-bottom: 1px solid transparent;
}

.text-header {
  	top: 64px;
 	position: absolute;
}

/* ==============================================
Main Slider
=============================================== */
#main-slider {
	width: 100%;
	padding: 0px;
	overflow: hidden;
	background: #212121;
}

#slider .owl-buttons i {
	font-size: 46px;
	color: #fff;
}

.slider-caption.slider-caption-center {
	left: 0;
	margin: 0 auto;
	max-width: 800px;
	position: relative;
	text-align: center;
	color: #fff !important;
	top: 50%;
	transform: translateY(-50%);
}

.slider-caption h2 {
	font-family: "Montserrat", serif;
	font-size: 3.2rem;
	color: #fff;
	letter-spacing: -3px;
	font-weight: bold;
}

.slider-caption p {
	color: #fff;
	font-size: 1.2rem;
	border-top: 1px solid;
	border-color:rgba(255,255,255,0.6);
	padding-top: 15px;
	margin-bottom: 30px;
}

a.slider-link:link, a.slider-link:visited {
	background: #D83F21;
	color: #fff;
	padding: 5px;
	border-radius: 1px;
}

a.slider-link:hover {
	background: #cf2e2e;
}

.not-animated {
	opacity: 0 !important;
}

.parallax-background {
	background-position: center center;
	background-repeat: repeat-y;
	background-size: cover !important;
	overflow: hidden;
	position: relative;
	width: 100%;
}

.slider-cont.parallax-background {
	background-repeat: no-repeat !important;
	background-size: cover !important;
	padding: 0;
}

.overlay {
	background-image: url("../img/overlay-pattern.png") !important;
	background-repeat: repeat;
	height: 100%;
	left: 0;
	position: absolute;
	top: 0;
	width: 100%;
	opacity: 0.7;
}

.bg1 {
	background: url(../img/slider/homepage-promo.jpg);
}

.bg2 {
	background: url(../img/slider/bg2.jpg);
}

.bg3 {
	background: url(../img/slider/placeholder3.jpg);
}

.testimonial {
	background: url(../img/slider/placeholder_parallax.jpg) rgba(0,0,0,0);
}
#main-slider .owl-theme .owl-controls{
	margin-top: 10px;
	text-align: center;
	position:absolute;
	bottom:100px;
	width:100%;
	z-index:9977;
}
#main-slider .owl-pagination{}

/* ==============================================
Title section
=============================================== */
.title-section {
	height: 100%;
	text-align: center;
	margin-bottom: 90px;
	position: relative;
}

.title-section i {
	color: #d9d9d9;
	opacity: 0.8;
	z-index: 10;
	font-size: 90px;
	position: absolute;
	top: 50%;
	transform: translate(-50%, -50%);
	display: none;
}

.title-section h3 {
	color: #D83F21;
	font-family: "Montserrat", serif;
	border-right: 1px solid #eceaea;
	font-weight: 700;
	position: relative;
	top: 50%;
	z-index: 20;
	font-size: 50px;
	letter-spacing: -3px;
	transform: translateY(-50%);
}

.section-desc {
	position: relative;
	top: 50%;
	transform: translateY(-50%);
}
.section-desc h4 {
	
}
.section-desc p {
	margin-bottom: 0px;
	font-size:1rem;
}

.box, .subtitle, .subtitle.white, .subtitle-detail.white, .subtitle-detail, .about-box, .counter, .number, .team-box, .feature-box {
	text-align: center;
	position: relative;
}

.about-box {

}
.about-box p {
	margin-bottom: 0px;
	padding: 0px 10px;
}

/* ==============================================
Counter
=============================================== */
.counter, .number {
	font-size: 3rem;
}

.counter-box {
	border-right: 1px solid #585858;
}

.counter-box:last-child {
	border: none;
}

.number {
	color: #D83F21;
	font-weight: 900;
	font-size: 1.6rem;
	line-height: 2.2rem;
	font-family: "Montserrat", serif;
}

.number-detail {
	float: left;
	width: 100%;
}

.counter h2 {
	font-weight: 700;
	text-transform: uppercase;
	font-size: 1.2rem;
	color: #717171;
}

.icon-counter {
	color: #fff;
	font-size: 46px;
	margin-bottom: -10px;
}

.counter h3 {
	font-size: 1.3rem;
	line-height: 1rem;
	color: #fff;
}


/* ==============================================
Experience 
=============================================== */
/*.owl-buttons {
  display: block!important;
}

.owl-buttons  {
  	background-color: #D83F21 !important;
  	height: 83px;
	width: 40px;
  }


  .owl-buttons  {
	border-radius: 0 80px 80px 0px;
}
.owl-buttons {
	border-radius: 80px 0 0 80px;
}
.owl-buttons .owl-next {
  margin-left: 0px;

}
.owl-buttons .owl-prev {
  margin-left: 0px;
}
*/

/*.owl-buttons .owl-prev, .owl-buttons .owl-next {
  border: inset 10px;
  display: block;
  height: 0;
  margin-top: -10px;
  position: absolute;
  top: 50%;
  width: 0;
}*/


/* ==============================================
Orbit OVERRIDE FOUNDATION
=============================================== */
.orbit-next, .orbit-prev {
  display: block!important;
}

.orbit-timer {
	display:none;
}
.orbit-container .orbit-prev, .orbit-container .orbit-next {
  	background-color: #D83F21 !important;
  	height: 83px;
	width: 40px;
  	z-index: 10;
}
.orbit-container .orbit-prev {
	border-radius: 0 80px 80px 0px;
}
.orbit-container .orbit-next {
	border-radius: 80px 0 0 80px;
}
.orbit-container .orbit-next > span {
  margin-left: 0px;
}
.orbit-container .orbit-prev > span {
  margin-left: 0px;
}

.slider-wrap {
	margin:auto;
	max-width: 660px;
}
.button.active {
	border: 1px solid #fff;
  	background-color: #fff;
  	color: #4D4D4D;
}
.button:hover {
  	color: #fff;
}

.button {
  font-weight:700!important;
  text-transform: uppercase;
  font-family: Arial,Helvetica,sans-serif;
}
.button.small, .button.small {
  padding: 0.5rem 1.1rem 0.5rem 1.1rem;
  font-size: 0.8125rem;
}

.orbit-container {
   /*overflow: visible; */
}

.item {
   margin-bottom: 0px;
}
/* ==============================================
Team
=============================================== */
section#team {

}
#team-slider{
	margin-bottom:50px;
}


/* ==============================================
Social Links
=============================================== */
ul.social-links {
	list-style: none;
	margin: 15px 0px;
}
ul.social-links li {
	display: inline-block;
	border-right: 1px solid #585858;
	height: 25px;
	text-align: center;
}
ul.social-links li:last-child {
	border-right: none;
}
ul.social-links li a:link, ul.social-links li a:visited {
	color: #D83F1F;
}
ul.social-links i {
	font-size: 20px;
}


/* ==============================================
Parallax
=============================================== */
.parallax {
	position: relative;
	padding: 90px 0px 50px 0px;
	background-attachment: fixed !important;
	background-repeat: no-repeat;
}

.para1 {
	background: url(../img/para1.jpg);
}

#clients-slider {}

#clients-slider img {}


/* ==============================================
features
=============================================== */

.features-head {
	font-size: 20px;
	font-weight: bold;
	font-style: normal;
}
.feature-beyond{
  	position: absolute;
  	top: -62px;
 	right: 10px;
}
.beyond-feature-head{
	font-size: 36px;
	line-height: 36px;
}
.beyond-feature-title{
	font-size: 24px;
	color: #fff;
	font-weight: normal;
	font-style: normal;
}
ul.white,
ul.black {
  margin-left: 40px;
}

/* ==============================================
Services
=============================================== */
#services {
	overflow: visible;
}

section#services {
	margin-top: 90px;
}

div.service .cbp-item-wrapper {
	overflow: hidden;
	position: relative;
	width:100%;
	border: 1px solid #eceaea;
	text-align: center;
	padding: 10px 40px;
	color:#fff;
}

@media screen and (max-width: 600px) {
.service {
	width: 50%;
}
#homepage-hero {
 	/*padding: 51px 0px 0px 0px;*/
}
.homepage-hero {
 	padding: 51px 0px 0px 0px;
}

h1 {
	font-size:24px;
}
h1.line {
  font-size: 30px!important;
}
.whitebis {
  	padding: 0 10px;
}

	}
@media screen and (max-width: 320px) {
.service {
	width: 100%;
	top: 0;
	left: 0;
	color: #222;
}
	}

.service-icon, #services .service-description span {
	position: relative !important;
}

.service i {
	position: relative;
	bottom: -10px;
	color: #212121;
	font-size: 42px;
}

.service h5 {
	font-weight: bold;
}

#services .service .service-description {
	top: 100%;
	padding: 50px;
}

#services .service .service-description:hover {
	cursor: pointer;
}
.service-title{
}
.service-title h2{
	margin-bottom:-10px;
}

.feature-box {
}

.feature-box i {
	color: #fff;
	font-size: 36px;
}

.feature-box p {
	color: #fff;
	margin-bottom: 0px;
}

.feature-box h5 {

	color: #fff;
	font-weight: bold;
}

.service-content i {
	font-size: 56px;
	color: #fff;
}

/* List on detail service */
ul.list {
	margin: 0px;
}

ul.list li {
	list-style-type: none;
	padding: 3px 0px;
}

ul.list li:before {
	content: "\e251";
	font-family: 'Tyger';
	margin-right: 10px;
}


/* ==============================================
Portfolio
=============================================== */
section#works {
	padding-bottom: 0;
}

section#detail {
	padding: 80px 0px;
}
.th-detail {
	left: 0;
    margin: 0 auto;
    opacity: 0;
    right: 0;
    top: 50px;
	width:100%;
	text-align:center;
    transition: all 0.3s ease 0s;
}
.cbp-caption-activeWrap:hover .th-detail {
    margin-top: 200px;
    opacity: 1;
    top: 50% !important;
}
.cbp-l-grid-projects-title{
	font-family:'Montserrat', sans-serif;
	color:#fff;
	font-size:1.4rem;
	padding:10px 0px;
	margin-bottom:10px;
}
.cbp-l-caption-buttonLeft, .cbp-l-caption-buttonRight{
	text-transform:uppercase;
	-moz-border-radius:2px;
	-webkit-border-radius:2px;
	border-radius:2px;
}
.cbp-l-filters-alignRight .cbp-filter-item, .cbp-l-filters-alignCenter .cbp-filter-item{
	background:#eceaea;
	padding:5px 10px;
	margin:50px 5px 25px 5px;
	-moz-border-radius:2px;
	-webkit-border-radius:2px;
	border-radius:2px;
}
.filters-container{
	
}
.cbp-l-filters-alignRight .cbp-filter-item-active, .cbp-l-filters-alignCenter .cbp-filter-item-active {
	color:#fff !important;
}
.cbp-l-filters-alignRight .cbp-filter-item:hover .cbp-filter-counter, .cbp-l-filters-alignCenter .cbp-filter-item:hover .cbp-filter-counter{
	bottom:	40px;
}
.cbp-l-inline{
	background:#fff;
	padding:30px;
	
}
.cbp-l-inline h4{
	margin-bottom:-3px;
}

.cbp-l-grid-slider-team-social a{
	color:#ccc;
	position:relative;
	top:10px;
}
.cbp-popup-singlePage-counter{
	color:#fff;
	font-family:'Montserrat', sans-serif;
}
.cbp-popup-singlePage .cbp-popup-content{
	margin-top:80px;
}
.cbp-popup-singlePageInline .cbp-popup-content{
	
	margin-top:0px;
}
.cbp-l-inline{
	margin-bottom:30px;
}


/* ==============================================
Pricing Table
=============================================== */
.pricing-table{
	border-color:rgba(255, 255, 255, 0.4);
	margin-bottom:40px;
}

.pricing-table .title{
	padding:1.8rem 1.25rem;
	font-size:1.6rem
}
.pricing-table .button{
	-moz-border-radius:2px;
	-weblit-border-radius:2px;
	border-radius:2px;
}


/* ==============================================
Link Buttons
=============================================== */
a.link-btn {
	color: white;
	display: inline-block;
	font-size: 1rem;
	font-weight: 700;
	outline: medium none;
	overflow: hidden;
	position: relative;
	text-decoration: none;
	text-transform: uppercase;
	z-index: 1;
  	padding: 3px 15px;
  	min-width: 225px;
  	text-align: center;
  	margin-bottom: 15px;
}
a.link-btn.dealer-btn{
  	width: 100%;
  	position: initial;
  	text-align: inherit;
}
a.orbit-btn {
  	min-width:150px;
  	margin: 5px 0;
  	padding: 5px 5px;
  	z-index: inherit;
  	position: initial;
  	background: #D83F21;
  	text-align: center;
  	display: inline-block;
  	color: #fff;
  	font-size: 12px;
}
a.link-btn.nm{
	margin:0px;
}
a.link-btn span {
	background: none repeat scroll 0 0 #D83F21;
	color: white;
	display: block;
	padding: 5px 10px;
	transition: transform 0.3s ease 0s;
}

a.link-btn.big {
	top: 15px;
	margin: 0px 30px;
	font-weight: 700;
}

a.link-btn.big span, a.link-btn.big:before {
	font-size: 0.8rem;
	padding: 15px 20px;
}

a.link-btn:before {
	background: none repeat scroll 0 0 #cf2e2e;
	content: attr(data-hover);
	height: 100%;
	left: 0;
	padding: 5px 10px;
	position: absolute;
	top: 0;
	transition: transform 0.3s ease 0s;
	width: 100%;
	z-index: -1;
}

a.link-btn:hover span, a.link-btn:focus span {
	transform: translateX(100%);
	z-index: 2;
}

a.link-btn:hover:before, a.link-btn:focus:before {
	transform: translateX(0%);
}


/* ==============================================
Project Detail
=============================================== */
ul.project-detail {
	margin-left: 0px;
}

ul.project-detail li {
	list-style-type: none;
	padding: 8px 0px;
	border-bottom: 1px solid #eceaea;
}

ul.project-detail li strong {
	margin-right: 5px;
}

ul.project-detail li:last-child {
	border-bottom: none;
}

ul.project-detail li i {
	margin-right: 5px;
	color: #333;
}
ul.project-detail li a:link, ul.project-detail li a:visited{
	color:#333;
}


/* ==============================================
Link-box
=============================================== */
.link-box {
	text-align: center;
	border-right: 1px solid #f1f1f1;
}

.link-box :last-child {
	border: none;
}

.link-box i {
	font-size: 30px;
	line-height: 40px;
	display: inline-block;
}

.link-box a {
	display: block;
}

div.about {
	padding: 0px 20px;
}
div.about p {
	font-size: 12px;
	margin-bottom: 0px;
	font-family:'Montserrat', sans-serif;
}


/* ==============================================
Form Elements
=============================================== */
section#contacts {
	padding-bottom: 0px;
	margin-bottom: 100px;
}

#contactform, #subscribe {
	margin: 30px 0px;
}

.comment-form {
	margin-bottom: 20px;
	padding-bottom: 50px;
	overflow: hidden;
}

label {
	display: block;
	margin-bottom: 10px;
	font-size: 14px;
	color: #333;
}

input[type=text] {
	width: 100%;
	background: none;
	height: 45px;
	line-height: 45px;
	padding: 0 20px;
	margin-bottom: 20px;
	border: 1px solid #d9d9d9;
	color: #666;
	font-weight: 300;
	box-shadow: none;
}

input[type=submit]:before {
	content: "\f003";
	font-family: 'FontAwesome';
}

input[type=submit] {
	width: auto;
	cursor: pointer;
	border: 2px solid #d9d9d9;
	color: #ffffff;
	float: left;
	background: #D83F21;
	
}

input[type=submit]:hover {
	background: #fff;
	color: #666;
}

textarea {
	width: 100%;
	height: 160px;
	padding: 20px;
	background: none;
	border: 1px solid #d9d9d9;
	color: #333;
	margin-bottom: 20px;
	overflow: auto;
	box-shadow: none;
}

input[type=text], textarea {
	box-sizing: border-box;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
}

#msg {
	float: left;
	margin-left: 10px;
}

.submit-button {
	color: #333;
	border: 2px solid #d9d9d9;
	font-size: 14px;
	background: none;
	text-decoration: none;
	text-transform: uppercase;
	padding: 6px;
	cursor: pointer;
	outline: 0;
	margin: 0 0 16px 0;
	-webkit-appearance: none;
	text-shadow: none;
}

input[type=text].required, textarea.required {
	border: 1px solid #fff;
}

#message {
	padding: 15px;
	text-align: center;
	color: red;
	margin: 25px 0px -25px 0px;
}

img.loader {
	margin-left: 10px;
}

button#submit {
	color: #fff;
	padding: 10px;
	font-weight: bold;
	margin-bottom: 100px;
	-moz-border-radius:2px;
	-weblit-border-radius:2px;
	border-radius:2px;
}

button#submit i {
	margin-right: 10px;
}

#success_page {
	padding-bottom: 20px;
	margin: 50px 0px;
}

h1.success-message {
	font-size: 24px;
	font-weight: 300;
	line-height: 1.4rem;
}

section#map.dark {
	padding-bottom: 0px;
}

#google-map {
	position: relative;
	width: 100%;
	z-index: 200;
}

#map_canvas {
	height: 500px;
	position: relative;
	width: 100%;
	z-index: 200;
}


/* ==============================================
Accordions
=============================================== */
.accordion {
	margin-bottom: 0;
	margin-left:0px;
}
.accordion :before, .accordion :after {
	content: " ";
	display: table;
}
.accordion :after {
	clear: both;
}
.accordion .accordion-navigation, .accordion li {
	display: block;
	margin-bottom: 0 !important;
}
.accordion .accordion-navigation.active > a, .accordion li.active > a {
	background: none !important;
	color: #D83F21;
}
.accordion .accordion-navigation > a, .accordion li > a {
	font-size: 1rem;
	border: 1px solid #ccc;
	font-weight: 700;
	margin: 10px 0 0 0;
	padding: 5px 15px;
	cursor: pointer;
	color: #222;
	font-family: 'Montserrat', sans-serif;
	text-transform: uppercase;
	background: none !important;
}
.accordion .accordion-navigation > a:hover, .accordion li > a:hover {
	background: none !important;
}
.accordion .accordion-navigation > .content, .accordion li > .content {
	display: none;
	border: 1px solid #ccc;
	border-top: none;
	padding: 15px;
}
.accordion .accordion-navigation > .content.active, .accordion li > .content.active {
	background: none repeat scroll 0 0 white;
	display: block;
}
.accordion .content p {
	margin-bottom: 0px;
}


/* ==============================================
Tabs
=============================================== */
.tabs-container .tabs-content {
	position: relative;
	transition: height .5s;
	margin: 3rem 0 0 0;
}

.tabs-container .tabs-content .content {
	width: 100%;
	display: block;
	opacity: 0;
	pointer-events: none;
	position: absolute;
	top: 0;
	transform: translate3d(0, 20px, 0);
	transition: opacity .8s, transform .5s;
}

.tabs-container .tabs-content .content.active {
	opacity: 1;
	pointer-events: auto;
	transform: translate3d(0, 0, 0);
}

ul.service-tab {
	margin-top: -20px;
}

ul.service-tab li {
	display: inline;
	list-style-type: none;
	text-align: center;
	padding: 0;
	border-right: 1px solid #585858;
}

ul.service-tab li:last-child {
	border-right: none;
}

ul.service-tab li a:link, ul.service-tab li a:visited {
	text-align: center;
	color: #333;
	display: inline-block;
}

ul.service-tab li a:link:last-child {
	border-right: none;
}

ul.service-tab li a i {
	font-size: 42px;
	display: block;
	color: #fff;
	margin-bottom: -15px;
}

ul.service-tab li a h5 {
	text-transform: uppercase;
	color: #fff;
	font-size: 1.2rem;
	display: inline-block;
	margin-bottom: 0px;
}

ul.service-tab li.active a h5, ul.service-tab li.active a i {
	color: #D83F21;
}

.tabs-content {
	margin: 4rem 0;
}

.main-service {
	text-align: center;
	padding: 0px 25px;
}

.main-service i {
	font-size: 38px;
	line-height: 80px;
	color: #fff;
	margin-bottom: -40px;
	display: inline-block;
	text-align: center;
	position: relative;
	z-index: 1;
}


.main-service h3 {
	letter-spacing: -1px;
	font-size: 1.4rem;
	color: #fff;
}

.main-service p {
	color: #fff;
}

/* ==============================================
Blog
=============================================== */

/* Blog Preview */
section#blog-preview {
	background: #212121;
	padding: 50px 0px;
}

section#blog-preview .title-section h2 {

}

.blog-item-preview {
	text-align: center;
}

.blog-item-preview h5 {
	margin: 15px 0px;
	font-size: 25px;
	font-weight: 600;
}

.blog-item-preview .link_btn {
	min-width: 120px;
	font-size: 12px;
	height: 40px;
	line-height: 38px;
}

section#blog {
	padding-top: 80px;
}

.blog-header_detail {
	background: url(../img/blog/placeholder_big.jpg) no-repeat center center;
	min-height: 500px;
	padding-top: 300px;
	position:relative;
}

.blog-header {
	background: url(../img/blog/placeholder_big.jpg) no-repeat center center;
	min-height: 500px;
	padding-top: 300px;
	position:relative;
}

div.post {
	padding: 80px 0px 160px 0px;
	border-bottom: 1px solid #eceaea;
}

div.post h2 {
	font-weight: 700;
	margin-bottom: 10px;
}

div.post a.link-btn {
	margin-left: 0px;
}

div.post p {
	margin-top: 20px;
}

div.post:nth-child(1) {
	padding-top: 0px;
}

div.tags {
	padding: 5px 0px;
	margin: 10px 0px;
}

ul.tags {
	margin: 10px 0px 20px 0px;
}

ul.tags li {
	margin: 0px 5px;
	display: inline;
	list-style-type: none;
}

ul.tags li a {
	color: black;
	margin-right: 5px;
	top: 3px;
	position: relative;
	font-size: 15px;
	text-transform: uppercase;
}
ul.tags li i {
	margin-right: 5px;
	top: 3px;
	position: relative;
	font-size: 18px;
}

ul.tags li:last-child {
	margin-right: 0px;
}

div.popular-tags {
	margin: 0px 0px 50px 0px;
}

div.popular-tags a:link, div.popular-tags a:visited {
	padding: 6px;
	display: inline-block;
	margin: 0 0px 6px 0;
	font-size: 1rem;
	font-weight:600;
	color: #222;
}

div.popular-tags a:before {
	content: "\e321";
	font-family: 'Tyger';
	margin-right: 2px;
}

div.category-menu {
	padding-top: 20px;
}

ul.category-menu {
	margin: 0px 0px 50px 0px;
}
ul.category-menu li {
	list-style-type: none;
	border-bottom: 1px solid #eceaea;
	padding: 5px 0px;
}
ul.category-menu li i {
	margin-right: 3px;
	font-size: 25px;
	position: relative;
	top: 6px;
}
ul.category-menu li a:link, ul.category-menu li a:visited {
	color: #222;
	font-size: 1rem;
	font-weight:600;
	font-family: "Raleway", serif;
}
ul.category-menu li:last-child {
	border-bottom: none;
}

ul.pagination {
	text-align: center;
	margin-top: 80px;
}
ul.pagination li {
	display: inline-block;
	float: none;
	height:auto;
	margin-bottom:10px;
	border:1px solid #eceaea;
}
ul.pagination li.arrow{
	border:none;
}
ul.pagination li a {
	border-radius: 0px;
	font-family: "Montserrat", serif;
}

.advertise, .text-widget, div.archive {
	margin: 0px 0px 50px 0px;
}

ul.archive {
	margin: 0;
}

ul.archive li {
	list-style-type: none;
}

/* comments blog */
.user-comments {
	padding: 10px 0;
	overflow: hidden;
}

.avatar {
	float: left;
	margin: 0px 10px 0px 0px;
}

.avatar i {
	font-size: 70px;
}

.user-comments li.box-users {
	overflow: hidden;
	margin-bottom: 0px;
	list-style-type: none;
}

.date {
	position: relative;
	top: -10px;
	font-size: 11px;
}

a.reply {
	float: right;
	font-size: 11px;
}

.comment {
	width: 88%;
	float: right;
}

.response {
	width: 88%;
	margin: 20px 0 0 0;
	float: right;
}

.response li.box-users {
	overflow: hidden;
	margin-bottom: 15px;
	background: #f5f5f5;
	padding: 10px;
}

.response .comment {
	width: 86%;
}

.comment .title {
	margin-top: 0px;
}

ul.blog-form li {
	list-style-type: none;
}



/* ==============================================
	Video Background
=============================================== */
section#video-container{
	height:100%;
	  margin-bottom: 50px;
}
#bg-video-controls {
	bottom: 15px;
	height: 36px;
	padding: 4px;
	position: fixed;
	right: 0;
	text-align: center;
	width: 100px;
	z-index: 1000000;
}

#bg-video-controls a {
	display: block;
	float: left;
	color:#fff;
	padding-top:3px;
}

#bg-video-controls a:first-child {
	border-right: 1px dotted #fff;
}

#bg-video-controls:after { 
	clear: both; 
}
#bg-video-controls:before,#bg-video-controls:after { 
	content: ""; 
	display: table; 
}
#bg-video-controls .fa {
	color: #f7f7f7;
	display: inline-block;
	font-size: 18px;
	height: 32px;
	line-height: 32px;
	text-align: center;
	text-decoration: none;
	width: 40px;
	-webkit-transition:	all 0.3s ease;
	-moz-transition: all 0.3s ease;
  	o-transition: all 0.3s ease;
  	-ms-transition:	all 0.3s ease;
	transition:	all 0.3s ease;
}
#bg-video-controls a:hover {
	color: #48C0F4;
}
a.arrow{
	font-size:35px;
	color:#fff;
}

.border-right {
	border-right: 1px solid #4D4D4D;
	}
.border-right:last-child {
    /*border-right: 1px solid transparent;*/
}
.border-right:last-of-type {
    border-right: none!important;
}
.border-bottom-sm:last-child {
    border-bottom: none;
	}



/* ==============================================
Media Query
=============================================== */
/* smartphones */
@media only screen and (max-width: 40em) {
	
.menu-toggle-button, .menu-toggle-button.active{
	border:none;
	font-size:2rem;
  	position: absolute;
  	right: 0;
    top: -30px;
    z-index: 1;
	}
h1.logo a:link, h1.logo a:visited{
	bottom:-7px;
	}
.title-section{
	margin-bottom:-15px;
	}
.section-desc, .title-section h3{
	top:0;
	transform:translateY(0%);
	}
.section-desc p{
	margin-bottom:50px;
	}
.portfolio-item {
	width: 100%;
	}

.parallax{	
	margin-bottom:0px;
	min-height: 420px;
	position: relative;
	z-index: 1;
	background-repeat: no-repeat!important;
	background-attachment: fixed!important;
	background-position: 50% 0!important;
	background-size: contain !important;
	-webkit-background-size: auto !important;	
	}

.title-section h3{
	border-right:none;
	}

.slider-caption h2 {
	font-size: 2rem;
	}

.pushy.pushy-open-right, .pushy.pushy-open-left {
	width: 100%;
	}

.counter-box {
	border-right: none;
	border-bottom: 1px solid #585858;
	padding: 30px 0px;
	}

.counter-box:last-child {
	border: none;
	}

ul.social-team {
	margin-bottom: 70px;
	}

.blog-item-preview {
	margin-bottom: 10px;
	}

.blog-item-preview:last-child {
	margin-bottom: 0px;
	}

.cbp-l-filters-alignRight .cbp-filter-item, .cbp-l-filters-alignCenter .cbp-filter-item{
	margin:10px 5px 0px;
	}
.cbp-caption-activeWrap:hover .th-detail{
	margin-top:120px;
	}
.animated {
	visibility: visible !important;
	-webkit-animation: none !important;
	-moz-animation: none !important;
	-o-animation: none !important;
	-ms-animation: none !important;
	animation: none !important;
	}

li.link-box {
	margin-bottom: 25px;
	border-bottom: 1px solid #eceaea;
	border-right: none;
	}

li.link-box:last-child {
	margin-bottom: 0px;
	border-bottom: none;
	}

div.service {
	border-right: none;
	border-bottom: 1px solid #eceaea;
	padding: 30px 10px;
	}

div.service.last {
	border-bottom: none;
	padding-bottom: 0px;
	}
ul.service-tab li a h5 {
	font-size: 0.8rem;
}

ul.service-tab li a i {
	font-size: 32px;
}

.main-service {
	padding: 20px 0px;
}

.title-section {
	text-align: left;
}
.slider-cont.parallax-background, .parallax{
	background-position:center center;
}
.slingshot-italic {
  font-size: 24px;
}	
	}
@media only screen and (min-width: 40em) {

a.orbit-btn {
  	min-width:160px;
  	font-size: 14px;
  	left: -12px;
  	    text-transform: uppercase;
}


		}

/* End smartphones */	

/* tablets */
@media only screen and (min-width: 40em) and (max-width: 64em) {
.portfolio-item {
	width: 50%;
}
.cbp-caption-activeWrap:hover .th-detail{
		margin-top:120px;
}
.slider-cont.parallax-background, .parallax{
		background-position:center center;
}
.parallax{	
	margin-bottom:0px;
	min-height: 420px;
	position: relative;
	z-index: 1;
	background-repeat: no-repeat!important;
	background-attachment: fixed!important;
	background-position: 50% 0!important;
	background-size: contain !important;
    -webkit-background-size: auto !important;	
}
	
.text-header {
  margin-top: 0px;
}


 .slingshot-italic {
  font-family: 'slingshot-italic', 'Helvetica Neue', Helvetica, Arial, sans-serif;
  font-size: 25px;
}
a.orbit-btn {
  	min-width:100px;
  	font-size: 9px;
  	position: relative;
  	left: -12px;
}

.normal {
    font-size: 20px!important;
}

}

@media only screen and (max-width: 39.99em) {

.dealer .text-header {
  margin-top: 30px;
}
.border-bottom-sm {
	border-bottom: 2px solid #fff;
	}
.border-right {
	border-right: none;
	}

}

/* End tablets */	

h1.line {
  display: table;
  white-space: nowrap;
  /*color: #fff;*/
  text-transform: uppercase;
  font-size: 35px;
  font-weight: bold;
}
.line:before, 
.line:after {
  border-top: 2px solid #4D4D4D;
  content: '';
  display: table-cell;
  position: relative;
  top: 28px;
  width: 50%;
}

.red.line:before, 
.red.line:after {
  border-top: 2px solid #D83F21;
  content: '';
  display: table-cell;
  position: relative;
  top: 28px;
  width: 50%;
}

.red.line span,
.white.line span {
  padding-left: 14px;
  padding-right: 14px;
}

@media only screen and (max-width: 400px) {
h1.line {
  display: inherit;
  white-space: inherit;
  font-size: 25px;
}
.line:before, 
.line:after {
  border-top: none;
  /*content: '';*/
  display: inherit;
  /*position: relative;*/
  /*top: 28px;*/
  width: auto;
}
.white.line span{
  padding-left: 0px;
  padding-right: 0px;
}


	}

/* Tables Fom Normalize .css
   ========================================================================== */
/**
 * Remove most spacing between table cells.
 */
table {
  width: 100%;
}
tr {
  display: table-row;
  vertical-align: inherit;
  border-color: inherit;
}
.table th, .table td {
  text-transform: uppercase;
  padding: 8px;
  line-height: 20px;
  text-align: left;
  vertical-align: top;
  border-top: 1px solid #DDD;
}
.table-striped>tbody>tr:nth-child(odd)>td, .table-striped>tbody>tr:nth-child(odd)>th {
  /*background-color: #f9f9f9;*/
}
.left-tab {
  width: 50%;
}
.right-tab {
  width: 50%;
}

tr td {

    width: 50%;
}

/*Threesixty slider
   ========================================================================== */

.custom_nav_bar {
  border-top: 1px solid #fff;
  position: relative;
  margin-top: -49px;
  padding: 10px 0 0px 0;
  background-repeat:repeat;
  background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAYAAAAfFcSJAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyBpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMC1jMDYwIDYxLjEzNDc3NywgMjAxMC8wMi8xMi0xNzozMjowMCAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENTNSBXaW5kb3dzIiB4bXBNTTpJbnN0YW5jZUlEPSJ4bXAuaWlkOjgxMEY3QzhERTVERjExRTM4RjYxQjA0OEE3ODAyOTNBIiB4bXBNTTpEb2N1bWVudElEPSJ4bXAuZGlkOjgxMEY3QzhFRTVERjExRTM4RjYxQjA0OEE3ODAyOTNBIj4gPHhtcE1NOkRlcml2ZWRGcm9tIHN0UmVmOmluc3RhbmNlSUQ9InhtcC5paWQ6ODEwRjdDOEJFNURGMTFFMzhGNjFCMDQ4QTc4MDI5M0EiIHN0UmVmOmRvY3VtZW50SUQ9InhtcC5kaWQ6ODEwRjdDOENFNURGMTFFMzhGNjFCMDQ4QTc4MDI5M0EiLz4gPC9yZGY6RGVzY3JpcHRpb24+IDwvcmRmOlJERj4gPC94OnhtcG1ldGE+IDw/eHBhY2tldCBlbmQ9InIiPz4O59KCAAAAD0lEQVR42mLw9fVtAAgwAAM6AWheJegvAAAAAElFTkSuQmCC);
  height: 49px;
 }

.custom_nav_bar {
  text-align: center;
}
.btn:hover,
.btn:focus,
.btn:active,
.btn.active,
.btn.disabled,
.btn[disabled] {
  color: #333333;
  background-color: #e6e6e6;
  *background-color: #d9d9d9;
}

.btn:active,
.btn.active {
  background-color: #cccccc \9;
}

.btn:first-child {
  *margin-left: 0;
}

.btn:hover,
.btn:focus {
  color: #333333;
  text-decoration: none;
  background-position: 0 -15px;
  -webkit-transition: background-position 0.1s linear;
     -moz-transition: background-position 0.1s linear;
       -o-transition: background-position 0.1s linear;
          transition: background-position 0.1s linear;
}

.btn:focus {
  outline: thin dotted #333;
  outline: 5px auto -webkit-focus-ring-color;
  outline-offset: -2px;
}

.btn.active,
.btn:active {
  background-image: none;
  outline: 0;
  -webkit-box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.15), 0 1px 2px rgba(0, 0, 0, 0.05);
     -moz-box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.15), 0 1px 2px rgba(0, 0, 0, 0.05);
          box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.15), 0 1px 2px rgba(0, 0, 0, 0.05);
}

.btn.disabled,
.btn[disabled] {
  cursor: default;
  background-image: none;
  opacity: 0.65;
  filter: alpha(opacity=65);
  -webkit-box-shadow: none;
     -moz-box-shadow: none;
          box-shadow: none;
}

.btn-large {
  padding: 11px 19px;
  font-size: 17.5px;
  -webkit-border-radius: 6px;
     -moz-border-radius: 6px;
          border-radius: 6px;
}

.carousel-control-wrap .button, 
.carousel-control-wrap button,
.carousel-control-wrap .button:hover, 
.carousel-control-wrap button:hover,
.carousel-control-wrap .button:focus, 
.carousel-control-wrap button:focus {
  border:none!important;
  background-color: transparent!important;
  border-color: transparent!important;
  color: transparent!important;
}