/* To Add to CSS file */
@font-face {
    font-family: 'latoblack';
    src: url('fonts/lato-black-webfont.eot');
    src: url('fonts/lato-black-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/lato-black-webfont.woff') format('woff'),
         url('fonts/lato-black-webfont.ttf') format('truetype'),
         url('fonts/lato-black-webfont.svg#latoblack') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'latoblack_italic';
    src: url('fonts/lato-blackitalic-webfont.eot');
    src: url('fonts/lato-blackitalic-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/lato-blackitalic-webfont.woff') format('woff'),
         url('fonts/lato-blackitalic-webfont.ttf') format('truetype'),
         url('fonts/lato-blackitalic-webfont.svg#latoblack_italic') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'latobold';
    src: url('fonts/lato-bold-webfont.eot');
    src: url('fonts/lato-bold-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/lato-bold-webfont.woff') format('woff'),
         url('fonts/lato-bold-webfont.ttf') format('truetype'),
         url('fonts/lato-bold-webfont.svg#latobold') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'latobold_italic';
    src: url('fonts/lato-bolditalic-webfont.eot');
    src: url('fonts/lato-bolditalic-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/lato-bolditalic-webfont.woff') format('woff'),
         url('fonts/lato-bolditalic-webfont.ttf') format('truetype'),
         url('fonts/lato-bolditalic-webfont.svg#latobold_italic') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'latohairline';
    src: url('fonts/lato-hairline-webfont.eot');
    src: url('fonts/lato-hairline-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/lato-hairline-webfont.woff') format('woff'),
         url('fonts/lato-hairline-webfont.ttf') format('truetype'),
         url('fonts/lato-hairline-webfont.svg#latohairline') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'latohairline_italic';
    src: url('fonts/lato-hairlineitalic-webfont.eot');
    src: url('fonts/lato-hairlineitalic-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/lato-hairlineitalic-webfont.woff') format('woff'),
         url('fonts/lato-hairlineitalic-webfont.ttf') format('truetype'),
         url('fonts/lato-hairlineitalic-webfont.svg#latohairline_italic') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'latoitalic';
    src: url('fonts/lato-italic-webfont.eot');
    src: url('fonts/lato-italic-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/lato-italic-webfont.woff') format('woff'),
         url('fonts/lato-italic-webfont.ttf') format('truetype'),
         url('fonts/lato-italic-webfont.svg#latoitalic') format('svg');
    font-weight: normal;
    font-style: normal;

}
   
@font-face {
    font-family: 'latolight';
	
    src: url('fonts/lato-light-webfont.eot');
    src: url('fonts/lato-light-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/lato-light-webfont.woff') format('woff'),
         url('fonts/lato-light-webfont.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;

}
@media screen and (-webkit-min-device-pixel-ratio:0) {
    @font-face {
        font-family: 'latolight';
        src:  url('fonts/lato-light-webfont.svg#latolight') format('svg');

    }
}

@font-face {
    font-family: 'latolight_italic';
    src: url('fonts/lato-lightitalic-webfont.eot');
    src: url('fonts/lato-lightitalic-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/lato-lightitalic-webfont.woff') format('woff'),
         url('fonts/lato-lightitalic-webfont.ttf') format('truetype'),
         url('fonts/lato-lightitalic-webfont.svg#latolight_italic') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'latoregular';
    src: url('fonts/lato-regular-webfont.eot');
    src: url('fonts/lato-regular-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/lato-regular-webfont.woff') format('woff'),
         url('fonts/lato-regular-webfont.ttf') format('truetype'),
         url('fonts/lato-regular-webfont.svg#latoregular') format('svg');
    font-weight: normal;
    font-style: normal;

}


#modal {
	top:30px;
	overflow-y:hidden;
}

.modal > div {
	float:none;
	margin: 0 auto;
}

.modal-main {
	background-color:#fff;
	padding:30px 50px;
	position: relative;
	height:521px;
	width:750px;
}

.modal-main img {
	margin-bottom:20px;
	max-width:100%;
}

.modal-main label {
	text-transform: uppercase;
	color:#16273e;
	font-size: 15px;
	font-family: 'latoregular', sans-serif;
}

.modal-main input {
	display:block;
	width:100%;
	margin-bottom:20px;
}

.modal-title {
	font-family: 'latobold', sans-serif;
	font-size: 20px;
	color:#16273e;
	margin-top:20px;
}

.modal-text {
	color:#205c8e;
	font-size:15px;
	font-family: 'latobold', sans-serif;
	margin-bottom:30px;
}

.form-control, .confirm-text {
	border-radius: 0px;
	border-color: #16273e;
	color:#16273e;
	font-family: 'latoregular', sans-serif;
	font-size:16px;
}

input[type="submit"], .return-button {
	margin-top:30px;
	border:none;
	padding:7px;
	color:#fff;
	font-family: 'latoregular', sans-serif;
	font-size: 17px;
	text-transform: uppercase;
	background: #2c70a0;
	background: -moz-linear-gradient(top, #549ed2 0%,  #2c70a0 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#549ed2), color-stop(100%,#2c70a0));
	background: -webkit-linear-gradient(top,#549ed2 0%,  #2c70a0 100%);
	background: -o-linear-gradient(top,#549ed2 0%,  #2c70a0 100%);
	background: -ms-linear-gradient(top,#549ed2 0%,  #2c70a0 100%);
	background: linear-gradient(to bottom,#549ed2 0%,  #2c70a0 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#2c70a0', endColorstr='#549ed2',GradientType=0 );
	text-align: center;
}

.return-button a  {
	color:#fff;
}

button.close {
	position: absolute;
	top:15px;
	right:15px;
	opacity: 1
}

input.error, label.error, label.error-label, select.error {
	color:#d16638;
	border-color: #d16638;
}

label.error {
	position:absolute;
	top:4px;
	right:15px;
	font-size:11px;
	text-transform: none;
	font-size:9px \9;
}


.success-container img, .return-button, .confirm-text{
	display:block;
	margin:0 auto;
	text-align: center;
}

.success-container .return-button {
	width:260px;
}

.success-container {
	display: table;
	height:100%;
	width:100%;
}

.table-cell {
	vertical-align: middle;
	text-align: center;
	display:table-cell;
}

.confirm-text {
	margin: 20px 0px;
	font-family: 'latobold', sans-serif;
}

.modal-open {
	overflow: auto;
}

.form label {
	margin-bottom:5px;
}