/*
* ------------------------------------------------------------------
*
* Project: 
* Version: 1.0
* Created : 20/05/2019
* Template URI: 
* Author Name: Shelley C Antony
* Author URI: http://www.fshdesign.org/
* Description: Scrap Cars
* Developer: Fsh Design
*
*
* -------------------------------------------------------------------
*/
body{
	color:#fff;
	background-color:#000;
}
a:hover {
    color: #ffdb00 !important;
    text-decoration: none !important;
}
.clear{
	float:none;
	clear:both;
}
.ctaBox{
	width:100%;
	padding-top:25px;
	padding-bottom:25px;
	position:absolute;
	bottom:0;
	z-index:20000;
	margin-top:25px;
	}
.ctaLeft{
	width:50%;
	float:left;
	text-align:center;
		font-size: 51px;
	font-family: 'impactreg';
	letter-spacing:1px;
	font-weight:normal;
	color:#181a1f;
	line-height:51px;
	padding-top: 15px;
	}
.ctaRight{
		width:50%;
	float:left;
		text-align:center;
		font-size: 72px;
	font-family: 'impactreg';
	letter-spacing:1px;
	font-weight:normal;
	color:#181a1f;
	line-height: 138px;
	}
	 li{
		list-style-type:none;
	}
.bg-home {
	background-image: url(../assets/img/bg.jpg);
	background-size:cover;
	height:100%;
}
.bg-home1 {
	background-image: url(../assets/img/bg-original.jpg);
	background-size:cover;
	height:100%;
}
.bg-about {
	background-image: url(../assets/img/bg-about.jpg);
	background-size:cover;
}
.bg-blog {
	background-image: url(../assets/img/bg-about-original.jpg);
	background-size:cover;
}
.bg-mission {
	background-image: url(../assets/img/bg-mission.jpg);
	background-size:cover;
}
.color-yellow{
	background-color:#ffdb00;
	}
.color-text-yellow{
	color:#ffdb00;
	}
.color-white{
	background-color:#ffdb00;
	}
.color-text-white{
	color:#fff;
	}
.color-grey{
	 background-color: #333333;
}
.color-text-grey{
	color: #333333;
}
.areas li{
	list-style-type: square;
	list-style-position: outside;
	padding-left:15px;
}
.areas li:hover{
	color:#ffdb00;
}
.areas li a{
	text-align:left;
}
.areas li a:hover{
	color:#ffdb00;
}
.areas .btn-area{
    position: relative;
    padding: 5px 17px 5px 12px;
    		font-family: 'impactreg';
	letter-spacing:1px;
	font-weight:normal;
    text-transform: uppercase;
    
    border: none;
}
.areaserve button {
    position: relative;
    padding: 5px 17px 5px 12px;
    		font-family: 'impactreg';
	letter-spacing:1px;
	font-weight:normal;
    text-transform: uppercase;
    background-color: #fdcf02;
    border: none;
	display: block;
}
.areaserve button .btn-background {
    position: absolute;
    top: 0;
    left: 0;
    right: 23px;
    height: 100%;
    background-color: #0f33ff;
    z-index: -1;
    -webkit-transition: right.2s ease-in-out;
    transition: right.2s ease-in-out;
}

/*faq*/

.accordion dl:after,
.accordion-list:after {
  content: "";
  display: block;
  height: 1em;
  width: 100%;
  background-color: #333333;
}

.accordion dd,
.accordion__panel {
  background-color: #333;
  font-size: 14px;
  	font-family: 'impactreg';
	letter-spacing:1px;
	font-weight:normal;
	color:#999999;
}

.accordion p {
  padding: 1em 2em 1em 2em;
}

.accordion {
  position: relative;
  background-color: #333333;
}


.accordionTitle, .accordion__Heading {
	background-color: #333333;
	text-align: left;
	display: block;
	text-decoration: none;
	color: #cccccc;
	font-size: 16px;
	transition: background-color 0.5s ease-in-out;
	border-bottom: 1px solid #5f5f5f;
	font-family: 'impactreg';
	letter-spacing: 1px;
	font-weight: normal;
	padding-top: 15px;
	padding-bottom: 15px;
}
.acod{
	padding-top: 80px;
	padding-right: 20px;
	padding-bottom: 80px;
	padding-left: 20px;
}
.acod h2{
	color:#ffdb00 !important;
	font-size:26px;
		font-family: 'impactreg';
	letter-spacing:1px;
	font-weight:normal;
	}
.accordionTitle:before, .accordion__Heading:before {
    content: "+";
    font-size: 26px;
    line-height: 0.5em;
    background-color: #ffdb00;
    width: 20px;
    height: 20px;
    color: #333333;
    border-radius: 50%;
    float: left;
    transition: -webkit-transform 0.3s ease-in-out;
    transition: transform 0.3s ease-in-out;
    transition: transform 0.3s ease-in-out, -webkit-transform 0.3s ease-in-out;
	    margin-right: 21px;
		    text-align: center;
    line-height: 20px;
}
.accordionTitle:hover,
.accordion__Heading:hover {
  background-color: #333333;
}

.accordionTitleActive,
.accordionTitle.is-expanded {
 background-color: #333333;
}
.accordionTitleActive:before,
.accordionTitle.is-expanded:before {
  -webkit-transform: rotate(-225deg);
          transform: rotate(-225deg);
}

.accordionItem {
  height: auto;
  overflow: hidden;
  max-height: 50em;
  transition: max-height 1s;
}
@media screen and (min-width: 48em) {
  .accordionItem {
    max-height: 15em;
    transition: max-height 0.5s;
  }
}

.accordionItem.is-collapsed {
  max-height: 0;
}

.no-js .accordionItem.is-collapsed {
  max-height: auto;
}

.animateIn {
  -webkit-animation: accordionIn 0.45s normal ease-in-out both 1;
          animation: accordionIn 0.45s normal ease-in-out both 1;
}

.animateOut {
  -webkit-animation: accordionOut 0.45s alternate ease-in-out both 1;
          animation: accordionOut 0.45s alternate ease-in-out both 1;
}

@-webkit-keyframes accordionIn {
  0% {
    opacity: 0;
    -webkit-transform: scale(0.9) rotateX(-60deg);
            transform: scale(0.9) rotateX(-60deg);
    -webkit-transform-origin: 50% 0;
            transform-origin: 50% 0;
  }
  100% {
    opacity: 1;
    -webkit-transform: scale(1);
            transform: scale(1);
  }
}

@keyframes accordionIn {
  0% {
    opacity: 0;
    -webkit-transform: scale(0.9) rotateX(-60deg);
            transform: scale(0.9) rotateX(-60deg);
    -webkit-transform-origin: 50% 0;
            transform-origin: 50% 0;
  }
  100% {
    opacity: 1;
    -webkit-transform: scale(1);
            transform: scale(1);
  }
}
@-webkit-keyframes accordionOut {
  0% {
    opacity: 1;
    -webkit-transform: scale(1);
            transform: scale(1);
  }
  100% {
    opacity: 0;
    -webkit-transform: scale(0.9) rotateX(-60deg);
            transform: scale(0.9) rotateX(-60deg);
  }
}
@keyframes accordionOut {
  0% {
    opacity: 1;
    -webkit-transform: scale(1);
            transform: scale(1);
  }
  100% {
    opacity: 0;
    -webkit-transform: scale(0.9) rotateX(-60deg);
            transform: scale(0.9) rotateX(-60deg);
  }
}

/*conatct box*/
.contact-box{}
.contact-box h3{
		color:#ffdb00 !important;
	font-size:50px;
		font-family: 'impactreg';
	letter-spacing:1px;
	font-weight:normal;
	}
.contact-box p{
		color:#181a1f !important;
	font-size:20px;
		font-family: 'impactreg';
	letter-spacing:1px;
	font-weight:normal;
	}
	.formScrap {
    padding: .675rem .75rem;
    color: #232323;
    background-color: #fff;
    background-clip: padding-box;
    border: 2px solid #232323;
    border-radius: 0px;

}
.formScrap::placeholder { /* Chrome, Firefox, Opera, Safari 10.1+ */
  color: #232323;
  opacity: 1; /* Firefox */
  	font-size:20px;
		font-family: 'impactreg';
	letter-spacing:1px;
	font-weight:normal;
}

.formScrap:-ms-input-placeholder { /* Internet Explorer 10-11 */
  color: #232323;
  	font-size:20px;
		font-family: 'impactreg';
	letter-spacing:1px;
	font-weight:normal;
}

.formScrap::-ms-input-placeholder { /* Microsoft Edge */
  color: #232323;
  	font-size:20px;
		font-family: 'impactreg';
	letter-spacing:1px;
	font-weight:normal;
}
.formSubmitbtn{
	color: #232323;
	font-size: 20px;
	font-family: 'impactreg';
	letter-spacing: 1px;
	font-weight: normal;
	border-radius: 30px;
	padding-top: 15px;
	padding-right: 85px;
	padding-bottom: 15px;
	padding-left: 85px;
	background-color:transparent;
	border:solid 2px #ffdb00 ;
	}
.formSubmitbtn:hover, .formSubmitbtn:active, .formSubmitbtn:focus{
	color: #232323;
	font-size: 20px;
	font-family: 'impactreg';
	letter-spacing: 1px;
	font-weight: normal;
	border-radius: 30px;
	padding-top: 15px;
	padding-right: 85px;
	padding-bottom: 15px;
	padding-left: 85px;
	background-color:#ffdb00;
	border:solid 2px #ffdb00;
	}
.ctaBoxfooter{
	padding-top:50px;
	padding-bottom:50px;
	}
.ctaBoxfooterL{
	width:79px;
	height:79px;
	line-height:79px;
	text-align:center;
	float:left;
	background-color:#17191e;
	font-size: 30px;
	}
.ctaBoxfooterR{
	width:auto;
	height:79px;
	text-align:center;
	float:left;
	color:#17191e;
	font-size:16px;
	font-family: 'impactreg';
	letter-spacing: 1px;
	font-weight: normal;
	padding-left:20px;
	line-height: 79px;
	}
.outer-nav li a{
	color:#fff;
	}
	
	/*footer*/
	.footer{
		background-color:#1a1a1a;
	}
	.footer .box-1 p{
		font-size:12px;
		font-family: 'Raleway', sans-serif;
		line-height:21px;

		}
	.footer .box-1 a{
		color:#ffdb00;
	}
	.footer .box-2{
		padding-top:75px;
	}
	.footer .box-2 h4{
			color:#ffdb00;
	font-size:16px;
	font-family: 'impactreg';
	letter-spacing: 1px;
	font-weight: normal;
	padding-bottom:25px;
		}
			.footer .box-2 p a{
			color:#fff;
	font-size:13px;
	font-family: 'Raleway', sans-serif;
	padding-bottom:25px;
		}
		.footer .box-2  .right ul{
	padding-left:0;
	list-style-type:none
		}
		.footer .box-2  .right ul  li a{
			color:#fff;
	font-size:13px;
	font-family: 'Raleway', sans-serif;
	padding-bottom:25px;
	padding-left:0;
	list-style-type:none;
		}
		.footer .box-3{
		padding-top:75px;
	}
	.footer .box-3 h4{
			color:#ffdb00;
	font-size:16px;
	font-family: 'impactreg';
	letter-spacing: 1px;
	font-weight: normal;
	padding-bottom:25px;
		}
		.footer .box-3 p {
			color:#fff;
	font-size:13px;
	font-family: 'Raleway', sans-serif;
	padding-bottom:25px;
		}
		.footerBtn{
	font-size: 34px;
	font-family: 'impactreg';
	letter-spacing: 1px;
	font-weight: normal;
	background-color: #ffdb00;
	color: #1b1b1b;
	border-radius: 30px;
	padding-top: 1px;
	padding-right: 25px;
	padding-bottom: 1px;
	padding-left: 25px;
	text-transform:uppercase;
	border:solid 1px #ffdb00;
			}
			.footerBtn:hover, .footerBtn:active, .footerBtn:focus{
	font-size: 34px;
	font-family: 'impactreg';
	letter-spacing: 1px;
	font-weight: normal;
	background-color: transparent;
	color: #fff;
	border-radius: 30px;
	padding-top: 1px;
	padding-right: 25px;
	padding-bottom: 1px;
	padding-left: 25px;
	text-transform:uppercase;
	border:solid 1px #ffdb00;
	
			}
	.social a {
		background-color:#fff;
		border-radius:50%;
		color:#1a1a1a;
		display:inline-block;
		font-size:15px;
		width:30px;
		height:30px;
		text-align:center;
		line-height:30px;
		margin-right:15px;
		}
.innerHeader{
	font-size: 47px;
    font-family: 'impactreg';
    letter-spacing: 1px;
    font-weight: normal;
    color: #181a1f;
    text-align: left;
	padding-top:53px;
	padding-bottom:25px;
}

.innercar {
    position: absolute;
    right: 0;
    width: 308px;
    top: 32px;
    z-index: 50;
}
.bcrump-img{
	background-image: url(../assets/img/inner-car-scrap.png);
	right: 0;
	overflow:hidden;
	background-repeat:no-repeat;
	background-position:right center;
	
	}
.bcrump-img2{
	background-image: url(../assets/img/inner-car-faq.png);
	right: 0;
	overflow:hidden;
	background-repeat:no-repeat;
	background-position:right center;
	
	}

.bcrump{
	    overflow: hidden;
	}
.innerHeader2 {
    font-size: 34px;
    font-family: 'impactreg';
    letter-spacing: 1px;
    font-weight: normal;
    color: #181a1f;
    text-align: left;
    padding-top: 35px;
    padding-bottom: 25px;
}

.innercar2 {
    position: absolute;
    right: 380px;
    width: 308px;
    top: 34px;
    z-index: 50;
}
.line-in{
	    height: 2px;
    background-color: #282828;
	width:100%;
	margin-top:50px;
	}
.lineBox{
	width: 30px;
    height: 4px;
    background-color: #ffdb00;
	margin-left:15px;
}
.innerPar{
		font-size: 16px;
	font-family: 'impactreg';
	letter-spacing: 1px;
	font-weight: normal;
	color:#fff;
	}
.innerPar2 {
    font-size: 16px;
    font-family: 'impactreg';
    letter-spacing: 1px;
    font-weight: normal;
    color: #fff;
    margin-bottom: 0px;
}	
}
.blogbox h2{
	font-size: 18px;
	font-family: 'impactreg';
	letter-spacing: 1px;
	font-weight: normal;
	color:#fff;
	text-align: center;
	}
.blogbox p{
	font-size: 16px;
	font-family: 'impactreg' !important;
	letter-spacing: 1px;
	font-weight: normal;
	color: #fff !important;
	text-align: left;
	}
.blogbox span{
	font-size: 14px;
	font-family: 'impactreg';
	letter-spacing: 1px;
	font-weight: normal;
	color:#ffdb00;
	text-align: center;
	}
.blogbtn{
	font-size: 14px;
	font-family: 'impactreg';
	letter-spacing: 1px;
	font-weight: normal;
	color:#ffdb00;
	background-color:transparent;
	border-radius:35px;
	border:solid 1px #ffdb00; 
	}
.blogbtn:hover, .blogbtn:active, .blogbtn:focus{
	font-size: 14px;
	font-family: 'impactreg';
	letter-spacing: 1px;
	font-weight: normal;
	color:#181a1f !important;
	background-color:#ffdb00; 
	border-radius:35px;
	border:solid 1px #ffdb00; 
	}
.blogboximg{
	width: 160px;
    height: 160px;
    background-size: cover;
    margin-left: auto;
    margin-right: auto;
    border-radius: 50%;
    overflow: hidden;
	margin-right: auto;
    margin-left: auto;
	}
	.blogdet {
	height: 100px;
    overflow: hidden;
	}
	.outer-nav p a {
    color: #fff;
    font-size: 20px;
	font-family: 'impactreg';
	letter-spacing: 1px;
	font-weight: normal;
}
	/*scroll top*/
	/*faq*/
	  .faq-hm img {
    margin-top: 0px;
    position: absolute;
}
	.dataval{
		color:#ffdb00;
		}
.linksa {
    color: #ffdb00 !important;
}
		
/*scroll top*/
	.back-to-top {
	position: fixed;
	right: 1%;
	bottom: -7.5%;
	height: 69px;
	color: #000;
	width: 40px;
	padding: 3px 5px;
	font-size: 10px;
	font-weight: bold;
	opacity: 0.9;
    z-index: 333333333333;
	visibility: hidden;
	text-align: center;
	text-decoration: none;
	text-transform: uppercase;
	transition: all 0.25s ease-in-out;
	background-color: #ffdb00;
	-webkit-box-shadow: 10px 10px 5px 0px rgba(0,0,0,0.75);
-moz-box-shadow: 10px 10px 5px 0px rgba(0,0,0,0.75);
box-shadow: 10px 10px 5px 0px rgba(0,0,0,0.75);

	&:hover,
	&:focus {
		opacity: 1;
		text-decoration: none;
	}

	&:focus {
		outline: thin dotted;
	}
}

.back-to-top::before,
.back-to-top::after {
	content: '';
	position: absolute;
	left: 0;
	width: 0;
	height: 0;
	border: 20px solid transparent;
	border-top: 0;
}

.back-to-top::before {
	top: -20px;
	z-index: 4;
	border-bottom: 20px solid #ffdb00;
}

.back-to-top::after {
	bottom: 0;
	z-index: 5;
	border-bottom: 20px solid #ffdb00;
}

.back-to-top:hover,
.back-to-top:focus {
height: 75px;
    color: #212223;
    background-color: #ffdb00;
    color: #000 !important;
}

.show-back-to-top {
	display: block;
	bottom: 1.25%;
	visibility: visible;
}
	/*new blog*/
	.slick-current{
		display:block;
	}
	.slick-cloned{
		display:none;
		}

	.slick-current .slidImg{
		width: 250px !important;
    height: 250px;
    border-radius: 50%;
    overflow: hidden;
    background-position-x: center;
    background-position-y: center;
	margin-top:0px;
	margin-left: auto;
    margin-right: auto;
		}
	.slidImg{
		width: 100px !important;
    height: 100px;
    border-radius: 50%;
    overflow: hidden;
    background-position-x: center;
    background-position-y: center;
	margin-top:75px;
	margin-left: auto;
    margin-right: auto;
		}
		.slidImg-title{
				font-size: 18px;
	font-family: 'impactreg';
	letter-spacing: 1px;
	font-weight: normal;
	color:#fff;
	text-align:center;
			}
			
			 .slidImg-description{
					font-size: 14px;
	font-family: 'impactreg';
	letter-spacing: 1px;
	font-weight: normal;
	color:#fff;
	text-align:center;
				}
.form-control:focus {
    color: #495057;
    background-color: #fff;
    border-color: #ffdb00;
    outline: 0;
    box-shadow: 0 0 0 0.2rem rgba(255,219,0,.25);
}

.headerbtn {
    padding: 0 20px;
    line-height: 30px;
    text-decoration: none;
    color: #fff;
    text-transform: uppercase;
    background-color: #ffdb00;
    border: none;
    font-family: 'impactreg';
    letter-spacing: 1px;
    font-weight: normal;
    font-size: 16px;
	display:block;
	margin-left:auto;
	margin-right:auto;

}
.areass .headerbtn2 {
    padding: 0 20px;
    position: absolute;
    line-height: 30px;
    text-decoration: none;
    color: #121212;
    text-transform: uppercase;
    background: linear-gradient(to right, #ffdb00 0%,#ffdb00 50%,transparent 50%,transparent 100%);
    border: none;
    font-family: 'impactreg';
    letter-spacing: 1px;
    font-weight: normal;
    font-size: 16px;
    display: block;
    margin-left: auto;
    z-index: 20000000000;
    right: 50%;
    /* top: 2%; */
    margin-top: 50px;
    margin-right: auto;
	  -webkit-transition: background 2s ease-out;
  -moz-transition: background 2s ease-out;
  -o-transition: background 2s ease-out;
  transition: background 2s ease-out;
}
.areass .headerbtn2:hover {
    padding: 0 20px;
    line-height: 30px;
    text-decoration: none;
    color: #121212;
    text-transform: uppercase;
	background: linear-gradient(to right,  #ffdb00 0%,#ffdb00 50%,#ffdb00 50%,#ffdb00 100%);
    border: none;
    font-family: 'impactreg';
    letter-spacing: 1px;
    font-weight: normal;
    font-size: 16px;
	display:block;
	margin-left:auto;
	margin-right:auto;
		 
	
}

.headerbtn3 {
    padding: 0 20px !important;
    /* position: absolute; */
    line-height: 30px !important;
    text-decoration: none;
    color: #fff;
    text-transform: uppercase;
    background: linear-gradient(to left, #ffdb00 0%,#ffdb00 50%,transparent 50%,transparent 100%);
    border: none;
    font-family: 'impactreg';
    letter-spacing: 1px;
    font-weight: normal;
    font-size: 16px !important;
    /*display: block;*/
    /* margin-left: auto; */
    z-index: 20000000000;
    /* right: 50%; */
    /* top: 2%; */
    margin-top: 50px;
    /* margin-right: auto; */
    transition: color 0.25s ease;
}
 .headerbtn3:hover {
    padding: 0 20px !important;
    line-height: 30px !important;
    text-decoration: none;
    color: #fff;
    text-transform: uppercase;
	background: linear-gradient(to left,  #ffdb00 0%,#ffdb00 50%,#ffdb00 50%,#ffdb00 100%);
    border: none;
    font-family: 'impactreg';
    letter-spacing: 1px;
    font-weight: normal;
    font-size: 16px !important;
	/*display:block;*/

		 transition:background 0.25s ease;
	
}
.headerbtn3 img{
	    position: none !important; 
    top: 7px !important; 
    right: 0 !important; 
	padding-left:10px;
	}
.contactBox2{
	height:655px;
}
.blog-box{
	height:655px;
	padding-top: 200px;
	}
.abouttwo{
	height:655px;
}
/*.introthree{
	height:710px;
}*/
.introthree {
    height: 781px;
}
.about--banner3 img {
    position: absolute;
    top: -181px !important;
    right: -12px;
}
.menubox {
    position: absolute;
    left: 16%;
    z-index: 200000000;
    height: 655px;
}
.side-nav2  li a{
    color: #fdcf02;
}

.l-side-nav2 {
	position: absolute;
	left: 0;
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	height: 100%;
	-webkit-box-align: center;
	-webkit-align-items: center;
	-ms-flex-align: center;
	align-items: center;
	    margin-left: 15%;
}
.l-side-nav2::before {
	content: "";
	position: absolute;
	top: 50%;
	left: 0;
	-webkit-transform: translateY(-50%);
	transform: translateY(-50%);
	width: 2px;
	height: 61%;
	max-height: 750px;
	background-color: #555;
	opacity: .35;
	z-index: 10
}


.top-social {
    margin-left: 55%;
    margin-top: 16px;
    width: 173px;
}
p.social {
    width: 182px;
}
.home-phone {
    font-size: 65px;
    font-family: 'impactreg';
    letter-spacing: 1px;
    font-weight: normal;
    color: #fff;
    margin-left: 12px;
    position: absolute;
    /* margin-bottom: 4px; */
}
.ctaLeft small{
	font-size:12px;
	display:block;
	}