/*==========================================
					GENERAL
========================================== */
@import url('http://fonts.googleapis.com/earlyaccess/nanumgothic.css');
@import url('https://fonts.googleapis.com/css?family=Open+Sans:400,300,700,800,600');
@import url('https://fonts.googleapis.com/css?family=Playfair+Display:400,900');

.no-pad > [class*='col-'] {
  padding-right: 0;
  padding-left: 0;
}

		/* Colored Edit */

		.with-overlay .section-overlay-colored {
			padding-top: 150px;
			padding-bottom: 150px;
			background-color: rgba(34, 135, 101, 0.5);
		}

		.btn-colored,
		.btn-colored:focus,
		.tp-caption .btn-colored,
		.tp-caption .btn-colored:focus {
		 color: #fff !important;
		 background-color: #222 !important;
		 border: 1px solid #222 !important;
		}
		.btn-colored:hover,
		.btn-colored:active,
		.btn-colored.active,
		.open > .dropdown-toggle.btn-colored,
		.tp-caption .btn-colored:hover,
		.tp-caption .btn-colored:active,
		.tp-caption .btn-colored.active,
		.open > .tp-caption .dropdown-toggle.btn-colored {
		 color: #fff !important;
		 background-color: #7befb2 !important; 
		 border: 1px solid #7befb2 !important;
		}
		.btn-colored-inverse,
		.btn-colored-inverse:focus,
		.tp-caption .btn-colored-inverse,
		.tp-caption .btn-colored-inverse:focus {
		 color: #fff !important;
		 background-color: #7befb2 !important; 
		 border: 1px solid #7befb2 !important;
		}
		.btn-colored-inverse:hover,
		.btn-colored-inverse:active,
		.btn-colored-inverse.active,
		.open > .dropdown-toggle.btn-colored-inverse,
		.tp-caption .btn-colored-inverse:hover,
		.tp-caption .btn-colored-inverse:active,
		.tp-caption .btn-colored-inverse.active,
		.open > .tp-caption  .dropdown-toggle.btn-colored-inverse {
		 color: #fff !important;
		 background-color: #222 !important;
		 border: 1px solid #222 !important;
		}
		hr.bar.colored {
			border-top: 2px solid #7befb2;
		}
		.box-icon.colored .box-icon-title>i {
			background-color:#7befb2;
		}
		.main-nav .bar-icon.bar-large {
			background-color:#7befb2;
		}


/*==========================================
					main 
========================================== */
.main-service-text {
	background-color:#fff;
	padding:8% !important;
	
}
.main-service-text > p {
	padding-bottom:20px;
}



h2.main-title {
	font-size:60px;
	font-family: 'Playfair Display' , serif;
	font-weight:400 !important;
}
p.main-lead {
	padding-top:20px;
	padding-bottom:80px;
}
h2, .h2 {
	font-size:50px;
}
h3, .h3 {
	font-size:40px;
}
.promo i {
	font-size:150px;
	line-height:60%;
}
.promo h2 {
	font-size:70px;
}


		@media (max-width: 991px) {
			h2.main-title {
				font-size:40px;
			}
			
		}
		@media (min-width: 992px) {
			.main-about {
				padding-left:4%;
				padding-right:4%;
				
			}
			.main-service-text > p {
				padding-bottom:60px;
			}
			
		}


/*==========================================
					navbar
========================================== */
#style-color .main-nav a.logo {
	font-size:36px;
	font-family: 'Roboto Slab', serif;
	color:#fff;
	font-weight:700;
	padding-top:0px;
}
#style-color .main-nav.shrink a.logo {
	font-size:30px;
	padding-top:0px;
}

.main-nav .bar-icon.bar-large {
	height: 4px;
	width: 60px;
	
	display: block;
	opacity: 1;
	margin-top: 5px;
	-webkit-transition: -webkit-transform 0.15s linear;
	-o-transition: -o-transform 0.15s linear;
	-moz-transition: -moz-transform 0.15s linear;
	transition: transform 0.15s linear;
	-webkit-transform-origin: 50% 50%;
	-o-transform-origin: 50% 50%;
	-ms-transform-origin: 50% 50%;
	-moz-transform-origin: 50% 50%;
	transform-origin: 50% 50%;
}
.main-nav .nav > li.menu-icon > a.active .bar-icon.bar-large:nth-child(1), 
.main-nav .navbar-toggle.active .bar-icon.bar-large:nth-child(1) {
	-webkit-transform: rotate(45deg) translate3d(5px, 5px, 0);
	-o-transform: rotate(45deg) translate3d(5px, 5px, 0);
	-ms-transform: rotate(45deg) translate3d(5px, 5px, 0);
	-moz-transform: rotate(45deg) translate3d(5px, 5px, 0);
	transform: rotate(45deg) translate3d(8px, 8px, 0);
}
.main-nav .nav > li.menu-icon > a.active .bar-icon.bar-large:nth-child(2), 
.main-nav .navbar-toggle.active .bar-icon.bar-large:nth-child(2) {
	opacity: 0;
}
.main-nav .nav > li.menu-icon > a.active .bar-icon.bar-large:nth-child(3), 
.main-nav .navbar-toggle.active .bar-icon.bar-large:nth-child(3) {
	-webkit-transform: rotate(-45deg) translate3d(5px, -5px, 0);
	-o-transform: rotate(-45deg) translate3d(5px, -5px, 0);
	-ms-transform: rotate(-45deg) translate3d(5px, -5px, 0);
	-moz-transform: rotate(-45deg) translate3d(5px, -5px, 0);
	transform: rotate(-45deg) translate3d(5px, -5px, 0);
}



/*==========================================
					sub
========================================== */
.overlay-main:before, 
.overlay-green:before{
	position:absolute;
	height:100%;
	width:100%;
	z-index:0;
}

.overlay-green:before{
	background: rgba(20, 107, 78, 0.5); 
	/* 
	background: -webkit-linear-gradient(to left, rgba(67,206,162,0.7) , rgba(24,90,157,0.7)); 
	background: linear-gradient(to left, rgba(67,206,162,0.7) , rgba(24,90,157,0.7) ); 
    */
  
	content:"";
	left:0;
	top:0;
}


/* ======================================
		    	footer
========================================= */

			/* transparent social icons */
			a.social-icon.social-icon-transparent {
				background-color:transparent;
				text-shadow:none;
				color:#222 !important;
			}
			a.social-icon.social-icon-transparent:hover>i {
				color:#fff !important;
			}
				section.dark a.social-icon.social-icon-transparent {
					color:#999 !important;
				}
				section.dark a.social-icon.social-icon-transparent:hover>i {
					color:#fff !important;
				}

			/* rounded social icons */
			a.social-icon.social-icon-round {
				-webkit-border-radius: 50%;
				   -moz-border-radius: 50%;
						border-radius: 50%;
			}


			/* Mail Form */

			input.form-control {
				background: #fff none repeat scroll 0 0;
				border: 1px solid #e1e1e1;
				border-radius: 0 !important;
				color: #222;
				font-size:16px;
				height: 45px;
				box-shadow: none;
			}
			textarea.form-control {
				background: rgba(0, 0, 0, 0) none repeat scroll 0 0;
				border: 1px solid #e8e8e9;
				color: #222;
				border-radius: 0;
				box-shadow: none;
			}
			.form-control:focus {
				border: 1px solid #38a7bb;
				box-shadow: none;
				outline: 0 none;
			}
			.form-control-feedback {
				color: #555;
				line-height: 40px !important;
				width: 60px;
			}







/* ======================================
		    	Module hero
========================================= */
		
.module-hero{
	position:relative;
	overflow:hidden;
	background-attachment:fixed;
	background-repeat:no-repeat;
	background-position:center center;
	-webkit-background-size:cover;
	-moz-background-size:cover;
	-o-background-size:cover;
	background-size:cover;
}

.hero-caption{
	position:relative;
	display:table;
	height:100%;
	width:80%;
	text-align:center;
	margin:0 auto;
	z-index:2;
	
}

.hero-text{
	position:relative;
	display:table-cell;
	vertical-align:middle;
	height:100%;
	color:#fff;
}

.hero-subtitle{
	font-size:16px;
	margin:0 0;
}

.module-hero h1, .module-hero h2, .module-hero h3, .module-hero h4, .module-hero h5, .module-hero h6{
	line-height:1.4;
	margin:0;
}

.module-hero h1{
	font-weight:900;
	font-size:160px;
	letter-spacing:0px;
	line-height:90%;
	color:#fff;
	margin-top:-20px;
	font-family: 'Playfair Display', serif;
	text-transform: none; 
}

.module-hero h2{
	letter-spacing:2px;
	font-weight:900;
	font-size:100px;
	font-family: 'Playfair Display', serif;
	text-transform: none; 
}

.module-hero h3{
	letter-spacing:12px;
	font-size:32px;
}

.module-hero h4{
	letter-spacing:10px;
	font-size:18px;
}
.module-hero h5{
	letter-spacing:8px;
	font-size:14px;
}
.module-hero h6{
	letter-spacing:6px;
	font-size:12px;
}
.module-hero p {
	font-family:'Open Sans','Nanum Gothic', serif;	
}

			@media (max-width: 768px){

				.module-hero h1{
					font-size:70px;
					letter-spacing:0px;
					padding-left:0px;
					
				}
				.module-hero h1 span {
					letter-spacing:10px;
					padding-left:10px;
				}

				.module-hero h2{
					letter-spacing:0px;
					font-size:50px;
				}

				.module-hero h3{
					letter-spacing:6px;
					font-size:30px;
				}

				.module-hero h4{
					letter-spacing:4px;
					font-size:16px;
				}

				.module-hero h5{
					letter-spacing:2px;
					font-size:14px;
				}

				.module-hero h6{
					letter-spacing:2px;
					font-size:12px;
				}

			}





/*======================================================
      Jeneral 
==========================================================*/

a {
  color: #222;
  text-decoration: none;
}
a:hover, a:focus {
  color:#999;
  text-decoration: none;
}
a:focus {
  outline: thin dotted;
  outline: 5px auto -webkit-focus-ring-color;
  outline-offset: -2px;
  text-decoration: none;
}
:focus {
    outline: 0 !important;
}

hr {
  margin-top: 50px;
  margin-bottom: 50px;
  border: 0;
  border-top: 1px solid #eee;
}
hr.bar {
	border-top: 2px solid #111;
	width:70px;
}

	@media (max-width: 768px){
		hr {
		  margin-top: 30px;
		  margin-bottom: 30px;
		}
	}


/* margin, padding */
.no-margin-top { margin-top: 0 !important; } .no-margin-bottom { 	margin-bottom: 0 !important; } .no-margin-left { 	margin-left: 0 !important; } .no-margin-right { 	margin-right: 0 !important; } .no-margin-side { 	margin-left: 0 !important; 	margin-right: 0 !important; } .no-margin { 	margin: 0 !important; } .mar-top-100 { 	margin-top: 100px !important; } .mar-top-50 { 	margin-top: 50px !important; } .mar-top-45 { 	margin-top: 45px !important; } .mar-top-40 { 	margin-top: 40px !important; } .mar-top-35 { 	margin-top: 35px !important; } .mar-top-30 { 	margin-top: 30px !important; } .mar-top-25 { 	margin-top: 25px !important; } .mar-top-20 { 	margin-top: 20px !important; } .mar-top-15 { 	margin-top: 15px !important; } .mar-top-10 { 	margin-top: 10px !important; } .mar-top-5 { 	margin-top: 5px !important; } .mar-bot-100 { 	margin-bottom: 100px !important; } .mar-bot-50 { 	margin-bottom: 50px !important; } .mar-bot-45 { 	margin-bottom: 45px !important; } .mar-bot-40 { 	margin-bottom: 40px !important; } .mar-bot-35 { 	margin-bottom: 35px !important; } .mar-bot-30 { 	margin-bottom: 30px !important; } .mar-bot-25 { 	margin-bottom: 25px !important; } .mar-bot-20 { 	margin-bottom: 20px !important; } .mar-bot-15 { 	margin-bottom: 15px !important; } .mar-bot-10 { 	margin-bottom: 10px !important; } .mar-bot-5 { 	margin-bottom: 5px !important; } .mar-left-100 { 	margin-left: 100px !important; } .mar-left-50 { 	margin-left: 50px !important; } .mar-left-45 { 	margin-left: 45px !important; } .mar-left-40 { 	margin-left: 40px !important; } .mar-left-35 { 	margin-left: 35px !important; } .mar-left-30 { 	margin-left: 30px !important; } .mar-left-25 { 	margin-left: 25px !important; } .mar-left-20 { 	margin-left: 20px !important; } .mar-left-15 { 	margin-left: 15px !important; } .mar-left-10 { 	margin-left: 10px !important; } .mar-left-5 { 	margin-left: 5px !important; } .mar-right-100 { 	margin-right: 100px !important; } .mar-right-50 { 	margin-right: 50px !important; } .mar-right-45 { 	margin-right: 45px !important; } .mar-right-40 { 	margin-right: 40px !important; } .mar-right-35 { 	margin-right: 35px !important; } .mar-right-30 { 	margin-right: 30px !important; } .mar-right-25 { 	margin-right: 25px !important; } .mar-right-20 { 	margin-right: 20px !important; } .mar-right-15 { 	margin-right: 15px !important; } .mar-right-10 { 	margin-right: 10px !important; } .mar-right-5 { 	margin-right: 5px !important; }
.no-pad {padding:0 !important;}.no-padding-top { padding-top: 0 !important; } .no-padding-bottom { 	padding-bottom: 0 !important; } .no-padding-left { 	padding-left: 0 !important; } .no-padding-right { 	padding-right: 0 !important; } .no-padding-side { 	padding-left: 0 !important; 	padding-right: 0 !important; } .no-padding { 	padding: 0 !important; } .pad-left-100 { 	padding-left: 100px !important; } .pad-left-50 { 	padding-left: 50px !important; } .pad-left-45 { 	padding-left: 45px !important; } .pad-left-40 { 	padding-left: 40px !important; } .pad-left-35 { 	padding-left: 35px !important; } .pad-left-30 { 	padding-left: 30px !important; } .pad-left-25 { 	padding-left: 25px !important; } .pad-left-20 { 	padding-left: 20px !important; } .pad-left-15 { 	padding-left: 15px !important; } .pad-left-10 { 	padding-left: 10px !important; } .pad-left-5 { 	padding-left: 5px !important; } .pad-right-100 { 	padding-right: 100px !important; } .pad-right-50 { 	padding-right: 50px !important; } .pad-right-45 { 	padding-right: 45px !important; } .pad-right-40 { 	padding-right: 40px !important; } .pad-right-35 { 	padding-right: 35px !important; } .pad-right-30 { 	padding-right: 30px !important; } .pad-right-25 { 	padding-right: 25px !important; } .pad-right-20 { 	padding-right: 20px !important; } .pad-right-15 { 	padding-right: 15px !important; } .pad-right-10 { 	padding-right: 10px !important; } .pad-right-5 { 	padding-right: 5px !important; } .pad-top-100 { 	padding-top: 100px !important; } .pad-top-50 { 	padding-top: 50px !important; } .pad-top-45 { 	padding-top: 45px !important; } .pad-top-40 { 	padding-top: 40px !important; } .pad-top-35 { 	padding-top: 35px !important; } .pad-top-30 { 	padding-top: 30px !important; } .pad-top-25 { 	padding-top: 25px !important; } .pad-top-20 { 	padding-top: 20px !important; } .pad-top-15 { 	padding-top: 15px !important; } .pad-top-10 { 	padding-top: 10px !important; } .pad-top-5 { 	padding-top: 5px !important; } .pad-bot-100 { 	padding-bottom: 100px !important; } .pad-bot-70 { 	padding-bottom: 70px !important; } .pad-bot-50 { 	padding-bottom: 50px !important; } .pad-bot-45 { 	padding-bottom: 45px !important; } .pad-bot-40 { 	padding-bottom: 40px !important; } .pad-bot-35 { 	padding-bottom: 35px !important; } .pad-bot-30 { 	padding-bottom: 30px !important; } .pad-bot-25 { 	padding-bottom: 25px !important; } .pad-bot-20 { 	padding-bottom: 20px !important; } .pad-bot-15 { 	padding-bottom: 15px !important; } .pad-bot-10 { 	padding-bottom: 10px !important; } .pad-bot-5 { 	padding-bottom: 5px !important; }
.va-middle { vertical-align:middle; } .right-align { float: right; } .left-align { float: left; } .read-only { 	display:none;}
.inner {padding:120px 0 !important; }.inner-md {padding:100px 0 !important; }.inner-sm {padding:80px 0 !important; }.inner-xs {padding:40px 0 !important; }
.outer {margin:120px 0 !important; }.outer-md {margin:100px 0 !important; }.outer-sm {margin:80px 0 !important; }.outer-xs {margin:40px 0 !important; }



/*======================================================
						Media
========================================================*/




	@media (max-width: 767px) {
		  section {
			  position: relative;
			  padding-top: 50px;
			  padding-bottom: 50px;
		  }
		  .main-nav a.logo img {
			  height: 30px;
			}
		 .text-center-sm {
				text-align:center;
		 }

	}

	


	@media (min-width: 768px) {

		.text-center-sm {
			text-align:left;
		}

	}


	@media (min-width:768px) and (max-width:991px) {
			.icon-body > [class*='col-'] {
				padding:0px;
			}
	}



	@media (min-width:992px) {
				span.inline {
				display:block;
				width:auto;
			}
	}



		
