@import url(http://fonts.googleapis.com/earlyaccess/notosanskr.css);
body {	color:#333;	font:300 15px/15px 'Noto Sans KR', 'Roboto Condensed';background:#fff; -webkit-font-smoothing:antialiased;}

a{color:#00a9c6; text-decoration:none;}
a:hover{color:#666;}
.btn,a,.btn:hover,a:hover {
-webkit-transition: all 0.3s ease-in-out;
-moz-transition: all 0.3s ease-in-out;
-ms-transition: all 0.3s ease-in-out;
-o-transition: all 0.3s ease-in-out;
transition: all 0.3s ease-in-out;
outline: none !important;
}

h1,h2,h3,h4{margin: 0;line-height: 1em;}
h1{font:700 5em 'Noto Sans KR', 'Roboto Condensed';margin:0.25em 0;text-transform: uppercase;}
h2{font:400 2.5em 'Noto Sans KR', 'Roboto Condensed';margin-bottom: 1.2em;}
h3{font:700 1.7em 'Noto Sans KR', 'Roboto Condensed';margin:1.7em 0 1em 0;}
h4{font:500 1.5em 'Noto Sans KR', 'Roboto Condensed';margin-bottom: 1em;}
h4 i{margin-right: 0.5em;}

p{font:400 1.5em 'Noto Sans KR', 'Roboto Condensed';font-size:1em;line-height: 1.7em; margin-bottom: 1.7em;}

.spacer{margin-top:3em; padding-top:6em; padding-bottom:5em;padding-left:6em; padding-right:6em;}
.spacer_ud{padding-top:9em; padding-bottom:5em;}
.text-spacer {letter-spacing:0.5em;}
.line-spacer {line-height:2.2em;}
.padding-ud-5px {padding-top:5px; padding-bottom:5px;}
.padding-ud-15px {padding-top:15px; padding-bottom:15px;}
.padding-lr-15px {padding-left:15px; padding-right:15px;}
.padding-r-40px {padding-right:10px;}
.padding-l-40px {padding-left:10px;}


.btn{border:none;border-radius: 0;padding: 1em 4em;background: rgba(0,0,0,0.5);text-transform: uppercase;}
.btn:hover,.btn:active{color: #fff;}
.btn-default{color: #ccc;border: 1px solid #aaa;}
.btn-default:hover,.btn-default:active{background: rgba(0,0,0,0.8);}
.btn-primary{color: #fff;background:#e89f10;width: 100%;outline: none;}
.btn-primary:hover,.btn-primary:active,.btn-primary:focus{background:#f3c024;box-shadow: none;}

.topbar {background:url(../images/lines.png);	height:5px;position: fixed;top: 0;width: 100%;z-index: 1000;}
.navbar-nav > li > a{font-size: 1em;line-height: 3.6em;}
.navbar-fixed-top{top: 5px;}
.navbar-inverse{background: #fff;border-color: #fff;}
.navbar-inverse .navbar-nav>.active>a, .navbar-inverse .navbar-nav>.active>a:hover, .navbar-inverse .navbar-nav>.active>a:focus{background: none;color: #d4a000;}

#head,.carousel{margin-top: 0;}

#home{padding-top: 6em;}



/*services*/
#services a {color:#fff;}
#services a:hover {color:#fff;}

/*artist*/
.about.spacer{padding-left: 4em; padding-right: 4em;padding-bottom: 4em;}
.artists {padding-top:20px; padding-bottom:20px; }
.artists ul li{width: 14em;height: 15em;padding: 0; padding-top:2em; margin: 0 1.0em;line-height: 30.5em;color: #999;}
.artists ul li span{line-height: 4em;display: inline-block;font-weight: 200; vertical-align:top;}
.artists ul li span i{font-size: 3em;}
.artists ul li span b{display: block;font-size: 1.2em;font-weight: 500;}
.artists ul li span h5{display: block;font-size: 1em;font-weight: 50;color: #f2f2f2;}
.artists_text div{margin-bottom: 50px;}
.artists_text ul li span h4{font-size: 14px;font-weight: 300;}

/* Wedding Event */
.outer-padding {padding:5px; background-color:#rgba(255,255,255,0.5);}
.inner-border {border:2px solid #e6e6e6; vertical-align:middle; background-color:rgba(255,255,255,0.7); line-height: 24.5em; height: 15em; margin: 0 1.0em;}
.inner-border h3{color:#555; font-size:1.1em;}
.inner-border p{color:#555; }

/*Okinawa */
.shadow {box-shadow: 1px 1px 6px #888888;}

/*works*/
#works{padding-top:6em;}
#works figcaption a{border:1px solid #fff;margin-top: 1em;display: inline-block;color: #fff;padding: 0 2em;}
#works figcaption a:hover{text-decoration: none;padding: 0 3em;}
#works figcaption h2{font-size:1.5em;}
.blank figcaption h2{color:#000;}
.blank figcaption p{color:#000;}

/*works*/
.works_text ul li span h4{font-size: 14px;font-weight: 300;padding-top: 20px; margin-left:1.5em; margin-right:1.5em;}


/*team*/
.team figure{width: 100%; margin-bottom:30px;}
.team img{width: 100%; }
.team b{font-size: 1.2em;display: block;}
.team a i.fa{color: #fff; font-size: 2em;}
.team a i.fa:hover{color: #d4a000;}

.highlight-info{ background:url(../images/lab.png) center fixed; background-repeat:repeat;  color:#fff;}
.highlight-info .overlay{background: rgba(232,159,16,0.7);}
.highlight-info h4{color: #fff;margin:0.5em 0 0 0;}
/*about us*/



#rental .ubutia-card{background-color:#f8f8f8;font-size:13px;padding:35px 0;transition:all 0.3s ease-in-out;margin-bottom:25px;}
#rental .ubutia-card .ubutia-card-header{font-size:12px;margin-bottom:10px;color:#51c2b9;}
#rental .ubutia-card .ubutia-card-content h3{letter-spacing:2px;margin-bottom:35px;}
.info{background-color:#242629;padding-top:50px;padding-bottom:90px; }
.info_address{text-align:left;}
.info span{color:#aaa; size:14px;}
.info p{font-size:12px;color:#aaa;margin-bottom:3px;font-weight:500;}
.info a{color:#aaa;}
.info img{padding-bottom:30px;}
.info h4{color:#ddd;font-weight:700;}

.footer{background-color:#222222;text-align:center;padding:20px 0;}
.footer span{color:#51c2b9;}
.footer p{font-size:12px;color:#93998e;margin-bottom:0;}
.footer a{color:#fff;}
.ubutia-card .ubutia-card-header .card-icon:after{transition:all 0.3s ease-in-out;}
.ubutia-card:hover .ubutia-card-header .card-icon:after{height:120px;width:120px;top:-1px;left:-1px;}

.ubutia-card{text-align:center;}
.ubutia-card .ubutia-card-header{margin-bottom:45px;}
.ubutia-card .ubutia-card-header .card-icon{border-radius:100%;display:inline-block;height:120px;width:120px;line-height:120px;position:relative;}
.ubutia-btn{border-color:#51c2b9;font-style:italic;color:#51c2b9;border-radius:0;letter-spacing:3px;padding:15px 80px;margin-bottom:30px;background-color:transparent;transition:all 0.3s ease-in-out;}
.ubutia-btn:hover{background-color:#51c2b9;color:#fff;}
.solid{background-color:#51c2b9;color:#fff;}
.solid:hover{background-color:#fff;color:#51c2b9;}
.small-btn{padding:10px 130px;}

.effect-zoe{box-shadow: 3px 3px 15px #666;}



/*contact*/
.contactform textarea,.contactform input{width: 100%;padding:1em;border:1px solid #ccc;margin-bottom: 1em;border-radius: 0;outline: none;}
/*contact*/

.image-resize {width:100%;height:100%}


.footer{background-color: #111; color: #fff; font-size: 1em;color: #aaa;}
.footer a{color: #aaa;margin: 0 1em; }

.gototop{position: fixed;bottom: 20px; right: 20px;background: rgba(0,0,0,0.5);padding: 10px;color: #fff;}
.gototop i{line-height: 0.5em;}


@media (max-width: 1200px) {
	body{font:300 13px/13px 'Noto Sans KR', 'Roboto Condensed';}
	.navbar-brand{padding-top: 11px;}
	.artists ul li{margin:0 0.5em; }
	.inner-border {margin:0 0.5em; }
	#works figcaption h2{font-size:1em;margin:0}

	.grid figure h2{font: 700 1.5em 'Noto Sans KR', 'Roboto Condensed';}
	figure.effect-oscar figcaption{padding: 12%;}
	figure.effect-oscar figcaption::before,figure.effect-chico figcaption::before{top: 20px;right: 20px;bottom: 20px;left: 20px;}

	.partners img{margin: 0 25px 25px 0;}
}

@media (max-width: 900px) {
	h1{font: 700 3.5em 'Noto Sans KR', 'Roboto Condensed';}
	h4 {font: 300 1.3em 'Noto Sans KR', 'Roboto Condensed';}
	.btn{padding: 1em 2em;}
	.partners img{margin: 0 15px 25px 0;width: 157px;}
	.artists ul li{width: 10em;height: 16em;border-radius: 0%;}
	.inner-border{height: 13em;}
	.artists_text ul li span h4{font-size: 12px;font-weight: 300;}
	#works figcaption h2{font-size:0.5em;}
	
	figure.effect-chico figcaption {padding: 2em;}	
	figure.effect-oscar figcaption {padding: 20%;}
	figure.effect-chico figcaption::before{top: 10px;right: 10px;bottom: 10px;left: 10px;}
	.grid figure.effect-chico p{font-size: 0.2em;line-height: 0.9em;letter-spacing:0px;}	
	
}


@media (max-width: 767px) {
	body{font:300 12px/12px 'Noto Sans KR', 'Roboto Condensed';}
	.navbar-nav > li > a {line-height: 1em;}	
	.navbar-brand{padding: 7px;}
	.navbar-brand img{height: 37px;}
	.navbar-toggle{margin-top: 12px;}

	.carousel-caption,.carousel-control,.carousel-indicators{display: none;}

	h2.text-center{text-align: center;font-size: 1.7em;}
	h4 {font: 300 1.2em 'Noto Sans KR', 'Roboto Condensed';}
	#partners h2{padding: 0 1em;} 
	#home {padding-top: 5em;}
	#works figcaption h2{font-size:1.0em;}

	.partners{display: block;float: center;}
	.partners img{width: 120px;}

	.inner-border {margin:0; height:7em;}
	.inner-border h3 {margin:0.5em 0 0em 0;font-size:1.5em;}
	
	.about.spacer{padding-left: 2em;padding-right: 2em;}
	.spacer{padding:2em 0 0 0;}
	.artists ul li{margin-bottom: 1em;}
	

	.highlight-info .overlay{padding-bottom: 2em;}

	.grid.team div{margin: 0;padding: 0;}
	figure.effect-chico figcaption {padding: 1.5em;}
	
	
	.info_address{text-align: center;margin-top: 2em;}
	.info_address{text-align: center;margin-top: 2em;}

	.footer{padding-bottom: 2em;}
	
}