.offerContent p.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: 520px;
	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: 558px;
    top: 306px;
    font-weight: 300;
}


.sub-prag {
    font-size: 30px;
}
/*  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;
}
.qoute-text p{
	font-size: 21px;
	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;
	}
.hittop{ height:25px; width:auto;}

				
/*  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:700px;
	}



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

.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: 10px;
    font-size: 18px;
    height: auto;
	color:#ffffff;
}
.stepText2 {padding-top: 22px;
font-size: 20px;
color: #ffffff;
}

.stepText4 {padding-top: 22px;
font-size: 20px;
color: #ffffff;
}
.stepFour .stepText{
    padding-top: 10px;
	
}

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


/*  Contact Form */
#dataID{
	background-color:#353233;
	padding:50px 50px;; 
    height:100%px;
	 }

.simpleSteps1{background:#ffffff;
	padding:30px 10px;; 
    height:100%px;

	}
	
.simpleSteps3{background:#ffffff;
	padding:40px 30px;; 
    height:100%px;

	}

.simpleSteps2{background-color:#fafafb;
	padding:20px 10px;; 
    height:100%px;
	/*border-bottom:5px solid #e8e8e9;
	border-image-width:1100px;
	border-top:5px solid #e8e8e9;*/

	}
.data-title{ padding-bottom:40px;}	
.data-title h2{padding-top:20px;
                  font-family:Cambria, "Times New Roman", serif;
				  font-size:40px;}
				  
.data-title p{font-family:Cambria, "Times New Roman", serif;
				  font-size:22px;}
				  
.simpleStepsDcp1{ padding-top:60px;
                  font-family:Cambria, "Times New Roman", serif;
				  font-size:26px;
}



.simpleStepsDcp2{ padding-top:10px;
                  font-family:Cambria, "Times New Roman", serif;
				  font-size:26px;
}


.simpleStepsDcp3{
                  font-family:Cambria, "Times New Roman", serif;
				  font-size:26px;
}
.down-img3{ margin-top: 70px;}





/*==================================================
 * Effect 7
 * ===============================================*/
.effect7
{
  	position:relative;       
    -webkit-box-shadow:0 1px 4px rgba(0, 0, 0, 0.3), 0 0 40px rgba(0, 0, 0, 0.1) inset;
       -moz-box-shadow:0 1px 4px rgba(0, 0, 0, 0.3), 0 0 40px rgba(0, 0, 0, 0.1) inset;
            box-shadow:0 1px 4px rgba(0, 0, 0, 0.3), 0 0 40px rgba(0, 0, 0, 0.1) inset;
}
.effect7:before, .effect7:after
{
	content:"";
    position:absolute; 
    z-index:-1;
    -webkit-box-shadow:0 0 20px rgba(0,0,0,0.8);
    -moz-box-shadow:0 0 20px rgba(0,0,0,0.8);
    box-shadow:0 0 20px rgba(0,0,0,0.8);
    top:0;
    bottom:0;
    left:10px;
    right:10px;
    -moz-border-radius:100px / 10px;
    border-radius:100px / 10px;
} 
.effect7:after
{
	right:10px; 
    left:auto;
    -webkit-transform:skew(8deg) rotate(3deg); 
       -moz-transform:skew(8deg) rotate(3deg);     
        -ms-transform:skew(8deg) rotate(3deg);     
         -o-transform:skew(8deg) rotate(3deg); 
            transform:skew(8deg) rotate(3deg);
}









/*  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: 700px;
}
.nextStep {
	padding: 40px;
}
.maxWidth670 {
	max-width: 670px;
	margin: 0 auto;
}
.nextStepsTitle h1 {
	font-size: 50px;
	font-family: sans-serif;
	color: #85c7f0;
	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: 135px;
}
.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: 15px;
}
.stepNumber3 {
	color: #195e82;
}
.stepNumber4 {
	color: #195e82;
}
.stepNumber5 {
	color: #195e82;
}

.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: 5px;
	padding-top: 27px;
	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:#e9c462;
	height: 100%;
}
.contactForm {
	padding: 35px 0;
}
.maxWidth700 {
	max-width: 960px;
	margin: 0 auto;
}

form span {
	color: red;
	font-size: 18px;
	font-weight: bold;
}
.marginBottom5 {
	margin-bottom: 5px;
}
.send_btn {
	background: #22b1e9;
}
/* 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: #fff;
	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: 59px;
    right: 347px;
    top: 22px;
}
.banner-box p {
    font-size: 31px;
    right: 393px;
    top: 195px;
}
	.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 {
    right: 334px;
    top: 30px;
}

.banner-box p {
    right: 370px;
    top: 187px;
}
	
	.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;
		padding-top: 0;
	}
	.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;
	}
	
	.qoute-text p{
	font-size: 15px;
	font-family: MAIAN, sans-serif;
}
}

@media only screen and (max-width: 660px) {
.banner-box p {
    font-size: 24px;
    right: 214px;
    top: 140px;
}

.banner-box h2 {
    font-size: 37px;
    right: 218px;
}
.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: 36px;
	 right: 144px;
	 top:-4px;
	}

.banner-box p {
    font-size: 15px;
    right: 131px;
    top: 81px;
}
.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;
}

.simpleStepsDcp1 {
    font-size: 18px;

}
.simpleStepsDcp2 {
    font-size: 18px;

}
.simpleStepsDcp3 {
    font-size: 18px;

}

}

@media only screen and (max-width: 360px) {
	.banner-box h2{
	 font-size: 23px;
	 right: 144px;
	 top:-4px;
	}
.banner-box p {
    font-size: 15px;
    right: 120px;
    top: 69px;
}
.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%;
}
}