@import url('https://fonts.googleapis.com/css?family=Prompt');

@font-face { 
	font-family: 'fontAwesome' ; 
	src: url('../css/AvenirLTStd-Light.woff2'), url('../css/AvenirLTStd-Light.otf') format("truetype"); 
	font-weight: normal;
  font-style: normal;
}

/* === CSS reset === */
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td { 
	color: #666;
    font-family: fontAwesome, 'Prompt', sans-serif;
    font-size: 15px;
    line-height: 25px;
	-webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

html,body {
	margin:0;
	padding:0;
    background-repeat: no-repeat !important;
    background-attachment: fixed;
    background-position: top center;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    background-size: cover !important;
}

/* === banner pager === */
#nav { text-align: center; width: 100%; z-index: 99; position: absolute; top:100px; overflow: hidden;}
#nav a {
display: block;
float: left;
width: 10px;
height: 10px;
text-indent: -999em;
background: #fff;
border-radius: 10px; /* must be the same as width and height */
-moz-border-radius: 10px;
-webkit-border-radius: 10px;
box-shadow: 0 0 0px 0px #707173; /* border color */
margin-left: 10px;
}
#nav a {background: #c0c0c0;}
#nav a.activeSlide {background: #707173;}

/* === CSS setting === */
#font-red {color: #CE2026;}

a:link {color: #666; text-decoration: none}
a:visited {color: #666; text-decoration: none}
a:active {color: #666; text-decoration: none}
a:hover {color: #cc3333; text-decoration: none}

/* === Menu setting === */
.menu {font-size: 14px; color:#666;}
.menu a:link{ color:#666;}
.menu a:visited{color: #666;}
.menu:hover  a:link {color:#cc3333;}
.menu:hover  a:visited {color:#cc3333;}

.menu .submenu {font-size: 14px; color:#666;}
.menu .submenu a:link{ color:#666;}
.menu .submenu a:visited{color: #666;}
.menu .submenu a:hover {color: #cc3333;}

.ModelMenu {font-size: 25px; color:#fff; cursor:pointer;}
.ModelMenu a:link{ color:#fff;}
.ModelMenu a:visited{color: #fff;}
.ModelMenu:hover  a:link {color:#cc3333;}
.ModelMenu:hover  a:visited {color:#cc3333;}

/* === Image setting === */
.imgRadius {border-radius: 5px;}
.fade {
   opacity: 0.2;
   transition: opacity .25s ease-in-out;
   -moz-transition: opacity .25s ease-in-out;
   -webkit-transition: opacity .25s ease-in-out;
}
.fade:hover {opacity:1;}

.imgFloat img {
	border-radius: 5px;
	opacity: 1;
   transition: opacity .25s ease-in-out;
   -moz-transition: opacity .25s ease-in-out;
   -webkit-transition: opacity .25s ease-in-out;
}

.imgFloat:hover {
	opacity: 0.5;
}

.imgBorder {
	background: #fff;
	padding: 5px;
	position: relative;
	box-shadow: 0 1px 3px rgba(0,0,0,0.3);
}

.imgBorderFade:hover {
	background: #fff;
	box-shadow: 0 1px 3px rgba(0,0,0,0.3);
	cursor: pointer;
}

/* === Standard setting === */
.header { font-size:35px;}
.header2 { font-size:25px; line-height: 35px;}
.header3 { font-size:18px; line-height: 30px;}

.footer {
    line-height: 25px;
	font-size: 12px;
	color: #dadada;
}
.footer2 {
    line-height: 25px;
	font-size: 12px;
}
.footer a:link {color: #ffffff;}
.footer a:visited {color: #ffffff;}
.footer .head {font-size: 25px;}
.footer .contact {font-size: 30px;}

#Txt-Field
{
	BACKGROUND-COLOR: #ffffff;
	BORDER-BOTTOM: 1px solid Gray;
	BORDER-LEFT: 1px solid Gray;
	BORDER-RIGHT: 1px solid Gray;
	BORDER-TOP: 1px solid Gray;
	COLOR: Black;
	FONT-WEIGHT: normal
}
#Button
{
	BACKGROUND-COLOR: #CE2026;
	BORDER: 0px solid;
	border-radius:10px;
	COLOR: White;
	height: 2.5em;
	FONT-SIZE: 15px;
	FONT-WEIGHT: normal;
}

/* === Thumbs setting === */
.da-thumbs {
	list-style: none;
	width: 1200px;
	position: relative;
	margin: 20px auto;
	padding: 10;
}
.da-thumbs li {
	float: left;
	margin: 20px;
	background: #fff;
	padding: 2px;
	position: relative;
	box-shadow: 0 1px 3px rgba(0,0,0,0.3);
}
.da-thumbs li a,
.da-thumbs li a img {
	display: block;
	position: relative;
}
.da-thumbs li a {
	overflow: hidden;
}
.da-thumbs li a div {
	position: absolute;
	background: #fff;	
	width: 100%;
	height: 100%;
}
.da-thumbs li a div span {
	display: block;
	padding: 10px 0;
	margin: 40px 20px 20px 20px;
	font-weight: normal;
	color: #666;
	/* text-shadow: 1px 1px 1px rgba(0,0,0,0.2); */
	border-bottom: 1px solid rgba(255,255,255,0.5);
	box-shadow: 0 1px 0 rgba(0,0,0,0.1), 0 -10px 0 rgba(0,0,0,0.1);
}

/* === light popup === */

/* Custom */
.title-h1 {
    font-size: 16px;
    color: #000;
    background: rgba(255,255,255,0.85);
    padding: 10px;
    margin: 10px 10px;
    text-align: center;
    font-weight: 400;
}
.title-h1-content {
    font-size: 20px;
    color: #000;
    display:inline;
    margin: 5px;
}
/* End Custom */