﻿@charset "UTF-8";
/*----------------------------------------------------------------------

	MASTER STYLESHEET

	Project:        Metronic "Asentus" Frontend Freebie - Responsive HTML Template Based On Twitter Bootstrap 3.3.4
	Version:        1.0
	Author:         KeenThemes
	Primary use:    Corporate, Business Themes.
	Email:			support@keenthemes.com
	Follow: 		http://www.twitter.com/keenthemes
	Like: 			http://www.facebook.com/keenthemes
	Website:		http://www.keenthemes.com
	Premium:		Premium Metronic Admin Theme: http://themeforest.net/item/metronic-responsive-admin-dashboard-template/4021469?ref=keenthemes

-----------------------------------------------------------------------*/
/* eg: @include user-select(none); */
/* eg: @include rotate(45deg); */
/* eg: @include translate3d(0,0,0); */
/* eg: @include border-radius(3px); */
/*------------------------------------------------------------------
  	[The "base.scss" contains basic default element styles
  		(colors, typography, margins & padding).]
------------------------------------------------------------------*/
html {
	overflow-x: hidden;
}
html, html a, body {
	-webkit-font-smoothing: antialiased;
}
body {
	font-family: -apple-system, BlinkMacSystemFont, "Helvetica Neue", YuGothic, "ヒラギノ角ゴ ProN W3", Hiragino Kaku Gothic ProN, Arial, "メイリオ", Meiryo, sans-serif;
}
p {
	font-size: 15px;
	font-weight: 400;
	font-family: -apple-system, BlinkMacSystemFont, "Helvetica Neue", YuGothic, "ヒラギノ角ゴ ProN W3", Hiragino Kaku Gothic ProN, Arial, "メイリオ", Meiryo, sans-serif;
	color: #333333;
	line-height: 1.6;
	margin-bottom: 15px;
}
em, li, li a {
	font-size: 16px;
	font-weight: 500;
	font-family: -apple-system, BlinkMacSystemFont, "Helvetica Neue", YuGothic, "ヒラギノ角ゴ ProN W3", Hiragino Kaku Gothic ProN, Arial, "メイリオ", Meiryo, sans-serif;
	color: #333333;
}
a {
	font-family: -apple-system, BlinkMacSystemFont, "Helvetica Neue", YuGothic, "ヒラギノ角ゴ ProN W3", Hiragino Kaku Gothic ProN, Arial, "メイリオ", Meiryo, sans-serif;
	color:#0000ee;
	outline: 0;
}
a:focus, a:hover, a:active {
	outline: 0;
	color: #999caa;
	text-decoration: none;
}
.link {
	position: relative;
	font-size: 13px;
	font-weight: 600;
	font-family: -apple-system, BlinkMacSystemFont, "Helvetica Neue", YuGothic, "ヒラギノ角ゴ ProN W3", Hiragino Kaku Gothic ProN, Arial, "メイリオ", Meiryo, sans-serif;
	text-transform: uppercase;
}
.link:after {
	position: absolute;
	top: 8px;
	right: -15px;
	width: 9px;
	height: 2px;
	background: #17bed2;
	content: " ";
}
span {
	font-size: 14px;
	font-weight: 400;
	font-family: -apple-system, BlinkMacSystemFont, "Helvetica Neue", YuGothic, "ヒラギノ角ゴ ProN W3", Hiragino Kaku Gothic ProN, Arial, "メイリオ", Meiryo, sans-serif;
	color: #bfc1c7;
}
h1, h2, h3, h4, h5, h6 {
	font-weight: 700;
	font-family: -apple-system, BlinkMacSystemFont, "Helvetica Neue", YuGothic, "ヒラギノ角ゴ ProN W3", Hiragino Kaku Gothic ProN, Arial, "メイリオ", Meiryo, sans-serif;
	color: #333333;
	line-height: 1.4;
	margin: 0 0 15px;
}
h1 > a, h2 > a, h3 > a, h4 > a, h5 > a, h6 > a {
	color: #333333;
}
h1 > a:hover, h2 > a:hover, h3 > a:hover, h4 > a:hover, h5 > a:hover, h6 > a:hover {
	color: #999caa;
	text-decoration: none;
}
h1 > a:focus, h2 > a:focus, h3 > a:focus, h4 > a:focus, h5 > a:focus, h6 > a:focus {
	text-decoration: none;
}
h1 {
	font-size: 40px;
}
h2 {
	font-size: 30px;
}
h3 {
	font-size: 22px;
}
h4 {
	font-size: 22px;
}
::selection {
	color: #fff;
	background: #17bed2;
	text-shadow: none;
}

::-webkit-selection {
 color: #fff;
 background: #17bed2;
 text-shadow: none;
}

::-moz-selection {
 color: #fff;
 background: #17bed2;
 text-shadow: none;
}
:active, :focus {
	outline: none;
}
/* Section Seperator */
.section-seperator {
	border-bottom: 1px solid #edf0f2;
}
/* Content Wrapper Link */
.content-wrapper-link {
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	display: block;
	z-index: 3;
	text-decoration: none;
}
/*------------------------------------------------------------------
  	[Switch]
------------------------------------------------------------------*/
@media (min-width: 481px) {
.no-sp {
	display: none;
}
}
@media (max-width: 480px) {
.no-pc {
	display: none;
}
}
/*------------------------------------------------------------------
  	[Blockquote]
------------------------------------------------------------------*/
.blockquote {
	position: relative;
	font-size: 17px;
	font-weight: 400;
	font-family: -apple-system, BlinkMacSystemFont, "Helvetica Neue", YuGothic, "ヒラギノ角ゴ ProN W3", Hiragino Kaku Gothic ProN, Arial, "メイリオ", Meiryo, sans-serif;
	color: #a6a7aa;
	line-height: 1.4;
	border-left: none;
	margin-left: 20px;
}
.blockquote:before {
	position: absolute;
	top: 0;
	left: -20px;
	font-size: 60px;
	display: inline-block;
	color: #17bed2;
	content: '“';
}
/*------------------------------------------------------------------
  	[Button]
------------------------------------------------------------------*/
.btn-theme {
	position: relative;
	display: block;
	line-height: 1.4;
	text-align: center;
}
.btn-theme a {
	display: inline;
	line-height: 1.4;
	text-align: center;
	background-image: none;
	background: #ef7f26;
	border: 2px solid #fff;
	border-radius: 5px;
	color: #fff;
	font-size: 110%;
	font-weight: normal;
	padding: 5px 20px;
	white-space: nowrap;
	vertical-align: middle;
	-ms-touch-action: manipulation;
	touch-action: manipulation;
	cursor: pointer;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
}
.btn-theme:focus, .btn-theme:active:focus, .btn-theme.active:focus, .btn-theme.focus, .btn-theme:active.focus, .btn-theme.active.focus {
	outline: none;
}
.btn-theme:hover {
	transition-duration: 300ms;
	transition-property: all;
	transition-timing-function: cubic-bezier(0.7, 1, 0.7, 1);
}
.btn-theme:hover, .btn-theme:focus, .btn-theme.focus {
	text-decoration: none;
}
.btn-theme:active, .btn-theme.active {
	background-image: none;
	outline: 0;
}
.btn-theme.disabled, .btn-theme[disabled], fieldset[disabled] .btn-theme {
	cursor: not-allowed;
	box-shadow: none;
	opacity: .65;
	pointer-events: none;
}
.btn-white-brd {
	color: #fff;
	background: transparent;
	border-color: rgba(255, 255, 255, 0.3);
	border-width: 1px;
}
.btn-white-brd:hover, .btn-white-brd:focus, .btn-white-brd.focus {
	color: #fff;
	background: #46529c;
	border-color: transparent;
}
.btn-default-bg {
	color: #515769;
	background: #f3f4f5;
	border-color: transparent;
	border-width: 0;
}
.btn-default-bg:hover, .btn-default-bg:focus, .btn-default-bg.focus {
	color: #fff;
	background: #17bed2;
	border-color: transparent;
}
.btn-base-bg {
	color: #fff;
	background: #17bed2;
	border-color: transparent;
	border-width: 0;
}
.btn-base-bg:hover, .btn-base-bg:focus, .btn-base-bg.focus {
	color: #fff;
	background: #63cbd7;
	border-color: transparent;
}
.btn-theme-sm {
	font-size: 13px;
	font-weight: 600;
	padding: 15px 30px;
}
/*------------------------------------------------------------------
  	[Pricing]
------------------------------------------------------------------*/
.pricing {
	padding: 70px 45px;
	background: #fff;
	margin-top: 50px;
}
 @media (max-width: 768px) {
.pricing {
	margin-top: 0;
}
}
.pricing.pricing-active {
	padding-top: 110px;
	padding-bottom: 110px;
	margin-top: 10px;
}
 @media (max-width: 768px) {
.pricing.pricing-active {
	margin-top: 0;
}
}
.pricing .pricing-icon {
	display: block;
	font-size: 30px;
	color: #999caa;
	margin-bottom: 30px;
}
.pricing .pricing-list-item {
	position: relative;
	font-size: 13px;
	color: #81848f;
	padding-left: 20px;
	margin-bottom: 10px;
}
.pricing .pricing-list-item:before {
	position: absolute;
	top: 7px;
	left: 0;
	width: 9px;
	height: 2px;
	background: #17bed2;
	content: " ";
	margin-right: 10px;
}

/*------------------------------------------------------------------
  	[Promo Section]
------------------------------------------------------------------*/
@media (max-width: 991px) {
.promo-section .promo-section-col {
	padding-top: 100px;
	padding-bottom: 100px;
}
}
 @media (min-width: 992px) {
.promo-section {
	position: relative;
	height: 400px;
}
.promo-section .promo-section-col {
	width: 45%;
}
.promo-section .promo-section-img-left {
	position: absolute;
	top: 0;
	right: 50%;
}
.promo-section .promo-section-img-right {
	position: absolute;
	top: 0;
	left: 30%;
}
.promo-section .ver-center {
	display: table;
	height: 400px;
}
.promo-section .ver-center-aligned {
	display: table-cell;
	vertical-align: middle;
}
}


 @media (min-width: 1200px){
.promo-section .promo-section-col {
width: 30%;
}
}
/*------------------------------------------------------------------
  	[Service]
------------------------------------------------------------------*/
.service {
	background: #fff;
	padding: 50px;
}
.service .service-element, .service .service-info {
	-webkit-transform: translate3d(0, 0, 0);
	-moz-transform: translate3d(0, 0, 0);
	transform: translate3d(0, 0, 0);
	transition-duration: 300ms;
	transition-property: all;
	transition-timing-function: cubic-bezier(0.7, 1, 0.7, 1);
}
.service .service-icon {
	display: block;
	font-size: 30px;
	color: #999caa;
	margin-bottom: 30px;
}
.service:hover .service-element {
	opacity: 0;
	-webkit-transform: translate3d(0, -100%, 0);
	-moz-transform: translate3d(0, -100%, 0);
	transform: translate3d(0, -100%, 0);
	transition-duration: 300ms;
	transition-property: all;
	transition-timing-function: cubic-bezier(0.7, 1, 0.7, 1);
}
.service:hover .service-info {
	-webkit-transform: translate3d(0, -30%, 0);
	-moz-transform: translate3d(0, -30%, 0);
	transform: translate3d(0, -30%, 0);
	transition-duration: 300ms;
	transition-property: all;
	transition-timing-function: cubic-bezier(0.7, 1, 0.7, 1);
}
/*------------------------------------------------------------------
  	[Work]
------------------------------------------------------------------*/
.work {
	position: relative;
}
.work .work-overlay {
	position: relative;
}
.work .work-overlay:before {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: transparent;
	content: " ";
	transition-duration: 300ms;
	transition-property: all;
	transition-timing-function: cubic-bezier(0.7, 1, 0.7, 1);
}
.work .work-content {
	position: absolute;
	left: 0;
	bottom: 0;
	opacity: 0;
	padding: 25px;
	-webkit-transform: translate3d(0, 20px, 0);
	-moz-transform: translate3d(0, 20px, 0);
	transform: translate3d(0, 20px, 0);
	transition-duration: 300ms;
	transition-property: all;
	transition-timing-function: cubic-bezier(0.7, 1, 0.7, 1);
}
.work:hover .work-overlay:before {
	background: rgba(0, 0, 0, 0.5);
	transition-duration: 300ms;
	transition-property: all;
	transition-timing-function: cubic-bezier(0.7, 1, 0.7, 1);
}
.work:hover .work-content {
	opacity: 1;
	-webkit-transform: translate3d(0, 0, 0);
	-moz-transform: translate3d(0, 0, 0);
	transform: translate3d(0, 0, 0);
	transition-duration: 300ms;
	transition-property: all;
	transition-timing-function: cubic-bezier(0.7, 1, 0.7, 1);
}
/*------------------------------------------------------------------
  	[Footer]
------------------------------------------------------------------*/
.footer {
	background: #46529c;
}
.footer .footer-seperator {
	background: #dad9d9;
}
.footer .footer-list {
	margin-bottom: 0;
}
.footer .footer-list-item {
	color: #cbd3e1;
	display: inline-block;
	padding: 0 20px;
}
.footer .footer-list-link {
	color: #cbd3e1;
}
.footer .footer-list-link:hover {
	color: #fff;
}
.footer .footer-input {
	background: rgba(0, 0, 0, 0.15);
}
.footer .footer-logo {
	width: 85px;
	height: auto;
}
/*------------------------------------------------------------------
  	[Header]
------------------------------------------------------------------*/
/* Fixed Top */
.navbar-fixed-top .navbar-collapse {
	max-height: 100%;
}
/* Navbar */
.header .navbar {
	margin-bottom: 0;
	border-bottom: 1px solid rgba(255, 255, 255, 0.2);
	transition-duration: 300ms;
	transition-property: all;
	transition-timing-function: cubic-bezier(0.7, 1, 0.7, 1);
}
/* Navbar Toggle */
.header .navbar-toggle {
	width: 25px;
	height: 25px;
	border: none;
	padding: 0;
	margin: 35px 0;
}
.header .navbar-toggle .toggle-icon {
	position: relative;
	width: 21px;
	height: 1px;
	display: inline-block;
	background: #515769;
	transition-duration: 300ms;
	transition-property: all;
	transition-timing-function: cubic-bezier(0.7, 1, 0.7, 1);
}
.header .navbar-toggle .toggle-icon:before, .header .navbar-toggle .toggle-icon:after {
	position: absolute;
	left: 0;
	background: #515769;
	content: " ";
}
.header .navbar-toggle .toggle-icon:before {
	width: 10px;
	height: 1px;
	bottom: 10px;
	-webkit-transform: rotate(0);
	-moz-transform: rotate(0);
	transform: rotate(0);
	transition-duration: 300ms;
	transition-property: all;
	transition-timing-function: cubic-bezier(0.7, 1, 0.7, 1);
}
.header .navbar-toggle .toggle-icon:after {
	width: 16px;
	height: 1px;
	top: -5px;
	-webkit-transform: rotate(0);
	-moz-transform: rotate(0);
	transform: rotate(0);
	transition-duration: 300ms;
	transition-property: all;
	transition-timing-function: cubic-bezier(0.7, 1, 0.7, 1);
}
.header .navbar-toggle:hover .toggle-icon {
	background: #17bed2;
	transition-duration: 300ms;
	transition-property: all;
	transition-timing-function: cubic-bezier(0.7, 1, 0.7, 1);
}
.header .navbar-toggle:hover .toggle-icon:before, .header .navbar-toggle:hover .toggle-icon:after {
	width: 21px;
	height: 1px;
	background: #17bed2;
	transition-duration: 300ms;
	transition-property: all;
	transition-timing-function: cubic-bezier(0.7, 1, 0.7, 1);
}
.header .navbar-toggle:hover .toggle-icon.is-clicked {
	background: rgba(81, 87, 105, 0);
}
/* Navbar Logo */
.header .logo {
	width: 100px;
	height: 100px;
	float: left;
	max-height: 95px;
	line-height: 65px;
}
.header .logo-wrap {
	display: inline-block;
	padding: 15px 0;
}
.header .logo-wrap:focus, .header .logo-wrap:hover {
	text-decoration: none;
}
.header .logo-img {
	display: inline-block;
	width: 85px;
	height: auto;
	max-width: 100%;
	max-height: 100%;
	vertical-align: middle;
}
.header .logo-img-main {
	display: inline-block;
	transition-duration: 400ms;
	transition-property: all;
	transition-timing-function: cubic-bezier(0.7, 1, 0.7, 1);
}
.header .logo-img-active {
	display: none;
	transition-duration: 400ms;
	transition-property: all;
	transition-timing-function: cubic-bezier(0.7, 1, 0.7, 1);
}
/* Navbar */
.header .navbar-nav {
	padding-left: 0;
	margin-bottom: 0;
	list-style: none;
}
/* Nav */
.header .nav-item {
	position: relative;
	display: block;
}
.header .nav-item:last-child .nav-item-child {
	padding-right: 0;
}
.header .nav-item .nav-item-hover.active:after {
	opacity: 1;
	transition-duration: 400ms;
	transition-property: all;
	transition-timing-function: cubic-bezier(0.7, 1, 0.7, 1);
}
.header .nav-item:hover .nav-item-hover:after {
	opacity: 1;
	transition-duration: 400ms;
	transition-property: all;
	transition-timing-function: cubic-bezier(0.7, 1, 0.7, 1);
}
.header .nav-item-child {
	position: relative;
	display: block;
	font-size: 13px;
	font-weight: 600;
	font-family: -apple-system, BlinkMacSystemFont, "Helvetica Neue", YuGothic, "ヒラギノ角ゴ ProN W3", Hiragino Kaku Gothic ProN, Arial, "メイリオ", Meiryo, sans-serif;
	color: #fff;
	text-transform: uppercase;
	line-height: 55px;
	padding: 20px;
	transition-duration: 300ms;
	transition-property: all;
	transition-timing-function: cubic-bezier(0.7, 1, 0.7, 1);
}
.header .nav-item-hover {
	position: relative;
}
.header .nav-item-hover:after {
	position: absolute;
	top: 45px;
	left: 0;
	width: 9px;
	height: 2px;
	background: #17bed2;
	opacity: 0;
	content: " ";
	transition-duration: 400ms;
	transition-property: all;
	transition-timing-function: cubic-bezier(0.7, 1, 0.7, 1);
}

/* Media Queries below 991px */
@media (max-width: 991px) {
/* Bootstrap collapse of navigation with a maximum width: 991px
    (Change it to any breakpoint you want to be collapsed) */
.header {
	background: #fff;
}
.header .navbar-toggle {
	display: block;
}
.header .navbar-collapse.collapse {
	display: none !important;
}
.header .navbar-collapse.collapse.in {
	display: block !important;
}
.header .nav-collapse {
	padding-left: 0;
	padding-right: 0;
}
.header .navbar-nav {
	margin: 0;
	float: none;
}
.header .navbar-nav .nav-item {
	float: none;
}
/* Menu Container */
.header .menu-container:before, .header .menu-container:after {
	content: " ";
	display: table;
}
.header .menu-container:after {
	clear: both;
}
/* Logo */
.header .logo .logo-img-main {
	display: none;
}
.header .logo .logo-img-active {
	display: inline-block;
}
/* Navbar Nav */
.header .nav-item-child {
	color: #515769;
	line-height: 1.4;
	padding: 12px 12px 12px 15px;
}
.header .nav-item-hover:after {
	position: absolute;
	top: 19px;
}
}

/* Media Queries below 767px */
@media (max-width: 767px) {
/* Menu Container */
.header .menu-container {
	padding-left: 15px;
	padding-right: 15px;
	margin-left: 0;
	margin-right: 0;
}
.header .navbar > .container {
	width: auto;
	padding-left: 0;
	padding-right: 0;
	margin-left: 0;
	margin-right: 0;
}
.header .navbar > .container > .nav-collapse {
	padding-left: 0;
	padding-right: 0;
	margin-left: 0;
	margin-right: 0;
}
}

/* Media Queries above 992px */
@media (min-width: 992px) {
/* Navbar */
.header .navbar-nav-right {
	float: right;
	margin-right: 20px;/*position: absolute;
    right: 250px;*/
}
}

/* Page On Scroll */
@media (min-width: 992px) {
.page-on-scroll .header .navbar {
	background: #fff;
	border-bottom-color: #f0f0f0;
	transition-duration: 300ms;
	transition-property: all;
	transition-timing-function: cubic-bezier(0.7, 1, 0.7, 1);
}
.page-on-scroll .header .logo-img-main {
	display: none;
	transition-duration: 400ms;
	transition-property: all;
	transition-timing-function: cubic-bezier(0.7, 1, 0.7, 1);
}
.page-on-scroll .header .logo-img-active {
	display: inline-block;
	transition-duration: 400ms;
	transition-property: all;
	transition-timing-function: cubic-bezier(0.7, 1, 0.7, 1);
}
.page-on-scroll .header .nav-item-child {
	color: #515769;
	transition-duration: 300ms;
	transition-property: all;
	transition-timing-function: cubic-bezier(0.7, 1, 0.7, 1);
}
}
/*------------------------------------------------------------------
  	[Contact]
------------------------------------------------------------------*/
.contact-list > li {
	font-size: 13px;
	color: #81848f;
	margin-bottom: 10px;
}
/*--------------------------------------------------
    [Back To Top Theme Button]
----------------------------------------------------*/
.back-to-top {
	position: fixed;
	right: 10px;
	bottom: 10px;
	display: inline-block;
	z-index: 9;
	width: 40px;
	height: 40px;
	font-size: 11px;
	font-weight: 400;
	color: #fff;
	text-align: center;
	line-height: 3;
	letter-spacing: 1px;
	text-transform: uppercase;
	background: #fd7408;
	border-radius: 3px;
	visibility: hidden;
	opacity: 0;
	padding: 5px;
	-webkit-transform: translate3d(0, 50px, 0);
	-moz-transform: translate3d(0, 50px, 0);
	transform: translate3d(0, 50px, 0);
	transition-duration: 300ms;
	transition-property: all;
	transition-timing-function: cubic-bezier(0.7, 1, 0.7, 1);
}
.back-to-top:hover {
	color: #fff;
	transition-duration: 300ms;
	transition-property: all;
	transition-timing-function: cubic-bezier(0.7, 1, 0.7, 1);
}
.back-to-top:focus, .back-to-top:hover {
	text-decoration: none;
}
/* The Button Becomes Visible */
.back-to-top.back-to-top-is-visible {
	visibility: visible;
	opacity: .6;
	-webkit-transform: translate3d(0, 0, 0);
	-moz-transform: translate3d(0, 0, 0);
	transform: translate3d(0, 0, 0);
	transition-duration: 300ms;
	transition-property: all;
	transition-timing-function: cubic-bezier(0.7, 1, 0.7, 1);
}
.back-to-top.back-to-top-is-visible:hover {
	opacity: 1;
	transition-duration: 300ms;
	transition-property: all;
	transition-timing-function: cubic-bezier(0.7, 1, 0.7, 1);
}
/* If the user keeps scrolling down, the button is out of focus and becomes less visible */
.back-to-top.back-to-top-fade-out {
	opacity: .4;
}
.back-to-top.back-to-top-fade-out:hover {
	opacity: 1;
	transition-duration: 300ms;
	transition-property: all;
	transition-timing-function: cubic-bezier(0.7, 1, 0.7, 1);
}
/*------------------------------------------------------------------
  	[Form Control]
------------------------------------------------------------------*/
.form-control {
	height: 50px;
	font-size: 14px;
	font-weight: 400;
	color: #a6a7aa;
	background: #fafafa;
	border: none;
	box-shadow: none;
	border-radius: 0;
	padding-left: 15px;
}
 .form-control::-moz-placeholder {
 color: #a6a7aa;
}
 .form-control:-ms-input-placeholder {
 color: #a6a7aa;
}
 .form-control::-webkit-input-placeholder {
 color: #a6a7aa;
}
.form-control:focus {
	color: #515769;
	box-shadow: none;
}
 .form-control:focus::-moz-placeholder {
 color: #515769;
}
 .form-control:focus:-ms-input-placeholder {
 color: #515769;
}
 .form-control:focus::-webkit-input-placeholder {
 color: #515769;
}
/*------------------------------------------------------------------
    [Full Screen Carousel]
------------------------------------------------------------------*/
.full-screen {
	background-size: cover;
	background-position: center;
	background-repeat: no-repeat;
}
/*------------------------------------------------------------------
    [Carousel]
------------------------------------------------------------------*/
.carousel-indicators {
	left: 0;
	width: 100%;
	margin: 0;
	padding: 0;
}
.carousel-centered {
	/*position: absolute;
  top: 50%;
  -webkit-transform: translate3d(0, -50%, 0);
  -moz-transform: translate3d(0, -50%, 0);
  transform: translate3d(0, -50%, 0);*/
	position: absolute;
	top: 55%;
	-webkit-transform: translate(-50%, -50%);
	-moz-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
	left: 50%;
	width: 95%;
}
.carousel-title {
	font-size: 70px;
	font-weight: bold;
	line-height: 1.3;
	text-align: center;
	letter-spacing: 0.05em;
	margin-bottom: 0;
	padding: 0;
	font-style: oblique;
}
 @media (max-width: 768px) {
.carousel-title {
	font-size: 50px;
}
}

.carousel-centered .copy-01 {
	color: #000;
	text-shadow: #fff 2px 0px, #fff -2px 0px, #fff 0px -2px, #fff 0px 2px, #fff 2px 2px, #fff -2px 2px, #fff 2px -2px, #fff -2px -2px, #fff 1px 2px, #fff -1px 2px, #fff 1px -2px, #fff -1px -2px, #fff 2px 1px, #fff -2px 1px, #fff 2px -1px, #fff -2px -1px;
}
.carousel-centered .copy-01-01 {
	color: #ff7800 !important;
	text-shadow: #fff 2px 0px, #fff -2px 0px, #fff 0px -2px, #fff 0px 2px, #fff 2px 2px, #fff -2px 2px, #fff 2px -2px, #fff -2px -2px, #fff 1px 2px, #fff -1px 2px, #fff 1px -2px, #fff -1px -2px, #fff 2px 1px, #fff -2px 1px, #fff 2px -1px, #fff -2px -1px;
	font-size: 50px;
    font-weight: bold;
}
.carousel-centered .copy-02 {
	color: #406b09;
	/*text-shadow: 2px 2px 0 #fbea66, -2px 2px 0 #fbea66, 2px -2px 0 #fbea66, -2px -2px 0 #fbea66;*/
	    text-shadow: #c2fb06 2px 0px, #c2fb06 -2px 0px, #c2fb06 0px -2px, #c2fb06 0px 2px, #c2fb06 2px 2px, #c2fb06 -2px 2px, #c2fb06 2px -2px, #c2fb06 -2px -2px, #c2fb06 1px 2px, #c2fb06 -1px 2px, #c2fb06 1px -2px, #c2fb06 -1px -2px, #c2fb06 2px 1px, #c2fb06 -2px 1px, #c2fb06 2px -1px, #c2fb06 -2px -1px;
}
@media (max-width: 480px) {
.carousel-centered .copy-02 {
	letter-spacing: -0.03em;
}
}
.carousel-centered .copy-03 {
	color: #fb33bc;
	text-shadow: #45edfb 2px 0px, #45edfb -2px 0px, #45edfb 0px -2px, #45edfb 0px 2px, #45edfb 2px 2px, #45edfb -2px 2px, #45edfb 2px -2px, #45edfb -2px -2px, #45edfb 1px 2px, #45edfb -1px 2px, #45edfb 1px -2px, #45edfb -1px -2px, #45edfb 2px 1px, #45edfb -2px 1px, #45edfb 2px -1px, #45edfb -2px -1px;
}
.carousel-centered .copy-04 {
	color: #fbd30c;
	text-shadow: #1f01bd 2px 0px, #1f01bd -2px 0px, #1f01bd 0px -2px, #1f01bd 0px 2px, #1f01bd 2px 2px, #1f01bd -2px 2px, #1f01bd 2px -2px, #1f01bd -2px -2px, #1f01bd 1px 2px, #1f01bd -1px 2px, #1f01bd 1px -2px, #1f01bd -1px -2px, #1f01bd 2px 1px, #1f01bd -2px 1px, #1f01bd 2px -1px, #1f01bd -2px -1px;
}
.carousel-centered .copy-05 {
	color: #4b02a9;
	text-shadow: #f7ee2c 2px 0px, #f7ee2c -2px 0px, #f7ee2c 0px -2px, #f7ee2c 0px 2px, #f7ee2c 2px 2px, #f7ee2c -2px 2px, #f7ee2c 2px -2px, #f7ee2c -2px -2px, #f7ee2c 1px 2px, #f7ee2c -1px 2px, #f7ee2c 1px -2px, #f7ee2c -1px -2px, #f7ee2c 2px 1px, #f7ee2c -2px 1px, #f7ee2c 2px -1px, #f7ee2c -2px -1px;
}
@media (max-width: 480px) {
.carousel-centered .copy-05 {
	letter-spacing: -0.03em;
}
}
.carousel-centered .copy-07 {
	color: #47529c;
	text-shadow: #fff 2px 0px, #fff -2px 0px, #fff 0px -2px, #fff 0px 2px, #fff 2px 2px, #fff -2px 2px, #fff 2px -2px, #fff -2px -2px, #fff 1px 2px, #fff -1px 2px, #fff 1px -2px, #fff -1px -2px, #fff 2px 1px, #fff -2px 1px, #fff 2px -1px, #fff -2px -1px;
}

.carousel-centered .copy-08 {
	color: #fff;
}

@media (max-width: 480px) {
.carousel-centered .copy-07 {
	letter-spacing: -0.03em;
}
.carousel-centered .copy-08 {
	letter-spacing: -0.03em;
}

}
.carousel-centered .subcopy-01 {
	color: #ff7800;
	text-shadow: 1px 1px 1px rgba(0,0,0,0.4);
}
.carousel-centered .subcopy-02 {
	color: #ffed0f;
	text-shadow: 1px 1px 1px rgba(0,0,0,0.6);
}
.carousel-centered .subcopy-03 {
	color: #74fd0d;
	text-shadow: 1px 1px 1px rgba(0,0,0,0.6);
}
.carousel-centered .subcopy-04 {
	color: #fff;
	text-shadow: 1px 1px 1px rgba(0,0,0,0.4);
}
.carousel-centered .subcopy-05 {
	color: #abfb0e;
	text-shadow: 1px 1px 1px rgba(0,0,0,0.6);
}
.carousel-centered .subcopy-07 {
	color: #fff;
	text-shadow: 1px 1px 1px rgba(0,0,0,0.4);
}
.carousel-centered .subcopy-chiba-trial {
	color: #222;
    text-shadow: 1px 1px 1px rgba(255,255,255,1);
    font-size: 30px;
    text-align: center;
    padding: 0;
    font-weight: bold;
	background: rgba(255,255,255,.5);
	border:2px solid #fff;
}

.carousel-centered .subcopy-08 {
	color: #fff;
	text-shadow: 1px 1px 1px rgba(0,0,0,0.4);
}

@media (max-width: 480px) {
.carousel-centered .subcopy-chiba-trial {
	color: #222;
    text-shadow: 1px 1px 1px rgba(255,255,255,1);
    font-size: 20px;
    text-align: center;
    padding: 0;
    font-weight: bold;
}
}
@media (max-width: 480px) {
.carousel-centered .subcopy-07 {
	letter-spacing: -0.03em;
}
.carousel-centered .subcopy-08 {
	letter-spacing: -0.03em;
}

}
.carousel-centered p {
	font-size: 22px;
	text-align: center;
}
/*----------------------------------
  Custome Style of Info Window
------------------------------------*/
/* White background and box outline */
.gm-style > div:first-child > div + div > div:last-child > div > div:first-child > div {
	background-color: #fff !important;
	box-shadow: none !important;
}
/* Arrow colour */
.gm-style > div:first-child > div + div > div:last-child > div > div:first-child > div > div > div {
	background-color: #fff !important;
	box-shadow: none !important;
}
.gm-style > div:first-child > div + div > div:last-child > div > div:first-child > div:first-child {
	display: none;
}
/* Let's remove image icon inside close button */
.gm-style > div:first-child > div + div > div:last-child > div > div:last-child > img {
	display: none;
}
/* New arrow style */
.gm-style > div:first-child > div + div > div:last-child > div > div:last-child {
	overflow: inherit !important;
}
.gm-style > div:first-child > div + div > div:last-child > div > div:last-child:after {
	position: absolute;
	top: 0;
	right: 0;
	font-size: 15px;
	font-family: Simple-Line-Icons;
	color: #515769;
	content: "\e082";
}
/* Positioning of infowindow */
.gm-style-iw {
	top: 22px !important;
	left: 22px !important;
}
/*--------------------------------------------------
    [Masonry Grid]
----------------------------------------------------*/
.masonry-grid {
	position: relative;
	margin: 0 -2px;
}
.masonry-grid:before, .masonry-grid:after {
	content: " ";
	display: table;
}
.masonry-grid:after {
	clear: both;
}
.masonry-grid .masonry-grid-item {
	display: block;
	float: left;
	vertical-align: top;
	padding: 0 2px;
	margin-bottom: 4px;
}
.masonry-grid .masonry-grid-item.col-12 {
	width: 100%;
}
.masonry-grid .masonry-grid-item.col-11 {
	width: 91.66666667%;
}
.masonry-grid .masonry-grid-item.col-10 {
	width: 83.33333333%;
}
.masonry-grid .masonry-grid-item.col-9 {
	width: 75%;
}
.masonry-grid .masonry-grid-item.col-8 {
	width: 66.66666667%;
}
.masonry-grid .masonry-grid-item.col-7 {
	width: 58.33333333%;
}
.masonry-grid .masonry-grid-item.col-6 {
	width: 50%;
}
.masonry-grid .masonry-grid-item.col-5 {
	width: 41.66666667%;
}
.masonry-grid .masonry-grid-item.col-4 {
	width: 33.33333333%;
}
.masonry-grid .masonry-grid-item.col-3 {
	width: 25%;
}
.masonry-grid .masonry-grid-item.col-2 {
	width: 16.66666667%;
}
.masonry-grid .masonry-grid-item.col-1 {
	width: 8.33333333%;
}

/* Media Queries below 768px */
@media (max-width: 768px) {
.masonry-grid .masonry-grid-item {
	width: 50%;
}
.masonry-grid .masonry-grid-item.col-12, .masonry-grid .masonry-grid-item.col-11, .masonry-grid .masonry-grid-item.col-10, .masonry-grid .masonry-grid-item.col-9, .masonry-grid .masonry-grid-item.col-8, .masonry-grid .masonry-grid-item.col-7, .masonry-grid .masonry-grid-item.col-6, .masonry-grid .masonry-grid-item.col-5, .masonry-grid .masonry-grid-item.col-4, .masonry-grid .masonry-grid-item.col-3, .masonry-grid .masonry-grid-item.col-2, .masonry-grid .masonry-grid-item.col-1 {
	width: 50%;
}
}

/* Media Queries below 600px */
@media (max-width: 600px) {
.masonry-grid .masonry-grid-item {
	width: 100%;
}
.masonry-grid .masonry-grid-item.col-12, .masonry-grid .masonry-grid-item.col-11, .masonry-grid .masonry-grid-item.col-10, .masonry-grid .masonry-grid-item.col-9, .masonry-grid .masonry-grid-item.col-8, .masonry-grid .masonry-grid-item.col-7, .masonry-grid .masonry-grid-item.col-6, .masonry-grid .masonry-grid-item.col-5, .masonry-grid .masonry-grid-item.col-4, .masonry-grid .masonry-grid-item.col-3, .masonry-grid .masonry-grid-item.col-2, .masonry-grid .masonry-grid-item.col-1 {
	width: 100%;
}
}
/*------------------------------------------------------------------
    [Swiper Slider]
------------------------------------------------------------------*/
.swiper-slider {
	position: relative;
	width: 100%;
	height: 100%;
	overflow: hidden;
}
.swiper-clients-img {
	display: block;
	width: 190px;
	height: auto;
	margin: 0 auto;
	opacity: 1;
	cursor: pointer;
	transition-duration: 200ms;
	transition-property: all;
	transition-timing-function: cubic-bezier(0.7, 1, 0.7, 1);
}
.swiper-clients-img:hover {
	opacity: .8;
	transition-duration: 200ms;
	transition-property: all;
	transition-timing-function: cubic-bezier(0.7, 1, 0.7, 1);
}
/*------------------------------------------------------------------
  	[Text Colors]
------------------------------------------------------------------*/
.color-base {
	color: #17bed2;
}
.color-white {
	color: #fff;
}
.color-heading {
	color: #515769;
}
.color-subtitle {
	color: #a6a7aa;
}
.color-link {
	color: #81848f;
}
.color-link-hover {
	color: #999caa;
}
.color-sky-light {
	color: #fafafa;
}
/*------------------------------------------------------------------
  	[Background Colors]
------------------------------------------------------------------*/
.bg-color-base {
	background: #17bed2;
}
.bg-color-white {
	background: #fff;
}
.bg-color-heading {
	background: #515769;
}
.bg-color-subtitle {
	background: #a6a7aa;
}
.bg-color-link {
	background: #81848f;
}
.bg-color-link-hover {
	background: #999caa;
}
.bg-color-sky-light {
	background: #fafafa;
}
/*------------------------------------------------------------------
    [Row]
------------------------------------------------------------------*/
.row-space-1 {
	margin-right: -1px;
	margin-left: -1px;
}
 .row-space-1 > [class*="col-"] {
 padding-left: 1px;
 padding-right: 1px;
}
/*------------------------------------------------------------------
  	[Content]
------------------------------------------------------------------*/
.content {
	padding-top: 40px;
	padding-bottom: 40px;
}
.content-sm {
	padding-top: 60px;
	padding-bottom: 60px;
}
.content-md {
	padding-top: 60px;
	padding-bottom: 80px;
}
.content-lg {
	padding-top: 60px;
	padding-bottom: 60px;
}
/*------------------------------------------------------------------
    [Parallax Content]
------------------------------------------------------------------*/
.parallax-content {
	padding-top: 220px;
	padding-bottom: 120px;
}
/*------------------------------------------------------------------
    [Full Width]
------------------------------------------------------------------*/
.full-width {
	width: 100%;
	height: auto;
}
/*------------------------------------------------------------------
    [Container Full Width]
------------------------------------------------------------------*/
.container-full-width {
	width: 100%;
}
.container-full-width:before, .container-full-width:after {
	content: " ";
	display: table;
}
.container-full-width:after {
	clear: both;
}
/*------------------------------------------------------------------
    [Overflow]
------------------------------------------------------------------*/
.overflow-h {
	overflow: hidden;
}
/*--------------------------------------------------
    [Font Weight]
----------------------------------------------------*/
.fweight-300 {
	font-weight: 300 !important;
}
.fweight-400 {
	font-weight: 400 !important;
}
.fweight-500 {
	font-weight: 500 !important;
}
.fweight-600 {
	font-weight: 600 !important;
}
.fweight-700 {
	font-weight: 700 !important;
}
/*------------------------------------------------------------------
    [Left margin]
------------------------------------------------------------------*/
.margin-l-0 {
	margin-left: 0 !important;
}
.margin-l-5 {
	margin-left: 5px !important;
}
.margin-l-10 {
	margin-left: 10px !important;
}
.margin-l-20 {
	margin-left: 20px !important;
}
/*------------------------------------------------------------------
    [Right margin]
------------------------------------------------------------------*/
.margin-r-0 {
	margin-right: 0 !important;
}
.margin-r-5 {
	margin-right: 5px !important;
}
.margin-r-10 {
	margin-right: 10px !important;
}
.margin-r-20 {
	margin-right: 20px !important;
}
/*------------------------------------------------------------------
    [Top margin]
------------------------------------------------------------------*/

.margin-t-97 {
	margin-top: 97px !important;
}
.margin-t-80 {
	margin-top: 80px !important;
}
.margin-t-40 {
	margin-top: 40px !important;
}
/*------------------------------------------------------------------
    [Bottom margin]
------------------------------------------------------------------*/
.margin-b-0 {
	margin-bottom: 0 !important;
}
.margin-b-2 {
	margin-bottom: 2px !important;
}
.margin-b-5 {
	margin-bottom: 5px !important;
}
.margin-b-10 {
	margin-bottom: 10px !important;
}
.margin-b-20 {
	margin-bottom: 20px !important;
}
.margin-b-30 {
	margin-bottom: 30px !important;
}
.margin-b-40 {
	margin-bottom: 40px !important;
}
.margin-b-50 {
	margin-bottom: 50px !important;
}
.margin-b-60 {
	margin-bottom: 60px !important;
}
.margin-b-70 {
	margin-bottom: 70px !important;
}
.margin-b-80 {
	margin-bottom: 80px !important;
}
.margin-b-90 {
	margin-bottom: 90px !important;
}
.margin-b-100 {
	margin-bottom: 100px !important;
}

/*------------------------------------------------------------------
    [Top margin below 992px]
------------------------------------------------------------------*/
@media (max-width: 992px) {
.md-margin-b-0 {
	margin-bottom: 0 !important;
}
.md-margin-b-2 {
	margin-bottom: 2px !important;
}
.md-margin-b-5 {
	margin-bottom: 5px !important;
}
.md-margin-b-10 {
	margin-bottom: 10px !important;
}
.md-margin-b-20 {
	margin-bottom: 20px !important;
}
.md-margin-b-30 {
	margin-bottom: 30px !important;
}
.md-margin-b-40 {
	margin-bottom: 40px !important;
}
.md-margin-b-50 {
	margin-bottom: 50px !important;
}
.md-margin-b-60 {
	margin-bottom: 60px !important;
}
.md-margin-b-70 {
	margin-bottom: 70px !important;
}
.md-margin-b-80 {
	margin-bottom: 80px !important;
}
.md-margin-b-90 {
	margin-bottom: 90px !important;
}
.md-margin-b-100 {
	margin-bottom: 100px !important;
}
}

/*------------------------------------------------------------------
    [Top margin below 768px]
------------------------------------------------------------------*/
@media (max-width: 768px) {
.sm-margin-b-0 {
	margin-bottom: 0 !important;
}
.sm-margin-b-2 {
	margin-bottom: 2px !important;
}
.sm-margin-b-5 {
	margin-bottom: 5px !important;
}
.sm-margin-b-10 {
	margin-bottom: 10px !important;
}
.sm-margin-b-20 {
	margin-bottom: 20px !important;
}
.sm-margin-b-30 {
	margin-bottom: 30px !important;
}
.sm-margin-b-40 {
	margin-bottom: 40px !important;
}
.sm-margin-b-50 {
	margin-bottom: 50px !important;
}
.sm-margin-b-60 {
	margin-bottom: 60px !important;
}
.sm-margin-b-70 {
	margin-bottom: 70px !important;
}
.sm-margin-b-80 {
	margin-bottom: 80px !important;
}
.sm-margin-b-90 {
	margin-bottom: 90px !important;
}
.sm-margin-b-100 {
	margin-bottom: 100px !important;
}
}

/*------------------------------------------------------------------
    [Top margin below 480px]
------------------------------------------------------------------*/
@media (max-width: 480px) {
.xs-margin-b-0 {
	margin-bottom: 0 !important;
}
.xs-margin-b-2 {
	margin-bottom: 2px !important;
}
.xs-margin-b-5 {
	margin-bottom: 5px !important;
}
.xs-margin-b-10 {
	margin-bottom: 10px !important;
}
.xs-margin-b-20 {
	margin-bottom: 20px !important;
}
.xs-margin-b-30 {
	margin-bottom: 30px !important;
}
.xs-margin-b-40 {
	margin-bottom: 40px !important;
}
.xs-margin-b-50 {
	margin-bottom: 50px !important;
}
.xs-margin-b-60 {
	margin-bottom: 60px !important;
}
.xs-margin-b-70 {
	margin-bottom: 70px !important;
}
.xs-margin-b-80 {
	margin-bottom: 80px !important;
}
.xs-margin-b-90 {
	margin-bottom: 90px !important;
}
.xs-margin-b-100 {
	margin-bottom: 100px !important;
}
}
/*--------------------------------------------------
    [Padding]
----------------------------------------------------*/
.padding-t-97 {
	padding-top: 97px !important;
}

.padding-t-80 {
	padding-top: 80px !important;
}
.padding-b-80 {
	padding-bottom: 80px !important;
}
.padding-b-0 {
	padding-bottom: 0 !important;
}
/*--------------------------------------------------
    [Height]
----------------------------------------------------*/
.height-100 {
	height: 100px !important;
}
.height-200 {
	height: 200px !important;
}
.height-300 {
	height: 300px !important;
}
.height-400 {
	height: 400px !important;
}
