/*
Theme Name: nhulunbuysmashrepairs
Theme URI: http://underscores.me/
Author: Nasim
Author URI: http://underscores.me/
Description: Description
Version: 1.0.0
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: nhulunbuysmashrepairs
Tags:

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.

nhulunbuysmashrepairs is based on Underscores http://underscores.me/, (C) 2012-2016 Automattic, Inc.
Underscores is distributed under the terms of the GNU GPL v2 or later.

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

/*--------------------------------------------------------------
>>> TABLE OF CONTENTS:
----------------------------------------------------------------
# Normalize
# Typography
# Elements
# Forms
# Navigation
	## Links
	## Menus
# Accessibility
# Alignments
# Clearings
# Widgets
# Content
	## Posts and pages
	## Comments
# Infinite scroll
# Media
	## Captions
	## Galleries
--------------------------------------------------------------*/

/*--------------------------------------------------------------
# Normalize
--------------------------------------------------------------*/
@charset "utf-8";
/* CSS Document */

@font-face {
  font-family: 'Raleway-Light';
  src: url('fonts/Raleway-Light.eot') format('embedded-opentype'),
  	   url('fonts/Raleway-Light.ttf')  format('truetype'), 
  	   url('fonts/Raleway-Light.svg#Raleway-Light') format('svg');
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: 'Raleway-Thin';
  src: url('fonts/Raleway-Thin.eot') format('embedded-opentype'),
   	   url('fonts/Raleway-Thin.ttf')  format('truetype'), 
	   url('fonts/Raleway-Thin.svg#Raleway-Thin') format('svg');
  font-weight: normal;
  font-style: normal;
}


@font-face {
  font-family: 'Raleway-Regular';
  src: url('fonts/Raleway-Regular.eot') format('embedded-opentype'),
       url('fonts/Raleway-Regular.ttf')  format('truetype'), 
	   url('fonts/Raleway-Regular.svg#Raleway-Regular') format('svg');
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: 'Raleway-Medium';
  src: url('fonts/Raleway-Medium.eot') format('embedded-opentype'),
       url('fonts/Raleway-Medium.ttf')  format('truetype'), 
	   url('fonts/Raleway-Medium.svg#Raleway-Medium') format('svg');
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: 'Raleway-SemiBold';
  src: url('fonts/Raleway-SemiBold.eot') format('embedded-opentype'),
       url('fonts/Raleway-SemiBold.ttf')  format('truetype'), 
	   url('fonts/Raleway-SemiBold.svg#Raleway-SemiBold') format('svg');
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: 'Raleway-Bold';
  src: url('fonts/Raleway-Bold.eot') format('embedded-opentype'),
       url('fonts/Raleway-Bold.ttf')  format('truetype'), 
	   url('fonts/Raleway-Bold.svg#Raleway-Bold') format('svg');
  font-weight: normal;
  font-style: normal;
}

@import url(https://fonts.googleapis.com/css?family=Roboto:400,100,300,500,700);
@import url(https://fonts.googleapis.com/css?family=Raleway:400,300,500,600,700,800);

/*font-family: 'Raleway', sans-serif; //To call font-family*/

/*=============================
		  Global Styles
==============================*/

body										{ font-family: 'Raleway-Regular'; font-size:14px; padding:0 0; margin:0 0;background:	#f7f7f7; }
ul, li										{ list-style-type:none; }
a, a:hover, a:focus, a:active				{ text-decoration:none; outline:none; }
img											{ max-width:100%; }

.no-padding									{ padding-left:0; padding-right:0; }
.no-padding-left							{ padding-left:0; }
.no-padding-right							{ padding-right:0; }


/*===========================
	Header Styles
============================*/
.row.head-area {position: absolute; top:0; width: 100%; z-index:99;}
.info-top {
    background: rgba(0, 0, 0, 0.6) none repeat scroll 0 0;
    color: #fff;
    font-family: Roboto;
    font-size: 11px;
    text-transform: uppercase;
	padding: 10px 0;
}
.top-left-info > ul { padding-left: 0;	margin-bottom: 0;}
.top-left-info img { margin-right: 5px;}
.top-left-info li {  display: inline-block; margin-right: 30px;}
.top-right-info > ul {  text-align: right; margin-bottom: 0;	padding-top:3px;}
.top-right-info li {  display: inline-block;margin-left: 9px;}
.top-right-info a {  color: #737373; font-size: 14px; line-height: 10px;}
.top-right-info a .fa-facebook:hover{color:#3C5A99;}
.top-right-info a .fa-twitter:hover{color:#28A1DA;}
.top-right-info a .fa-rss:hover{color:#F69439;}
.top-right-info a .fa-linkedin:hover{color:#0077B5;}

/*==================================
			Banner Styles
===================================*/
.main-banner,.banner-holder{position:relative;}
.banner-holder{height:652px; overflow:hidden;}
.banner-holder > img {
    width:auto;
	height:100%;
}
.banner-holder::after {
    background: rgba(0,0,0,0.5) none repeat scroll 0 0;
    content: "";
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%;
}

.info-bottom { padding-top: 30px;}

.banner-text-wrapper {
	text-align:center;
    left: 0;
    position: absolute;
    right: 0;
    top: 295px;
}
.banner-text-wrapper h1{
    
    color: #fff;
    font-size: 42px;
	padding: 6px 20px;
	position:relative;
	display:inline-block;
	margin: 0 0 5px;
	z-index: 1;
}

.banner-text-wrapper h1::before {
    background: #262626 none repeat scroll 0 0;
    content: "";
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    transform: skewX(-20deg);
    width: 100%;
    z-index: -1;
}
.banner-text-wrapper h2{color:#393939;font-family: "Raleway-Bold"; font-weight:700; font-size:42px;padding: 7px 40px; display:inline-block; margin: 0 0 5px; z-index: 1; position:relative;}
.banner-text-wrapper h2::before {
    background: #ffffff none repeat scroll 0 0;
    content: "";
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    transform: skewX(-20deg);
    width: 100%;
    z-index: -1;
}
.banner-text-wrapper > p {color: #ffffff; font-size: 19px; padding: 13px 0 4px;}
.banner-text-wrapper a {
    border: 2px solid #fff;
    color: #fff;
    font-family: Raleway-SemiBold;
    font-size: 13px;
    padding: 11px 21px;
	transition:all 0.1s ease-in;
}
.banner-text-wrapper a:hover{background-color:#fff; color:#232323}
.banner-bottom-info{position:absolute; bottom:0; left:0; right:0;}
.banner-bottom-info ul{margin:0; padding:0;background:#EC4752; }
.banner-bottom-info ul li{width:33%; display:inline-block; position:relative; background-image:url(images/slash.jpg); background-repeat:no-repeat; background-position:right center; background-size:auto 100%;padding: 14px 16px; color:#fff;}
.banner-bottom-info ul li:last-child{background-image:none;}
.banner-bottom-info ul li h3{font-family:Raleway-Bold; font-size:16px; text-transform:uppercase; margin:0;color:#fff;}
.banner-bottom-info ul li p{font-size:12px; margin:0; line-height:19px;}
.banner-bottom-info ul li img{position:absolute; right:42px; top:10px;}
.banner-bottom-info ul li:last-child img{right:20px;}
.sec-1{padding:50px 0; color:#333;}
.sec1-left {width: 30%; padding-left:0;}
.sec1-left img{display:block; outline:5px solid rgba(255,255,255,0.5); outline-offset:-20px;}
.sec1-right{padding-left:0; padding-right: 0;}
.sec1-right h3{ font-family: Lato; font-size: 14px;font-weight: 700;letter-spacing: 2px;margin-top: 0; margin-bottom: 15px; position:relative; color:#272727;}
.sec1-right > h3::before {
    background: #000 none repeat scroll 0 0;
	left:0;
    bottom: -10px;
    content: "";
    height: 1px;
    position: absolute;
    width: 42px;
}
.sec1-right > h3::after {
    background: #000 none repeat scroll 0 0;
	left:0;
    bottom: -15px;
    content: "";
    height: 1px;
    position: absolute;
    width: 22px;
}
.sec1-right h1{font-family:Raleway-Light; font-size:27px; color:#2D2D2D; margin:40px 0 20px; text-transform:uppercase;}
.sec1-right h1 span{font-family:Raleway-Bold;}
.sec1-right p{font-family:Raleway-Medium; font-size:12px; color:575757; margin-bottom: 20px;}

.sec1-desc {
    margin-top: 15px;
}
.sec1-desc-item{float:left; width:50%; padding-right:20px; margin-bottom: 20px;}
.sec1-desc-item h4{font-family:Raleway-Bold; font-size:14px;position:relative; margin-top:0; margin-bottom:17px; display:inline-block; color:#373737;}
.sec1-desc-item h4::before {
    background: #ccc none repeat scroll 0 0;
    bottom: -9px;
    content: "";
	left:0;
    height: 1px;
    position: absolute;
    width: 230px;
}
.sec1-desc-item h4::after {
    background: #000 none repeat scroll 0 0;
    bottom: -9px;
    content: "";
    height: 1px;
	left:0;
    position: absolute;
    width: 20px;
}
.sec1-desc-item > img {
    float: left;
    margin-right: 15px;
}
.sec1-desc-item  p{line-height:19px; color:#4c4c4c;}

.sec-2 h2{margin-top:0; text-align:center; font-family:Raleway-Light; font-size:27px; margin-bottom:30px;}
.sec-2 h2 span{font-family:Raleway-Bold; position:relative;}
.sec-2 h2 span:before{
	content:"";
	position:absolute;
	left:0;
	bottom:-9px;
	width:42px;
	height:1px;
	background:#000;
}
.sec-2 h2 span:after{
	content:"";
	position:absolute;
	left:0;
	bottom:-14px;
	width:21px;
	height:1px;
	background:#000;
}
.sec-2 p{font-family:Raleway-Medium; font-size:13px; line-height:19px; text-align:center; padding:0 210px; color:#565656;}

.sec2-item {
    display: inline-block;
    position: relative;
	width:24%;
	margin-right: 1%;
	padding:0;
}
.sec2-item:nth-child(4) {
    margin-right: 0;
}
.sec2-item img{width:100%;}
.sec2-item-content{position:absolute; left:0; width:100%; color:#fff; bottom:0; padding:14px 0; text-align:center; background:rgba(0,0,0,0.7)}
.sec2-item-content a {
    font-family: Raleway-Bold;
    font-size: 22px;
    letter-spacing: 0.5px;
    margin-right: 20px;
	color:#fff;
	transition:all 0.3s ease-in;
}
.sec2-item-content a:hover{margin-right:10px;}
.sec2-image-wrapper { padding: 40px 0 35px;}
.sec2-item-content img{margin-top: -7px; width:auto;}

.sec3-heading {margin-bottom: 45px;}
.sec3-heading img{float:left; margin-right:10px;}
.sec3-heading p{font-family:Raleway-Medium; font-size:12px; text-align:left; padding:0; padding-top:3px; margin-bottom:3px;}
.sec3-heading h1{font-family:Raleway-Light; font-size:26px; margin-top:0; position:relative; border-bottom:1px solid #ccc; padding-bottom:10px;}
.sec3-heading h1 span{font-family:Raleway-Bold; color:#EE4650;}
.sec3-heading > h1::before {
    background: #EE4650 none repeat scroll 0 0;
    bottom: -1px;
    content: "";
    height: 1px;
    left: 0;
    position: absolute;
    width: 95px;
}
.sec3-heading > h1::after {
    background: #f7f7f7 none repeat scroll 0 0;
    bottom: -1px;
    content: "";
    height: 1px;
    left: 0;
    position: absolute;
    width: 55px;
}

.sec3-item {width: 23.6%; text-align:center; float:left; margin-right:1.6%; padding:0;}
.sec3-item:nth-child(4) {
    margin-right: 0;
}
.sec3-item  img{width:100%;}
.sec3-item h2{font-family:Raleway-SemiBold; font-size:17px; text-align:center; color:#EE4650;}
.underline{width:60px; height:1px;background:#000; margin-left:auto; margin-right:auto;}
.sec3-item span {color: #434343;display: inline-block; font-size: 14px; padding: 10px 0 17px;}
.sec3-item p{font-family:Raleway-Medium; font-size:13px; color:#6e6e6e; padding:0 40px;}
.sec3-item ul{padding:0; text-align:center;}
.sec3-item ul li{display:inline-block; margin: 13px 7px 20px;}
.sec3-item ul li a{color:#555555; transition:all 0.1s ease-in;}
.sec3-item ul li a .fa-facebook:hover{color:#3C5A99;}
.sec3-item ul li a .fa-twitter:hover{color:#28A1DA;}
.sec3-item ul li a .fa-linkedin:hover{color:#0077B5;}

.sec-4{background-image:url(images/bg-back.jpg); background-position:center center; background-size: auto 100%;padding-top:27px;}
.carousel-control.right{width:0;}
.carousel-control.left{width:0;}
.slide-left img{margin:0 auto; display:block;}
.slide-right{padding-left:0; }
.slide-right h4{font-family:georgia; font-style:italic; font-size:18px; color:#fff; position:relative; margin-bottom:35px; padding-bottom:18px;}
.slide-right > h4::before {
    background: #fff none repeat scroll 0 0;
    bottom: 0;
    content: "";
    height: 1px;
    left: 0;
    position: absolute;
    width: 30px;
}
.slide-right > h4::after{
    background: #fff none repeat scroll 0 0;
    bottom: -5px;
    content: "";
    height: 1px;
    left: 0;
    position: absolute;
    width: 40px;
}
.slide-right h3{font-family:Raleway-Medium; font-size:18px; color:#FFFDFF;letter-spacing:3px;text-transform:uppercase;}
.slide-right p{color:#ffdddd; font-size:14px; line-height:24px; padding-right: 85px;}
.media-ico{padding:0; margin:26px 0 30px; text-align:left;}
.media-ico li{display:inline-block; margin-right:30px;}
.media-ico li a{color:#f2f2f2;}
.logo-container > img {
    margin-right: 3%;
    vertical-align: bottom;
    width: 29%;
}
.logo-container {padding-top: 15px;}
.menu-holder{font-size:12px; font-family:Raleway-Medium;}
.bottom-right-info {
    padding-top: 30px;
}
/*================================
	 Sub Page Style Goes Here
=================================*/
.sub-banner-holder {height: 490px;}
.banner-text-wrapper.sub-banner-text {top: 242px;}
.sec1-sub h1{margin-top:0;}
.sec1-sub p{line-height:20px; margin-bottom:15px; text-align:justify;}
.sec1-sub{width:inherit;}
.sec1-sub img{display:inline;float:left; margin-right:15px;}
.sec1-sub h1{text-transform:uppercase; font-size:27px; font-family:Raleway-Light; text-align:left;}
.sec1-sub h1 span{font-family:Raleway-Bold;}



/*================================
		  Footer Styles
=================================*/
.footer{
	background:	url("images/footer-bg.png") center center/cover;
	padding-top:	35px;
}
.footer-first-pane p{
	font-family: 'Raleway-Medium';
	font-size:	11px;
	color:	#6c6c6c;
	font-weight:	400;
	line-height:	18px;
	padding-top:	15px;
	padding-bottom:	15px;
    margin-bottom: 0;
}
.footer-first-pane ul{
	padding-left:	0 !important;
	max-width: 183px;
}
.footer-first-pane ul li{
	list-style-type:	none;
	font-family: 'Raleway-Medium';
	font-size:	11px;
	color:	#6c6c6c;
	font-weight: 400;
    margin-bottom: 15px;
}
.footer-first-pane ul li img{
	margin-right:	15px;
	position:	relative;
	top:	0px;
	margin-bottom:	7px;
	float: left;
    display: inline-block;
}
.footer-first-pane ul li:nth-child(2) span{
	position:	relative;
	top:	3px;
}
.footer-first-pane ul li span a{
	color:	#6c6c6c;
}
.footer-sec-pane h1{
	font-family: 'Raleway-Medium';
	font-size:	13px;
	color:	#FFF;
	position:	relative;
	margin-bottom:	30px;
}
.footer-sec-pane h1:before{
	position:	absolute;
	content:	"";
	height:	1px;
	width:	30px;
	background:#EC4752;
	bottom:	-10px;
	left:	0;
}
.footer-sec-pane h2{
	font-family: 'Raleway-Medium';
	font-size:	13px;
	color:	#FFF;
	position:	relative;
}
.footer-sec-pane h2 span{
	font-family: 'Raleway-Medium';
	color:	#EC4752;
}
.footer-sec-pane p{
	font-family: 'Raleway-Medium';
	font-size:	13px;
	color:	#646464;
	position: relative;
	font-weight: 400;
}
.footer-sec-pane p span{
	color:	#EC4752;
}
.footer-sec-pane p i{
	color:	#EC4752;
	margin-right:	7px;
}

.footer-third-pane h1{
	font-family: 'Raleway-Medium';
	font-size:	13px;
	color:	#FFF;
	position:	relative;
	margin-bottom:	30px;
}
.footer-third-pane h1:before{
	position:	absolute;
	content:	"";
	height:	1px;
	width:	30px;
	background:#EC4752;
	bottom:	-10px;
	left:	0;
}
.latest-news-wrapper > div{
	margin-bottom:	25px;
}
.latest-news-wrapper > div > div:nth-child(1){
	float:	left;
	display:	inline-block;
	margin-right:	10px;
}
.latest-news-wrapper > div > div:nth-child(2){
	float:	left;
	display:	inline-block;
}
.latest-news-wrapper > div > div > p:nth-child(1){
	font-family: 'Raleway-Medium';
	font-size:	13px;
	color:	#646464;
	position:	relative;
	font-weight:	600;
    max-width: 182px;
    margin-bottom: 12px;
	margin-top: -4px;
}
.latest-news-wrapper > div > div > p:nth-child(2){
	font-family: 'Raleway-Medium';
	font-size:	12px;
	color:	#fffefe;
	position:	relative;
    max-width: 182px;
}

.footer-fourth-pane h1{
	font-family: 'Raleway-Medium';
	font-size:	13px;
	color:	#FFF;
	position:	relative;
	margin-bottom:	30px;
}
.footer-fourth-pane h1:before{
	position:	absolute;
	content:	"";
	height:	1px;
	width:	30px;
	background:#EC4752;
	bottom:	-10px;
	left:	0;
}
.footer-fourth-pane p{
	font-family: 'Raleway-Medium';
	font-size:	13px;
	color:	#646464;
	position:	relative;
	font-weight:	400;
    margin-bottom: 25px;
	margin-top: -4px;
}
.footer-fourth-pane input{
	background:	transparent;
	border-radius:	0;
	-moz-border-radius:	0;
	-o-border-radius:	0;
	-webkit-border-radius:	0;
	border-color:	#575757;
	display:	block;
}
.footer-fourth-pane button{
	border-radius:	0;
	-moz-border-radius:	0;
	-o-border-radius:	0;
	-webkit-border-radius:	0;
	text-transform:	uppercase;
	font-family: 'Raleway-Medium';
	font-size:	12px;
	color:	#f3f3f3;
	background:	#EC4752;
	padding-top: 8px;
    padding-bottom: 8px;
	border:	2px solid #EC4752;
	transition-duration:	0.6s;
	-webkit-transition-duration:	0.6s;
	-moz-transition-duration:	0.6s;
	-o-transition-duration:	0.6s;
}
.footer-fourth-pane button:hover{
	background:	transparent;
	color:	#EC4752;
	border:	2px solid #EC4752;
}

.img-item {
    background: #666 none repeat scroll 0 0;
    float: left;
    height: 60px;
    margin-right: 8px;
	margin-bottom: 8px;
    width: 70px;
	overflow:hidden;
}
.img-item:hover img{transform:scale(1.2);}
.img-item > img {
    display: block;
    height: 100%;
    width: 100%;
	transition:all 0.5s ease-in;
}

.footer-bottom{
	background:	rgba(35,35,35,1);
	border-top:	1px solid #2b2b2b;
	padding-top:	15px;
	padding-bottom:	15px;
	text-align:center;
}
.footer-bottom  > p {
    line-height: 40px;
    padding-right: 30px;
	text-align:center;
}
.footer-bottom ul li{
	display:	inline-block;
	list-style-type:	none;
	text-align:	left;
	margin:	0 8px;
}
.footer-bottom ul li:first-child {
    margin-left: 0;
}
.footer-bottom ul{
	text-align:	center;
	margin-bottom: 3px;
	padding-left:	0 !important;
}
.footer-bottom ul li a{
	color:	#747474;
	transition-duration:	0.6s;
	-webkit-transition-duration:	0.6s;
	-moz-transition-duration:	0.6s;
	-o-transition-duration:	0.6s;
}
.footer-bottom ul li a .fa-facebook:hover{color:#3C5A99;}
.footer-bottom ul li a .fa-twitter:hover{color:#28A1DA;}
.footer-bottom ul li a .fa-rss:hover{color:#F69439;}
.footer-bottom ul li a .fa-linkedin:hover{color:#0077B5;}
/*.footer-bottom ul li a:hover, .footer-bottom ul li a:focus, .footer-bottom ul li a:active{
	color:	#0cb4ce;
	text-decoration:	none;
}*/
.footer-bottom p{
	font-family: 'Raleway-Medium';
	font-size:	13px;
	color:	#646464;
	position:	relative;
	font-weight:	400;
	text-align:	center;
    margin-bottom: 0;
	line-height: 22px;
}
.footer-bottom a{color:#646464; text-decoration:none;}
.footer-bottom a:hover{text-decoration:underline;}
/*===============
  sub page style
=================*/
.serv > ul {
    padding-left: 0;
}
.serv li {
    font-size: 14px;
    letter-spacing: 0.5px;
    margin-bottom: 12px;
}
.serv li span {
    color: #ec4752;
    font-size: 16px;
    font-weight: 700;
}

.top-serv{padding-top:30px;}
.top-serv-item h2{font-family:'Roboto'; font-size:18px; color:#fff; background-color:#EC4752; margin:0; text-align:center; font-weight:400; padding:10px 0;}
.top-serv-item p{padding:7px 5px; text-align:justify;}
.top-serv-item p:last-of-type{text-align:center;}
.top-serv-item p a{display:inline-block;font-size:14px; font-family:'Roboto'; color:#EC4752;font-weight:500; border:2px solid #EC4752; padding:5px 10px;border-radius:3px; transition:all 0.3s ease-in;}
.top-serv-item p a:hover{color:#fff; background-color:#EC4752;}

.cont{padding:20px 0;}
.cont h2 {
    font-family: Raleway-Light;
    font-size: 27px;
    text-transform: uppercase;
	position:relative;
	margin-bottom: 18px;
    padding-bottom: 12px;
}
.cont h2:after{content:"";position:absolute; width:40px; height:4px;background-color:#333;left:0;bottom:0;}
.cont h2 span{font-family:Raleway-Bold;}
.cont-left h2{margin-bottom:0;}
.reach{font-family:Roboto;}
.reach h4 {
    color: #ec4752;
    font-family: Roboto;
    font-size: 20px;
	margin-bottom:7px;
	margin-top: 15px;
}
.write a{color:#333;}
.write a:hover{color:#ec4752;}
.cont-map{padding-top:10px;}
.name,.email,.sub {
    border: 1px solid #ccc;
    box-sizing: border-box;
    height: 40px;
	margin-bottom:10px;
    padding-left: 10px;
    width: 100%;
	border-radius:3px;
}
.mes{
	border: 1px solid #ccc;
    box-sizing: border-box;
    height: 200px;
	margin-bottom:8px;
    padding-left: 10px;
    width: 100%;
	border-radius:3px;
}
.name:focus,.email:focus,.sub:focus,.mes:focus{box-shadow:0 0 3px #333; border:1px dashed red;}
.send {
    background: #ec4752 none repeat scroll 0 0;
    border: 1px solid #ec4752;
    border-radius: 3px;
    color: #fff;
    padding: 4px 16px;
	font-weight:700;
	transition:all 0.3s ease-in;
}
.send:hover{color:#ec4752;background-color:transparent;}