/* Add here all your CSS customizations */
@font-face {
    font-family: Roboto-Black;
    src: url("fonts/Roboto-Black.ttf") format("truetype");
}

@font-face {
    font-family: Roboto-BlackItalic;
    src: url("fonts/Roboto-BlackItalic.ttf") format("truetype");
}

@font-face {
    font-family: Roboto-Bold;
    src: url("fonts/Roboto-Bold.ttf") format("truetype");
}

@font-face {
    font-family: Roboto-BoldItalic;
    src: url("fonts/Roboto-BoldItalic.ttf") format("truetype");
}

@font-face {
    font-family: Roboto-Italic;
    src: url("fonts/Roboto-Italic.ttf") format("truetype");
}

@font-face {
    font-family: Roboto-Light;
    src: url("fonts/Roboto-Light.ttf") format("truetype");
}

@font-face {
    font-family: Roboto-LightItalic;
    src: url("fonts/Roboto-LightItalic.ttf") format("truetype");
}

@font-face {
    font-family: Roboto-Medium;
    src: url("fonts/Roboto-Medium.ttf") format("truetype");
}

@font-face {
    font-family: Roboto-MediumItalic;
    src: url("fonts/Roboto-MediumItalic.ttf") format("truetype");
}

@font-face {
    font-family: Roboto-Regular;
    src: url("fonts/Roboto-Regular.ttf") format("truetype");
}

@font-face {
    font-family: Roboto-Thin;
    src: url("fonts/Roboto-Thin.ttf") format("truetype");
}

@font-face {
    font-family: Roboto-ThinItalic;
    src: url("fonts/Roboto-ThinItalic.ttf") format("truetype");
}

body,
body .btn {
    font-family: Roboto-Regular !important;
    font-size: 16px;
}

p {
    font-family: Roboto-Thin !important;
}


h1.thin,
h2.thin,
h3.thin,
h4.thin,
span.thin,
span span.thin {
    font-family: Roboto-Thin !important;
}


h1.bold,
h2.bold,
h3.bold,
h4.bold,
span.bold,
span span.bold {
    font-family: Roboto-Regular !important;
}





#CreateAccount label.control-label{
        font-family: Roboto-Regular !important;
        text-align:right;
}



.reflect-image {
	-webkit-box-reflect: below 10px;
	-webkit-box-reflect: below 0px -webkit-gradient(linear, left top, left bottom, from(transparent), color-stop(90%, transparent), to(rgba(250, 250, 250, 0.3)));
	/*border-radius: 10px;*/
}

#header.font-color-light nav.nav-main ul.nav-main > li.active > a,
	#header.font-color-light nav.nav-main ul.nav-main > li > a {
		color: #000 !important;
	}


#header.font-color-light nav.nav-main ul.nav-main > li.active > a:hover,
	#header.font-color-light nav.nav-main ul.nav-main > li > a:hover {
		color: #fff !important;
        background-color:#000!important;
	}

label {
    font-weight: normal;
}

.modal-backdrop {
    z-index: 0;
}