@import url('https://fonts.googleapis.com/css?family=Roboto+Condensed:400,700|Roboto:400,500,700');
body {font-family: 'Roboto', sans-serif;       background: #f3f3f3 url("../img/bgimg.png");}
h1, h2, h3, h4, h5, h6, p {	font-family: 'Roboto', sans-serif;margin: 0; padding: 0;}
ul{padding: 0;margin: 0;}
li{list-style: none;}
a{transition: 0.5s all;-webkit-transition: 0.5s all;-moz-transition: 0.5s all;-o-transition: 0.5s all;-ms-transition: 0.5s all;color: #fff;}
.m-b-30{margin-bottom: 30px;}
.m-b-10{margin-bottom: 10px;}
.m-t-30{margin-top: 30px;}
label{font-weight: normal;}
.btn:focus, a:focus{outline: none;}
.btn-lg { padding: 10px 16px;}
.btn-primary{border: none;background: rgba(0,128,128,1);
background: -moz-linear-gradient(top, rgba(0,128,128,1) 0%, rgba(47,173,173,1) 100%);
background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(0,128,128,1)), color-stop(100%, rgba(47,173,173,1)));
background: -webkit-linear-gradient(top, rgba(0,128,128,1) 0%, rgba(47,173,173,1) 100%);
background: -o-linear-gradient(top, rgba(0,128,128,1) 0%, rgba(47,173,173,1) 100%);
background: -ms-linear-gradient(top, rgba(0,128,128,1) 0%, rgba(47,173,173,1) 100%);
background: linear-gradient(to bottom, rgba(0,128,128,1) 0%, rgba(47,173,173,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#008080', endColorstr='#2fadad', GradientType=0 );color: #fff;}
.btn:hover, .btn:focus{background: rgba(47,173,173,1);
background: -moz-linear-gradient(top, rgba(47,173,173,1) 0%, rgba(0,128,128,1) 100%);
background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(47,173,173,1)), color-stop(100%, rgba(0,128,128,1)));
background: -webkit-linear-gradient(top, rgba(47,173,173,1) 0%, rgba(0,128,128,1) 100%);
background: -o-linear-gradient(top, rgba(47,173,173,1) 0%, rgba(0,128,128,1) 100%);
background: -ms-linear-gradient(top, rgba(47,173,173,1) 0%, rgba(0,128,128,1) 100%);
background: linear-gradient(to bottom, rgba(47,173,173,1) 0%, rgba(0,128,128,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#2fadad', endColorstr='#008080', GradientType=0 );}
.marginBottom30{margin-bottom: 30px;}
.home-heading{font-size: 25px; text-align: center; color: teal;position: relative;padding-bottom: 10px;margin: 60px 0;}
.home-heading:after{content: ''; border-bottom: 2px solid teal;width: 150px;position: absolute; bottom: 0;left: 0;right: 0;margin: 0 auto;}
.imgBox {    position: relative;  }
.imgBox img {    margin: auto;    position: absolute;    top: 0;    left: 0;    bottom: 0;    right: 0;max-width: 100%;max-height: 100%;height: auto;width: auto;}
.logoBox{height: 70px;width: 154px;}
.main-navbar{background-color: #fff;}
.main-navbar .navbar{padding: 10px 0; background-color: transparent;margin: 0;}
.main-navbar .navbar-right{margin-top: 12px;}
.main-navbar .navbar-nav > li > a {font-size: 18px;font-family: 'Roboto Condensed', sans-serif;border-bottom: 2px solid transparent;color: #555555;}
.main-navbar .navbar-nav > li.active > a , .main-navbar .navbar-nav > li > a:hover, .main-navbar .navbar-nav > li > a:focus{border-color: teal; background-color: transparent;}
.main-navbar.affix .navbar-nav > li > a {color: teal;}
.main-navbar.affix .navbar-nav > li.active > a , .main-navbar.affix .navbar-nav > li > a:hover, .main-navbar.affix .navbar-nav > li > a:focus{border-color: teal; color: teal;}
.logoBox img{-webkit-transition: 0.4s;transition: 0.4s;}
.affix .logoBox img{-ms-transform: scale(0.8);-webkit-transform: scale(0.8);transform: scale(0.8);}
.main-navbar.affix{box-shadow: 0 0 5px rgba(0,0,0,.8);position: fixed;position: fixed;left: 0;right: 0;z-index: 999;}
.affix.main-navbar .navbar-right { margin-top: 10px;}
.affix.main-navbar .navbar{padding: 0; background: #fff;border-color: transparent;}
.header-slider {	background:url(../img/bg-header.jpg) no-repeat;	height:700px;	width:100%;	padding-top:50px;        background-size: cover;        position: relative;        color: #fff;}
.header-slider::after{ position: absolute; left: 0;right: 0; background-color: rgba(0,0,0,0.2);content: '';height: 100%;width: 100%;top: 0;bottom: 0;}
.header-slider center{position: absolute;left: 0;right: 0;z-index: 1;top: 50%;-ms-transform: translateY(-50%);-webkit-transform: translateY(-50%); transform: translateY(-50%);}
.header-slider h1 {	font-size: 60px;  text-shadow: 0px 0px 2px rgba(0, 0, 0, 1);margin-bottom: 20px;}
.header-slider h3{text-shadow: 0px 0px 1px rgba(0, 0, 0, 1);}
.home-why li{float: left; width: 19.2%;text-align: center;border: 1px solid #e7e7e7;margin-right:1%;padding: 15px;background-color: #fff;}
.home-why li:last-child{margin-right: 0;}
.home-why {overflow: hidden;	padding-bottom: 60px;	color: #777777;}
.home-why h3 {font-size: 18px;}
.home-why img{-ms-transform: scale(0.8);-webkit-transform: scale(0.8);transform: scale(0.8);margin-bottom: 20px;-webkit-transition: 0.4s;transition: 0.4s;}
.home-why li:hover img{-ms-transform: scale(1);-webkit-transform: scale(1);transform: scale(1);}
.home-service{background:url(../img/home-services.png) no-repeat;width:100%;	padding:0 0 60px 0;        background-size: cover;  background-attachment: fixed;}
.home-service li{font-size: 18px;padding-left: 30px;position: relative; margin-bottom: 20px;font-weight: 500;}
.home-service li:before{   font-family: FontAwesome;    content: "\f0f1"; color: teal;position: absolute; left: 0;font-size: 25px;top: -6px;}
.footer-before{padding: 30px 0;}
footer{background: #fff;color:teal; /*#428bca;*/}
#copyright {  padding-bottom: 20px;    padding-top: 20px;    background: #eee; color:#555555;  text-align: center;}
.add-box h5{font-size: 20px; margin-bottom:40px;position: relative;}
.add-box{font-size: 16px;line-height: 28px;}
.add-box i{width: 25px;}
.footer-logo {    height: 42px;    width: 92px;margin-bottom: 20px;}
.add-box h5::after {    content: '';    border-bottom: 2px solid teal;    width: 50px;    position: absolute;    bottom: -20px;    left: 0;  }
.add-box a{cursor: pointer; color:teal;}
/* pv */
.pv-box, .about-box{background-color: #fff;margin-bottom: 60px;padding: 30px;}
.about-box p{text-align: justify;}
/* Haruki */
.input {	position: relative;	z-index: 1;	display: inline-block;	margin: 1em;	max-width: 350px;	width: calc(100% - 2em);	vertical-align: top;}
.input__field {	position: relative;	display: block;	float: right;	padding: 0.8em;	width: 60%;	border: none;	border-radius: 0;	background: #f0f0f0;	-webkit-appearance: none;}
.input__field:focus {	outline: none;}
.input__label {	display: inline-block;	float: right;	padding: 0 1em;	width: 40%;	color: #6a7989;-webkit-font-smoothing: antialiased;    -moz-osx-font-smoothing: grayscale;	-webkit-touch-callout: none;	-webkit-user-select: none;	-khtml-user-select: none;	-moz-user-select: none;	-ms-user-select: none;	user-select: none;font-size: 18px;}
.input__label-content {	position: relative;	display: block;	padding: 1em 0;	width: 100%;}
.input--akira {	margin-top: 2em;}
.input__field--akira {	position: absolute;	top: 0;	left: 0;	z-index: 10;	display: block;	padding: 0 1em;	width: 100%;	height: 100%;	background: transparent;	text-align: center;    font-size: 18px;}
.input__label--akira {	padding: 0;	width: 100%;	background: #e8e8e8;	color: teal;	cursor: text;font-size: 18px;}
.input__label--akira::before {	content: '';	position: absolute;	top: 0;	left: 0;	width: 100%;	height: 100%;	-webkit-transform: scale3d(0.97, 0.85, 1);	transform: scale3d(0.97, 0.85, 1);	-webkit-transition: -webkit-transform 0.3s;	transition: transform 0.3s;}
.input__label-content--akira {	-webkit-transition: -webkit-transform 0.3s;	transition: transform 0.3s;}
.input__field--akira:focus + .input__label--akira::before,.input--filled .input__label--akira::before {	-webkit-transform: scale3d(0.99, 0.95, 1);	transform: scale3d(0.99, 0.95, 1);}
.input__field--akira:focus + .input__label--akira,.input--filled .input__label--akira {	cursor: default;	pointer-events: none;}
.input__field--akira:focus + .input__label--akira .input__label-content--akira,.input--filled .input__label-content--akira {	-webkit-transform: translate3d(0, -3em, 0);	transform: translate3d(0, -3em, 0);}
.formBox{text-align: center;}
/* pv */
/* trail */
.trail-img{height: 570px;}
.trail-img-3{height: 400px;}
.trail-img-2{height:175px;margin-bottom: 30px;}
/* trail */
/* about */
.about-box p{font-size: 16px;}
.about-box ul{margin: 30px 0;}
.about-box li{font-size: 18px;padding-left: 30px;position: relative;margin-bottom: 20px;font-weight: 500;}
.about-box li::before {    font-family: FontAwesome;    content: "\f0f1";    color: teal;    position: absolute;    left: 0;    font-size: 25px;    top: -6px;}
.about-box .about-box-inner {margin-left: 25px;}
.about-box-inner li { list-style: circle; font-size: 16px;}
.about-box-inner li::before { content: ""; }
.about-img{height: 335px;}
.about-ser-img{height: 250px;margin-top: 30px; margin-bottom: 10px;}
.about-box img {    -webkit-transition: 0.5s ease all;    -moz-transition: 0.5s ease all;    -ms-transition: 0.5s ease all;    -ms-transition: 0.5s ease all;    transition: 0.5s ease all;}
.about-box .imgBox{overflow: hidden;}
.about-box .imgBox:hover img { transform: scale(1.1);    -webkit-transition: 0.5s ease all;    -moz-transition: 0.5s ease all;    -ms-transition: 0.5s ease all;    -ms-transition: 0.5s ease all;    transition: 0.5s ease all;}
/* about */
.error{color: red;position: absolute;bottom: -25px;text-align: center;left: 0;right: 0;}
.pv-service{background: url(../img/pv.png) no-repeat;background-attachment: fixed;background-size: cover;}
.about-box p a{color: teal;}