@import url('https://fonts.googleapis.com/css?family=Nanum+Gothic:400,700,800');  
.nivo-caption, .hero-static-caption {  
	background-color: transparent;
	bottom: auto;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	left: 0;
	opacity: 1;
	padding: 0;
	position: absolute;
	top: 50%;
	-webkit-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	transform: translateY(-50%);
	width: 100%;
	z-index: 8;
}
/*-- Hero Video Content --*/
.hero-video-caption {

}
/*-- Slider Content --*/
.hero-slider-content {
	padding-left:60px !important;
}
.hero-slider-content h1 {
	color: #fff;
	font-family: 'Oswald', sans-serif;
	font-size: 35px !important;
	line-height:45px;
	font-weight: 600;
	margin-bottom: 10px!important; 
	text-align:left!important;
	text-transform: uppercase;
	opacity:0.9;
	position:relative;
}
.hero-slider-content h1:before{
	position:absolute;
	content:"";
	height:80px;
	width:3px;
	background:#fff;
	left:-20px;
	top:5px;
}
.hero-slider-content .p-one { 
	color: #fff;
	font-size: 16px!important	;
}
.hero-slider-content a {
	color: #333 !important;
	background: #fec049;
	display: inline-block;
	font-weight: 500;
	margin: 12px 0 0px;
	padding: 12px 40px 12px 20px!important;
	border-radius: 4px!important;
	overflow: hidden;
	position:relative;
}

.hero-slider-content a:before,  .hero-slider-content a:after {
	content: '';
	background: url(../../design_img/right-arrow-wht.png) no-repeat center;
	background-size: 15px !important;
	position: absolute;
	width: 20px;
	height: 20px;
	left: calc(100% - 30px);
	-webkit-transition: all 300ms linear;
	-moz-transition: all 300ms linear;
	-o-transition: all 300ms linear;
	-ms-transition: all 300ms linear;
	transition: all 300ms linear;
}
.hero-slider-content a:after {
	left: calc(100% - 50px);
	opacity:0
}
.hero-slider-content a:hover:before {
	left: calc(100%);
	opacity:0
}
.hero-slider-content a:hover:after {
	left: calc(100% - 30px);
	opacity:1
}
.hero-slider-content a:hover { 
	 
}
/*-- Nivo Direction Nav --*/
.nivo-directionNav {
}
.nivo-directionNav a {
	background-color: rgba(0,0,0,0.1);
	color: #fff!important;
	display: block;
	height: 60px;
	margin-top: 0px;
	text-align: center;
	top: 45%;
	width: 60px;
	border-radius:50%;
}
.nivo-directionNav a:hover { 	background-color: rgba(0,0,0,0.2);
}
.nivo-directionNav a i {
	display: block;
	font-size: 24px;
	line-height: 60px;
}
.nivo-prevNav {
	left: 30px;
}
.nivo-nextNav {
	right: 30px;
} 
@media only screen and (min-width:320px) and (max-width:767px) {
		.hero-slider-content{
			padding-left:20px !important;
		}
		.hero-slider-content h1:before {
			height: 40px;
			width: 2px;
			left: -10px;
			top: 5px;
		}
		.hero-slider-content h1{ font-size:18px!important; line-height:22px; margin-bottom:0px !important }
		.hero-slider-content .p-one {
			font-size: 12px!important;
			line-height: 20px;
			margin-bottom:0px !important;
		}
		.hero-slider-content a {
			padding:8px 40px 8px 10px !important; 
			font-size:12px;
			height:auto!important;
			min-width:100px;
			text-align:center; 
		 }
		.nivo-controlNav {
			left: 20%;
			margin-right: 20%;
			-webkit-transform: translate(-50%, -20%);
			-moz-transform: translate(-50%, -20%);
			transform: translate(-50%, -20%);
		}
		.nivo-directionNav{ display:none}
        .nivo-directionNav a { 
			height: 30px;
			margin-top: -18px;
			width: 30px;  
		}
		.nivo-directionNav a i {
			font-size: 17px;
			line-height: 32px;
		}
		.nivoSlider {
			top: 1px;
			height:150px !important;
		}
		.nivoSlider img {
			height: 150px !important;
		}

}
@media only screen and (min-width:768px) and (max-width:991px) {
		.hero-slider-content {
			margin-left:0px;
		}
		.hero-slider-content h1 { 
			font-size: 27px !important;
			line-height:35px;
			 
		}
		.hero-slider-content p.one {
			font-size: 16px!important;
			line-height:20px;
			margin-bottom:0 !important;
		}
		.hero-slider-content a { 
			margin-top:10px   !important;  
			margin:5px 0 0 !important;
			padding: 8px 40px 8px 15px!important;
		}
		.nivo-directionNav a {
			height: 30px;
			margin-top: -29px;
			top: 45%;
			width: 30px;
		}
		.nivo-directionNav a i {
			font-size: 16px;
			line-height: 30px;
		}
		.nivo-prevNav {
			left: 15px;
		}
		.nivo-nextNav {
			right: 15px;
		}
		.hero-slider-content .p-one {
			font-size: 14px!important;
			line-height: 24px;
			margin-bottom:0 !important;
		}
		.hero-slider-content h1:before {
			height: 60px;
			width: 2px;
			left: -12px;
			top: 5px;
		}
		.nivo-controlNav {
			left: 16%;
			margin-right: 20%;
			-webkit-transform: translate(-50%, -16%);
			-moz-transform: translate(-50%, -14%);
			transform: translate(-50%, -14%);
		}
}
@media only screen and (min-width:992px) and (max-width:1199px) {
.hero-slider-content {
	margin-left:20px;
}
.hero-slider-content h1 { 
	font-size: 35px !important;
	line-height:45px;
	 
}
.hero-slider-content p.one {
	font-size: 18px!important;
	line-height:24px;
	margin-bottom:0 !important;
}
.hero-slider-content a { 
	margin-top:10px   !important;  
}

.nivo-controlNav {
	left:14%;
	margin-right:20%;
	-webkit-transform:translate(-50%, -14%);
	-moz-transform:translate(-50%, -14%);
	transform:translate(-50%, -14%);
}

.nivo-directionNav a {
    height: 40px;
     top: 45%;
    width: 40px;
}
.nivo-directionNav a i {
    font-size: 18px;
    line-height: 40px;
}




}