#dropzone {
   margin-bottom: 3rem; 
   height:300px;
 }
 
 .progress-bars
 {
	 width:100%;
	 margin-left: auto;
     margin-right: auto;
     border-radius: 5px;
	 padding:0px 40px 0px 40px;
 }

 .dropzone {
	 height:100%;
	 width:83%;
   border: 2px dashed #0087F7;
   
   max-width: 720px;
   margin-left: auto;
   margin-right: auto;
   border-radius: 5px;
   background: white; 
   }
   .dropzone .dz-message {
     font-weight: 400; }
     .dropzone .dz-message .note {
       font-size: 0.8em;
       font-weight: 200;
       display: block;
       margin-top: 1.4rem; }

 *, *:before, *:after {
   box-sizing: border-box; }


   @import url(https://fonts.googleapis.com/css?family=Roboto:400,300,600,400italic);
* {
  margin: 0;
  padding: 0;
  box-sizing: border-box;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -webkit-font-smoothing: antialiased;
  -moz-font-smoothing: antialiased;
  -o-font-smoothing: antialiased;
  font-smoothing: antialiased;
  text-rendering: optimizeLegibility;
}


	
.container {
  max-width: 960px;
  width: 100%;
  margin: auto;
  position: relative;
  
  
}

.general-info{
	/* background-color:transparent;*/
	
	
}


.file-info{
	margin-top:10px;
}

.header-info{
	text-align:center;
}

@media only screen and (max-width: 480px){
	.container {
	  max-width: 400px;
	  width: 100%;
	  margin: auto;
	  position: relative;
	  
	}
}



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

.copyRight {
    color: #ffffff;
    font-family: sans-serif;
    font-size: 14px;
    padding-bottom: 20px;
    padding-top: 20px;
	text-align: center;
}
.progress-percentage-panel{
	text-align:center;
	margin:0px;
}
.progress-percentage{
	margin:0px;
	font-weight:normal;
}



#contact input[type="text"],
#contact input[type="email"],
#contact input[type="tel"],
#contact input[type="url"],
#contact textarea,
#contact button[type="submit"] {
  font: 400 12px/16px "Roboto", Helvetica, Arial, sans-serif;
}

#contact {
  
  padding: 0px 25px 0px 35px;
  margin: 10px 0;
  /*
  background: #F9F9F9;
  box-shadow: 0 0 20px 0 rgba(0, 0, 0, 0.2), 0 5px 5px 0 rgba(0, 0, 0, 0.24);
  */
}

#contact h3 {
  display: block;
  font-size: 30px;
  font-weight: 300;
  margin-bottom: 10px;
}

#contact h4 {
  margin: 5px 0 15px;
  display: block;
  font-size: 13px;
  font-weight: 400;
}

fieldset {
  border: medium none !important;
  margin: 0 0 10px;
  min-width: 100%;
  padding: 0;
  width: 100%;
}

#contact input[type="text"],
#contact input[type="email"],
#contact input[type="tel"],
#contact input[type="url"],
#contact textarea {
  width: 100%;
  border: 1px solid #ccc;
  background: #FFF;
  margin: 0 0 5px;
  padding: 10px;
}

#contact input[type="text"]:hover,
#contact input[type="email"]:hover,
#contact input[type="tel"]:hover,
#contact input[type="url"]:hover,
#contact textarea:hover {
  -webkit-transition: border-color 0.3s ease-in-out;
  -moz-transition: border-color 0.3s ease-in-out;
  transition: border-color 0.3s ease-in-out;
  border: 1px solid #aaa;
}

#contact textarea {
  /*height: 100px;*/
  max-width: 100%;
  resize: none;
}

#contact button[type="submit"] {
  cursor: pointer;
  width: 100%;
  border: none;
  background: #4CAF50;
  color: #FFF;
  margin: 0 0 5px;
  padding: 10px;
  font-size: 15px;
}

#contact button[type="submit"]:hover {
  background: #43A047;
  -webkit-transition: background 0.3s ease-in-out;
  -moz-transition: background 0.3s ease-in-out;
  transition: background-color 0.3s ease-in-out;
}

#contact button[type="submit"]:active {
  box-shadow: inset 0 1px 3px rgba(0, 0, 0, 0.5);
}

.copyright {
  text-align: center;
}

.bottom-text-position{
	position: relative;
	top: -150px;
}

#contact input:focus,
#contact textarea:focus {
  outline: 0;
  border: 1px solid #aaa;
}

::-webkit-input-placeholder {
  color: #888;
}

:-moz-placeholder {
  color: #888;
}

::-moz-placeholder {
  color: #888;
}

:-ms-input-placeholder {
  color: #888;
}

progress[value] {
  /* Reset the default appearance */
  -webkit-appearance: none;
   appearance: none;

  width: 250px;
  height: 20px;
}

.button {
  display: inline-block;
  border-radius: 4px;
  background-color: #464645;
  border: none;
  color: #FFFFFF;
  text-align: center;
  font-size: 28px;
  padding: 20px;
  width: 200px;
  transition: all 0.5s;
  cursor: pointer;
  margin: 5px;
}

.button span {
  cursor: pointer;
  display: inline-block;
  position: relative;
  transition: 0.5s;
}

.button span:after {
  content: '\00bb';
  position: absolute;
  opacity: 0;
  top: 0;
  right: -20px;
  transition: 0.5s;
}

.button:hover span {
  padding-right: 25px;
}

.button:hover span:after {
  opacity: 1;
  right: 0;
}


@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: #000000;
	
}

/* 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{
	max-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);
	}



.upload-box{
	padding-top: 45px;
	padding-bottom: 45px;
	background-color: #eee;
	border: 1px dashed #2071C5; 
	margin-top: 26px;
	border-radius: 3px;
}

.upload-icon-box{
	width: 110px;
	height: 110px;
	border: 1px solid #e3e7eb;
	border-radius: 50%;
	background-color: #e3e7eb;
	margin: 0 auto;
	line-height: 120px;
	margin-bottom: 45px;
}
.upload-icon{
	vertical-align: middle;
}

#upload{
    display:none
}
.browse-file h3{
	font-weight: normal;
}
@media only screen and (max-width: 1080px) {
	.bottom-text-position{
	position: relative;
	top: 0px;
}
}

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

.bottom-text-position{
	position: relative;
	top: 0px;
}

}

@media only screen and (max-width: 480px) {
	
	.upload-icon-box{
		margin-bottom:0px;
	}

	.logo_upload{max-width: 280px;}	
.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;
}
.bottom-text-position{
	position: relative;
	top: 0px;
}

}

@media only screen and (max-width: 360px) {
		.logo_upload{max-width: 260px;}	
	.banner-box h2{
	 font-size: 23px;
	 right: 144px;
	 top:-4px;
	}
.banner-box p {
    font-size: 15px;
    right: 120px;
    top: 69px;
}
.upload-icon-box{

		margin-bottom:0px;
	}

.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;
}
.bottom-text-position{
	position: relative;
	top: 0px;
}

}

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

		margin-bottom:0px;
	}

}