@charset "utf-8";
@import url(https://fonts.googleapis.com/css?family=Open+Sans:400,700,300|Open+Sans+Condensed:300,700);
/** general **/
body { font-family: 'Open Sans', Helvetica, Arial, sans-serif; color: #6C6C6C; font-weight: 400; font-size: 15px; }
a { color: #cff; text-decoration: none; outline: 0; }
a:hover { color: #333; text-decoration: none; outline: none; }
a:focus { text-decoration: none; outline: 0px; }
a, #aboutArea .col-sm-3 { -webkit-transition: 0.25s; -moz-transition: 0.25s; -o-transition: 0.25s; transition: 0.25s; -webkit-backface-visibility: hidden; }
.banner_header { text-shadow: 1px 1px 1px #333333; }
h1, h2, h3, h4, h5, h6 { color: #333333; }
h1, h2 { color: inherit; font-family: 'Open Sans Condensed'; line-height: normal; margin: 0 0 10px 0; text-rendering: optimizelegibility; }
h1 {
	color: #0065bc;
	font-size: 42px;
	font-weight: 700;
	text-align: center;
}
h3 { margin-bottom: 20px; color: #333333; }
h4 {}
h5 {}
h6 {}
div span{
  display: inline-block;
  white-space: nowrap;
}
p { margin-bottom: 8px; }
blockquote footer, blockquote small, blockquote .small { color: #453951; }
.hline { height: 1px; max-width: 200px; margin: 5px auto; background: #999; }
.mline { height: 1px; width: 95%; margin: 5px auto; background: #999; }
.bg-shadow { position: absolute; left: 0px; top: 0px; width: 100%; height: 100%; background: rgba(195, 84, 78, 0.7); }

.navbar-inverse .navbar-toggle { border-color: #C3544E; color: #C3544E; }
.navbar-inverse .navbar-toggle .icon-bar { background: #C3544E; }
.navbar-inverse .navbar-toggle:hover, 
.navbar-inverse .navbar-toggle:focus { background: #C3544E; }
.navbar-inverse .navbar-toggle:hover .icon-bar, 
.navbar-inverse .navbar-toggle:focus .icon-bar { background: #fff; }
.navbar-inverse .navbar-collapse, .navbar-inverse .navbar-form { border-color: #C3544E; }
.nav-pills > li > a { background: #F6F6F6; color: #333; }
.nav-pills > li > a { margin: 0 2px; text-transform: uppercase; }
.nav-pills > li.active > a, .nav-pills > li.active > a:hover, .nav-pills > li.active > a:focus { background: #C3544E; }
.nav-pills > li.active > a:after { top: 100%; left: 50%; border: solid transparent; content: " "; height: 0; width: 0; position: absolute; pointer-events: none; border-color: rgba(69, 57, 81, 0); border-top-color: #C3544E; border-width: 10px; margin-left: -10px; }

.panel-default { border: #063; }
.panel-group .panel + .panel { margin-top: 10px; }
.panel-title > a {
	display: block;
	padding: 5px 15px;
	color: #fff;
	border: 1px !important;
	background-color: #0065bc;
}
.panel-title > a.collapsed { background: #bdd1fb; color: #362b41; }
.panel-title > a kbd { float: right; }
.panel-heading { padding: 0px; }
.panel-default > .panel-heading + .panel-collapse .panel-body {
	border-color: #0065bc;
	background-color: #FFF;
}
@media print {
    .modal-open > * {
        display: none !important;
    }
    .modal-open > .modal {
        display: inherit !important;
        position: inherit !important;
    }
}

#mainArea .bg-img, #setupArea, #socialArea, #countdownArea, #venueArea { background-color: #C3544E; background-repeat: no-repeat; background-position: center center; background-attachment: fixed; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover; -webkit-background-size: widthpx heightpx; -webkit-background-size: 1900px 1200px; }

/* Buttons */
.btn { border-color: #C3544E; text-decoration: none; text-transform: uppercase; -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; -webkit-transition: 0.25s; -moz-transition: 0.25s; -o-transition: 0.25s; transition: 0.25s; -webkit-backface-visibility: hidden; outline: 0; background: #C3544E; color: #fff; }
.btn:hover { background: #302739; color: #fff; border-color: #302739; }
.btn-default { background: #C3544E; color: white; border-color: #C3544E; }
.btn-default:hover, .btn-default:focus, .btn-default:active, .btn-default.active, .open .dropdown-toggle.btn-default { background: #302739; color: #fff; border-color: #302739; }
.btn-primary, .btn-primary:hover, .btn-primary:focus, .btn-primary:active, .btn-primary.active, .open .dropdown-toggle.btn-primary { background: #333; border-color: #333; }
.btn-primary:hover { background: #C3544E; color: #fff; border-color: #C3544E; }
.btn-outline-inverse { border: 2px solid #fff; color: #fff; background: rgba(0, 0, 0, 0.0); }
.btn-outline-inverse:hover { background: #fff; color: #C3544E; border: 2px solid #fff; }
.btn-outline-inverse:hover, .btn-outline-inverse:focus { background: #fff; color: #C3544E; }

/* Navigation */
.mainMenu { background: rgba(255,255,255,1.0); #fff; border-bottom: 1px solid #0065bc; padding: 30px 0; box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.4); position: fixed;}
.mainMenu, .mainMenu .navbar-brand, .mainMenu .nav > li > a { -webkit-transition: all 0.3s; -moz-transition: all 0.3s; transition: all 0.3s; }
.mainMenu .navbar-brand { font-size: 35px; color: #41474C; margin: 0px !important; padding: 0px; height: auto; line-height: normal; }
.mainMenu .navbar-brand i { color: #C3544E; }
.mainMenu .navbar-menu { margin-top:15px; }
.mainMenu .navbar-menu:hover {
	-webkit-filter: grayscale(100%);
-moz-filter: grayscale(100%);
-o-filter: grayscale(100%);
-ms-filter: grayscale(100%);
filter: grayscale(100%); }
.mainMenu .navbar-brand:hover,
.mainMenu .navbar-brand:focus { color: #C3544E; }
.mainMenu .nav > li { margin-left: 15px; }
.mainMenu .nav > li > a { color: #41474C; padding-right: 0px; }
.mainMenu .nav > li > a span { border-bottom: 2px solid rgba(195, 84, 78, 0.0); }
.mainMenu .nav > li > a:hover { color: #C3544E;}
.mainMenu .nav > li > a.current { color: #41474C; }
.mainMenu .nav > li > a.current span { border-bottom: 2px solid rgba(195, 84, 78, 1.0) }

/* animated header */
.mainMenu.tiny { padding: 0; background: rgba(255,255,255,0.95); }
.mainMenu.tiny .navbar-brand { font-size: 32px; }
.mainMenu.tiny .navbar-toggle:hover { background: #fff; color: #C3544E; border-color: #fff; }
.mainMenu.tiny .navbar-toggle:hover .icon-bar { background: #C3544E; }

/* jumbotron */
.jumbotron { text-align: center; padding: 80px 0; min-height: 0px; background: none; margin: 0px; color: #fff; }
.jumbotron h1 { font-size: 80px; font-weight: 800; line-height: 1; margin: 10px 0 20px; text-transform: none; }
.jumbotron a.btn { font-weight: bold; margin: 20px auto 0; text-transform: uppercase; }

/* jumbotron */
.content-head { text-align: center; }


/* Top Area */
#topArea { padding: 7px; font-size: 13px; border-bottom: 1px solid #E1E1E1; color: #8F8F8F; background: #F1F1F1; }
#topArea p { padding: 2px 0; margin: 0px; }

/* Main Area */
#mainArea { }

/* Main Slider */
#main-slider {
	position: relative;
	width:100%; margin:auto; max-width:1200px;
}
#main-slider .jumbotron { padding-top: 15%; position: absolute; left: 0px; right: 0px; top: 0px; }

/* Welcome Area */
#welcomeArea {
	padding: 160px 0px 0px 0px;
	color: #fff;
	background-image:url(../images/h1_bg.jpg);
	border-top: 1px solid #fff;
	margin-bottom:1px;
}
#welcomeArea h1 { color: #fff; text-shadow: 1px 1px 3px #0065bc; }
#welcomeArea a.btn { margin: 5px 10px; }

/* About Area */
#aboutArea { padding: 60px 0px; }
#aboutArea h6 { margin-bottom: 5px; text-transform: uppercase; }
#aboutArea a.more { font-size: 35px; }
#aboutArea .about-box { padding: 1.5em 0; }
#aboutArea .col-sm-3:hover { cursor: pointer; background: #0065bc; color: #fff; }
#aboutArea .col-sm-3:hover h3, #aboutArea .col-sm-3:hover a.more, #aboutArea .col-sm-3:hover a.more:hover { color: #fff; }
#aboutArea .col-sm-3:hover .icon { border-color: #fff; color: #fff; }

/* Feature Area */
#featureArea { color:#006; padding: 60px 0px; position: relative; background-image: url(../images/image_message.jpg); background-position:top; background-size:cover; background-repeat:no-repeat;}
#featureArea .container { position: relative; }
#featureArea .bg { position: absolute; left: 0px; top: 0px; width: 100%; height: 100%; background: rgba(250,250,250,0.6); }
#featureArea h1, #featureArea p.lead { text-align: center; }
#featureArea h4 {
	padding: 0px 25px;
	font-weight:700;
text-shadow: 2px 2px 1px #fff,
             -2px 2px 1px #fff,
             2px -2px 1px #fff,
             -2px -2px 1px #fff;}
#featureArea p {
	padding: 0px 25px;
	font-weight:500;
text-shadow: 2px 2px 1px #fff,
             -2px 2px 1px #fff,
             2px -2px 1px #fff,
             -2px -2px 1px #fff;}
#featureArea .icon { border-color: #0065bc; color: #0065bc; }
#featureArea .rightimg { width:100%; max-width: 350px; margin:auto;}

/* Detail Area */
#detailArea { color:#006; padding: 60px 0px;  background-image: url(../images/image_idea_bg.jpg); 
}
#detailArea h2{
	color:#3baf36;
padding: 0px 25px;
font-size:27px;
	font-weight:700;
text-shadow: 2px 2px 1px #fff,
             -2px 2px 1px #fff,
             2px -2px 1px #fff,
             -2px -2px 1px #fff;}
#detailArea h3{
	color:#336;
padding: 0px 25px;
font-size:22px;
	font-weight:700;
text-shadow: 2px 2px 1px #fff,
             -2px 2px 1px #fff,
             2px -2px 1px #fff,
             -2px -2px 1px #fff;}
#detailArea p{
	color:#336;
padding: 0px 25px;
	font-weight:500;
text-shadow: 2px 2px 1px #fff,
             -2px 2px 1px #fff,
             2px -2px 1px #fff,
             -2px -2px 1px #fff;}
#detailArea .bnrimg { width:100%; max-width: 750px; margin:auto;}
#detailArea h3 { margin-top: 0px; margin-bottom: 15px; }

/* Service Area */
#serviceArea { padding: 30px 30px; position: relative; background-image: url(../images/image_1900x1200.jpg); }
#serviceArea .bg { position: absolute; left: 0px; top: 0px; width: 100%; height: 100%; background: rgba(255,160,65,0.9); }
#serviceArea .container { position: relative; }
#serviceArea .i-overlay { padding: 10px 0; font-size: 40px; color: #0065bc; border: 2px solid #0065bc; width: 80px; height: 80px; background: #fff; margin: 15px auto; -webkit-border-radius: 50%; border-radius: 50%; -webkit-transition: 0.35s; -moz-transition: 0.35s; -o-transition: 0.35s; transition: 0.35s; }
#serviceArea .col-md-3:hover .i-overlay { color: #fff; background: #0065bc; }

/* Timeline Area */
#timelineArea { padding: 60px 0; background: #333; }

/* Work Area */
#workArea { padding: 60px 0px;background: #eaf7f9; /* Old browsers */
background: -moz-linear-gradient(top, #eaf7f9 0%, #9ee8fa 49%, #ffffff 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top, #eaf7f9 0%,#9ee8fa 49%,#ffffff 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom, #eaf7f9 0%,#9ee8fa 49%,#ffffff 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#eaf7f9', endColorstr='#ffffff',GradientType=0 ); /* IE6-9 */}
#workArea ul.controls { width: 100%; padding: 0px; overflow: hidden; margin: 20px auto; text-transform: uppercase; font-weight: 600;  border-radius:5px; color:#FFF;}
#workArea ul.controls li { list-style: none; display: inline-block; padding: 5px; cursor: pointer; max-width:150px; }

#workArea ul.controls li a { display: block;}

#workArea ul.controls li.active { color: #0065bc;  padding:5px;  opacity: 0.6;
  filter: alpha(opacity=60);
  -moz-opacity: 0.6;
  -webkit-transition: 0.3s ease-in-out;
  -moz-transition: 0.3s ease-in-out;
  -o-transition: 0.3s ease-in-out;
  transition: 0.3s ease-in-out;}
#workArea ul#Grid { margin: 0px; padding: 0px; position: relative;}
#workArea ul#Grid p { color:#FFF; }

#workArea ul#Grid li { display: none; margin-bottom: 15px; position: relative;}
#workArea ul#Grid a { display: inline-block; width: 30px; height: 30px; padding: 4px 0; color: #0065bc; background: #fff; font-weight: 700; text-transform: uppercase; -webkit-border-radius: 50%; border-radius: 50%; }
#workArea ul#Grid a:hover { color: #ff6; background: #0065bc; }
#workArea ul#Grid span { display: block; color: #fffffc; opacity:0.1; margin-bottom: 0px; font-weight: 700; padding-top: 20%; }
#workArea ul#Grid img { -webkit-transition: 0.25s; -moz-transition: 0.25s; -o-transition: 0.25s; transition: 0.25s; margin: 0px auto; border-radius: 0px ; }
#workArea ul#Grid .detail { opacity: 0; cursor: pointer; position: absolute; text-align: center; height: 90%; top: 0px; right: 10px; left: 10px;  background: rgba(0, 50, 0, 0.3); border-radius:  0px; }

/* Team Area */
/* Setup Area */
#teamArea { padding: 40px 0px; background: #feffff; /* Old browsers */
background: -moz-radial-gradient(center, ellipse cover, #feffff 0%, #a0d8ef 62%, #ffffff 99%); /* FF3.6-15 */
background: -webkit-radial-gradient(center, ellipse cover, #feffff 0%,#a0d8ef 62%,#ffffff 99%); /* Chrome10-25,Safari5.1-6 */
background: radial-gradient(ellipse at center, #feffff 0%,#a0d8ef 62%,#ffffff 99%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#feffff', endColorstr='#ffffff',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */ }

#teamArea h3 { margin-bottom: 5px; }
#teamArea h4 { font-size: 14px; }
#teamArea img { margin: 35px auto 0px; padding: 2px; border-radius:15px;; }
#teamArea .small { text-transform: uppercase; }
#teamArea .fa { font-size: 18px; margin: 0 4px; }
#teamArea .team { padding: 12px; margin: 0 2px; background: #F5F5F5; border-top: 3px solid #0065bc; }
#teamArea .team:hover img, #teamArea .team:hover { border-color: #333; }

/* Intro Area */
#profileArea { padding: 60px 0px; position: relative; background-image: url(../images/gaiyo_bg.jpg); background-size:cover; background-position:bottom}
#profileArea .container { position: relative; }
#profileArea .bg { position: absolute; left: 0px; top: 0px; width: 100%; height: 100%; background: rgba(255,255,255,0.9); }
#profileArea .icon { border-color: #0065bc; color: #0065bc; }
#profileArea # { margin: 10px; position: absolute; left: 0px; right: 0px; height: 100%; }
#profileArea #map_canvas { height: 600px; width: 100%; clear: both; border-radius:5px;}
/* Newsletter Area */
#newsletterArea { padding: 40px 0px; }

/* Contact Area */
#contactArea { position: relative; width: 100%; overflow: hidden; }
#contactArea #map { margin: 0; position: absolute; left: 0px; right: 0px; height: 100%; }
#contactArea #map_canvas { height: 600px; width: 100%; clear: both; }
#contactArea form { padding: 20px; background: rgba(255,255,255,0.9); }
#contactArea .form-control { margin-bottom: 20px; }
#contactArea textarea { min-height: 180px; }
#contactArea h4 { margin-top: 0px; text-transform: uppercase; font-weight: 700; }

/* Contact Detail */
#contact-detail {
	padding: 30px 0;
	font-size: 12px;
	color: #fff;
	background-image: url(../images/image_1900x1200.jpg);
}
#contact-detail p { color: #fff;margin: 5px 0; }
#contact-detail a:hover { color: #fff; }
#contact-detail .icon { border-color: #fff; color: #fff; margin: 10px 5px; width: 40px; height: 40px; font-size: 18px; padding: 5px 0; }
#contact-detail .icon:hover { background: #fff; color: #333; }

#actcaremap {
 width: 100%;
   height: 400px;
}

/* Smaller than standard 960 (devices and browsers) */
@media only screen and (min-width: 960px) and (max-width: 1224px) {
	
	.navbar .navbar-brand { font-size: 28px; }
	.nav > li > a { padding-left: 10px; padding-right: 10px; }
	.navbar .navbar-brand { font-size: 28px; }
	
	}

/* Tablet Portrait size to standard 960 (devices and browsers) */
@media only screen and (min-width: 768px) and (max-width: 959px) {
	
		#welcomeArea {
	padding: 150px 0px 0px 0px;
	color: #fff;
	background-image:url(../images/h1_bg.jpg);
	border-top: 1px solid #fff;
	margin-bottom: 5px;}
	#profileArea {padding: 80px 0px 0px 0px;}
}
	
	.navbar .navbar-brand { font-size: 28px; }
	.nav > li > a { padding-left: 10px; padding-right: 10px; }
	.navbar .navbar-brand { font-size: 28px; }
	
	.jumbotron h1, .jumbotron .h1 { font-size: 50px; }
	
	}


/* All Mobile Sizes (devices and browser) */
@media only screen and (max-width: 767px) {

	h1 { font-size: 28px; }
	#welcomeArea {
	padding: 185px 0px 0px 0px;
	color: #fff;
	background-image:url(../images/h1_bg.jpg);
	border-top: 1px solid #fff;
	margin-bottom: 5px;
}
	.navbar .navbar-brand, .navbar.tiny .navbar-brand { font-size: 26px; }
	.jumbotron { padding: 20px 0; }
	.jumbotron h1 { font-size: 35px; }
	.jumbotron p { font-size: 16px; }
	
	#main-slider .jumbotron { display: none; }
	.mainMenu .navbar-menu { margin-top:0px; }
	.flex-direction-nav a { top: 80%; margin: 0px; }
	
	.top-menu.tiny { padding: 5px 0; }
	
	#featureArea { color:#006; padding: 0px 0px 50px 0px;}
	#contactArea #map { position: static; }
	#contactArea #map_canvas { height: 300px; }
	
	#topArea, #topArea .text-right { padding: 5px 0; text-align: center; }
	
	#mainArea .flex-direction-nav { display: none; }
	
	#featureArea .col-sm-4 { text-align: center; padding-top: 10px; padding-bottom: 10px; }
	#featureArea p {
	padding: 0px 25px;
	font-size:14px;
	font-weight:400;
text-shadow: 2px 2px 1px #fff,
             -2px 2px 1px #fff,
             2px -2px 1px #fff,
             -2px -2px 1px #fff;}
	#profileArea #map_canvas { margin:auto; height: 400px; width: 95%; clear: both; border-radius:5px;}
	}

/* Mobile Landscape Size to Tablet Portrait (devices and browsers) */
@media only screen and (min-width: 480px) and (max-width: 767px) {
	#welcomeArea {
	padding: 220px 0px 0px 0px;
	color: #fff;
	background-image:url(../images/h1_bg.jpg);
	border-top: 1px solid #fff;
	margin-bottom: 5px;
}
#welcomeArea h1 { font-size:24px;color: #fff; text-shadow: 1px 1px 3px #0065bc; }
	.navbar { padding: 10px 0; }	
	.navbar.tiny { padding: 0px; }
	.jumbotron { padding: 10px 0; }
	
	#main-slider .jumbotron h1 { font-size: 28px; }
	.mainMenu .navbar-menu { margin-top:0px; }
	#detailArea {padding: 150px 0px 0px 0px;}
	#workArea {padding: 150px 0px 0px 0px;}
	#profileArea {padding: 150px 0px 0px 0px;}
	 }

/* Mobile Portrait Size to Mobile Landscape Size (devices and browsers) */
@media only screen and (max-width: 479px) { 
	#welcomeArea h1 { font-size:20px;color: #fff; text-shadow: 1px 1px 3px #0065bc; }
		#welcomeArea {
	padding: 200px 0px 0px 0px;
	color: #fff;
	background-image:url(../images/h1_bg.jpg);
	background-size:cover;
	background-repeat:no-repeat;
	border-top: 1px solid #fff;
	margin-bottom: 5px;
}
	}