 

/************ TABLE OF CONTENTS ***************
1. Fonts
2. Main Slider
3. Page Title
4. Call To Action 
5. Fact Counter
6. Projects
7. Contact Form
8. Google Map
9. Sidebar widget
10. About us
11. Error page
12. Comming soon
13. Blog 
14. Header
15. Footer
16. Services
17. Shop
18. Team
19. Testimonial

**********************************************/
@import url('https://fonts.googleapis.com/css?family=Varela+Round');
@import url('https://fonts.googleapis.com/css?family=Poppins:400,400i,500,500i,600,600i,700,700i,800');
/*font-family: 'Poppins', sans-serif;
font-family: 'Varela Round', sans-serif;*/

/***

====================================================================
	Main Slider style
====================================================================

***/

.main-slider {
	position: relative;
	z-index: 8;
	margin-top:0
}

.main-slider .tp-caption {
	z-index: 5 !important;
}


.main-slider .tparrows.gyges {
	margin-top: -60px;
	width: 60px;
	height: 60px;
	line-height: 60px;
	background-color: rgba(255, 255, 255, 0.20);
	border-radius: 50%;
}

.main-slider .tparrows.gyges:before {
	line-height: 60px;
}

.main-slider .tparrows.gyges:hover {
	background-color: #f58634;
}

.main-slider h2 {
	position: relative;
	color: #ffffff;
	font-size: 54px;
	font-weight: 700;
	text-transform: uppercase;
	margin-top: 30px;
	line-height: 1.2em;
	padding-bottom: 20px;
	border-bottom: 1px solid rgba(255, 255, 255, 0.50);
}

.main-slider h2 span {
	color: #f58634;
}

.main-slider h2:before {
	position: absolute;
	content: '';
	width: 70px;
	height: 1px;
	left: 0px;
	bottom: -1px;
	z-index: 10;
	background-color: #f58634;
}

.main-slider h2.dark-text {
	position: relative;
	color: #022222;
}

.main-slider h2.text-center:before {
	left: 50%;
	margin-left: -35px;
}



.main-slider h4 {
	position: relative;
	color: #ffffff;
	font-size: 38px;
	font-weight: 700;
	text-transform: uppercase;
	margin-top: 30px;
	line-height: 1.2em;
	padding-bottom: 20px;
	border-bottom: 1px solid rgba(255, 255, 255, 0.50);
}

.main-slider h4 span {
	color: #f58634;
}

.main-slider h4:before {
	position: absolute;
	content: '';
	width: 70px;
	height: 1px;
	left: 0px;
	bottom: -1px;
	z-index: 10;
	background-color: #f58634;
}

.main-slider h4.dark-text {
	position: relative;
	color: #022222;
}

.main-slider h4.text-center:before {
	left: 50%;
	margin-left: -35px;
}






.main-slider .text {
	position: relative;
	font-size: 18px;
	font-weight: 500;
	color: #fff;
	line-height: 1.7em;
}

.main-slider .text.dark-text {
	color: #022222;
	font-size: 16px;
}

.main-slider .dark-heading {
	position: relative;
	color: #022222;
	font-size: 60px;
	border: 0px;
	padding: 0px;
	line-height: 1.2em;
}

.main-slider .dark-heading:after {
	display: none;
}

.main-slider .white-heading {
	position: relative;
	color: #fff;
	border: 0px;
	padding: 0px;
	line-height: 1.2em;
}

.main-slider .white-heading:after {
	display: none;
}

.main-slider h4 {
	position: relative;
	font-size: 36px;
	font-weight: 400;
	color: #ffffff;
}

.main-slider h1 {
	position: relative;
	font-size: 72px;
	font-weight: 700;
	color: #ffffff;
	line-height: 1.2em;
	text-transform: uppercase;
}

.slider-content {
	position: relative;
	padding: 35px 30px;
	background-color: rgba(0, 0, 0, 0.60);
}

.slider-content h3 {
	position: relative;
	color: #ffffff;
	font-size: 30px;
	line-height: 1.4em;
	font-weight: 700;
	padding-bottom: 18px;
	margin-bottom: 25px;
	border-bottom: 1px solid rgba(255, 255, 255, 0.20);
}

.slider-content h3:after {
	position: absolute;
	content: '';
	width: 70px;
	height: 1px;
	left: 0px;
	bottom: -1px;
	z-index: 10;
	background-color: #f58634;
}

.slider-content .content-text {
	position: relative;
	color: #ffffff;
	font-size: 16px;
	font-weight: 500;
	margin-bottom: 25px;
}

.main-slider .tp-bannertimer,
.main-slider .tp-bullets {
	display: none !important;
}



@media (max-width:767px) {
.main-slider {
    position: relative;
    z-index: 8;
    margin-top: 0px;
}


.main-slider h4 {
	position: relative;
	color: #ffffff;
	font-size: 18px;
	font-weight: 700;
	text-transform: uppercase;
	margin-top: 30px;
	line-height: 1.2em;
	padding-bottom: 20px;
	border-bottom: 1px solid rgba(255, 255, 255, 0.50);
}

}






