/* TABLE OF CONTENTS

	1. BASIC
	2. BUTTON
	4. HEADER
	5. SECTION
	6. SUB
	7. FOOTER

*/


/*==========================================================
     Basic Style
============================================================*/

body {
	overflow-x:hidden;
}

a {
	color:#000;
	-webkit-transition:all 0.2s ease-in-out;
	-moz-transition:all 0.2s ease-in-out;
	-ms-transition:all 0.2s ease-in-out;
	-o-transition:all 0.2s ease-in-out;
	transition: all 0.2s ease-in-out;
}

input {
	outline-width:0;
}

/*==========================================================
     Button Style
============================================================*/
.btn {
	-webkit-transition:all 0.2s ease-in-out;
	-moz-transition:all 0.2s ease-in-out;
	-ms-transition:all 0.2s ease-in-out;
	-o-transition:all 0.2s ease-in-out;
	transition:all 0.2s ease-in-out;
}

#section02 .btn-primary {
	display:block;
	margin:20px auto 0;
	font-size:12px;
	background:#333333;
	border: 0;
}

#section02 .btn-primary:hover {
	background:#ec8b0d;
}

.btn-block {
	width:40%;
	margin:50px auto 0;
	padding:15px;
	border:2px solid;
	border-radius:4px;
	font-size:16px;
	-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;
}

.btn-block:active,
.btn-block:focus,
.btn-block:hover {
	background:#333;
	border:2px solid #333;
	color:#fff;
}


/*==========================================================
     effect Style
============================================================*/

.item {
  float: left;
  position: relative;
  width:100%;
  line-height: 1em;
  background:#eee;
}

.item:hover .overlay {
  display: block;
  background-color:rgba(23, 213, 220, 0.7);

}

.item .overlay i {
	display:none;
    width: 55px;
    height: 55px;
    line-height: 55px;
    text-align: center;
    color: #01b1d7;
	font-size:18px;
    background-color: #fff;
    position: absolute;
    top: 45%;
    left: 50%;
    margin-top: -22px;
    margin-left: -22px;
    -moz-border-radius: 50%;
    -webkit-border-radius: 50%;
    border-radius: 50%;
}

.overlay {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  text-decoration: none;
  color: #fff;
}



/*==========================================================
     Header Style
============================================================*/


/*----- Topbar -----*/
#header {
	background:#fff;
}

.topbar {
	background:#fff;
}

.topbar .tnb {
	padding:8px 0;
	text-align:right;
}

.topbar .tnb li {
	display:inline-block;
}

.topbar .tnb li a {
	margin-right:10px;
	color:#888;
}

.topbar .tnb li a:hover {
	color: #24773d;
}

.header-inner {
	max-height:100px;
	padding:25px 0;
	background:#fff;
	z-index:95;
	-webkit-transition:all 0.4s ease;
	-moz-transition:all 0.4s ease;
	transition:all 0.4s ease;
}


/*----- fixed navigation -----*/
#custom-nav {
	background-color:rgba(0,0,0,0);
	border:0;
	box-shadow:none;
	z-index:999;
	-webkit-font-smoothing:antialiased;
	-moz-osx-font-smoothing:grayscale;
	-webkit-transition:background .5s ease-in-out,opacity .5s ease;
	-moz-transition:background .5s ease-in-out,opacity .5s ease;
	transition:background .5s ease-in-out,opacity .5s ease;
}

#custom-nav .container {
	-webkit-transition:padding-top .5s ease,padding-bottom .5s ease;
	-moz-transition:padding-top .5s ease,padding-bottom .5s ease;
	transition:padding-top .5s ease,padding-top .5s ease,padding-bottom .5s ease;
}

.affix .container {
	padding:10px 15px;
}

.affix {
	top:0;
	min-width:100%;
	background-color:#fff;
	opacity:1;
	box-shadow:0 5px 15px rgba(0,0,0,0.15);
	-webkit-transition:background .5s ease-in-out,opacity .5s ease;
	-moz-transition:background .5s ease-in-out,opacity .5s ease;
	transition:background .5s ease-in-out,opacity .5s ease;
}

.affix .header-inner {
	padding:0;
	box-shadow: 0 8px 15px rgba(0, 0, 0, 0.06);
}

.affix #mo_me_btn a {
	top:-55px;
}

.logo {
	float:left;
	padding-top:0px;
	font-size:20px;
	letter-spacing:-0.15em;
	font-weight:600;
}

.logo img {
	width: auto;
}


/*==========================================================
     Section area
============================================================*/

.st {
	padding:60px 0;
}

.st_tit {
	margin-bottom:60px;
	text-align:center;
}

.st_tit h2 {
	margin:0 0 10px;
	text-align:center;
	color:#333;
	font-weight:bold;
}

.st_tit span {
	font-size:16px;
}

/*----- mvis -----*/
#mvis {margin-top:153px;color:#fff;background:#333;}
.mtxt {display:table;height:700px;text-align:center;}
.mtxt img {/* margin:0 auto;  */max-width:100%;}
.mtxt h2 {font-weight:bold;font-size:70px;}
.mtxt p {font-weight:300;font-size:22px;line-height:24px;}
.mtxt_inner {display:table-cell;vertical-align:middle;}
.slick-list {background-size:cover;background-position:center;height:700px;}
.bx-wrapper {margin-bottom:0;background:none;border:0;box-shadow:none;}
.bx-wrapper .bx-pager {bottom:5%;}
.bx-wrapper .bx-controls-direction a {z-index:998;}
.bx-wrapper .bx-pager.bx-default-pager a {border:1px solid #fff;background:none;}
.bx-wrapper .bx-pager.bx-default-pager a:hover, .bx-wrapper .bx-pager.bx-default-pager a.active,
.bx-wrapper .bx-pager.bx-default-pager a:focus {background:#fff;}


/*----- section01 -----*/
#section01 {
	background:#fff;
}

#section01 .st_tit {
	margin-bottom:50px;
}

#section01 h4 {
	margin-bottom:15px;
	color:#444;
	font-weight:500;
	letter-spacing:-0.06em;
}

#section01 p {
	display:table;
	font-size:14px;
	line-height:20px;
}

#section01 .sec01_con div img {display:block; float:left; margin-right:18px;}

#section01 .object {
	width:100%;
}

/* icon style */
#section01 .fa {
	float:left;
	display: inline-block;
	position: relative;

	margin-right:20px;
	border-radius: 50%;
	text-align: center;
	z-index: 1;
	color:#fff;
	cursor:default;
	background:#2185C5;
}

#section01 .fa:hover {
	background:#2185C5;
	color: #fff;
}

#section01 .fa:before {
	font-family: 'FontAwesome';
	line-height:70px;
	speak: none;
	font-size: 35px;
	font-style: normal;
	font-weight: normal;
	font-variant: normal;
	text-transform: none;
	display: block;
	-webkit-font-smoothing: antialiased;
}

.sec01_con {
	margin-top:40px;
}

.sec01_con01,
.sec01_con02,
.sec01_con03 {
	float:left;
	width:100%;
	margin:40px 0;
}

.bn_img img {
	max-width:100%;
	height:auto;
}



/*----- section02 -----*/
#section02 {
	background:url('../img/main/st2/st2_bg.jpg');
	text-align:center;
	background-size: cover;
}

.st2_con .st2_info {
	padding: 26px 30px;
    text-align: center;
}

.st2_con .thumbnail {
    padding: 0;
    margin-bottom: 30px;
    background-color: #fff;
    border-radius:0;
    border: none;
    transition: 0.15s ease-in-out;
    box-shadow: 0 8px 15px rgba(0, 0, 0, 0.06);
}

.st2_con .thumbnail:hover {
    transform: translateY(-10px) scale(1.02);
}

.st2_con .st2_info h3 {
    font-size: 16px;
    font-weight: bold;
    margin-top: 0;
}

.st2_con .st2_info p {
    color: #7b7d7d;
    margin:25px 0 25px;
	font-size:14px;
	line-height:20px;
}



/*----- section03 -----*/
	
#section03{
	background-color: #fff;
	color:#333;
}

.st3_slider {height:388px;}
.st3_slider .slide {height:388px;}
.st3_slider .slick-list {height:388px;}

.st3_info .fa {
	margin-left:5px;
    font-size:14px;
}

.st3_info {
	text-align:center;
}

.st3_info h4{
	margin-top: 0;
	margin-bottom: 30px;
	text-transform: uppercase;
}

.st3_info p{
	font-size:30px;
	line-height:1.4;
	letter-spacing:-0.05em;
}

.st3_slide{
	padding-right: 0px;
	padding-left:0px;
}



/*----- section04 -----*/
#section04 {
	padding:100px 0;
	color:#fff;
	text-align:center;
	background:url(../img/main/st4/st4_bg.jpg) center;
	background-size:cover;
}

#section04 h2 {
	margin:0 0 10px;
	font-weight:bold;
	font-size:35px;
}

#section04 span {
	font-size:18px;
	font-weight:300;
}


/*----- section05 -----*/
#section05 {
	padding:60px 0 0;
}

#section05 .container-fluid .row .col-md-3 {
	padding:0;
}

#section05 img {
	width: 100%;
}

.container-fluid .item:hover i{
	display:block;
    -webkit-transition: all 0.2s ease-in-out;
    -moz-transition: all 0.2s ease-in-out;
    -ms-transition: all 0.2s ease-in-out;
    -o-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out;

}

/*==========================================================
     sub
============================================================*/


#svis {
	height:250px;
	margin-top:153px;
	background:url(../img/common/svis.jpg);
	background-position:center;
	background-attachment:fixed;
}

#svis h2 {
	margin:110px 0 0;
	letter-spacing:-0.5px;
	font-size:30px;
	color:#fff;
	text-align:center;
	border-bottom:0;
}

#bo_v_title {
	display:none;
}



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

.footer-widgets {
	padding:50px 0;
	background:#2b3d36;
}

.foot_con h3 {
	margin:0 0 25px;
	font-size:22px;
	color:#fff;
}

.foot_con span {
	display:block;
	color:#fff;
	line-height:22px;
}

.foot_con span b {
	color:#6e827a;
	font-weight:500;
}

.copyright {
	padding:30px 0;
	color:#8ca098;
	text-align:center;
	background:#21312b;
	letter-spacing:-0.1em
}

.copyright p {
	line-height:1.8em;
	font-size:12px;
	letter-spacing:0;
}


/* footer social icons */
.social-network {
	list-style:none;
	display:inline;
	margin-left:0 !important;
	padding:0;
}

.social-network li {
	display:inline;
	margin: 0;
}

.social-network li a {
	display:inline-block;
	position:relative;
	margin:0 auto 0 auto;
	-moz-border-radius:50%;
	-webkit-border-radius:50%;
	border-radius:50%;
	text-align:center;
	width:50px;
	height:50px;
	font-size:20px;
}

.social-network li a:hover i {
	-moz-transform:rotate(360deg);
	-webkit-transform:rotate(360deg);
	-ms--transform:rotate(360deg);
	transform:rotate(360deg);
	-webkit-transition:all 0.2s;
	-moz-transition:all 0.2s;
	-o-transition:all 0.2s;
	-ms-transition:all 0.2s;
	transition:all 0.2s;
}

.social-network i {
	margin:0;
	line-height:50px;
	text-align:center;
	color:#fff;
	-webkit-transition:all 0.8s;
	-moz-transition:all 0.8s;
	-o-transition:all 0.8s;
	-ms-transition:all 0.8s;
	transition: all 0.8s;
}

.social-network a.icoRss:hover {
	background-color:#F56505;
}

.social-network a.icoFacebook:hover {
	background-color:#3B5998;
}

.social-network a.icoTwitter:hover {
	background-color:#33ccff;
}

.social-network a.icoGoogle:hover {
	background-color:#BD3518;
}



/*----- return to top button -----*/
#return-to-top {
	position:fixed;
	bottom:15px;
	right:20px;
	background:rgb(0,0,0);
	background:rgba(0,0,0,0.41);
	width:50px;
	height:50px;
	display:block;
	text-decoration:none;
	-webkit-border-radius:4px;
	-moz-border-radius:4px;
	border-radius:4px;
	display:none;
	-webkit-transition:all 0.3s linear;
	-moz-transition:all 0.3s ease;
	-ms-transition:all 0.3s ease;
	-o-transition:all 0.3s ease;
	transition:all 0.3s ease;
}

#return-to-top i {
	color:#fff;
	margin:0;
	position:relative;
	top:13px;
	font-size:19px;
}

#return-to-top:hover {
	background:rgba(0,0,0,0.7);
}

#return-to-top:hover i {
	color: #fff;
}