.max-width {
	max-width: 1015px;
}
label {
	font-weight: normal;
}
/* add fonts **/

@font-face {
	font-family: MAIAN;
	src: url(../fonts/MAIAN.TTF);
}
@font-face {
	font-family: berlinsansfbdemi;
	src: url(../fonts/berlin-sans-fb-demi-bold.TTF);
}
@font-face {
	font-family: IMPRISHA;
	src: url(../fonts/IMPRISHA.TTF);
}
@font-face {
	font-family: Gothic;
	src: url(../fonts/Gothic.TTF);
}
@font-face {
	font-family: GOTHICB;
	src: url(../fonts/GOTHICB.TTF);
}
@font-face {
	font-family: Folktale;
	src: url(../fonts/Folktale.TTF);
}
/* header */
header{
	box-shadow: -1px 20px 8px -16px rgba(0, 0, 0, 0.2);
	width: 100%;
	background: rgb(72,176,239); /* Old browsers */
	background: -moz-linear-gradient(top, rgba(72,176,239,1) 0%, rgba(34,152,231,1) 49%, rgba(0,129,223,1) 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(top, rgba(72,176,239,1) 0%, rgba(34,152,231,1) 49%, rgba(0,129,223,1) 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to bottom, rgba(72,176,239,1) 0%, rgba(34,152,231,1) 49%, rgba(0,129,223,1) 100%);
 filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#48b0ef', endColorstr='#0081df', GradientType=0 ); /* IE6-9 */
}

/* navigation */
.navbar-default {
    background-color: transparent;
    border-bottom-color: transparent;
    border-left-color: transparent;
    border-right-color: transparent;
    border-top-color: transparent;
}
.navbar{
	margin-bottom: 0;	
}

.navbar-brand{
	height: auto;
}

.navbar-nav{
	margin-top: 15px;
}

.navbar-default .navbar-toggle:hover, .navbar-default .navbar-toggle:focus{
	background-color: #ffffff;	
}

.navbar-default .navbar-nav > li > a{
	color: #ffffff;
    font-family: MAIAN,sans-serif;
    font-size: 20px;
}

.navbar-default .navbar-nav > li > a:hover, .navbar-default .navbar-nav > li > a:focus{
	color: #f2a750;	
}

.navbar-default .navbar-nav > .open > a, .navbar-default .navbar-nav > .open > a:focus, .navbar-default .navbar-nav > .open > a:hover{
	background-color:transparent;
}

.for-call{
	margin-top:-45px;
	color: #ffffff;
    font-family: MAIAN,sans-serif;
    font-size: 18px;
}
/* Banner */
/* banner section */
.banner{
	background-color: #d2d2d2;
}

.banner-width{
	max-width: 1400px;
	margin: 0 auto;
}

.banner-box{
	position: relative;
	padding: 0;
}
.banner-box h2{
	position: absolute;
	right: 186px;
	top: 34px;
	color: #12c0e5;
    font-family: IMPRISHA;
    font-size: 100px;
	text-transform: uppercase;

}

.banner-box p {
    color: #12c0e5;
	font-family:sans-serif;
	font-size: 48px;
	position: absolute;
	right: 226px;
    top: 292px;
	font-weight:300;
}


/*  content area */


.qoute {
	padding-bottom: 10px;
	padding-top: 10px;
	color: #ffffff;
	background: rgb(72,176,239); /* Old browsers */
	background: -moz-linear-gradient(top, rgba(72,176,239,1) 0%, rgba(34,152,231,1) 49%, rgba(0,129,223,1) 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(top, rgba(72,176,239,1) 0%, rgba(34,152,231,1) 49%, rgba(0,129,223,1) 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to bottom, rgba(72,176,239,1) 0%, rgba(34,152,231,1) 49%, rgba(0,129,223,1) 100%);
 filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#48b0ef', endColorstr='#0081df', GradientType=0 ); /* IE6-9 */
}
.qoute-text {
	font-size: 30px;
	font-family: MAIAN, sans-serif;
}

/* offer box  */
#price-table-bg{
background:url(../images/price-table-bg.jpg);
background-repeat: no-repeat;
background-position: center center;
background-attachment: fixed;
-webkit-background-size: cover;
-moz-background-size: cover;
-o-background-size: cover;
background-size: cover;
height:800px;
	}

.priceOffer{
    
    padding: 60px 0;
}

.priceBox{
    max-width: 845px;
    
}

.padding0{
    padding: 0;
}

.priceOfferLeft{
    padding: 0 15px;
    margin-top: 38px;
    height: 565px;
    background: url(../images/price-table-black.png) top left no-repeat;
   
}
.priceOfferRight{
    padding: 15 0px;
    margin-top: 38px;
	padding-left:15px;
    height: 565px;
    background:url(../images/price-table-blackR.png) top left no-repeat;
   
}


.offerRecommanded{
    padding: 0 15px 44px;
    max-height: 644px;
    background: url(../images/recommanded.png) top left no-repeat;
    position: relative;
    
}


.offerTitle{
    color: #fff;
    font-family: MAIAN, sans-serif;
    font-size: 25px;
    padding: 18px 0 18px;
}
.offerTitleMid{
     color: #fff;
    font-family: MAIAN,sans-serif;
    font-size: 24px;
    padding-bottom: 18px;
    padding-left: 0;
    padding-right: 0;
    padding-top: 30px;
}

.offerContent{
    padding: 15px 20px;
    
}

.offerContent p{
    color: #fff;
    font-size: 22px;
    font-family: MAIAN, sans-serif;
    margin-bottom: 15px;
}
.offerTitle3 {
    color: #ffffff;
    font-family: MAIAN,sans-serif;
    font-size: 25px;
    padding-bottom: 5px;
    padding-left: 0;
    padding-right: 22px;
    padding-top: 38px;
}

.offerContent3{
    padding: 57px 10px;
    
}

.offerContent3 p{
    color: #fff;
    font-size: 22px;
    font-family: MAIAN, sans-serif;
    margin-bottom:15px;
}

.offerRecommanded .offerContent p{
    color: #ffffff;
}

.recommandedPrice{
    background: url(../images/price-bttom-img.png)top left no-repeat;
    background-position: 100% 100%;
    padding-bottom: 3px; 
    padding-top:57px;
    text-align: center;
    color: #fff;
    font-size: 18px;
    font-family: MAIAN, sans-serif;
}


.recommad{
    position: absolute;
    top: 0;
    left: -1px;
}


/*  next step  */
#nextStep_bg{
background:url(../images/next_step_bg.jpg);
background-repeat: no-repeat;
background-position: center center;
background-attachment: fixed;
-webkit-background-size: cover;
-moz-background-size: cover;
-o-background-size: cover;
background-size: cover;
height:800px;
	}



.maxWidth670{
    max-width: 670px;
    margin: 0 auto;
}

.nextStepsTitle h1{
    font-size: 50px;
    font-family: sans-serif;
    color: #707070;
    font-weight:bold;
    margin-bottom: 50px;
    text-transform: uppercase;
    
}

.stepOne{
    background: url(../images/step1.png) top left no-repeat;
    background-position: 100% auto;
    height: 103px;
    margin-bottom: 25px;
}

.stepTwo{
    background: url(../images/step2.png) top left no-repeat;
}

.stepThree{
    background: url(../images/step3.png) top left no-repeat;
}

.stepFour{
    background: url(../images/step4.png) top left no-repeat;
}

.stepFive{
    background: url(../images/step5.png) top left no-repeat;
}

.stepNumber{
    font-family: arial, sans-serif;
    font-size: 45px;
    line-height: 103px;
	font-weight:bold; 
	padding-right: 28px;
}
	.stepNumber{
	 color:#4d4d4d;
	}
.stepNumber2{
	 color:#737373;
	}
.stepNumber3{
	 color:#707070;
	}
.stepNumber4{
	 color:#a5a5a5;
	}
.stepNumber5{
	 color:#8a8a8a;
    }
.stepText{
    padding-top: 26px;
    font-size: 19px;
    height: auto;
	color:#ffffff;
}

.stepFour .stepText{
    padding-top: 10px;
	
}

.nextarrow{
    margin-top: 40px;
    margin-right: 15px;
}





/*  Contact Form */


#from_bg{
background-color:#9cc847;
height:100%px;
	}
.contactForm{
padding: 35px 0;    

}

.maxWidth700{
    max-width: 960px;
    margin: 0 auto;
}

.marginTop10{
    margin-top: 6px;
}
form span{
    color: red;
    font-size: 18px;
    font-weight: bold;
}

.marginBottom5{
    margin-bottom: 5px;
}


/* Footer  */
#footer-bg{
background: #ffffff; 
}

#footer-bg2{
background: #0077CC; 
height:100%;
	}


.paddingBottom30{
    margin-bottom: 30px;
}
.title h2{ padding-top:15px; color:#ffffff; text-transform:uppercase; font-size:20px;}
.line-nav {
    margin-left: 0;
    margin-top: 0;
    padding-left: 0;
    width: 58px;
}
.footer-bottom-cont p {padding-top:8px; color:#ffffff;}
.footer-bottom-cont span p {padding-top:17px; color:#ffffff;}
.footer-bottom-cont ul {padding-left: 0px; padding-top: 17px; color: #ffffff; }
.footer-bottom-cont ul li{ list-style:none; text-decoration:none; color:#ffffff; padding-bottom:15px}
.footer-bottom-cont ul li a{ text-decoration:none; color:#ffffff;}

.footerLine_text {
    color: #000000;
    font-size: 36px;
    font-weight: normal;
    padding-bottom: 30px;
    padding-left: 15px;
    padding-right: 15px;
    padding-top: 10px;
}
.footerLine{
  font-size: 19px;
  padding: 10px 15px;
  color: #fff;
  background-color: #3f164c;
  font-weight: bold;
}

.copyRight {
    color: #d9d9d9;
    font-family: sans-serif;
    font-size: 14px;
    padding-bottom: 20px;
    padding-top: 20px;
}
/*  next step  */
#nextStep_bg {
	background: url(../images/next_step_bg.jpg);
	background-repeat: no-repeat;
	background-position: center center;
	background-attachment: fixed;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
	height: 890px;
}
.nextStep {
	padding: 40px;
}
.maxWidth670 {
	max-width: 670px;
	margin: 0 auto;
}
.nextStepsTitle h1 {
	font-size: 50px;
	font-family: sans-serif;
	color: #707070;
	font-weight: bold;
	margin-bottom: 50px;
	text-transform: uppercase;
 //text-shadow: 2px 2px #000000;
}
.stepOne {
	background: url(../images/step1.png) top left no-repeat;
	background-position: 100% auto;
	height: 103px;
	margin-bottom: 25px;
}
.stepTwo {
	background: url(../images/step2.png) top left no-repeat;
	height: 103px;
}
.stepThree {
	background: url(../images/step3.png) top left no-repeat;
}
.stepFour {
	background: url(../images/step4.png) top left no-repeat;
}
.stepFive {
	background: url(../images/step5.png) top left no-repeat;
}
.stepNumber {
	font-family: arial, sans-serif;
	font-size: 45px;
	line-height: 103px;
	font-weight: bold;
	padding-right: 36px;
}
.stepNumber {
	color: #195e82;
}
.stepNumber2 {
	color: #195e82;
	padding-top: 2px;
}
.stepNumber3 {
	color: #195e82;
}
.stepNumber4 {
	color: #195e82;
}
.stepNumber5 {
	color: #195e82;
}
.stepText {
	padding-top: 26px;
	font-size: 19px;
	height: auto;
	color: #ffffff;
}
.stepFour .stepText {
	padding-top: 10px;
}
.nextarrow {
	margin-top: 40px;
	margin-right: 15px;
}
.next_btn_url {
	color: #ffffff;
	font-size: 15px;
	padding-left: 0;
	padding-right: 19px;
	padding-top: 7px;
	font-weight: bold;
}
.next_btn_url a {
	padding-left: 10px;
}
.next_btn_url td, th {
	padding-bottom: 3px;
	padding-left: 0;
	padding-right: 0;
	padding-top: 0;
}
/*  Contact Form */


#from_bg {
	background-color:#77af2e;
	height: 100%;
}
.contactForm {
	padding: 35px 0;
}
.maxWidth700 {
	max-width: 960px;
	margin: 0 auto;
}
.marginTop10 {
	margin-top: 6px;
}
form span {
	color: red;
	font-size: 18px;
	font-weight: bold;
}
.marginBottom5 {
	margin-bottom: 5px;
}
.send_btn {
	background: #23b2e9;
}
/* Footer  */
#footer-bg {
	background: #ffffff;
	height: 100%;
}
.footerLine_text {
	color: #000;
	font-size: 36px;
	font-weight: normal;
	padding-bottom: 30px;
	padding-left: 15px;
	padding-right: 15px;
	padding-top: 10px;
}
.footerLine {
	font-size: 19px;
	padding: 10px 15px;
	color: #fff;
	background-color: #3f164c;
	font-weight: bold;
}
.hitc {
	height: 68px;
}
#footer-bg2 {
	background: #0077cc;
	height: 100%;
}
.footer_color_bg1 {
	background: #f99210;
	height: 100%;
}
.footer_color_bg2 {
	background: #fab865;
	height: 100%;
}
.footer_bottom_boder {
	background: #2b2728;
	height: 10px;
	width: 100%;
	padding: 0;
	margin: 0 auto;
}
.paddingBottom30 {
	margin-bottom: 30px;
}
.title h2 {
	padding-top: 15px;
	color: #ffffff;
	text-transform: uppercase;
	font-size: 20px;
}
.line-nav {
	margin-left: 0;
	margin-top: 0;
	padding-left: 0;
	width: 58px;
}
.footer-bottom-cont p {
	padding-top: 8px;
	color: #ffffff;
	font-size: 14px;
}
.footer-bottom-cont span p {
	padding-top: 17px;
	color: #ffffff;
}
.footer-bottom-cont ul {
	padding-left: 0px;
	padding-top: 17px;
	color: #ffffff;
}
.footer-bottom-cont ul li {
	list-style: none;
	text-decoration: none;
	color: #ffffff;
	padding-bottom: 5px;
}
.footer-bottom-cont ul li a {
	text-decoration: none;
	color: #ffffff;
}
.copyRight {
	color: #d9d9d9;
	font-family: sans-serif;
	font-size: 14px;
	padding-bottom: 20px;
	padding-top: 20px;
}

/* Media Query */

@media only screen and (max-width: 1199px) {
	.quantity-box2 {
		width: 236px;
		left: -476px;
	}
}

@media only screen and (max-width: 992px) {
	.banner-box h2{
		font-size: 40px;
		top: 55px;	
	}
	
	.banner-box p {
		font-size: 24px;
		top: 175px;
		right: 215px;
		
	}
	.qoute-text {
		font-size: 28px;
	}
	.offerTitle {
		padding: 30px 0 18px;
		font-size: 22px;
	}
	
	.offerContent p {
		font-size: 20px;
	}
	.stepNumber {
		color: #195e82;
	}
	.stepNumber2 {
		color: #195e82;
	}
	.stepNumber3 {
		color: #195e82;
	}
	.stepNumber4 {
		color: #195e82;
	}
	.stepNumber5 {
		color: #195e82;
	}
	#footer-bg {
		height: 100%;
	}
	.quantity-box {
		left: -189px;
	}
	.quantity-box2 {
		left: -377px;
		width: 186px;
	}
	.quantity-box3 {
		left: -564px;
	}
	.slider_text h1 {
		right: 105px;
		font-size: 52px;
	}
	.slider_text p {
		font-size: 32px;
		right: 113px;
		top: 178px;
	}
	
}

@media only screen and (max-width: 768px) {
	/* Navigation */
	.navbar-toggle {
		margin-top: 45px; /* Adjust for mobile nav icon position */
	}
	.for-call{ 
		margin-top: 0; /* Optional */
	}
	
	.navbar-collapse{
		position: absolute; /* For positioning layer */
		width: 100%; /* Responsive 100% width nav */
		z-index: 999; 
		background-color: rgba(0, 0, 0, 0.8); /* You can edit this color and also background opacity of toggle drop down  */
			
	}
	
	.navbar-default .navbar-nav .open .dropdown-menu > li > a {
		color: #ffffff; /* For changing navigation font color */
	}
	
	.navbar-default .navbar-nav > .open > a, .navbar-default .navbar-nav > .open > a:focus, .navbar-default .navbar-nav > .open > a:hover {
		color: #fff; /* For changing navigation font hover color */
	}
	
	.banner-box h2{
		top: 30px;	
		right: 95px;
	}
	
	.banner-box p {
		top: 150px;
		right: 127px;
	}
	
	.priceOfferLeft {
		margin: 0 auto 25px;
		max-width: 281px;
	}
	.nextStepsTitle h1 {
		font-size: 24px;
	}
	.priceOfferRight {
		margin: 0 auto 25px;
		max-width: 281px;
	}
	.offerRecommanded {
		max-width: 320px;
		margin: 0 auto 25px;
	}
	.stepOne, .stepTwo, .stepThree, .stepFour, .stepFive {
		background: none;
		max-height: auto !important;
		height: auto;
	}
	.price-idea-box {
		max-width: 240px;
		margin: 45px auto 95px;
	}
	.quantity-box {
		max-width: 240px;
		margin: 0 auto;
		border-radius: 10px;
		margin-bottom: 15px;
		bottom: auto;
		left: 0;
		top: -60px;
		width: 100%;
	}
	.quantity-blnk {
		height: auto;
	}
	/*  logo   */
	
	.stepNumber {
		color: #195e82;
		width: 105px;
		height: 103px;
		margin: 0 auto;
		background: url(../images/1.png) top left no-repeat;
	}
	.stepNumber2 {
		background: url(../images/2.png) top left no-repeat;
		color: #195e82;
	}
	.stepNumber3 {
		background: url(../images/3.png) top left no-repeat;
		color: #195e82;
	}
	.stepNumber4 {
		background: url(../images/4.png) top left no-repeat;
		color: #195e82;
	}
	.stepNumber5 {
		background: url(../images/5.png) top left no-repeat;
		color: #195e82;
	}
	.text-step {
		background-color: #D25400;
		padding-bottom: 25px;
		border-radius: 10px;
		color: #195E82;
	}
	.text-step2 {
		background-color: #D25400;
		color: #1ca4cb;
	}
	.text-step3 {
		background-color: #D25400;
		color: #195E82;
	}
	.text-step4 {
		background-color: #D25400;
		color: #195E82;
	}
	.text-step5 {
		background-color: #ff9f4b;
		color: #195E82;
	}
	.stepText {
		float: none !important;
		text-align: center;
	}
	.nextarrow {
		float: none !important;
		text-align: center;
		margin-top: 15px;
	}
	#price-table-bg {
		height: 100%;
	}
	#price-table-bg {
		height: 100%;
	}
	#nextStep_bg {
		height: 100%;
	}
	#from_bg {
		height: 100%;
	}
	.stepNumber {
		padding-left: 29px;
		font-weight: bold;
	}
	.footer-bottom-cont p {
		padding-top: 8px;
		color: #ffffff;
		font-size: 13px;
	}
	.hitc {
		height: 0px;
	}
	.footerLine_text {
		font-size: 20px;
	}
	.boohit {
		padding-top: 15px;
		padding-bottom: 15px;
	}
	.array-boo-img {
		width: 15%;
	}
	.top_ber {
		height: 120px;
	}
	#footer-bg {
		height: 100%;
	}
	
	.top-price_tag_left_img{
		margin-bottom: 30px;
	}
	.text_top_price_box{
		max-width: 420px;
		margin: 0 auto 35px;
	}
	.price-idea h1 {
		font-size: 30px;
	}
	.price-idea em {
		font-size: 20px;
	}
}

@media only screen and (max-width: 660px) {
	.banner-box h2{
		font-size: 38px;
		right: 65px;
	}
	
	.banner-box p {
		font-size: 24px;
		right: 90px;
		top: 143px;
		
	}
.qoute-text {
	font-size: 24px;
}
#price-table-bg {
	height: 100%;
}
#price-table-bg {
	height: 100%;
}
#nextStep_bg {
	height: 100%;
}
#from_bg {
	height: 100%;
}

.stepNumber {
	padding-left: 29px;
	font-weight: bold;
}

.footerLine_text {
	font-size: 20px;
}
.boohit {
	padding-top: 15px;
	padding-bottom: 15px;
}
.array-boo-img {
	width: 15%;
}
#footer-bg {
	height: 100%;
}

.price-idea h1 {
    font-size: 26px;
}
.price-idea em {
    font-size: 16px;
}
}

@media only screen and (max-width: 480px) {
.banner-box h2{
		 font-size: 26px;
    	 right: 30px;
		 top: 0;
		-webkit-text-stroke-width: 2px;
	}
	
	.banner-box p {
		font-size: 18px;
		right: 44px;
		top: 80px;
		
	}
.qoute-text {
	font-size: 18px;
}
.nextStepsTitle h1 {
	font-size: 24px !important;
}
#price-table-bg {
	height: 100%;
}
#nextStep_bg {
	height: 100%;
}
#from_bg {
	height: 100%;
}
.stepNumber {
	padding-left: 29px;
	font-weight: bold;
}
.footerLine_text {
	font-size: 20px;
}
.boohit {
	padding-top: 15px;
	padding-bottom: 15px;
}
.array-boo-img {
	width: 15%;
}

#footer-bg {
	height: 100%;
}
.price-idea h1 {
    font-size: 20px;
	}
	.price-idea em {
    font-size: 14px;
}
}

@media only screen and (max-width: 360px) {
	.banner-box h2{
		 font-size: 24px;
	}
	.banner-box p {
		font-size: 16px;
		right: 27px;
		top: 75px;
	}
.nextStepsTitle h1 {
	font-size: 28px;
}
.offerRecommanded {
	margin: 0 20px 25px;
}
#price-table-bg {
	height: 100%;
}
#price-table-bg {
	height: 100%;
}
#nextStep_bg {
	height: 100%;
}
#from_bg {
	height: 100%;
}
.stepNumber {
	padding-left: 29px;
	font-weight: bold;
}
.footerLine_text {
	font-size: 20px;
}
.boohit {
	padding-top: 15px;
	padding-bottom: 15px;
}
.array-boo-img {
	width: 15%;
}
#footer-bg {
	height: 100%;
}
.top_price_text_p_left1 {
    font-size: 20px;
    font-weight: bold;
    line-height: 120%;
}
	.top_price_text_p_left2 {
    font-size: 20px;
}
	.top_price_text_p_right {
    font-size: 20px;
    padding-top: 20px;
}
}

@media only screen and (max-width: 320px) {
#footer-bg {
	height: 100%;
}
}