@font-face{
   font-family: 'JosefinSans-Bold';
   src:url('../fonts/JosefinSans-Bold.ttf') format('truetype');
}

@font-face{
   font-family: 'JosefinSans-SemiBold';
   src:url('../fonts/JosefinSans-SemiBold.ttf') format('truetype');
}


@font-face{
   font-family: 'OpenSans-Regular';
   src:url('../fonts/OpenSans-Regular.ttf') format('truetype');
}

@font-face{
   font-family: 'OpenSans-Semibold';
   src:url('../fonts/OpenSans-Semibold.ttf') format('truetype');
}

/*#80375d*/
body{  font-family: 'OpenSans-Regular'; position: relative;}
p{margin-top: 10px;}
a{color:#333333; text-decoration: none;}
a:hover{color:#333333; text-decoration: none;}

.logo{
	width: 200px;
}
.banner{
	padding: 0;
}
.banner img{width: 100%;}


.nopad{padding: 0;}
.mt30{margin-top: 30px;}
.mt50{margin-top: 50px;}
.mt70{margin-top: 70px;}
.mt100{margin-top: 100px;}

.topbar{
	background: #ffffff;
	color: #f15d22;
	padding-top: 5px;
	padding-bottom: 5px;
}

.navigation{
	margin-bottom: 0;
	border-radius: 0;
	background:#fdeee8; /*#00b6e3;*/
	border: 0;
}

.navigation .nav li a{
	color:#333333;
	font-family:'OpenSans-Semibold';
	letter-spacing: 1px;
}

.navigation .nav li a:hover{
	background: #f15d22;
	color:#ffffff;
}


.over{
 position: absolute;
 box-sizing: border-box;
 padding-top: 100px;
 /*text-align: center;*/
 color:#f15d22;
}

.over h1{
	font-family: 'JosefinSans-Bold';
	font-size: 60px;
}

.heading{
	font-family: 'JosefinSans-Bold';
	/*text-align: center;*/
	color:#f15d22;
	margin-bottom: 25px;
	/*color:#00b6e3;*/
}

.intro p{
	font-size: 16px;
	letter-spacing: 0.5px;
	line-height: 30px;
}

.why p span{
	display: block;
	font-family: 'OpenSans-Semibold';
}

.why p{
	position: relative; 
	padding-left: 35px;
}

.why p i{
	position: absolute;
	left: 0;
	top:10px;
	color: #c04a1b;
	font-size: 18px;
}

.pic{
	padding: 10px;
  box-shadow: 0 3px 5px -1px rgba(0, 0, 0, 0.08), 0 5px 8px 0 rgba(0, 0, 0, 0.12), 0 1px 14px 0 rgba(0, 0, 0, 0.06);
  background: #ffffff;
}

.box{
	background:#fdeee8;
	color:#333333;
	box-sizing: border-box;
	padding: 10px;
}

.button{
	background: #f15d22;
	color:#ffffff;
	display: inline-block;
	padding: 7px 20px;
	border-radius: 30px;
	font-family: 'OpenSans-Semibold';
	border: 2px solid #c04a1b;
}

.button:hover{
	background: #f15d22;
	color:#ffffff;
}


.bg{
	background: #f15d22;
	color:#ffffff;
	padding-top: 25px;
	padding-bottom: 25px;
}

.bg .heading{
	color:#ffffff;
}

.bg2{
	background:#fdeee8;
	padding-top: 25px;
	padding-bottom: 35px;
	padding-left: 50px;
	padding-right: 50px;
}

.bold{font-family: 'OpenSans-Semibold';}
.res h3{
	font-family: 'JosefinSans-Bold';
	margin-bottom: 25px;
}

.res p{
	/*letter-spacing: 1px;*/
	border-bottom: 1px solid #eeeeee;
	padding-bottom: 5px;
	font-size: 15px;
	text-transform: capitalize;
	font-family: 'OpenSans-Semibold';
}

.b1{
	background:#fdeee8;
	color:#333333;
	padding-top: 15px;
	padding-bottom: 15px;
}

.b1 p{
	letter-spacing: 0.5px;
	border-bottom: 1px solid #666666;
	padding-bottom: 5px;
}

.b2{
	background:#f15d22;
	color:#ffffff;
	padding-top: 15px;
	padding-bottom: 15px;
}

.cls{
	position: absolute;
	color:#ffffff;
	font-family: 'JosefinSans-Bold';
	font-size: 42px;
	text-align: center;
	width: 100%;
	left:0;
	top:20px;
}

.cls2{

	color:#ffffff;
	font-family: 'JosefinSans-Bold';
	font-size: 36px;
	text-align: center;


}

.b3{
	background:#c04a1b;
	color:#ffffff;
	padding-top: 15px;
	padding-bottom: 15px;
}


.footer{
	background: #202020;
	color:#ffffff;
	padding-top: 50px;
	padding-bottom: 60px;
}


form input{width: 100%; height: 35px; padding-left: 10px;}
form textarea{width: 100%; height: 100px; padding-left: 10px;}
form label {font-weight: normal; font-family: 'OpenSans-Semibold'; font-size: 13px; margin-bottom: 0;}

@media(max-width: 768px){

	.cls{
		font-size: 40px;
		left:0;
		top:15px;
	}

	.cls2{
		font-size: 36px;
	}
.logo{
	width: 150px;
}
.logobox{padding:0 }

.navbar-toggle{margin-top: 0; margin-bottom: 0;}

.over{
 position: absolute;
 box-sizing: border-box;
 padding-top: 10px;
 /*text-align: center;*/
 color:#f15d22;
}

.over h1{
	font-family: 'JosefinSans-Bold';
	font-size: 26px;
}

.over h2, .over h3{font-size: 18px; margin: 0}

.img{display: none;}

}