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

/* 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 */

.banners_text_bg{ 
	background: url(../images/fullbg.jpg) no-repeat center;
	height: 300px; 
	width: 100%;
}
.banners_text{ padding-left: 200px; padding-right: 200px; padding-top: 60px; font-size: 38px;}

.table-row{
    background: url(../images/shadow.png) top -1px left no-repeat;
    background-size: 100% auto; 
    font-size: 18px;
    
}

.clr{
    clear: both;
}

.border-right{
    border-right: 1px solid #c9cacc;
}

.box-padding{
    padding-top: 10px;
    padding-bottom: 0px;
}

.box-width{
	width:150px;
}
.tppping{  padding-bottom: 30px;padding-top: 20px;}
.box-top { padding-top:40px;}

.box-top1 { padding-top:79px;}
.box-top2 { padding-top:79px; padding-bottom:20px;}
.bg-twes{ padding-bottom: 35px;padding-top: 30px; font-family: MAIAN,sans-serif;}
.bg-twes h2{}
.bg-twes p{ font-size: 20px; padding-bottom: 15px; }
/*postcard-table1*/

.postcard-table1{ background:#f0f0f1;}
.postcard-bg1{ background:url(../images/brochures2.png) center no-repeat;
width:268px;
height:135px;
margin-top:80px;

}
.fline{ background:#2a2627; height: 5px; width: 100%; }
.hkazi2 {
    font-size: 28px;
    padding-right: 33px;
    padding-top: 35px;
    margin: 0;
}
.pkazi{padding-right:40px;}

/*postcard-table5*/

.postcard-table5{ background:#f0f0f1;}
.postcard-bg5{ background:url(../images/birthdays1.png) center no-repeat;
width:262px;
height:135px;
margin-top: 42px;
}

.table-ti1{font-weight: bold;
	padding-left: 20px;
	font-size: 20px;
}

.pkazi{padding-right:40px; font-size:20px;}
.bottom-pric{padding-top:30px; padding-bottom:40px; }


/*postcard-table5*/
/* 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;
}

/*  content area */


.qoute {
	padding-bottom: 10px;
	padding-top: 10px;
	color: #ffffff;
	background: #f48020;
	
}
.qoute-text {
	font-size: 30px;
	font-family: MAIAN, sans-serif;
}

.qoute1{
    padding-bottom: 10px;
    padding-top: 10px;
    background-color:  #04a9ff;
    color: #ffffff;
}

.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;
    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: 24px;
    padding: 18px 0 18px;
}

.offerContent{
    padding: 15px 20px;
    
}

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


.offerContent3{
    padding: 10px 10px;
    
}

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

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

.recommandedPrice{
    background: url(../images/price-bttom-img.png)top left no-repeat;
    background-position: 100% 100%;
    padding: 10px;
    text-align: center;
    color: #fff;
    font-size: 16px;
    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:100%;
	}


.nextStep{
    padding: 40px;
}
.maxWidth670{
    max-width: 670px;
    margin: 0 auto;
    margin-left: 447px;
}

.nextStepsTitle h1{
    font-size: 60px;
    font-family: berlinsansfbdemi, sans-serif;
    color: #000000;
    font-weight:bold;
    margin-bottom: 50px;
    text-transform: uppercase;

	
}

.stepOne{
    background: url(../images/step1.png) top left no-repeat;
    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; 
    height: 103px; 
	width: 90px;
}
	.stepNumber{
	 color:#195e82;
	}
.stepNumber2{
	 color:#1ca4cb;
	}
.stepNumber3{
	 color:#28abb9;
	}
.stepNumber4{
	 color:#e9c462;
	}
.stepNumber5{
	 color:#e08b35;
    }
.stepText{
    padding-top: 10px;
    font-size: 20px;
    height: auto;
	color:#ffffff;
}
.stepTextPP{ padding-top: 20px;
    font-size: 20px;
    height: auto;
	color:#ffffff;}
.stepFour .stepText{
    padding-top: 10px;
	
}

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



/*  Contact Form */


#from_bg{
/*background:url(../images/form_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;*/
background-color:#e9c462;
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_bottom_boder {
    background: #2b2728;
    height: 10px;
    width: 100%;
    padding: 0;
    margin: 0 auto;
}

/* Footer  */
#footer-bg{

background: #000000; /* Old browsers */
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: #ffffff;
    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: #ffffff;
    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 */
	.banners_text_bg{ 
	background:url(../images/fullbg2.jpg)no-repeat center;
	height: 100%; 
	width: 100%;
}
.banners_text{ padding-left: 20px; padding-right: 20px; padding-top: 10px; font-size: 15px;}
.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) {

	.banners_text_bg{ 
	background:url(../images/fullbg2.jpg)no-repeat center;
	height: 100%; 
	width: 100%;
}
.banners_text{ padding-left: 20px; padding-right: 20px; padding-top: 10px; font-size: 15px;}
	.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 {
	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) {
.banners_text_bg{ 
	background:url(../images/fullbg4.jpg)no-repeat center;
	height: 100%; 
	width: 100%;
}
.banners_text{ padding-left: 20px; padding-right: 20px; padding-top: 10px; font-size: 15px;}
	
	.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%;
}
}