@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; }
/* Default HTML element */
html, html body a, body { -webkit-font-smoothing: antialiased; }
body, body #template-wrapper { font-family: "游明朝体", "Yu Mincho", YuMincho, "ヒラギノ明朝 Pro", "Hiragino Mincho Pro", "MS P明朝", "MS PMincho", serif; font-weight: 400; background: url(../img/bg_body.png) repeat; }
p { font-size: 18px; font-weight: 500; font-family: "游明朝体", "Yu Mincho", YuMincho, "ヒラギノ明朝 Pro", "Hiragino Mincho Pro", "MS P明朝", "MS PMincho", serif; color: #000000; line-height: 1.4; margin-bottom: 15px; }
em, li, li a { font-size: 20px; font-weight: 500; font-family: "游明朝体", "Yu Mincho", YuMincho, "ヒラギノ明朝 Pro", "Hiragino Mincho Pro", "MS P明朝", "MS PMincho", serif; color: #000000; }
a { font-family: "游明朝体", "Yu Mincho", YuMincho, "ヒラギノ明朝 Pro", "Hiragino Mincho Pro", "MS P明朝", "MS PMincho", serif; color: #81848f; outline: 0; }
a:focus, a:hover, a:active { outline: 0; color: #000000; text-decoration: none; }
span { font-size: 14px; font-weight: 400; font-family: "游明朝体", "Yu Mincho", YuMincho, "ヒラギノ明朝 Pro", "Hiragino Mincho Pro", "MS P明朝", "MS PMincho", serif; color: #bfc1c7; }
h1, h2, h3, h4, h5, h6 { font-weight: 600; font-family: "游明朝体", "Yu Mincho", YuMincho, "ヒラギノ明朝 Pro", "Hiragino Mincho Pro", "MS P明朝", "MS PMincho", serif; color: #E3007F; line-height: 1.4; margin: 0 0 15px; }
h1 > a, h2 > a, h3 > a, h4 > a, h5 > a, h6 > a { color: #E3007F; }
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; }
hr { border-top: 1px solid #060001; }
img[usemap] { max-width: 100%; height: auto; }
:active, :focus { outline: none; }

.link { position: relative; font-size: 13px; font-weight: 600; font-family: "游明朝体", "Yu Mincho", YuMincho, "ヒラギノ明朝 Pro", "Hiragino Mincho Pro", "MS P明朝", "MS PMincho", serif; text-transform: uppercase; }
.link:after { position: absolute; top: 8px; right: -15px; width: 9px; height: 2px; background: #000000; content: " "; }

::selection { color: #fff; background: #000000; text-shadow: none; }

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

::-moz-selection { color: #fff; background: #000000; text-shadow: 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; }

/* Notice List Box */
.noticeListBox { margin-top: 20px; border-left: 3px solid #000000; border-right: 3px solid #000000; background-color: rgba(255, 255, 255, 0.7); padding: 20px 0 10px 80px; max-height: 140px; overflow-x: auto; }
.noticeListBox dl { border: 1px solid transparent; margin-bottom: 14px; }
.noticeListBox dl dt { float: left; width: 30%; color: #D31177; font-size: 18px; letter-spacing: 4px; }
.noticeListBox dl dt span { display: inline-block; margin-left: 10px; }
.noticeListBox dl dd { padding-left: 32%; font-size: 18px; }
.noticeListBox dl:after:before, .noticeListBox dl:after:after { content: " "; display: table; }
.noticeListBox dl:after:after { clear: both; }
.noticeListBox a { text-decoration: underline; color: blue; }
@media (max-width: 991px) { .noticeListBox { max-height: 200px } }

/*
input[type="button"], button{
	background-color: transparent;
	border: none;
	cursor: pointer;
	outline: none;
	padding: 0;
	appearance: none;
}
*/
.square_btn { position: relative; display: inline-block; padding: 0.25em 0.5em; text-decoration: none; color: #FFF; background: #050000; /*色*/ border: solid 1px #050000; /*線色*/     /*
	border-radius: 4px; box-shadow: inset 0 1px 0 rgba(255,255,255,0.2); text-shadow: 0 1px 0 rgba(0,0,0,0.2);
	*/ letter-spacing: 0.1em; }

.square_btn:active { /*押したとき*/ border: solid 1px #050000; box-shadow: none; text-shadow: none; }

/*------------------------------------------------------------------ 	[Blockquote]
------------------------------------------------------------------*/
.blockquote { position: relative; font-size: 17px; font-weight: 400; font-family: "游明朝体", "Yu Mincho", YuMincho, "ヒラギノ明朝 Pro", "Hiragino Mincho Pro", "MS P明朝", "MS PMincho", 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: #000000; content: '“'; }

/*------------------------------------------------------------------ 	[Button]
------------------------------------------------------------------*/
.btn-theme { position: relative; display: inline-block; line-height: 1.4; text-align: center; background-image: none; border-style: solid; 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: #E3007F; background: #fff; border-color: transparent; }

.btn-default-bg { color: #E3007F; background: #f3f4f5; border-color: transparent; border-width: 0; }
.btn-default-bg:hover, .btn-default-bg:focus, .btn-default-bg.focus { color: #fff; background: #000000; border-color: transparent; }

.btn-base-bg { color: #fff; background: #000000; 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: #000000; 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: 50%; }
  .promo-section .ver-center { display: table; height: 400px; }
  .promo-section .ver-center-aligned { display: table-cell; vertical-align: middle; } }

/*------------------------------------------------------------------ 	[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: rgba(0, 0, 0, 0); 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 .footer-seperator { border-bottom: 1px solid rgba(255, 255, 255, 0.2); }
.footer .footer-seperator #companyInfo { text-align: center; margin-top: -40px; margin-bottom: 15px; }
.footer .footer-seperator #companyInfo span { display: inline-block; color: #000000; font-size: 14px; font-weight: 600; }
.footer .footer-seperator #companyInfo span:first-child { margin-right: 20px; }
.footer .footer-seperator #footerLogo-pc { display: inline-block; }
.footer .footer-seperator #footerLogo-sp { display: none; }
.footer .footer-seperator .row { margin: 0 0 30px; }
.footer .footer-list { margin-bottom: 0; }
.footer .footer-list-item { color: #000000; font-size: 13px; margin-left: 15px; }
.footer .footer-list-item:before { display: block; content: ""; position: relative; top: 15px; left: -10px; width: 0; height: 0; margin-top: 0; border: 5px solid transparent; /*top right bottom を透明化 */ border-left: 5px solid #E3007F; }
.footer .footer-list-link { color: #000000; font-size: 13px; font-weight: 500; font-family: "游ゴシック体", YuGothic, "游ゴシック Medium", "Yu Gothic Medium", "游ゴシック", "Yu Gothic", "メイリオ", sans-serif; }
.footer .footer-logo { width: 85px; height: auto; }
.footer .col-sm-2 { padding-left: 5px; padding-right: 0; width: 18%; }
/*.footer .footer-first-menu { width: 14%; }*/
.footer-copy { color: #fff; background-color: #000000; text-align: center; padding: 15px; }
.footer { background: #FFFFFF url(../img/bg_body.png) repeat; }

/* Media Queries below 991px */
@media (max-width: 991px) { .footer .footer-seperator #footerLogo-pc { display: none; }
  .footer .footer-seperator #footerLogo-sp { display: block; text-align: center; margin-top: 30px; }
  .col-sm-2 { display: inline-block; vertical-align: top; width: 33% !important; }
  .footer-first-menu { width: 30% !important; } }
/* Media Queries below 480px */
@media (max-width: 480px) { .footer .footer-seperator #companyInfo { text-align: left; margin-bottom: 40px; }
  .footer .footer-seperator #companyInfo span { display: block; margin-left: 20px; margin-right: 20px; }
  .footer .footer-seperator #companyInfo span span:first-child { marign-right: 0; }
  .col-sm-2 { width: 31% !important; }
	.footer-first-menu { width: 31% !important; } }
/*------------------------------------------------------------------ 	[Header]
------------------------------------------------------------------*/
/* Fixed Top */
.navbar-fixed-top .navbar-collapse { max-height: 100%; }
.navbar-fixed-top .navbar-collapse #languageMenu { float: right; margin-bottom: 20px; }
.navbar-fixed-top .navbar-collapse #sysMenu { float: right; margin-bottom: 20px; }

/* Navbar */
.header { background: #FFFFFF url(../img/bg_body.png) repeat; position: fixed; }
.header .navbar { margin-bottom: 0; border-top: 0; transition-duration: 300ms; transition-property: all; transition-timing-function: cubic-bezier(0.7, 1, 0.7, 1); padding-top: 10px; background: url(../img/top-bar.png) repeat-x top, url(../img/top-bar_line.png) repeat-x bottom; background-size: 800px; }
.header-top .navbar { margin-bottom: 0; border-top: 0; transition-duration: 300ms; transition-property: all; transition-timing-function: cubic-bezier(0.7, 1, 0.7, 1); padding-top: 10px; background: url(../img/top-bar.png) repeat-x top; background-size: 800px; }

header.hide { position: fixed; transform: translateY(-75%); }

.top-bar-img { width: 100%; }

/* language menu */
.header #languageMenu .navbar-nav.sns-nav { padding-left: 15px; }
.header #languageMenu .navbar-nav.sns-nav li img { width: 30px; height: 30px; }
.header #languageMenu .navbar-nav.sns-nav li .nav-item-child { padding-left: 10px; padding-right: 10px; }

/* Navbar Toggle */
.header .navbar-toggle { width: 25px; height: 25px; border: none; padding: 0; margin: 50px 0; right: 20px; }
.header .navbar-toggle .toggle-icon { position: relative; width: 30px; height: 2px; display: inline-block; background: #E3007F; 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: #E3007F; content: " "; }
.header .navbar-toggle .toggle-icon:before { width: 30px; height: 2px; 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: 30px; height: 2px; 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: #000000; 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: #000000; 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(227, 0, 127, 0); }*/

/* Navbar Logo */
.header .logo { width: 200px; height: 200px; float: left; max-height: 122px; line-height: 140px; margin-right: 20px; }
.header .logo-wrap { display: inline-block; }
.header .logo-wrap:focus, .header .logo-wrap:hover { text-decoration: none; }
.header .logo-img { display: inline-block; width: 252px; 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); }
.sp-icon-area { display: none !important; }

/* Navbar */
.header .navbar-nav { padding-left: 0; margin-bottom: 0; list-style: none; margin-left: 6px; }

/* Nav */
.header .nav-item { position: relative; display: block; }
.header .nav-item:last-child .nav-item-child { padding-right: 0; }
.header .nav-item:last-child .nav-item-menu { border-right: 0px; }
.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: 12px; font-weight: 400; font-family: "游明朝体", "Yu Mincho", YuMincho, "ヒラギノ明朝 Pro", "Hiragino Mincho Pro", "MS P明朝", "MS PMincho", serif; color: #646464; text-transform: uppercase; line-height: 40px; padding: 10px 20px 10px 15px; transition-duration: 300ms; transition-property: all; transition-timing-function: cubic-bezier(0.7, 1, 0.7, 1); }
.header .nav-item-arraw { position: relative; display: block; font-size: 14px; font-weight: 400; font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", "sans-serif"; color: #FFF; line-height: 40px; padding: 6px 10px 6px 20px; transition-duration: 300ms; transition-property: all; transition-timing-function: cubic-bezier(0.7, 1, 0.7, 1); background: #D31177; letter-spacing: 2px; }
.header .nav-item:first-child .nav-item-arraw { border-bottom-left-radius: 10px; }
.header .nav-item:last-child .nav-item-arraw { border-bottom-right-radius: 10px; }
.header .nav-item-arraw:before { display: block; content: ""; position: absolute; top: 50%; left: 10px; width: 0; height: 0; margin-top: -5px; border: 5px solid transparent; border-left: 8px solid #FFF; }
.header .nav-item-menu { position: relative; display: block; font-size: 16px; font-weight: 600; font-family: "游明朝体", "Yu Mincho", YuMincho, "ヒラギノ明朝 Pro", "Hiragino Mincho Pro", "MS P明朝", "MS PMincho", serif; letter-spacing: 6px; color: #000000; text-transform: uppercase; line-height: 30px; padding: 0 12px; border-right: 1px solid #000000; text-align: center; border-bottom: 3px solid #F7F6EE; /*transition-duration: 300ms; transition-property: all; transition-timing-function: cubic-bezier(0.7, 1, 0.7, 1);*/ }
.header .nav-item-menu:hover { border-bottom: 3px solid #E3007F; color: #E3007F; background: url(../img/nav-bg.png) no-repeat; }
.header .nav-item-hover { position: relative; }
.header .nav-item-hover:after { position: absolute; top: 45px; left: 0; width: 9px; height: 2px; background: #000000; opacity: 0; content: " "; transition-duration: 400ms; transition-property: all; transition-timing-function: cubic-bezier(0.7, 1, 0.7, 1); }
.header .nav-item .nav-king { letter-spacing: 2px; }

/* Breadcrumb */
#Breadcrumb { list-style: none; margin: 0 10px !important; padding: 0; }
#Breadcrumb li { display: inline-block; margin-right: 10px !important; font-family: "游ゴシック体", YuGothic, "游ゴシック Medium", "Yu Gothic Medium", "游ゴシック", "Yu Gothic", "メイリオ", sans-serif; font-size: 16px !important; float: none !important; }
#Breadcrumb li a { font-family: "游ゴシック体", YuGothic, "游ゴシック Medium", "Yu Gothic Medium", "游ゴシック", "Yu Gothic", "メイリオ", sans-serif; font-size: 16px !important; }
#schoolPage #Breadcrumb { margin: 20px 10px !important; }

/* Media Queries below 1199px */
@media (max-width: 1199px) { 
  .header .nav-item-menu { letter-spacing: 5px; padding: 0 10px; font-size: 13px; }
  /* language menu */
  .header #languageMenu .navbar-nav li .nav-item-arraw { padding-right: 5px }
  .header #languageMenu .navbar-nav.sns-nav { padding-left: 0; }
  .header #languageMenu .navbar-nav.sns-nav li .nav-item-child { padding-left: 0px; padding-right: 8px; }
}

/* 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) */
  .container { width: 100%; padding-left: 15px; padding-right: 15px; }
  /* header */
  .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; }
  .top-bar-img { position: absolute; top: 0; }
  /* language menu */
  .header #languageMenu { background-color: #D31177; }
  .navbar-fixed-top .navbar-collapse #languageMenu { float: none; margin-bottom: 0; }
  .header #languageMenu .navbar-nav { width: 100%; text-align: center; padding: 5px 0; }
  .header #languageMenu .navbar-nav .nav-item { display: inline-block; margin: 2px 5px 0 5px; }
  .header #languageMenu .navbar-nav li .nav-item-arraw { color: #fff; font-size: 16px; font-weight: 600; line-height: 16px; }
  .header #languageMenu .navbar-nav li .nav-item-arraw:before { left: 0; margin-top: -5px; border: 5px solid transparent; border-left: 5px solid #fff; }
  .header #languageMenu .navbar-nav.sns-nav { padding-top: 0px; display: none; }
  .header #languageMenu .navbar-nav.sns-nav li .nav-item-child { padding: 5px 5px; line-height: 30px; }
  .header #sysMenu .navbar-nav { background: none; background-color: #fff; margin: 0; padding-bottom: 100px; float: none; }
  .header #sysMenu .navbar-nav .nav-item { float: none; }
  .header #sysMenu .navbar-nav li .nav-item-menu { font-size: 20px; font-weight: 600; letter-spacing: 4px; color: #000000; text-transform: uppercase; line-height: 40px; padding: 0 15px; border-right: none; border-bottom: 1px solid #E3007F; }
  .header .nav-item-menu:hover { background-image: none; }
	/* Menu Container */
  .header .menu-container { padding-left: 15px; padding-right: 15px; margin-left: 0; margin-right: 0; }
  .header .menu-container:before, .header .menu-container:after { content: " "; display: table; }
  .header .menu-container:after { clear: both; }
  .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; }
  /* Logo */
  .header .logo { margin-top: 6px; width: auto; height: 80px; max-height: 80px; line-height: 80px; }
  .header .logo .logo-img-main { display: none; }
  .header .logo .logo-img-active { display: inline-block; width: auto; height: 80px; }
  /* Navbar Nav */
  .header .nav-item-hover:after { position: absolute; top: 19px; } 
  /* Breadcrumb */
  #Breadcrumb { margin-left: 0px; margin-right: 0px; }
}
/* 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: #E3007F; 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: 140px; bottom: 260px; display: inline-block; z-index: 9; width: 78px; height: 78px; text-align: center; text-transform: uppercase; 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; }
.back-to-top img { width: 200px; }

/* The Button Becomes Visible */
.back-to-top.back-to-top-is-visible { visibility: visible; 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); }
.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: 1; z-index: 9999; }
.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: 18px; 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: #E3007F; box-shadow: none; }
.form-control:focus::-moz-placeholder { color: #E3007F; }
.form-control:focus:-ms-input-placeholder { color: #E3007F; }
.form-control:focus::-webkit-input-placeholder { color: #E3007F; }

/*------------------------------------------------------------------ [Full Screen Carousel]
------------------------------------------------------------------*/
.full-screen { background-size: cover; background-position: center; background-repeat: no-repeat; }

/*------------------------------------------------------------------ [Carousel]
------------------------------------------------------------------*/
.carousel-indicators { left: auto; width: auto; padding-left: 0; margin-left: 0; }

.carousel-centered { position: absolute; top: 50%; -webkit-transform: translate3d(0, -50%, 0); -moz-transform: translate3d(0, -50%, 0); transform: translate3d(0, -50%, 0); }

.carousel-title { font-size: 80px; font-weight: 700; color: #fff; line-height: 1.1; text-transform: uppercase; }

@media (max-width: 768px) { .carousel-title { font-size: 60px; } }
/*---------------------------------- 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: #E3007F; 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: #000000; }

.color-white { color: #fff; }

.color-heading { color: #E3007F; }

.color-subtitle { color: #a6a7aa; }

.color-link { color: #81848f; }

.color-link-hover { color: #999caa; }

.color-sky-light { color: #fafafa; }

/*------------------------------------------------------------------ 	[Background Colors]
------------------------------------------------------------------*/
.bg-color-base { background: #000000; }

.bg-color-white { background: #fff; }

.bg-color-heading { background: #E3007F; }

.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: 20px; padding-bottom: 20px; }

.content-sm { padding-top: 40px; padding-bottom: 60px; }

.content-md { padding-top: 80px; padding-bottom: 80px; }

.content-lg { padding-top: 100px; padding-bottom: 100px; }

/*------------------------------------------------------------------ [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; }

/*------------------------------------------------------------------ [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; }

.txt-center { text-align: center; }

/*------------------------------------------------------------------ [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; }
  .header .logo { margin: 20px 0 6px 10%; height: auto; float: none; text-align: center; }
  .sp-icon-area { display: block !important; position: absolute; top: 0; left: 0; }
  .sp-icon-area ul { padding-left: 15px; line-height: 50px; }
  .sp-icon-area li {  list-style: none; display: inline-block; margin-right: 10px; }
  .sp-icon-area li img { width: 26px; }
  .back-to-top { right: 60px; bottom: 60px; }
  .back-to-top img { width: 120px; }

}
/*------------------------------------------------------------------ [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; }
  .header .logo { margin: 20px 0 6px 10%; height: auto; float: none; text-align: center; }
  .sp-icon-area { display: block !important; position: absolute; top: 0; left: 0; }
  .sp-icon-area ul { padding-left: 15px; line-height: 50px; }
  .sp-icon-area li {  list-style: none; display: inline-block; margin-right: 10px; }
  .sp-icon-area li img { width: 26px; }
  #Breadcrumb li { font-size: 16px !important; }
  #Breadcrumb li a { font-size: 16px !important; }

}
/*-------------------------------------------------- [Height]
----------------------------------------------------*/
.height-100 { height: 100px !important; }

.height-200 { height: 200px !important; }

.height-300 { height: 300px !important; }

.height-400 { height: 400px !important; }
	
/*-------------------------------------------------- [Width]
----------------------------------------------------*/
.width-250 { width: 250px !important; }