/* ==============================
    Reset
================================= */
html {
	overflow-y:auto;
	overflow-x:hidden;
}

a, a:hover, a:focus {text-decoration: none;}
a:focus {outline:0!important}

blockquote p {
	padding:0;
	padding-left: 2rem;
}

.img-fluid {
	width:100%;
}

.border {border:1px solid red;}
.dashed {border: 0;background-color:transparent;border-top: 1px dashed transparent;display:block;}
.font-small {font-size:80%;}


.position-relative {position:relative;}
.position-absolute {position:absolute;}
.position-absolute.top-0 {top:0;}
.position-absolute.left-0 {left:0;}
.position-absolute.right-0 {right:0;}
.position-absolute.bottom-0 {bottom:0;}
.position-absolute.top-50 {top:50%;-webkit-transform:translateY(-50%);-moz-transform:translateY(-50%); -o-transform:translateY(-50%); transform:translateY(-50%);}
.position-absolute.left-50 {left:50%;-webkit-transform:translateX(-50%); -moz-transform:translateX(-50%);-o-transform:translateX(-50%); transform:translateX(-50%);}

.overflow-hidden {overflow:hidden}

.flex-center {
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  height: 100%; }
  .flex-center p {
    margin: 0; }
  .flex-center ul {
    text-align: left; }
  .flex-center ul li {
      margin-bottom: 1rem; }


/* ==============================
    Layout
================================= */

.height-20 {height:20vh;}
.height-25 {height:25vh;}
.height-35 {height:35vh;}
.height-40 {height:40vh;}
.height-50 {height:50vh;}
.height-60 {height:60vh;}
.height-70 {height:70vh;}
.height-80 {height:80vh;}
.height-90 {height:90vh;}
.height-100 {height:100vh;}


.inner-lg {padding:80px !important;}
.inner-md {padding:50px !important;}
.inner-sm {padding:30px !important;}
.inner-x-lg {padding-left:70px !important; padding-right:70px !important;}
.inner-x-md {padding-left:50px !important; padding-right:50px !important;}
.inner-x-sm {padding-left:30px !important; padding-right:30px !important;}
.inner-y-xl {padding-top:150px !important; padding-bottom:150px !important;}
.inner-y-lg {padding-top:80px !important; padding-bottom:80px !important;}
.inner-y-md {padding-top:50px !important; padding-bottom:50px !important;}
.inner-y-sm {padding-top:30px !important; padding-bottom:30px !important;}


.mt-100 { margin-top: 100px !important; } .mt-70 { margin-top: 70px !important; } .mt-50 { margin-top: 50px !important; } .mt-40 { margin-top: 40px !important; } .mt-30 { margin-top: 30px !important; } .mt-20 { margin-top: 20px !important; } .mt-15 { margin-top: 15px !important; } .mt-10 { margin-top: 10px !important; } .mt-5 { margin-top: 5px !important; } .mb-100 { margin-bottom: 100px !important; } .mb-70 { margin-bottom: 70px !important; } .mb-50 { margin-bottom: 50px !important; } .mb-40 { margin-bottom: 40px !important; } .mb-30 { margin-bottom: 30px !important; } .mb-20 { margin-bottom: 20px !important; } .mb-15 { margin-bottom: 15px !important; } .mb-10 { margin-bottom: 10px !important; } .mb-5 { margin-bottom: 5px !important; }
.pt-100 { padding-top: 100px !important; } .pt-70 { padding-top: 70px !important; } .pt-50 { padding-top: 50px !important; } .pt-40 { padding-top: 40px !important; } .pt-30 { padding-top: 30px !important; } .pt-20 { padding-top: 20px !important; } .pt-15 { padding-top: 15px !important; } .pt-10 { padding-top: 10px !important; } .pt-5 { padding-top: 5px !important; } .pb-100 { padding-bottom: 100px !important; } .pb-70 { padding-bottom: 70px !important; } .pb-50 { padding-bottom: 50px !important; } .pb-40 { padding-bottom: 40px !important; } .pb-30 { padding-bottom: 30px !important; } .pb-25 { padding-bottom: 25px !important; } .pb-20 { padding-bottom: 20px !important; } .pb-15 { padding-bottom: 15px !important; } .pb-10 { padding-bottom: 10px !important; } .pb-5 { padding-bottom: 5px !important; }

	@media (max-width:1200px) {
		.inner-lg {padding:40px !important;}
		.inner-md {padding:30px !important;}
		.inner-sm {padding:5px !important;}
		.inner-x-lg {padding-left:30px !important; padding-right:30px !important;}
		.inner-x-md {padding-left:20px !important; padding-right:20px !important;}
		.inner-x-sm {padding-left:10px !important; padding-right:10px !important;}
		.inner-y-lg {padding-top:50px !important; padding-bottom:50px !important;}
		.inner-y-md {padding-top:30px !important; padding-bottom:30px !important;}
		.inner-y-sm {padding-top:10px !important; padding-bottom:10px !important;}
	}

	@media (max-width:767px) {
		.inner-lg {padding:50px 20px !important;}
		.inner-md {padding:15px !important;}
		.inner-sm {padding:5px !important;}
		.inner-x-lg {padding-left:10px !important; padding-right:10px !important;}
		.inner-x-md {padding-left:10px !important; padding-right:10px !important;}
		.inner-x-sm {padding-left:10px !important; padding-right:10px !important;}
		.inner-y-xl,
		.inner-y-lg {padding-top:50px !important; padding-bottom:50px !important;}
		.inner-y-md {padding-top:30px !important; padding-bottom:30px !important; }
		.inner-y-sm {padding-top:10px !important; padding-bottom:10px !important;}
	}


/* ==============================
    Typography
================================= */

.fw-100 {font-weight:100 !important;}
.fw-300 {font-weight:300 !important;}
.fw-400 {font-weight:400 !important;}
.fw-500 {font-weight:500 !important;}
.fw-600 {font-weight:600 !important;}
.fw-700 {font-weight:700 !important;}
.fw-800 {font-weight:800 !important;}
.fw-900 {font-weight:900 !important;}


.lh-08 {line-height:.8 !important;}
.lh-10 {line-height:1.2 !important;}
.lh-15 {line-height:1.5 !important;}
.lh-18 {line-height:1.8 !important;}
.lh-20 {line-height:2 !important;}
	


.display-1 {font-size: 150px !important;}
.display-2 {font-size: 120px !important;}
.display-3 {font-size: 100px !important;}
.display-4 {font-size: 80px !important;}

	
	@media (max-width:1200px) {
		.display-1 {font-size: 120px !important;}
		.display-2 {font-size: 100px !important;}
		.display-3 {font-size: 80px !important;}
		.display-4 {font-size: 55px !important;}
	}

	@media (max-width:767px) {
		.display-1 {font-size: 60px !important;}
		.display-2 {font-size: 50px !important;}
		.display-3 {font-size: 40px !important;}
		.display-4 {font-size: 30px !important;}
	}



/* ---- separator ---- */

.separator-sm {height:5px; width:30px; margin:7% auto; float:none;}
.separator-md {height:5px; width:80px; margin:7% auto; float:none;} 
.separator-lg {height:5px; width:50%; margin:7% auto; float:none;}
.separator-full {height: 1px; width: 100%; margin: 7% auto; float:none; background-color:#ddd;}
.separator-vertical {width:1px; height:80px; margin:7% auto;}


/* ---- Depth ---- */

.depth-0 {box-shadow: none !important; }
.depth-1 {box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12);}
.depth-2 {box-shadow: 0 8px 17px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19); }


/* ---- quote ---- */
.quote {
	position:relative;
	padding-top:120px;
}
.quote:before {
	position:absolute;
	left:0;
	top:0px;
	display:block;
	content:'\f347';
	font-family:axicon;
	font-size:70px;
	line-height:1;
}

/* ==============================
    Button
================================= */

.btn-round {border-radius:180px;}
.btn.btn-border-2 {border-width:2px;border-radius:0 !important;}
.btn.btn-border-4 {border-width:4px;border-radius:0 !important;}
.btn.text-eng {text-transform:uppercase;}
.btn i.left { margin-right:5px}
.btn i.right { margin-left:5px}


/* ==============================
    Hero Background
================================= */

.hero-wrap {position:relative;overflow:hidden;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%;}
.hero-text.align-end {vertical-align:bottom;}
.hero-text.align-start {vertical-align:top;}
.hero-wrap h1, .hero-wrap h2, .hero-wrap h3, .hero-wrap h4, .hero-wrap h5, .hero-wrap h6 {line-height:1.2;margin:0;}
.img-bg-center {background-position:center !important;background-size:cover}
.img-bg-top {background-position:top !important;background-size:cover}
.img-bg-bottom {background-position:bottom !important;background-size:cover}
.img-bg-soft,.img-bg-softer {background-position:center;position:relative}
.img-bg-soft:before,.img-bg-softer:before {content:"";position:absolute;top:0;left:0;width:100%;height:100%}

	@media (max-width:767px) {
		.hero-caption {width:90%;}
	}


.half-bg {
	position:relative;
}
.half-bg-right,
.half-bg-left {
	position:absolute;
	top:0;
	bottom:0;
	/*width:50%;*/
	overflow:hidden;background-repeat:no-repeat;background-position:center center;-webkit-background-size:cover;-moz-background-size:cover;-o-background-size:cover;background-size:cover;
}
.half-bg-right {
	right:0;
}
.half-bg-left {
	left:0;
}
.half-bg-right img,
.half-bg-left img {
	display:none;
}
	@media (max-width:991px) {
		.half-bg-right,
		.half-bg-left {
		    position: relative;
			width:100%;
			background-image: none !important;
		}
		.half-bg-right img,
		.half-bg-left img {
			display:block;
			margin-bottom:50px;
		}
	}

/*-------------------
   Box Icon
  -------------------*/
.box-icon {
	margin:0;
}
.box-icon>a,
.box-icon .box-icon-title {
	text-decoration:none !important;
	/*display:block;*/
}
.box-icon .box-icon-title>i,
.box-icon > i {
	font-size: 40px;
	margin-bottom:40px;
	-webkit-transition: all .200s;
	   -moz-transition: all .200s;
		 -o-transition: all .200s;
			transition: all .200s; 
/*	-webkit-border-radius: 3px;
	   -moz-border-radius: 3px;
			border-radius: 3px;*/
}
.box-icon > p {
	margin-bottom:0;
}

.box-icon .box-icon-title>h3 {
	font-size:20px;
	line-height:35px;
	margin-bottom:15px;
	letter-spacing:-.03em;

	-webkit-transition: all .200s;
	   -moz-transition: all .200s;
		 -o-transition: all .200s;
			transition: all .200s; 
}
.box-icon .box-icon-title>img+h2,
.box-icon .box-icon-title>img+h3,
.box-icon .box-icon-title>img+h4,
.box-icon .box-icon-title>img+h5 {
	font-size:16px;
	line-height:16px;
}

/* more */
.box-icon a.box-icon-more {
	display:block;
	text-align:right;
	position:relative;
	color:#000;
}
.box-icon a.box-icon-more:after {
	font-family: FontAwesome;
	content: "\f105";
	padding-left:10px;
	top:50%;
	margin-top:-2px;
}

/* Left or Right */
.box-icon.box-icon-left .box-icon-title>i {
	float:left;
}
.box-icon.box-icon-left h6 {
	margin-top:10px;
}
.box-icon.box-icon-right .box-icon-title>i {
	float:right;
	margin-right:0;
	margin-left:10px;
}
.box-icon.box-icon-right {
	text-align:right;
}
	@media only screen and (max-width: 991px) {
		.box-icon.box-icon-right .box-icon-title>i {
			float:left;
			margin-right:10px;
			margin-left:0;
		}
		.box-icon.box-icon-right {
			text-align:left;
		}
	}


/* content */
.box-icon.box-icon-content {
	background-color:rgba(0,0,0,0.05);
	padding:45px 15px 15px 15px;
	display:block;
	margin-top:33px;

	border-radius: 3px;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
}
	section.dark .box-icon.box-icon-content {
		background-color:rgba(0,0,0,0.1);
	}
.box-icon.box-icon-content .box-icon-title>i {
	background-color:#fff;
	top:0;
	margin-left:-33px;
	position:absolute;
}



/* round */
	.box-icon.round .box-icon-title>i,
	.box-icon.round > i {
		-webkit-border-radius: 50%;
		   -moz-border-radius: 50%;
				border-radius: 50%;
	
	}

/* solid */
	.box-icon.box-icon-solid .box-icon-title>i,
	.box-icon.box-icon-solid > i {
		border:#4a4a4a 1px solid;
		background-color:transparent;
		color:inherit;
	}

/* side */
	.box-icon.box-icon-side {
		position:relative;
		padding-left: 80px;
	}
	.box-icon.box-icon-side>span,
	.box-icon.box-icon-side>i {
		position:absolute;
		left:0; 
		top:0px;
		font-size:45px/*50px*/;
		width:50px;
		text-align:center;
	}
	.box-icon.box-icon-side>span {
		letter-spacing:-.2rem;
	}
	@media (max-width:575px) {
		.box-icon.box-icon-side {padding-left: 60px;}
		.box-icon.box-icon-side>span,
		.box-icon.box-icon-side>i {font-size:34px}
	}

/* center */
	.box-icon.box-icon-center .box-icon-more,
	.box-icon.box-icon-center .box-icon-title,
	.box-icon.box-icon-center > p {
		text-align:center !important;
	}
	.box-icon.box-icon-center .box-icon-title>i {
		float:none;
		margin-left:auto;
		margin-right:auto;
		display:block;
	}

		@media (min-width:992px) {
			.box-icon.box-icon-center > p {
				padding-left:30px;
				padding-right:30px;
			}
		}


/* ---- size ----- */
.box-icon.box-icon-lg .box-icon-title>i,.box-icon.box-icon-lg >i {width: 100px;height: 100px;line-height:100px;font-size: 55px;}
.box-icon.box-icon-md .box-icon-title>i,.box-icon.box-icon-md >i {width: 100px;height: 100px;line-height:100px;font-size: 60px;}
.box-icon.box-icon-sm .box-icon-title>i,.box-icon.box-icon-sm >i {width: 60px;height: 60px;line-height:60px;font-size: 35px;}

	@media (max-width:575px) {
		.box-icon.box-icon-lg .box-icon-title>i,.box-icon.box-icon-lg >i {width: 100px;height: 100px;line-height:100px;font-size: 55px;}
		.box-icon.box-icon-md .box-icon-title>i,.box-icon.box-icon-md >i {width: 80px;height: 80px;line-height:80px;font-size: 40px;}
		.box-icon.box-icon-sm .box-icon-title>i,.box-icon.box-icon-sm >i {width: 40px;height: 40px;line-height:40px;font-size: 20px;}
	}


/* box static */
.box-static {
	padding:15px;
	background-color:rgba(0,0,0,0.05);
	border-top:transparent 3px solid;

	border-radius: 3px;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	}
	.box-static.box-transparent {
		background-color:transparent;
	}
	.box-static.box-bordered  {
		border:rgba(0,0,0,0.1) 1px solid;
	}
	.box-static.box-color,
	.box-static.box-dark {
		color:#fff;
		background-color:#333;
	}
	.box-static.box-color h1,
	.box-static.box-color h2,
	.box-static.box-color h3,
	.box-static.box-color h4,
	.box-static.box-color h5,
	.box-static.box-color h6,
	.box-static.box-dark h1,
	.box-static.box-dark h2,
	.box-static.box-dark h3,
	.box-static.box-dark h4,
	.box-static.box-dark h5,
	.box-static.box-dark h6 {
		color:#fff;
	}

.box-static.box-border-top {
	border-top:rgba(0,0,0,0.5) 3px solid;
}
.box-static .box-title {
	margin-bottom:20px;
	border-bottom:rgba(0,0,0,0.1) 1px solid;
}
	.box-static.box-color .box-title,
	.box-static.box-dark .box-title {
		border-bottom:rgba(255,255,255,0.1) 1px solid;
	}
section.dark .box-static.box-bordered  {
	border:rgba(255,255,255,0.1) 1px solid;
}
section.dark .box-static {
	color:#fff;
	padding:15px;
	background-color:#333;
}
section.dark .box-static input,
section.dark .box-static label {
	color:#fff;
}
section.dark .box-static .box-title {
	border-bottom:rgba(255,255,255,0.1) 1px solid;
}

h1.text-colored {
	color:#9ff9b9;
	text-transform: uppercase;
	padding-bottom:50px;
}


/* Ribbon */
.ribbon {
	width: 140px;
	height: 140px;
	overflow: hidden;
	position: absolute;
	z-index: 1;
}

.ribbon-inner {
	font-family: "Open Sans",Helvetica,Arial,sans-serif;

	-webkit-box-shadow: 0px 2px 0px 0px rgba(255,255,255, 0.15);
	   -moz-box-shadow: 0px 2px 0px 0px rgba(255,255,255, 0.15);
		 -o-box-shadow: 0px 2px 0px 0px rgba(255,255,255, 0.15);
			box-shadow: 0px 2px 0px 0px rgba(255,255,255, 0.15);

	-webkit-transform: translate3d(0, 0, 0);
	-webkit-backface-visibility: hidden;
	-webkit-perspective: 1000;

	background: #4c4c4c;
	letter-spacing: 3px;
	text-align: center;
	position: relative;
	font-weight: 700;
	font-size: 14px;
	padding: 10px 0;
	width: 100px;
	color: #fff;
	z-index: 1;
	left: 3px;
	top: 6px;
	 text-transform:uppercase;
	
}

.ribbon.right {
	right: -2px; 
	top: -2px;
}
.ribbon.right .ribbon-inner {
	width: 200px;
	left: -5px;
	top: 23px;
	-webkit-transform: rotate(45deg);
	   -moz-transform: rotate(45deg);
		-ms-transform: rotate(45deg);
		 -o-transform: rotate(45deg);
			transform: rotate(45deg);
}

.ribbon.left {
	left: 0px; 
	top: 0px;
}
.ribbon.left .ribbon-inner {
	width: 200px;
	left: -50px;
	top: 25px;
	-webkit-transform: rotate(-45deg);
	   -moz-transform: rotate(-45deg);
		-ms-transform: rotate(-45deg);
		 -o-transform: rotate(-45deg);
			transform: rotate(-45deg);
}


		@media (max-width: 767px) {
			.ribbon {
				width: 130px;
				height: 130px;
			}
			.ribbon.left .ribbon-inner {
				width: 130px;
				left:-40px;
				top:10px;
				padding: 5px 0;
				font-size: 12px;
				letter-spacing:0px;
			}
		}




/*-------------------
   6 ) Owl
  -------------------*/
.owl-carousel .item img{
    display: block;
	width: 100%;
    height: auto;
}

/* Dots */
	.owl-theme .owl-dots .owl-dot span {
		background-color: #000;
		opacity: 0.2;
		width: 25px;
		height: 8px;
		margin: 5px;
		-webkit-border-radius: 0;
		-moz-border-radius: 0;
		border-radius: 0;
	}
	.owl-theme .owl-dots .owl-dot.active span, .owl-theme .owl-dots .owl-dot:hover span {
		background-color: #000;
		opacity: 1;
	}
	.owl-theme.owl-dots-inner .owl-dots {
		position:absolute;
		bottom:10px;
		left:50%;
		 -webkit-transform:translateX(-50%);
		 -moz-transform:translateX(-50%);
		 -o-transform:translateX(-50%);
		 transform:translateX(-50%);
	}

	.owl-theme.owl-dots-inner.owl-dots-right .owl-dots {
		left:auto;
		right:-30px;
	}
	.owl-theme.owl-dots-inner.owl-dots-left .owl-dots {
		left:0;
		right:auto;
	}


/* Arrows */
	.owl-theme.owl-arrows .owl-nav {
	position: absolute;
	top: 50%;
		 -webkit-transform:translateY(-50%);
	 -moz-transform:translateY(-50%);
	 -o-transform:translateY(-50%);
	 transform:translateY(-50%);
	left:15px;
	right:15px;
	}

	.owl-theme.owl-arrows .owl-nav [class*='owl-'] {
		opacity:1;
		background:transparent;
		color: #fff;
		padding: 0;

		border-radius: 0;
		line-height: 70px;
		font-size: 80px;
		font-weight:100;
		cursor: hand;
	}

	.owl-theme.owl-arrows .owl-nav [class*='owl-']:hover {
		opacity:.5;
		text-decoration: none; 
	}

	.owl-theme.owl-arrows .owl-nav .owl-prev {
		float:left;
	}
	.owl-theme.owl-arrows .owl-nav .owl-next {
		float:right;
	}

	.owl-theme.owl-arrows .owl-nav .arrow-left,
	.owl-theme.owl-arrows .owl-nav .arrow-right {
		height: 70px;
		width: 70px;
	}
	.owl-theme.owl-arrows .owl-nav .arrow-left.arrow-sm,
	.owl-theme.owl-arrows .owl-nav .arrow-right.arrow-sm {
		height: 50px;
		width: 50px;
	}
	.owl-theme.owl-arrows .owl-nav .arrow-left {
	  background: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 129 129'><path d='m88.6,121.3c0.8,0.8 1.8,1.2 2.9,1.2s2.1-0.4 2.9-1.2c1.6-1.6 1.6-4.2 0-5.8l-51-51 51-51c1.6-1.6 1.6-4.2 0-5.8s-4.2-1.6-5.8,0l-54,53.9c-1.6,1.6-1.6,4.2 0,5.8l54,53.9z' fill='#f4f2e6'/></svg>")  no-repeat;
	}
	.owl-theme.owl-arrows .owl-nav .arrow-right {
	  background: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 129 129'><path d='m40.4,121.3c-0.8,0.8-1.8,1.2-2.9,1.2s-2.1-0.4-2.9-1.2c-1.6-1.6-1.6-4.2 0-5.8l51-51-51-51c-1.6-1.6-1.6-4.2 0-5.8 1.6-1.6 4.2-1.6 5.8,0l53.9,53.9c1.6,1.6 1.6,4.2 0,5.8l-53.9,53.9z' fill='#f4f2e6'/></svg>")  no-repeat;
	}



/* arrow centered */
.owl-arrows-center .owl-nav  {
	position: absolute;
	 top:50%;
	 left:50%;
	 -webkit-transform:translate(-50%,-50%);
	 -moz-transform:translate(-50%,-50%);
	 -o-transform:translate(-50%,-50%);
	 transform:translate(-50%,-50%);
	margin-top:0;
	}
	.owl-arrows-center .owl-nav [class*='owl-'] {
		opacity:1;
		background:#29cc5f;
		color: #fff;
		padding:20px;
		margin:0;
		border-radius: 0;
		line-height: 70px;
		font-size: 60px;
		font-weight:100;
		cursor: hand;
	}
	.owl-arrows-center .owl-nav .owl-next {
		border-left:1px solid rgba(255,255,255,.5);
	}

	.owl-arrows-center .owl-nav [class*='owl-']:hover {
		background-color:#1d9544;
		text-decoration: none; 
		opacity:1;
	}

		@media (max-width:991px) {
			.owl-arrows-center {
				position:relative;
			}
				
		}

/* Thumb item */
  .owl-thumb-item img {
        width: 100px;
        height: auto;
    }

    .owl-thumbs {	
        position: absolute;
        bottom: 0;
        left: 0;
	
        display: table;
        width:auto;
        text-align: center;
        padding: 2%;
		margin:0 auto;
    }

    .owl-thumb-item {
        display: table-cell;
        border: none;
        background: none;
        padding: 0;
        opacity: .3;
		padding:0 2px;
    }

    .owl-thumb-item.active {
        opacity: 1;
    }

    .label {
        position: absolute;
        top: 20px;
        right: 20px;
        background-color: #0a6cff;
        color: white;
        padding: 10px 20px;
        z-index: 5;
        text-align: center;
    }


	@media (max-width:767px) {
		.owl-thumb-item img {
		    width: 65px;
	
		}
		.owl-theme.owl-arrows .owl-nav .arrow-left,
		.owl-theme.owl-arrows .owl-nav .arrow-right {
			height: 50px;
			width: 50px;
		}
		.owl-theme.owl-arrows .owl-nav {
			display:none;
		}
	}






/*-------------------
   7 ) Navbar
  -------------------*/

	/* ----- Logo Center ---- */
	.navbar-brand.centered {
		position: absolute;
		width: 100%;
		left: 0;
		top: 50%;
		 -webkit-transform:translateY(-50%);
				 -moz-transform:translateY(-50%);
				 -o-transform:translateY(-50%);
				 transform:translateY(-50%);
		text-align: center;
		margin: auto;
	}

	/* ----- Depth ---- */
	.navbar.depth {
		box-shadow: 0 4px 10px 0 rgba(0, 0, 0, 0.06);
	}



@media only screen and (max-width:991px){

	.navbar-nav .nav-item {
		border-top:1px solid transparent;
	}
	.navbar-nav .nav-item:first-child {
		border-top:0px solid transparent;
	}
	.navbar-icon {
		font-size:33px;
		line-height:1.4;
	}
	.navbar-toggler-right {
		right:0;
	}
	.dropdown-menu {
		border:none;
		border-radius:0;
		padding: 18px 38px;
	}
	.dropdown-menu .dropdown-item {
		color:#333;
		font-weight:300;
		border-top:1px solid transparent;
		padding:8px 0;
	}
	.dropdown-menu .dropdown-item:first-child {
		border-top:none;
	}

	/* ======= brand_sub ======= */
	.nav-item .brand_sub.scrolling-navbar {
		position:inherit; left:inherit; top:inherit; height:inherit; background:inherit;
	}
	.nav-item .brand_sub.scrolling-navbar li {
		float:inherit;
	}
}

@media only screen and (min-width:992px){

	.scrolling-navbar{
		-webkit-transition:background .5s ease-in-out,padding .5s ease-in-out,top .5s ease-in-out;
		-moz-transition:background .5s ease-in-out,padding .5s ease-in-out,top .5s ease-in-out;
		transition:background .5s ease-in-out,padding .5s ease-in-out,top .5s ease-in-out;
		padding-top:12px;
		padding-bottom:12px
	}
	.scrolling-navbar .navbar-nav>li{
		transition-duration:1s
	}
	.navbar-scroll{
		padding-top:5px;
		padding-bottom:5px
	}


	/* ======= brand_sub ======= */
	.brand_sub.scrolling-navbar{
		text-align:center;
		position:fixed;
		left:0;
		top:76px;
		width:100%;
		background:#000;
		padding-top:0px;
		padding-bottom:0px;
	}
	.brand_sub.scrolling-navbar li a {
		-webkit-transition:background .3s ease-out, padding .5s ease-in-out;
		-moz-transition:background .3s ease-out, padding .5s ease-in-out;
		transition:background .3s ease-out, padding .5s ease-in-out;
		display:inline-block;
		padding:26px 36px;
	}
	.brand_sub.scrolling-navbar li:hover a, .brand_sub.scrolling-navbar li.on a {
		background:rgba(169,169,169,.2);
	}
	.nav-item .brand_sub.navbar-scroll{
		top:62px;
	}
	.brand_sub.navbar-scroll li a{
		padding-top:13px;
		padding-bottom:13px;
	}
	.nav-default .brand_sub li {
		display:inline;
		margin-right:0px;
	}



	/* ----- Border ---- */
	.navbar.border-light,
	.navbar.border-dark {
		border-bottom:1px solid transparent;
	}


	/* ----- Dropdown ---- */

	.dropdown-menu {
		border:none;
		border-radius:0;
		padding: 18px 38px;
		margin-left: -100px;
		width: 200px;
		left:50%;
	}
	.dropdown-menu .dropdown-item {
		color:#333;
		font-weight:300;
		border-top:1px solid transparent;
		padding:8px 0;
	}
	.dropdown-menu .dropdown-item:first-child {
		border-top:none;
	}
	
	/* nav - Color */

	.nav-default li {margin-right:20px;}
	.nav-default li:last-child {margin-right:0;}
	.nav-default .nav-link {font-size:16px;font-weight:400;}



}


/* ---- Sidebar 보류 ----- */

#sidebar .navbar {
	position:fixed;
	top:0;
	left:0;
	height:100vh;
	z-index:8020;
	width:250px;

	padding:60px 40px;
}
#sidebar main {
	margin-left:250px;
}
#sidebar .overlay { 
	height: 100%; 
	width: 0; 
	position: fixed; 
	z-index: 8010; 
	top: 0; 
	left:0; 
	background-color: rgba(0,0,0, 0.9); 
	overflow-y: auto; 
	overflow-x: hidden; 
	text-align: center; 
	opacity:0; 
	transition: opacity 1s; 
} 

#sidebar .navbar-brand {
	margin-bottom:40px;
}

#sidebar .dropdown-menu {
		margin-left:0;
		width:100%;
		left:0%;
		padding: 18px 28px;
	}

@media (max-width:767px) {
	#sidebar .navbar {
		width:0px;
		padding:0;
	}
	#sidebar main {
		margin-left:0px;

	}
}


/* ---- Hamburger ----- */

		.navbar.fullscreen {
			padding:0 !important;
			position:relative;
		}
		.nav-full,
		.navbar-toggle-full {
		  -webkit-touch-callout: none;
		  -webkit-user-select: none;
		  -khtml-user-select: none;
		  -moz-user-select: none;
		  -ms-user-select: none;
		  user-select: none;
		}
		.navbar-brand-m {
			position:absolute;
			top:100px;
			left:50%;
			 -webkit-transform:translateX(-50%);
			 -moz-transform:translateX(-50%);
			 -o-transform:translateX(-50%);
			 transform:translateX(-50%);
			z-index:9;
		}

		.nav-full {
		  position: fixed;
		  z-index: 10;
		  background-color: transparent;
		  opacity:.98;
		  width: 100%;
		  height: 100%;
		  text-align: center;
		  color: #f4f2e6;
		}

		.nav-hide { display: none; }

		.nav-full ul {
			 position:absolute;
			 top:50%;
			 left:50%;
			 -webkit-transform:translate(-50%,-50%);
			 -moz-transform:translate(-50%,-50%);
			 -o-transform:translate(-50%,-50%);
			 transform:translate(-50%,-50%);

		}

		.nav-full ul li { list-style: none; }

		.nav-full ul li a {
		font-family: 'Open Sans', sans-serif;
		font-size: 21pt;
		  letter-spacing:.02em;
		  color: inherit;
			text-transform:uppercase;
			line-height:1.8;
		}

		.navbar-toggle-full {
		  position: fixed;
		  top: 12px;
		  right: 12px;
		  width: 40px;
		  height: 40px;
		  z-index: 20;
		  cursor: pointer;
		}

		.bar1,
		.bar2,
		.bar3 {
		  width: 100%;
		  height: 5px;
		  margin-bottom: 5px;
		  background-color: transparent;
		  transition: all 0.3s ease-in-out;
		}

		.navbar-on .bar1,
		.navbar-on .bar2,
		.navbar-on .bar3 { background-color: #f4f2e6; }

		.navbar-on .bar1 {
		  transform-origin: 10% 80%;
		  transform: rotate(45deg);
		}

		.navbar-on .bar3 {
		  transform-origin: 20% 60%;
		  transform: rotate(-45deg);
		}

		.navbar-on .bar2 { background-color: transparent; }


				
			@media (max-width:991px) {
				.navbar-brand-full.logo,
				.navbar-brand-m.logo{
					font-size:60px;
				}
			}




		

/*-------------------
   8 ) Map
  -------------------*/
.map-show {
	width:100%;
}


/*-------------------
   9 ) Modal
  -------------------*/

.modal {
	-webkit-overflow-scrolling :touch;
}
.modal-dialog {
	 position: absolute;
	 top: 35px;
	 bottom: 35px;
	 left: 35px;
	 right: 35px;
	 width: calc(100% - 70px);
	 margin: auto;
}
.modal-backdrop.show {
    opacity: .7;
}
.modal-full {
	 top: 0 !important;
	 bottom: 0 !important;
	 left: 0 !important;
	 right: 0 !important;
	 width: 100% !important;
	 max-width: 100% !important;
	 height: 100% !important;
}

	.modal-lg {
	max-width:1000px;
	max-height:100%
	}
	.modal-md {
		max-width:1000px;
		max-height:800px;
		padding-left:50px;
		padding-right:50px;
	}
	.modal-sm {
		max-width:750px;
		max-height:500px
	}
	.modal-xs {
		max-width:480px;
		max-height:350px
	}
	.modal-video {
		max-width:800px;
		padding:0;
		max-height:450px;
	}


.modal-content {
	 width: 100%; /* Can use left: 0; right: 0; with position: absolute; as well */
	 height: 100%; /* Can use top: 0; bottom: 0; with position: absolute; as well */
	 padding: 0 !important;
	 margin: 0 !important;
	 border: none;
	 border-bottom: 0px solid #CED2D6;
	 border-radius: 0;
	 -webkit-box-shadow: 0 30px 30px rgba(0,0,0,0.1);
	   box-shadow: 0 30px 30px rgba(0,0,0,0.1);
	 overflow: hidden;
}
.modal-full .modal-content {
	 border: none;
	 border-radius: 0;
	 -webkit-box-shadow: none;
	 box-shadow: none;
	background-color:transparent;
}

.modal-content .close:hover,
.modal-contetn .close:focus {
	opacity: 1 !important;
}

.modal-content .modal-body {
	 position: absolute;
	 top: 0px;
	 bottom: 0px;
	 width: 100%; /* Can use left: 0; right: 0; as well */
	 padding: 0;
	 overflow-x: hidden;
	 overflow-y: auto;
}

.modal-open #scrollUp {
	 -webkit-transition: none;
	 -o-transition: none;
	 transition: none;
	 opacity: 0;
}


.modal-content > .close {
	position:absolute;
	top:10px;
	right:17px;
	z-index:9999;
	padding-right:0px;
}
.modal-content > .close.bottom {
	top:auto;
	bottom:10px;
}
.close {
	font-size:60px;
	color:rgba(0,0,0,.6);
	text-shadow:none;
}
.close.white {
	color:rgba(255,255,255,.98);
	background-color:rgba(0,0,0,.25)
}




	/* Media */
	@media (max-width:991px) {
		.modal-dialog {
			 top: 12px;
			 bottom: 12px;
			 left: 12px;
			 right: 12px;
		 	 width: calc(100% - 24px);
		 }

		.modal .container > .row {
			padding-top:50px;

			padding-left:15px;
			padding-right:15px
		}		
		.modal-content > .close {
			padding-right:0;
		}
		.close {
			font-size:40px;
			color:rgba(0,0,0,.8);
		}
	}









/*-------------------
   10 ) goto Top
  -------------------*/
#back-to-top {
    position: fixed;
    bottom: 20px;
    right: 20px;
    z-index: 9999;
    width: 60px;
    height: 60px;
    text-align: center;
    line-height: 58px;
    background: #f5f5f5;
    color: #333;
    cursor: pointer;
    border: 0;
    border-radius:0;
    text-decoration: none;
    transition: opacity 0.2s ease-out;
    opacity: 0;
	font-size:40px;
}
#back-to-top:hover {
    background: #e9ebec;
}
#back-to-top.show {
    opacity: .8;
}

	@media (max-width:991px){
		#back-to-top {
			right:0px;
			bottom:0px;
			width: 50px;
			height: 50px;
			line-height: 48px;
			background:rgba(0,0,0,.4);
			color:#fff;
		}
	}



/*-------------------
   11 ) isotope
  -------------------*/
.grid {
  background: transparent;
}

/* clear fix */
.grid:after {
  content: '';
  display: block;
  clear: both;
}

/* ---- .grid-item ----*/

.grid-sizer,
.grid-item {
  width: 25%;
}

.grid-item {
  float: left;
}
.grid-item img {
  display: block;
  max-width: 100%;
}

	@media (max-width:1200px) {
		.grid-sizer,
		.grid-item {
			width: 33.3333%;
		}

	}

	@media (max-width:575px) {
		.grid-sizer,
		.grid-item {
		width: 50%;
		}
	}

/* ---- Filter ---- */
.btn-filter {
  display: inline-block;
  padding: 10px 20px;
  margin-bottom: 13px;
  border:1px solid #333;
  background-color: #fff;
  color: #333;
  cursor: pointer;
	text-transform:uppercase;
	font-weight:600;
	font-size:16px;
}

.btn-filter:hover {
  background-color: #fedc2e;
  color: #333;
}

.btn-filter:active,
.btn-filter.is-checked {
  background-color: #fedc2e;
  color:#333;
}

.btn-filter.is-checked {
  color: #333;
}

.btn-filter:active {
  box-shadow: inset 0 1px 10px hsla(0, 0%, 0%, 0.8);
}

/* ---- button-group ---- */
.button-group {
	text-align:center;
	margin:0 auto;
}
.button-group:after {
  content: '';
  display: block;
  clear: both;
}

.button-group .btn-filter {
display:inline;
  border-radius: 0;
  margin-left: 0;
  margin-right: 10px;
}
.button-group .btn-filter:last-child {
  margin-right: 0px;

}



/*-------------------
   12 ) Etc
  -------------------*/
.hovered {
	position:absolute;
	top:0;
	left:0px;
	bottom:0;
	right:0px;
	z-index:999;
	background-color:transparent;
	opacity:0;
	-webkit-transition: opacity .3s ease-in-out;
	-moz-transition: opacity .3s ease-in-out;
	-o-transition: opacity .3s ease-in-out;
	-ms-transition: opacity .3s ease-in-out;
	transition: opacity .3s ease-in-out;
}

.hovered a {
	width:100%;
	height:100%;
	opacity:1 !important;
	display:block;
}
.hovered p  {
	font-size:60px;
	color:transparent;
	text-transform:uppercase;
	font-weight:100;
	position:absolute;
	top:50%;
	left:50%;
	-webkit-transform:translate(-50%,-50%);
	 -moz-transform:translate(-50%,-50%);
	 -o-transform:translate(-50%,-50%);
	 transform:translate(-50%,-50%);
}
.hovered.active {
	-khtml-opacity:1 !important;
	-moz-opacity:1 !important;
	opacity:1 !important;
}



/*-------------------
   11 ) Social
  -------------------*/
.social-icon {
	margin: 0 10px 0 0;
	width: 50px;
	height: 50px;
	text-shadow: 1px 1px 1px rgba(0,0,0,.3);
	border-color: transparent;
	overflow: hidden;
	display:inline-block;
	text-decoration:none !important;
	text-align: center;
	cursor: pointer;
	font-style: normal;
	letter-spacing: 0em !important;
	color: #eaeaea !important;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
}
.social-icon:hover>i {
color:#fff;
}
.social-icon i {
display: block;
position: relative;
width: 50px;
height: 50px;
line-height:50px;
font-size: 28px;
}

body:not(.device-touch) .social-icon {
-webkit-transition: all .3s ease;
-o-transition: all .3s ease;
transition: all .3s ease;
}
body:not(.device-touch) .social-icon i {
-webkit-transition: all .3s ease;
-o-transition: all .3s ease;
transition: all .3s ease;
}

/* medium */
a.social-icon>i[class*=" icon-"],
a.social-icon>i[class^=icon-] {
font-size:20px;
}
/* small */
a.social-icon.social-icon-sm,
a.social-icon.social-icon-sm>i {
width:30px;
height:30px;
margin-top:3px;
font-size: 17px;
line-height:23px;
}
a.social-icon.social-icon-sm>i:last-child {
padding-top:7px;
}
a.social-icon.social-icon-sm>i[class*=" icon-"],
a.social-icon.social-icon-sm>i[class^=icon-] {
font-size:17px;
}

.social-facebook:hover { background-color: #3B5998 !important; }
.social-facebook { background-color: #3B5998; }
.social-twitter:hover { background-color: #00ACEE !important; }
.social-twitter { background-color: #00ACEE; }
.social-youtube:hover { background-color: #C4302B !important; }
.social-youtube { background-color: #C4302B; }
.social-vimeo:hover { background-color: #86C9EF !important; }
.social-vimeo { background-color: #86C9EF; }
.social-googleplay:hover { background-color: #DD4B39 !important; }
.social-googleplay { background-color: #DD4B39; }
.social-instagram:hover { background-color: #7b4b39 !important; }
.social-instagram { background-color: #7b4b39; }

/* rounded social icons */
a.social-icon.social-icon-round {
-webkit-border-radius: 50%;
-moz-border-radius: 50%;
border-radius: 50%;
}
/* bordered social icons */
a.social-icon.social-icon-border {
background-color:transparent;
border:#999 1px solid;
color:#565656 !important;
text-shadow:none;
}
a.social-icon.social-icon-border:hover {
border-color:transparent;
}
a.social-icon.social-icon-border:hover>i {
color:#fff !important;
}
section.dark a.social-icon.social-icon-border {
color:#fff !important;
}
section.dark a.social-icon.social-icon-border:hover>i {
color:#111 !important;
}

/* light social icons */
a.social-icon.social-icon-light {
background-color:rgba(0,0,0,0.1);
text-shadow:none;
color:#888 !important;
}
a.social-icon.social-icon-light:hover>i {
color:#fff !important;
}
section.dark a.social-icon.social-icon-light {
background-color:#666;
color:#fff !important;
}
section.dark a.social-icon.social-icon-light:hover>i {
color:#111 !important;
}

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

/* transparent social icons */
a.social-icon.social-icon-transparent {
background-color:transparent;
text-shadow:none;
color:inherit !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;
}

/* ---- left ----- */
a.social-icon.social-icon-left {
	text-align:left;
}
a.social-icon.social-icon-left:hover {
	background-color:transparent !important;
}
a.social-icon.social-icon-left.social-facebook:hover>i {color: #3B5998 !important; }
a.social-icon.social-icon-left.social-twitter:hover>i {color: #00ACEE !important; }
a.social-icon.social-icon-left.social-youtube:hover>i {color: #C4302B !important; }
a.social-icon.social-icon-left.social-vimeo:hover>i {color: #86C9EF !important; }
a.social-icon.social-icon-left.social-instagram:hover>i { color: #7b4b39 !important; }


/*-------------------
   11 ) Tabs
  -------------------*/
.nav-pills {
	border-top:1px solid #333;
	border-bottom:1px solid #333;
	}
	.nav-pills .nav-link {
	  border-radius: 0rem;
	  padding:12px 10px;
	  font-size:18px;
	}
	.nav-pills .nav-item {
		padding:0;
		border-right:1px solid #333;
	}
	.nav-pills .nav-item:hover {
		 background-color:rgba(0,0,0,.015);
	}
	.nav-pills .nav-item:last-child {
		border-right:none;
	}
	.nav-pills .nav-link.active,
	.nav-pills .nav-item.show .nav-link {
	  color: #fff;
	  cursor: default;
	  background-color: #333;
	}


.nav-boxs {

	}
	.nav-boxs .nav-link {
	  border-radius: 0rem;
	  padding:8px 0;
	  font-size:20px;
	text-align:center;
	font-weight:500;
	}
	.nav-boxs .nav-item {
		padding:0;
		border:1px solid #333;
		margin-bottom:7px;

	}
	.nav-boxs .nav-item:hover {
		 background-color:rgba(0,0,0,.015);
	}

	.nav-boxs .nav-link.active,
	.nav-boxs .nav-item.show .nav-link {
	  color: #fff;
	  cursor: default;
	  background-color: #333;
	}


.nav-classic .nav-link {
	font-size:20px;
	font-weight:400;
	}
	.nav-classic {
		background-color:#fff;
	}
	.nav-classic li a{
		display:block;
		padding:11px 24px 6px;
		color:rgba(0,0,0,.7)
	}
	.nav-classic li a.active{
		border-bottom:5px solid #5f86fb;
		color:#5f86fb;
	}


/*-------------------
    임시


  -------------------*/



/* ==============================
    1 ) List
================================= */

ul, ol {list-style:none outside none;padding:0;margin:0;list-style-position: outside}

/* --- basic --- */

	.list-basic {margin-left:25px;counter-reset:ol-counter;}
	.list-basic li {position:relative;padding-bottom:15px; line-height:1.45}
	.list-basic li:before {width: 16px;height: 16px;display: block;right: 100%;margin-right: 13px;position: absolute;text-align: right;}
	ol.list-basic li:before {content: counter(ol-counter,decimal);counter-increment: ol-counter;margin-right: 13px;font-weight: 600;top:5px;font-size:15px;}
	ul.list-basic li:before {width: 6px;height: 6px;border-radius: 50%;content: "";top: 15px;}

	ol.list-basic {margin-left:50px;}
	ol.list-basic.list-bg li:before {
		background-color:#111;
		color:#fff;
		border-radius:50%;
		width:22px;
		height:22px;
		text-align:center;
		font-size:13px;
		font-weight:400;
		line-height:22px;
		margin-right:22px;
	}

/* --- icon --- */
	.list-icon{padding-left:40px;}
	.list-icon li {position:relative; padding-bottom:20px; line-height:1.45}
	.list-icon li:before {left:-40px;content:'\f068';font-family:axicon;position:absolute;font-size:18px;line-height:1.65;top:0;}

	.list-icon.check li:before {content:'\f00c';}
	.list-icon.check-2 li:before {content:'\e116';}
	.list-icon.check-3 li:before {content:'\e116';}

	.list-icon.list-lg{padding-left:50px;}
	.list-icon.list-lg li {padding-bottom:25px;}
	.list-icon.list-lg li {font-size:22px;}
	.list-icon.list-lg li:before {font-size:30px;line-height:1.65;top:-10px;left:-50px;}

	.list-icon.list-light li:before, 
	.list-basic.list-light li:before {
		color:#fff !important;
	}

	.list-basic li:last-child,
	.list-icon li:last-child {
		padding-bottom:0;
	}


/*-------------------
   00 ) Heading
  -------------------*/
.heading-line {
	position:relative;
	display:table;
	padding:0 50px;
	z-index:1;
}
.heading-sideline:before {
    border-bottom: 4px solid transparent;
    content: "";
    left: -15px;
    position: absolute;
    width: 12px;
}
.heading-line:before {
	border-bottom: 6px solid transparent;
    content: "";
    width: 100%;
    position: absolute;
    z-index:-1;
    left: 0;
    color: #000;
    display: table;
    margin: 0 auto;
}
.heading-line.center:before {
    top:50%;
}
.heading-line.top:before {
    top:0;
}
.heading-line.bottom:before {
    bottom:-5px;
}

span.headline  {
	border-bottom:3px solid;
}


.heading-line-center {
	overflow:hidden;
	text-align:center;
}
.heading-line-center .title {
	display:inline-block;
	position:relative;
	margin-bottom:70px;
}

.heading-line-center .title .line {
	position:absolute;
	width:3000px;
	height:1px;
	top:50%;
	background-color:#333;
}
.heading-line-center .title .line.line-left {
	right:100%;
	margin-right:30px;
}
.heading-line-center .title .line.line-right {
	left:100%;
	margin-left:30px;
}




/* ==============================
    Overlay
================================= */
.overlay-wrap {
	position:relative;
}
.overlay-wrap .overlay {
  position: absolute;
  transition: .5s ease;
  background-color: #008CBA;
  left: 0;
  right: 0;
}

.overlay-wrap .overlay .text {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
}

/* --- fade --- */

.overlay.fade {
  top: 0;
  bottom: 0;
  height: 100%;
  width: 100%;
  opacity: 0;
}

.overlay-wrap:hover .overlay.fade {
  opacity: 1;
}

/* --- slide top --- */

.overlay.slide-top {
  bottom: 100%;
  overflow: hidden;
  width: 100%;
  height:0;
}

.overlay-wrap:hover .overlay.slide-top {
  bottom: 0;
  height: 100%;
}
.overlay.slide-top .text {
 white-space: nowrap; 
  overflow: hidden;
}

/* --- slide bottom --- */

.overlay.slide-bottom {
  bottom: 0;
  overflow: hidden;
  width: 100%;
  height: 0;
}
.overlay-wrap:hover .overlay.slide-bottom {
  height: 100%;
}
.overlay.slide-bottom .text {
 white-space: nowrap; 
  overflow: hidden;
}




/*-------------------
   2 )Section
  -------------------*/
section {
	padding-top: 150px;
	padding-bottom: 150px;
}



	
		@media (max-width: 991px) {
			section,
			.section-colored,
			.section-video,
			.section-pattern,
			.section-parallax {
				padding-top: 100px;
				padding-bottom: 100px;
			}
		}




/* ==============================
    Filter
================================= */

/* ---- Pill ---- */
.filter-pill li {margin: 0 20px !important; display: inline-block; float: inherit}
.filter-pill li:last-child { margin-right: 0}
.filter-pill li:first-child { margin-left: 0}
.filter-pill li a {border: none !important; padding: 0; border-radius:0; padding: 5px 15px}
.filter-pill li a:hover, .filter-pill li:active, .filter-pill li.active a {border: none; background-color: #fdd947 !important; color: #000 !important}

.nav-tabs li a {margin: 0; line-height: 17px}


/* ----- Solid ---- */
ul.filter-solid { border-bottom: none;}
.filter-solid li {margin: 0 20px !important; display: inline-block; float: inherit;}
.filter-solid li:last-child {margin-right:0 !important }
.filter-solid li:first-child {margin-left:0 !important }
.filter-solid li a {border: none !important; padding: 0; border-radius:0; padding: 5px 0; color: #9b9b9b}
.filter-solid li a:hover, .filter-solid li.active a {border-bottom: 4px solid #d8b75f !important; background-color: transparent !important; color: #000 !important}


/* ---- Pill inverse ----- */
ul.filter-pill-inverse { border-bottom: none;}
.filter-pill-inverse li {margin: 0 15px !important; display: inline-block; float: inherit;}
.filter-pill-inverse li:last-child {margin-right:0 !important }
.filter-pill-inverse li:first-child {margin-left:0 !important }
.filter-pill-inverse li a {border: none !important; border-radius:0; padding: 5px 20px; color: #9b9b9b}
.filter-pill-inverse li a:hover, .filter-pill-inverse li:active, .filter-pill-inverse li.active a {border-bottom: none; background-color: #d66e4a !important; color: #fff !important}


/* ---- Outline ---- */
.filter-outline li {margin: 0 15px !important; display: inline-block; float: inherit}
.filter-outline li:last-child { margin-right: 0}
.filter-outline li:first-child { margin-left: 0}
.filter-outline li a {border:1px solid #333; padding: 0; border-radius:0; padding: 5px 20px}
.filter-outline li a:hover, .filter-outline li:active, .filter-outline li.active a {border:1px solid #333; background-color:#333; color: #fff;}


	@media (max-width:767px) {
		.filter-pill li,
		.filter-solid li,
		.filter-pill-inverse li,
		.filter-outline li {
			margin:0 5px !important;
		}
	}

/* ==============================
    Grid
================================= */

/* masonry Basic */
.grid li  {transition-duration: 0s; -moz-transition-duration: 0s; -webkit-transition-duration: 0s; -o-transition-duration: 0s;}
.grid img { width:100%}
.grid-gallery { clear: both; float: left; width: 100%; }
.gallery-img a { position: relative; z-index: 2; display: block}
.grid-gallery ul { list-style: none; padding: 0; }
.grid-gallery figure { margin: 0; position: relative }
.grid-gallery figure img { display: block; width: 100%; opacity: 1; cursor: pointer; }
.grid-gallery figcaption h4 { margin: 0 0 8px; padding:0; text-transform:uppercase; }
.grid-gallery figcaption i { font-size: 32px; color: #aeaeae; margin-bottom: 20px}
.grid { margin: 0 auto; }
.grid li { box-sizing: border-box; float: left; margin: 0; display: inline-table;  }
.gallery-img { opacity: 1; transition: all 0.3s ease 0s; overflow: hidden; }
.grid figure:hover img { -ms-transform: scale(1.1,1.1); -webkit-transform: scale(1.1,1.1);  transform: scale(1.1,1.1); transition: all .3s ease; -webkit-transition: all .3s ease; -moz-transition: all .3s ease; opacity:0.15; /*cursor:url("../images/icon-zoom.png"), pointer;*/  }
.grid figure:hover figcaption { opacity: 1; transition: all .3s ease; -webkit-transition: all .3s ease; -moz-transition: all .3s ease;}

/* grid - style 1 Outline */
.grid-style1 .grid figure { -webkit-transition: opacity 0.2s; transition: opacity 0.2s; }
.grid-style1 .grid figcaption {  opacity: 0; text-align: center; height: calc(100% - 60px); width: calc(100% - 60px); left: 30px; top: 30px;  position: absolute; background: #fff }
.grid-style1 .grid figcaption h4 { line-height: 25px; margin: 0; width: 100%; padding: 0 15px; text-align: center; top: 50%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); position: relative}
.grid-style1 .grid figcaption h4 span {margin-top: 5px;}
.grid-style1-border {  border: 8px solid #fdd947; height: calc(100% - 40px); width: calc(100% - 40px); left: 20px; top: 20px;  position: absolute; }

/* grid - style 2 Bottom Slide */
.grid-style2 .grid figure { -webkit-transition: opacity 0.3s; transition: opacity 0.3s; background: #999999}
.grid-style2 .grid figure img {position: relative; top: 0; }
.grid-style2 .grid figure:hover img {top:/*-100px*/0px; -ms-transform: scale(1,1); -webkit-transform: scale(1,1);  transform: scale(1,1); opacity: .5; }
.grid-style2 .grid figcaption {  opacity: 0; text-align: center; width: 100%; height: /*100px*/100%; bottom: /*-100px*/0px; position: absolute; padding: 25px 0; background: #fff}
.grid-style2 .grid figure:hover figcaption {bottom: 0; opacity: 1}
.grid-style2 .grid figcaption h4 {margin: 0; position: relative; font-weight:400;  }

/* grid - style 3 */
.grid-style3 .grid figure img {position: relative; top: 0; }
.grid-style3 .grid figure:hover img {top:0; -ms-transform: scale(1.1,1.1); -webkit-transform: scale(1.1,1.1);  transform: scale(1.1,1.1); opacity: .5; }
.grid-style3 .grid figcaption {  text-align: center; width: 100%; height: 100px;}
.grid-style3 .explore-now {position: absolute; bottom: -36px; width: 100%; opacity: 0 }
.grid-style3 .grid figure:hover .explore-now {opacity: 1; bottom: -37px}
.grid-style3 .grid li:hover figcaption { bottom: 37px !important;}
.grid-style3 .explore-now a {  padding: 7px 0; display: block; width: 100%; color: #fff }

/* grid - style 4 top Bar */
.grid-style4 .grid figure img {position: relative; top: 0; opacity: 1;}
.grid-style4 .grid figure:hover img {top:0; -ms-transform: scale(1.1,1.1); -webkit-transform: scale(1.1,1.1);  transform: scale(1.1,1.1); opacity: .1;  /*cursor:url("../images/icon-zoom-white2.png"), pointer;*/ box-shadow: none; outline: none; -webkit-filter: blur(3px); -moz-filter: blur(3px); -o-filter: blur(3px); -ms-filter: blur(3px); filter: blur(3px);}
.grid-style4 .grid h4 { font-size: 22px; position: absolute; left: 45px; bottom: 0; width: 70%; z-index: 5; line-height: 25px; opacity: 0}
.grid-style4 .grid h4:after { border-bottom: 4px solid rgba(0,0,0,1); content: ""; left: 0; position: absolute; top: -25px; width: 20%; }
.grid-style4 .grid figure:hover h4 {opacity: 1; bottom: 38px; letter-spacing: 1px;}
.grid-style4 .grid h4 a { color: rgba(0,0,0,.9)}

/* grid - style 5 */
.grid-style5 .grid figure { -webkit-transition: opacity 0.2s; transition: opacity 0.2s; background: #000 }
.grid-style5 .grid figcaption {  opacity: 0; text-align: center; bottom: 60px; left: 0; right: 0;  position: absolute;}
.grid-style5 .grid figure:hover img { -webkit-filter: grayscale(1); filter: grayscale(1); cursor: pointer; opacity: .25; }
.grid-style5 .grid figcaption h4 { font-size: 14px; line-height: 25px; margin: 0; width: 100%; padding: 30px 15px 10px 15px; text-align: center; position: relative; padding-top:30px; opacity: 1; z-index: 2}
.grid-style5 .grid figcaption h4 a {color: #fff}
.grid-style5 .grid figcaption span { text-align: center; top: 47%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); position: relative}

/* grid - style 6 bottom Bar */
.grid-style6 .grid figure img {position: relative; top: 0; opacity: 1; }
.grid-style6 .grid figure:hover img {top:0; -ms-transform: scale(1.1,1.1); -webkit-transform: scale(1.1,1.1);  transform: scale(1.1,1.1); opacity: .3;  cursor:url("../images/icon-zoom-white2.png"), pointer; box-shadow: none; outline: none;}
.grid-style6 .grid h4 { font-size: 18px; position: absolute; left: 0; right: 0; text-align: center; bottom: 0; z-index: 5; line-height: 25px; opacity: 0; color: rgba(255,255,255,1)}
.grid-style6 .grid h4:after { border-bottom: 8px solid rgba(255,26,86,1); content: ""; left: 0; right: 0; position: absolute; bottom: -25px; width: 40%; margin: 0 auto }
.grid-style6 .grid figure:hover h4 {opacity: 1; bottom: 70px; letter-spacing: 10px;}
.grid-style6 .grid h4 a { color: rgba(255,255,255,1)}

.grid-style2 .grid-style1-border,
.grid-style3 .grid-style1-border,
.grid-style4 .grid-style1-border,
.grid-style5 .grid-style1-border,
.grid-style6 .grid-style1-border {
	display:none;
}


/* ---- Column ----- */

.column-5 .grid li { width: 20%;}
.column-4 .grid li { width: 25%;}
.column-3 .grid li { float: left; width: 33.33%;}
.column-2 .grid li { float: left; width: 50%;}

/* ---- gutter ---- */

.gutter .grid-gallery ul { margin-left: -22px}
.gutter .grid li { padding: 0 0 22px 22px;}

.gutter-sm .grid-gallery ul { margin-left: -11px}
.gutter-sm .grid li { padding: 0 0 11px 11px;}

.gutter-lg .grid-gallery ul { margin-left: -40px}
.gutter-lg .grid li { padding: 0 0 40px 40px;}



/* portfolio grid - with title */
.work-with-title .grid figcaption {opacity: 1; position: relative; bottom: 0; padding: 29px 0 30px 0; background: rgba(255,255,255,1); z-index: 2; }
.work-with-title .grid li figcaption h4, .work-with-title .grid figcaption h4 a, .work-with-title .grid li figcaption p {color: #888888 }
.work-with-title .grid figcaption h4 a { display: block}
.work-with-title .grid li:hover figcaption h4, .work-with-title .grid li:hover figcaption h4 a{color: #000 }
.work-with-title .grid li:hover figcaption { bottom: 50px;}

/* portfolio grid - with title - transparent figcaption */
.work-with-title.transparent-figcaption .grid figcaption {background: rgba(0,0,0,.75); bottom: 0; position: absolute;}
.work-with-title.transparent-figcaption .grid figure:hover figcaption {background: rgba(0,0,0,.75);}
.work-with-title.transparent-figcaption .grid li figcaption h4{color: #fff; font-size: 13px !important }

/* onepage portfolio details popup */

.popup-info { display: none}
.half-project-bg {height: 550px}
.slider-typographi-text .slider-subtitle{ line-height: 64px !important}
.spend-year, .spend-time{border-right: 1px solid #e5e5e5; float: left; font-size: 30px; font-weight: 400; letter-spacing: 2px; line-height: 47px; min-height: 95px; text-align: center; width: 50%;}
.spend-year span, .spend-time span{display: block; font-size: 12px; font-weight: 400; line-height: 0; margin-top: 35px; text-transform: uppercase;}
.project-img-gallery{padding: 15px 0;}


	@media (max-width: 1500px) {
		.grid-style1 .grid figcaption h4 {padding: 0 50px;}
	}
	@media (max-width: 1050px) {
		.grid-style2 .grid figcaption {padding: 17px 20px;}
	}
	@media (max-width: 991px) {
		.grid-style1 .grid figcaption h4 { font-size: 18px; font-weight:400; }
		.grid-style2 .grid figcaption { padding: 30px 15px;}
		.gutter-lg .grid-gallery ul { margin-left: -20px; }
		.gutter-lg .grid li { padding: 0 0 20px 20px; }
		.grid-style4 .grid figure:hover h3 { bottom: 23px; }
		.grid-style4 .grid h4 { left: 25px;}
		.column-3 .grid li { width: 50%;}
		.column-4 .grid li { width: 50%;}
		.column-5 .grid li {width: 50%;}

	}
	@media (max-width: 767px) {

	
		.grid-style1 .grid figcaption { height: calc(100% - 20px); width: calc(100% - 20px); left: 10px; top: 10px; }
		
		.half-project-bg { height: 350px; }
		.ajax-popup-title-text { background: transparent; padding: 0}


	}



/* ===================================
    Tab
====================================== */


/* nav - Solid */
.nav-solid li {/*margin: 0 26px;*/ background: transparent !important; font-weight:700;}
.nav-solid li:last-child { /*margin: 0 0 0 26px*/}
.nav-solid li:first-child { /*margin: 0 26px 0 0*/}
.nav-solid li .nav-link {padding: 5px; border-bottom:2px solid transparent;}
.nav-solid li .nav-link:hover {background: transparent}
.nav-solid li .nav-link:hover, .nav-solid li .nav-link.active  {border-bottom: 2px solid #111; }

/* nav - Box */
.nav-box {border-top: 1px solid rgba(0,0,0,.1);border-bottom: 1px solid rgba(0,0,0,.1)}
.nav-box li {margin: 0; background: transparent !important; float: none; border-right: 1px solid rgba(0,0,0,.1); }
.nav-box li:last-child {margin: 0; border: none}
.nav-box li:first-child {margin: 0}
.nav-box li .nav-link { border: 0 !important; padding: 12px 30px 12px 30px; border-radius: 0}

/* nav - Pill */
.nav-pill li,
.nav-pill-inverse li {margin-right: 15px; background: transparent !important; }
.nav-pill li .nav-link,
.nav-pill-inverse li .nav-link { border: 0 !important; padding: 10px 30px; border-radius: 0}

@media (max-width:575px) {
	.nav-solid li,
	.nav-box li,
	.nav-pill li,
	.nav-pill-inverse li {
		margin:0 !important;
	}
}