@font-face {
			font-family: opensans; /*a name to be used later*/
			src: url('opensans-light.ttf'); /*URL to font*/
		}
		
		@font-face {
			font-family: opensans_italic; /*a name to be used later*/
			src: url('opensans-lightItalic.ttf'); /*URL to font*/
		}
		
		::-webkit-input-placeholder { color:#ccc; font-size:14px; font-family: opensans_italic; }
		::-moz-placeholder { color:#ccc; font-size:14px; font-family: opensans_italic; } /* firefox 19+ */
		:-ms-input-placeholder { color:#ccc; font-size:14px; font-family: opensans_italic; } /* ie */
		input:-moz-placeholder { color:#ccc; font-size:14px; font-family: opensans_italic; }
		
		.btn-custom, .btn-customer {
			-webkit-border-radius: 6;
			-moz-border-radius: 6;
			border-radius: 6px;
			border-color:#fff;
			font-family: 'Open Sans';
			color: #ffffff !important;
			font-size: 20px;
			font-weight:400;
			border: #009999;
			background: #009999;
			text-decoration: none !important;
			padding: 7px 42px 7px 15px;
			font-family: opensans;
		}
		
		.btn-custom {
			background: url(button.png)no-repeat;
		}
		
		#login-form{
			padding-top:2px;
			height: 265px;
			background: #f6f5f5;

		}
		
		#login-form p{
			font-size: 16px;
			margin-bottom:5px;
			margin-top:12px;
			font-family: opensans;
			text-align: center;
			color: #928f8f;
		}
		
		#head-login{
			padding-bottom:18px;
			color: #928f8f;
			text-align: center;
			position:relative;
			width:98%;
		}
		
		#head-login span{
			font-family: opensans;
			font-size: 22px;
			font-weight:400;
		}
		
		.container-login{
			padding: 0 20px 0 20px;
			position: relative;
			display: block;
		}
		
		#popup-usedsails .background-popup{
			height: 90vh;
			overflow-y: scroll;
		}
		/* Larger than Desktop HD */
		@media (min-width: 1200px) {
			.container-login{
				padding: 0 40px 0 40px;
			}
		}
		
		@media (max-width: 630px) {
			.container-login{
				width: 100%; 
			}
		}
		
		@media  ( max-width: 370px) {
			.container-login{
				padding: 0 0px 0 0px !important;
			}
			
			.img-lock{
				display: none;
			}
		}
		
		#login-form input{

			border: 1px solid #DDD;
			width:83%;
			height: 40px;
			box-shadow: 0 0 2px #DDD inset;
			color: #666;
			padding: 5px 10px;
			margin: 3px 0px 3px 0px;
		
		}
		
		#popup input[type='text'], input[type='email'], #popup-usedsails input[type='text'], input[type='email'], #popup-usedsails-mobile input[type='text'], input[type='email'], #popup-unclaimed input[type='text'], input[type='email']{

			border: 1px solid #DDD;
			width: 90%;
			height: 40px;
			box-shadow: 0 0 2px #DDD inset;
			color: #666;
			padding: 5px 10px;
			margin: 3px 0px 3px 0px;
		
		}
		
		#popup textarea, #popup-usedsails textarea, #popup-usedsails-mobile textarea, #popup-unclaimed textarea{
			border: 1px solid #DDD;
			width: 90%;
			height: 70px;
			box-shadow: 0 0 2px #DDD inset;
			color: #666;
			padding: 5px 10px;
			margin: 3px 0px 3px 0px;
		}
		
		@media (max-width:991px) {
			.background-popup{
				height: 90vh;
				overflow-y: scroll;
			}
			
			#popup textarea, #popup-usedsails textarea,  #popup-unclaimed  textarea{
				height: 135px;
			}
		}

		#fade{
			display: none;
			position: fixed;
			top: 0%;
			left: 0%;
			width: 100%;
			height: 100%;
			background-color: #000;
			z-index:1009;
			-moz-opacity: 0.7;
			opacity:.70;
			filter: alpha(opacity=70);
		}
		.background-popup{
			background: #2c2c2c;	
			border-radius: 5px !important;
		}
		
		
		#popup, #popup-usedsails, #popup-avalaible, #popup-unclaimed{
			display: none;
			position: fixed;
			top: 0%;
			left: 0%;
			width: 100%;
			height: 70vh;
			overflow-y: visible;
			border-radius: 10px !important; 
			padding:15px 25px 30px 25px;

			z-index:1009;
		}
		 #popup-usedsails-mobile p{
			color: #fff;
		 }
		#popup p, #popup-usedsails p, #popup-unclaimed  p{
			font-family: opensans;
			text-align: center;
			color: #000;
		}
		
		#popup p{
			font-size:17px;
		}
		
		#popup-usedsails p,  #popup-unclaimed p{
				font-size:14px;
		}
		
		.popup-head p, .heading-information p{		
			font-size:18px !important;
		}
		.popup-head{
			background-image: url("../images/background_footer.jpg");
			background-repeat: repeat;
			border-bottom: 4px solid #790000;
			border-top-left-radius:5px !important;
			border-top-right-radius:5px !important;
		}
		
		#popup-avalaible a{
			color: #0d9b8c;
			text-decoration: none;
		}
		
		#popup-avalaible thead{
			font-size: 14px;
			font-weight: bold;

		}
		
		#flt-left, #flt-right{
			float:left;
			
		}
		
		#flt-left{
			width: 50%;
		}
		#flt-right{
			padding-left:20px;
			width: 40%;
		}
		
		.btn-send, .btn-back, .btn-send-usedsails, .btn-send-unclaimed {
			margin-top:30px;
			-webkit-border-radius: 6;
			-moz-border-radius: 6;
			border-radius: 6px !important;
			border-color:#fff;
			font-family: 'Open Sans';
			color: #ffffff !important;
			font-size: 25px;
			font-weight:400;
			background: #0d9b8c;
			border-color: #0d9b8c;
			text-decoration: none !important;
			padding: 6px 5px 6px 5px;
			text-align: center;
			width:70%;
			font-family: opensans;
		}
		
		.btn-customer:hover {
			cursor: point;
		}
		
		#loading{
			display: none;
			margin-top: 30vh;
			z-index: 1029 !important;
			position: absolute;
		}
		
		#head-login img{
			width:40px !important;
			height:40px;
		}
	
		.img-loading{
		
		}
		.progress{
			display: none;
		}