.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: #4a4c6c;
	
}

/* 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: #fff;	
}


.navbar-default .navbar-nav > .active > a, .navbar-default .navbar-nav > .active > a:focus, .navbar-default .navbar-nav > .active > a:hover {
        color: #ffffff !important;
	background-color:transparent !important;
}

.for-call{
	margin-top:-45px;
	color: #ffffff;
    font-family: MAIAN,sans-serif;
    font-size: 18px;
}

/* banner section */
.banner{
	background-color: #d2d2d2;
}

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

.banner-box{
	position: relative;
	padding: 0;
}
.banner-box h2 {
    color: #ffffff;
    font-family: Arial, sans-serif;
    font-size: 78px;
    position: absolute;
    right: 199px;
    text-transform: uppercase;
    top: 466px;
     font-weight: 800;
    text-shadow: 3px 3px #000000;
    
}
.banner-box p {
    color: #000000;
    font-family: Arial,sans-serif;
    font-size: 40px;
    position: absolute;
    right: 347px;
    top: 582px;
    font-weight: 700;
}

.bg-stile{
	width:980px;
	height:auto 100%;
	background:#dedede;
	border-radius:10px;
	padding-top:40px;
	-webkit-box-shadow: 0px 2px 6px 4px rgba(0,0,0,0.75);
        -moz-box-shadow: 0px 2px 6px 4px rgba(0,0,0,0.75);
        box-shadow: 0px 2px 6px 4px rgba(0,0,0,0.75);
	}
/*  Contact Form */


#from_bg{

background: #bfbfca; /* Old browsers */
background: -moz-linear-gradient(top,  #bfbfca 1%, #bfbfca 16%, #d2b8ac 30%, #988484 52%, #686481 67%, #776d81 84%, #282d47 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top,  #bfbfca 1%,#bfbfca 16%,#d2b8ac 30%,#988484 52%,#686481 67%,#776d81 84%,#282d47 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom,  #bfbfca 1%,#bfbfca 16%,#d2b8ac 30%,#988484 52%,#686481 67%,#776d81 84%,#282d47 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#bfbfca', endColorstr='#282d47',GradientType=0 ); /* IE6-9 */


height:auto 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;
}
.footer_bottom_boder {
    background: #2b2728;
    height: 10px;
    width: 100%;
    padding: 0;
    margin: 0 auto;
}

/* Footer  */
#footer-bg{

background: #fefcea; /* Old browsers */
background: -moz-linear-gradient(top,  #fefcea 0%, #e6c161 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top,  #fefcea 0%,#e6c161 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom,  #fefcea 0%,#e6c161 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fefcea', endColorstr='#e6c161',GradientType=0 ); /* IE6-9 */
height:100%;
padding-bottom:30px;

	}

#footer-bg2{
background: #3e99d3;
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: #1fade8;
    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;
}


/* 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 */
	
.maxWidth670{
    margin: 0 auto
}
	.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;
	}
}

@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;
}
}

@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%;
}
}