/*--------------------------------------------------------------
>>> TABLE OF CONTENTS:
----------------------------------------------------------------
#0.1	Global Elements 

#1	header
#2 demo
#3	features
#4	thanks
#5	footer

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






/*--------------------------------------------------------------
#1	header
--------------------------------------------------------------*/
header {
	background: url(../images/banar.jpg) no-repeat 50% 50%;
	background-size: cover;
	width: 100%;
	height: 710px;
	text-align: center;
	display: table;
	position: relative;
	
}

header .container {
	width: 100%;
	position: relative;
	z-index: 10;
	color: #fff;
	display: table-cell;
	vertical-align: middle;
}

.gl-hero-img-wrapper .container .gl-elements-content-wrapper .typed-cursor,
.pac-container .pac-item .pac-icon,
.pac-container .pac-item .pac-icon-marker {
    display: none
}


.mama{

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

.gl-hero-text-wrapper h1 {
	font-weight: bold;
}


/*mouse-pointer*/
header .mouse {
	position: absolute;
	left: 50%;
	bottom: 80px;
	-webkit-transform: translate(-50%);
	transform: translate(-50%);
}

header .mouse a {
	display: inline-block;
	width: 35px;
	height: 90px;
	color: #ffaa17;
	border: 2px solid #fff;
	border-radius: 40px;
	position: relative;

}

@-webkit-keyframes mouse-animate {
	form { -webkit-transform: translateY(0); }
	to { -webkit-transform: translateY(20px); }
}
@keyframes mouse-animate {
	form { transform: translateY(0); }
	to { transform: translateY(20px); }
}

header .mouse i {
	display: block;
	margin-top: 30px;
	font-size: 22px;
	-webkit-animation: mouse-animate 1s alternate infinite;
	animation: mouse-animate 1s alternate infinite;
}






/*--------------------------------------------------------------
#3	features
--------------------------------------------------------------*/
.features {
	background-color: #f6f6f6;
	padding: 60px 0 30px;
	border-top: 1px solid #dbdbdb;
	border-bottom: 1px solid #dbdbdb;
}

.features .title h2 {
	text-align: center;
	color: #000;
	font-size: 40px;
    font-weight: 600;
	margin-bottom: 100px;
    
}

.features .thumbnail {
	min-height: 250px;
	max-height: 250px;
	text-align: center;
	border: 1px solid #eeeeee;
	border-radius: 0;
	padding: 50px 30px;
	margin-bottom: 30px;
	-webkit-transition: all 0.2s;
	transition: all 0.2s;
}


.features .thumbnail i {
	display: block;
	width: 80px;
	height: 80px;
	line-height: 80px;
	font-size: 40px;
	color: #ffaa17;
	
	margin: 0 auto;
}
.hasib{
    display: block;
	width: 80px;
	height: 80px;
	line-height: 80px;
	font-size: 40px;
	color: #;
	
	margin: 0 auto;
    
}

.hasib img{
    
    width: 80px;
    height: 80px;
}
.features .thumbnail i:before {
	margin: 0;
	font-size: 40px;
	color: #ffaa17;
}

.features .thumbnail h3 {
	font-size: 18px;
	color: #000;
	line-height: 25px;
}

.features .thumbnail:hover {
	background-color: #e5e5e5;
}

.features .thumbnail:hover i {
	border-color: #a5a4a4;
}