/* Over lay process */
.cropbox-process {
	  width:205px; 
	  margin-left: auto; 
	  margin-right: auto; 
	  padding-left: 25px; 
	  padding-right: 25px; 	
}	  
	  	  
.bg-overlay-popup {
  background: #fff url() 0 0 no-repeat;
  padding: 10px 15px 10px 15px;  
  border: medium none;
  border-radius: 5px;
}
  
#overlay-process {   
	background:#000;
	width:100%;
	height:100%;
	z-index:100098;
	top:0px;
	left:0px;
	position:fixed;
	opacity: .7;   
	filter: alpha(opacity=50);   
	-moz-opacity: .5;  
	display:none;
 } 
 
#overlay-msg{
	position:fixed;
	z-index:100098;
	margin:auto;
	width: 100%;
	height: auto;
	top: 45%;
	left: 0%;
	text-align:center;
	display:none;	
 }

.btn-overlay {
	background: #f26724 url() 0 0 no-repeat;
	float: left;
	-webkit-transition: all, 0.2s,ease-in-out;
	-o-transition: all, 0.2s,ease-in-out;
	transition: all, 0.2s,ease-in-out; 
}
.btn-overlay a {
	  display: block;
	  color: #fff;
	  font-size: 14px;
	  padding: 5px 15px;
}
.btn-overlay:hover {
	  -webkit-box-shadow: 2px 3px 4px #969696;
	  box-shadow: 2px 3px 4px #969696; 
}

/* Model */
.bg-model-popup {
  background: #fff url() 0 0 no-repeat;
  padding: 5px 15px 15px 15px;
  border: 2px solid #ff7a00; 
 }
 
.bg-model-popup h4 { 
  font-weight:600; 
  font-size:18px; 
  line-height:24px; 
  color:#32474c;
} 
  
.bg-model-popup input {
  box-sizing : border-box; 
  height:35px; 
  background: #fff url() 0 0 no-repeat; 
  border: 1px solid #d2d2d2; 
  width:99%; 
  font-size:13px; 
  text-indent : 4px; 
}  

.bg-model-popup input:focus{
 outline: none;
 border-color: #d2d2d2;
 box-shadow: 0 0 6px #d2d2d2;	
}

.bg-model-popup .btn-1 {
  background: #ffb400;
  /* Old browsers */
  background: -moz-linear-gradient(top, #ffb400 0%, #ff7800 100%);
  /* FF3.6+ */
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #ffb400), color-stop(100%, #ff7800));
  /* Chrome,Safari4+ */
  background: -webkit-linear-gradient(top, #ffb400 0%, #ff7800 100%);
  /* Chrome10+,Safari5.1+ */
  background: -o-linear-gradient(top, #ffb400 0%, #ff7800 100%);
  /* Opera 11.10+ */
  background: -ms-linear-gradient(top, #ffb400 0%, #ff7800 100%);
  /* IE10+ */
  background: linear-gradient(to bottom, #ffb400 0%, #ff7800 100%);
  /* W3C */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffb400', endColorstr='#ff7800',GradientType=0 );
  /* IE6-9 */
  display: table;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  -ms-border-radius: 5px;
  -o-border-radius: 5px;
  border-radius: 5px; }
.bg-model-popup .btn-1 a {
    display: block;
    color: #fff;
    padding: 10px 10px; 
}
	
.bg-model-popup .btn-2 {
  background: #5a5a5a url() 0 0 no-repeat;
  display: table;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  -ms-border-radius: 5px;
  -o-border-radius: 5px;
  border-radius: 5px; }
.bg-model-popup .btn-2 a {
    display: block;
    padding: 10px 20px;
    color: #fff; 
}	

.m8l { margin-left:8px;}
.red { color:#FF3800;}

.bg-model-popup .text-title { float:left; width:25%; margin-right:1%; font-weight:500; padding-top:5px; padding-left:10px;}
.bg-model-popup .text-respons { float:left; width:63%; padding-top:5px;}

#page-height { min-height:450px;}
#preloader {
    position:fixed;
    top:0;
    left:0;
    right:0;
    bottom:0;
    background-color:#fff; /* change if the mask should have another color then white */
    z-index:999999; /* makes sure it stays on top */
}

#preloader .fa { font-size:55px;}
.preloader-animation {
    font-size: 55px;
    position:absolute;
    left:50%; /* centers the loading animation horizontally one the screen */
    top:50%; /* centers the loading animation vertically one the screen */

}

#messRes{ color:#cc0000; margin-left:10px;}