@import url("font-awesome_icon-font.css");
@import url("et-line_icon-font.css");
@import url("plugins/owl.carousel.css");
@import url("plugins/magnific-popup.css");
 @import url(https://fonts.googleapis.com/css?family=Open+Sans:400,300,300italic,400italic,600,600italic,700,700italic,800,800italic|Work+Sans:400,200,300,500,600,700,800|Ubuntu:400,300,400italic,500,500italic,700,700italic,300italic);
/*
* BASIC
  - General Style    
  - Typography Style    
  - Button Style
  - Form Style    
  - Spacer Style

* HEADER
  - Header
  - Logo Style
  - Navigation Menu Style
  - Overlay Menu
  - Sidebar Menu

* INTRO
  - intro

* ELEMENTS
  - Skills Bar
  - Team Box
  - Tabs
  - Accordion & Toggle
  - Counter
  - Pricing-box
  - Action-box
  - History-box
  - Client Logo
  - Social
  - pagination
  - Contact Form, Map, contact-info
  - Preloader
  - Countdown Clock
  
* FOOTER
  - Social
  - Copyright

* GLOBAL
  - Content Box (Services Box, Featured Box, icon-box, etc...)
  - Slider
  - Portfolio (Isotop Grid, box, Portfolio Single Page, etc...)
  - Blog (Blog box, Blog page)


*/






/*==========================================================================================================*/
/* BASIC     ||---------------------------- */
/*==========================================================================================================*/

/*------------------------------------------------------------------*/
/* General Style */
/*------------------------------------------------------------------*/


body {
	color: #626262;
	font-family: Ubuntu, "Yu Gothic Medium", "游ゴシック Medium", YuGothic, 游ゴシック体, "ヒラギノ角ゴ Pro W3", メイリオ, sans-serif;
	font-size: 14px;
	font-weight: 400;
	line-height: 1.6;
	margin: 0;
	padding: 0;
	-webkit-text-size-adjust: 100%;
}
#page-wraper {
	position: relative;
	width: 100%;
}
.black-bg {
	background-color: #222;
}
.gray-bg {
	background-color: #f6f6f6;
}
.white-bg {
	background-color: rgba(255, 255, 255, 0.8);
}
.color-bg {
	background-color: #d0121b;
}
.yellow-bg {
	background-color: #f4efb7;
}
.bg-cover-section, .small-bg-cover-section {
	background-size: cover;
	background-position: top center;
}
.dark-bg h1, .dark-bg h2, .dark-bg h3, .dark-bg h4, .dark-bg h5, .dark-bg h6, .dark-bg p, .dark-bg p.small, .dark-bg p.large, .dark-bg p.lead, .dark-bg p.lead-lg, .dark-bg .page-icon, .dark-bg .page-icon-sm, .dark-bg ul, .dark-bg ol, .dark-bg li, .dark-bg .alt-icon-top, .dark-bg .alt-icon-left, .dark-bg .alt-icon-right, .dark-bg .counter-icon, .dark-bg .skill-bar-percent {
	color: #fff;
}
.bg-image {
	background-position: center center;
	background-repeat: no-repeat;
	background-size: cover;
	display: block;
	overflow: hidden;
	position: relative;
	width: 100%;/*background-attachment: fixed;*/
}
.bg-fixed {
	background-attachment: fixed;
}
#intro .bg-image, #intro.bg-image, #inner-intro .bg-image, #inner-intro.bg-image {
	background-attachment: fixed;
}
.slide-bg-image {
	background-position: center center;
	background-repeat: no-repeat;
	background-size: cover;
	display: block;
	overflow: hidden;
	position: relative;
	width: 100%;
}
.about-head{}	
.overlay-dark, .overlay-dark20, .overlay-dark30, .overlay-dark40, .overlay-dark60, .overlay-dark80, .overlay-dark90, .overlay-light, .overlay-light80 {
	position: relative;
	z-index: 1;
}
.overlay-dark:before, .overlay-dark20:before, .overlay-dark30:before, .overlay-dark40:before, .overlay-dark60:before, .overlay-dark80:before, .overlay-dark90:before, .overlay-light:before, .overlay-light80:before {
	left: 0;
	top: 0;
	position: absolute;
	width: 100%;
	height: 100%;
	content: "";
	z-index: -1;
}
.overlay-dark:before {
	background-color: rgba(34, 34, 34, 0.85);
}
.overlay-dark20:before {
	background-color: rgba(34, 34, 34, 0.2);
}
.overlay-dark30:before {
	background-color: rgba(34, 34, 34, 0.3);
}
.overlay-dark40:before {
	background-color: rgba(34, 34, 34, 0.4);
}
.overlay-dark60:before {
	background-color: rgba(34, 34, 34, 0.6);
}
.overlay-dark80:before {
	background-color: rgba(34, 34, 34, 0.8);
}
.overlay-dark90:before {
	background-color: rgba(34, 34, 34, 0.9);
}
.overlay-light:before {
	background-color: rgba(255, 255, 255, 0.4);
}
.overlay-light80:before {
	background-color: rgba(255, 255, 255, 0.8);
}
.page-triangle {
/*margin-bottom: 20px;*/
}
 .page-triangle::before {
 background-color: inherit;
 top: -100px;
}
 .page-triangle::before {
 content: "";
 height: 100px;
 left: 50%;
 pointer-events: none;
 position: absolute;
 transform: translateX(-50%) rotate(45deg);
 -moz-transform: translateX(-50%) rotate(45deg);
 -ms-transform: translateX(-50%) rotate(45deg);
 -o-transform: translateX(-50%) rotate(45deg);
 -webkit-transform: translateX(-50%) rotate(45deg);
 width: 100px;
 z-index: 39;
}
.page-icon {
	color: #333;
	font-size: 50px;
	line-height: 50px;
	padding-bottom: 15px;
	width: 100%;
}
.page-icon-sm {
	color: #333;
	font-size: 30px;
	margin-bottom: 15px;
	color: #fff;
}
.play-icon-lg, .play-icon-md {
	border: 4px solid #fff;
	border-radius: 50%;
	-moz-border-radius: 50%;
	-webkit-border-radius: 50%;
	display: block;
	color: #fff;
	text-align: center;
	background: none;
}
.pos-section {
	position: relative;
	overflow: hidden;
}
.play-icon-lg {
	font-size: 36px;
	height: 95px;
	line-height: 89px;
	margin: auto;
	width: 95px;
}
.play-icon-md {
	font-size: 28px;
	height: 75px;
	line-height: 67px;
	margin: auto;
	width: 75px;
}
.play-icon-lg i, .play-icon-md i {
	margin-left: 8px;
}
img {
	border: 0px none;
	outline: 0px none;
	display: inline;
	max-width: 100%;
}
a {
	color: #222;
	cursor: pointer;
	text-decoration: none;
}
a:hover {
	color:#648094;
}
i.left, .i-left {
	margin-right: 6px;
}
i.right, .i-right {
	margin-left: 6px;
}
hr {
	border-top: 1px solid #eee !important;
	margin-bottom: 0;
	margin-top: 0;
	color: transparent;
}
.video {
	max-width: 100%;
	height: auto;
}
.rows {
	margin-left: -15px;
	margin-right: -15px;
}
embed, object {
	max-width: 100%;
}
/* Font Style */

p, .nav-menu {
	font-family:Ubuntu, "Yu Gothic Medium", "游ゴシック Medium", YuGothic, 游ゴシック体, "ヒラギノ角ゴ Pro W3", メイリオ, sans-serif;
}
h1, h2, h3, h4, h5, h6,  .btn, button,  .link, .link-dark, link-color,  button, input, textarea, select,  .portfolio-filter,  p.lead-lg, .lead-lg,  .overlay-menu-nav,  .accordion .accordion-title, .toggle .toggle-title {
	/*font-family: 'Work Sans', sans-serif;*/
        font-family:Ubuntu, "Yu Gothic Medium", "游ゴシック Medium", YuGothic, 游ゴシック体, "ヒラギノ角ゴ Pro W3", メイリオ, sans-serif;
}
/*------------------------------------------------------------------*/
/* Typography Style */
/*------------------------------------------------------------------*/

/* Heading */
h1, h2, h3, h4, h5, h6 {
	color: #222;
	font-weight: 300;
	margin-top: 0px;
	line-height: 1.5;
	margin-bottom: 15px;
}
h1 {
	font-size: 44px;
}
h2 {
	font-size: 32px;
}
h3 {
	font-size: 26px;
}
h4 {
	font-size: 22px;
}
h5 {
	font-size: 18px;
}
h6 {
	font-size: 16px;
}
h1.white, h2.white, h3.white, h4.white, h5.white, h6.white, h6 .white {
	color: #fff;
}
h1.color, h2.color, h3.color, h4.color, h5.color, h6.color, h6 .color {
	color: #d0121b;
}
/* Alternate Hadding */
.alt-title {
	font-weight: 600;
	letter-spacing: 1px;
}

.rider .social {
    list-style: outside none none;
	padding: 0;}

 .rider .social li {
    display: inline-block;
    list-style: outside none none;
    margin: 0 8px;
}

.rider .social li a {
    border: 1px solid #222;
    display: block;
    font-size: 12px;
    height: 20px;
    line-height: 20px;
    text-align: center;
    width: 20px;
    border-radius: 30%;
    -moz-border-radius: 30%;
    -webkit-border-radius:30%;
    transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    -o-transform: rotate(45deg);
    -webkit-transform: rotate(45deg);
}
.rider .social li.fa {
    transform: rotate(-10deg);
    -moz-transform: rotate(-10deg);
    -webkit-transform: rotate(-10deg);
}

@media only screen and (min-width: 660px) {
	.formo {
  display: block;
}
.formo {
  display: inline;
}}

@media only screen and (max-width: 660px) {
	.alt-title{
		width: 100%;
	}
	.alt-title img{ max-width: 90%;}
}

h1.alt-title {
	font-size: 22px;
	margin-bottom: 25px;
}

h3.alt-title {
	font-size: 18px;
}
h4.alt-title {
	font-size: 16px;
}
h5.alt-title {
	font-size: 14px;
}
h6.alt-title {
	font-size: 12px;
}
/*Site Title*/

.page-title {
	margin-bottom: 60px;
}
.page-title2 {
	margin-bottom: 30px;
}
.content-title {
	margin-bottom: 25px;
}
.features-title {
	margin-bottom: 15px;
}
/*Paragraph*/

.page-content {
	margin-bottom: 60px;
}
p {
	font-size: 14px;
	color: #626262;
	line-height: 1.6;
	font-weight: 400;
	margin-bottom: 15px;
	margin-top: 0px;
}
p.small {
	font-size: 12px;
}
p.large {
	font-size: 16px;
}
p.lead {
	font-size: 18px;
	font-weight: 300;
}
p.lead-lg {
	font-size: 20px;
	font-weight: 300;
	margin-bottom: 20px;
}

.forpt {
  display: block;
}

br.forpt {
  display: inline;
}

@media only screen and (max-width: 767px) {
	h1.tp-caption{font-size: 30px !important; line-height: 30px !important;}}

@media only screen and (max-width: 767px) {
	h5.tp-caption{line-height: 15px !important; padding-bottom:50px !important; }}

@media only screen and (max-width: 767px) {
  .forpt {
    display: none !important;
  }
}

@media only screen and (max-width: 767px) {
 p.lead-lg {
	font-size: 16px;
	font-weight: 300;
	margin-bottom: 20px;
	text-align:left;
}
}

p.white, p.small.white, p.large.white, p.lead.white, p .white, .white {
	color: #ffffff;
}
p.dark, p.small.dark, p.large.dark, p.lead.dark, p .dark, .dark {
	color: #626262;
}
p.color p.small.color, p.large.color, p.lead.color, p .color, .color {
	color: #d0121b;
}
.yellow {
	color: #f4efb7;
}
/* Text weight */

.text-light {
	font-weight: 300;
}
.text-regular {
	font-weight: 400;
}
.text-medium {
	font-weight: 500;
}
.text-bold {
	font-weight: 600;
}
.text-bolder {
	font-weight: 700;
}
.text-italic {
	font-style: italic;
}
.max-width-700 {
	max-width: 700px;
	margin-left: auto;
	margin-right: auto;
}
.max-width-300 {
	max-width: 300px;
	margin-left: auto;
	margin-right: auto;
}

/* listing */
ul.list-inside {
	padding-left: 0px;
	list-style: inside;
	margin-bottom: 25px;
	font-size: 16px;
}
ul.list-none {
	list-style: none;
	padding-left: 0px;
	margin: 0;
}
/*Links & Anchor Tag*/
.dark-bg a {
}
.dark-bg a:hover {
}
a {
	outline: none;
	text-decoration: none;
	transition: all 0.3s ease 0s;
	-moz-transition: all 0.3s ease 0s;
	-webkit-transition: all 0.3s ease 0s;
	-o-transition: all 0.3s ease 0s;
}
.link, .link-d {
	text-transform: uppercase;
	letter-spacing: 0.5px;
	font-size: 12px;
	font-weight: 400;
	color: inherit;
	padding-bottom: 2px;
	text-decoration: none;
	transition: all 0.3s ease 0s;
	-moz-transition: all 0.3s ease 0s;
	-webkit-transition: all 0.3s ease 0s;
	-o-transition: all 0.3s ease 0s;
}
.link {
	color: #222;
}
.Link:hover {
	color: #23C49A;
}
.link-d {
	color: #fff;
}
.link-d:hover {
	color: #0a7d66;
}

/*------------------------------------------------------------------*/
/* Header Style */
/*------------------------------------------------------------------*/
.header {
	position: absolute;
	text-align: center;
	top: 0px;
	z-index: 1000;
	color: #fff;
	width: 100%;
	height: 85px;
	transition: all 0.27s cubic-bezier(0, 0, 0.58, 1) 0s;
	-o-transition: all 0.27s cubic-bezier(0, 0, 0.58, 1) 0s;
	-moz-transition: all 0.27s cubic-bezier(0, 0, 0.58, 1) 0s;
	-webkit-transition: all 0.27s cubic-bezier(0, 0, 0.58, 1) 0s;
	opacity: 0.8;
background: linear-gradient(to bottom, rgba(255, 255, 255, 0.5), rgba(255, 255, 255, 0));
}
.header.header-prepare, .header.header-light.header-prepare {
	background-color: rgba(255, 255, 255, 0.95);
	border-bottom: 1px solid #f0f0f0;
}
.header.header-dark.header-prepare {
	background-color: rgba(34, 34, 34, 0.95);
	border-bottom: 0px none;
}
.header.header-fixed {
	display: block;
	margin-top: 0 !important;
	position: fixed;
	height: 58px;
}
.header-inner {
	padding-left: 30px;
	padding-right: 30px;
	position: relative;
}
.header-fixed .logo a {
	margin-top: 15px;
	margin-bottom: 15px;
	transition: all 0.27s cubic-bezier(0, 0, 0.58, 1) 0s;
	-o-transition: all 0.27s cubic-bezier(0, 0, 0.58, 1) 0s;
	-moz-transition: all 0.27s cubic-bezier(0, 0, 0.58, 1) 0s;
	-webkit-transition: all 0.27s cubic-bezier(0, 0, 0.58, 1) 0s;
}
.header-fixed .nav-menu ul.nav-menu-inner > li > a {
	padding-top: 24px;
	padding-bottom: 23px;
}
/*header Logo style*/
.header.header-prepare .logo a img.logo-light, .header .logo a img.logo-dark {
	opacity: 0;
}
.header .logo a img.logo-light, .header.header-prepare .logo a img.logo-dark, .header.header-light .logo a img.logo-dark {
	opacity: 1;
}
.header.header-dark.header-prepare .logo a img.logo-dark, .header.header-dark .logo a img.logo-dark {
	opacity: 0;
}
.header.header-dark.header-prepare .logo a img.logo-light, .header.header-dark .logo a img.logo-light {
	opacity: 1;
}
 @media all and (min-width: 1025px) {

    /*header nav style*/
    .header.header-prepare .nav-menu ul.nav-menu-inner > li > a {
 color: #222;
}
 .header.header-prepare .nav-menu ul.nav-menu-inner > li:hover > a,  .header.header-prepare .nav-menu ul.nav-menu-inner > li > a:hover {
 color: #78C1B6;
}
 .header.header-dark.header-prepare .nav-menu ul.nav-menu-inner > li > a {
 color: rgba(255, 255, 255, 0.75);
}
 .header.header-dark.header-prepare .nav-menu ul.nav-menu-inner > li:hover > a,  .header.header-dark.header-prepare .nav-menu ul.nav-menu-inner > li > a:hover {
 color: rgba(255, 255, 255, 1);
}
}
 @media all and (max-width: 1024px) {
 .header {
 height: 58px;
}
 .header-inner {
 padding-left: 30px;
 padding-right: 30px;
 position: relative;
 display: table;
 width: 100%;
}
 .header .logo a {
 margin-top: 15px;
 margin-bottom: 15px;
 width: 180px;
 transition: all 0.3s ease 0s;
 -o-transition: all 0.3s ease 0s;
 -moz-transition: all 0.3s ease 0s;
 -webkit-transition: all 0.3s ease 0s;
}
}
/*------------------------------------------------------------------*/
/* Button Style */
/*------------------------------------------------------------------*/

.btn, button {
	line-height: 1;
	font-weight: 600;
	letter-spacing: 1px;
	text-decoration: none !important;
	text-transform: uppercase;
	text-align: center;
	transition: all 0.3s ease 0s;
	-moz-transition: all 0.3s ease 0s;
	-webkit-transition: all 0.3s ease 0s;
	-o-transition: all 0.3s ease 0s;
	outline: none;
	border-width: 2px;
	border-style: solid;
	display: inline-block;
	vertical-align: middle;
}
.btn i, button i, i.left {
	margin-right: 6px;
}
i.right {
	margin-left: 6px;
	margin-right: 0px !important;
}
.btn-sm {
	padding: 11px 30px !important;
	display: inline-block;
}
.btn-md {
	padding: 13px 25px !important;
	display: inline-block;
}
.btn-lg {
	padding: 15px 30px !important;
	display: inline-block;
}
.btn-xlg {
	padding: 17px 30px !important;
	display: inline-block;
}
.btn-black {
	background-color: #222;
	border-color: transparent;
	color: #fff;
}
.btn-black:hover {
	background-color:#0a7d66;
	border-color: transparent;
	color: #fff;
}
.btn-color {
	background-color: #d0121b;
	border-color: transparent;
	color: #fff;
}
.btn-color:hover {
	background-color: #a454a6;
	border-color: transparent;
	color: #fff;
}
.btn-white {
	background-color: rgba(255, 255, 255, 1);
	border-color: transparent;
	color: #222;
}
.btn-white:hover {
	background-color: rgba(255, 255, 255, 0.85);
	border-color: transparent;
	color: #222;
}
.btn-white-outline {
	background-color: transparent;
	border-color: #fff;
	color: #fff;
}
.btn-white-outline:hover {
	background-color: #fff;
	border-color: #fff;
	color: #222;
}
.btn-black-outline {
	background-color: transparent;
	border-color: #222;
	color: #222;
}
.btn-black-outline:hover {
	background-color: #222;
	border-color: #222;
	color: #fff;
}
.btn-color-outline {
	background-color: transparent;
	border-color: #0a7d66;
	color: #0a7d66;
}
.btn-color-outline:hover {
	background-color: #0a7d66;
	border-color: #0a7d66;
	color: #fff;
}
/*------------------------------------------------------------------*/
/* Form Style */
/*------------------------------------------------------------------*/
form {
	position: relative;
}
button {
	outline: none;
}
button, html input[type="button"], input[type="reset"], input[type="submit"] {
	cursor: pointer;
	display: inline-block;
}
button, input, textarea, select {
	font-size: 12px;
}

input[type="text"]:hover, input[type="email"]:hover, input[type="tel"]:hover, input[type="number"]:hover, input[type="radio"]:hover, input[type="checkbox"]:hover, input[type="password"]:hover, textarea:hover, select:hover {
	border: 1px solid rgba(0, 0, 0, 0.2);
}
input[type="text"]:focus, input[type="email"]:focus, input[type="tel"]:focus, input[type="number"]:focus, input[type="radio"]:focus, input[type="checkbox"]:focus, input[type="password"]:focus, textarea:focus {
	border: 1px solid rgba(0, 0, 0, 0.7);
	color: #333;
}
input.input-sm, .input-sm {
	padding-top: 11px;
	padding-bottom: 11px;
}
input.input-md, .input-md {
	padding-top: 13px;
	padding-bottom: 13px;
}
input.input-lg, .input-lg {
	padding-top: 15px;
	padding-bottom: 15px;
}
input.input-xlg, .input-xlg {
	padding-top: 17px;
	padding-bottom: 17px;
}
textarea {
	height: 120px;
	font-size: 13px !important;
}
label {
	color: #333;
	font-size: 12px;
	margin-bottom: 10px;
	padding-right: 3px;
	font-weight: 600;
	text-transform: uppercase;
	letter-spacing: 1px;
	margin-top: 6px;
	font-family: 'Raleway', sans-serif;
}
.input-fancy {
	border-top: none !important;
	border-left: none !important;
	border-right: none !important;
}
.form-full {
	width: 100%;
}
.form-full-height {
	height: 100%;
}
.form-field-wrapper {
	margin-bottom: 20px;
	position: relative;
}
form .error {
	border-color: #e1534f;
}
form label.error {
	margin-bottom: 0px;
	margin-top: 3px;
	color: #e1534f;
	font-size: 12px;
	font-weight: 400;
}
.errorContent {
	color: #e1534f;
	margin-bottom: 20px;
	display: none;
	text-transform: none;
	letter-spacing: 1px;
}
.successContent {
	color: #5cb45d;
	margin-bottom: 20px;
	display: none;
	text-transform: none;
	letter-spacing: 1px;
}
.newsletter-input {
	max-width: 280px;
}
/*------------------------------------------------------------------*/
/* Spacer Style */
/*------------------------------------------------------------------*/
/*spacing*/
.spacer-15 {
	height: 15px;
	width: 100%;
}
.spacer-30 {
	height: 30px;
	width: 100%;
}
.spacer-45 {
	height: 45px;
	width: 100%;
}
.spacer-60 {
	height: 60px;
	width: 100%;
}
.spacer-75 {
	height: 75px;
	width: 100%;
}
.spacer-90 {
	height: 90px;
	width: 100%;
}
/*padding*/
.section-padding {
	padding-top: 20px;
	padding-bottom: 20px;
}
@media (max-width: 1024px) {.section-padding {
	padding-top: 20px;
	padding-bottom: 20px;
	}}
.section-padding-t {
	padding-top: 20px;
}
.section-padding-b {
	padding-bottom: 20px;
}
/*--*/
.p-90 {
	padding: 90px;
}
.ptb-90 {
	padding-top: 90px;
	padding-bottom: 90px;
}
.plt-90 {
	padding-left: 90px;
	padding-right: 90px;
}
.pt-90 {
	padding-top: 90px;
}
.pb-90 {
	padding-bottom: 90px;
}
/*--*/
.p-85 {
	padding: 85px;
}
.ptb-85 {
	padding-top: 85px;
	padding-bottom: 85px;
}
.plt-85 {
	padding-left: 85px;
	padding-right: 85px;
}
.pt-85 {
	padding-top: 85px;
}
.pb-85 {
	padding-bottom: 85px;
}
/*--*/
.p-80 {
	padding: 80px;
}
.ptb-80 {
	padding-top: 80px;
	padding-bottom: 80px;
}
.plt-80 {
	padding-left: 80px;
	padding-right: 80px;
}
.pt-80 {
	padding-top: 80px;
}
.pb-80 {
	padding-bottom: 80px;
}
/*--*/
.p-75 {
	padding: 75px;
}
.ptb-75 {
	padding-top: 75px;
	padding-bottom: 75px;
}
.plt-75 {
	padding-left: 75px;
	padding-right: 75px;
}
.pt-75 {
	padding-top: 75px;
}
.pb-75 {
	padding-bottom: 75px;
}
/*--*/
.p-70 {
	padding: 70px;
}
.ptb-70 {
	padding-top: 70px;
	padding-bottom: 70px;
}
.plt-70 {
	padding-left: 70px;
	padding-right: 70px;
}
.pt-70 {
	padding-top: 70px;
}
.pb-70 {
	padding-bottom: 70px;
}
/*--*/
.p-65 {
	padding: 65px;
}
.ptb-65 {
	padding-top: 65px;
	padding-bottom: 65px;
}
.plt-65 {
	padding-left: 65px;
	padding-right: 65px;
}
.pt-65 {
	padding-top: 65px;
}
.pb-65 {
	padding-bottom: 65px;
}
/*--*/
.p-60 {
	padding: 60px;
}
.ptb-60 {
	padding-top: 60px;
	padding-bottom: 60px;
}
.plt-60 {
	padding-left: 60px;
	padding-right: 60px;
}
.pt-60 {
	padding-top: 60px;
}
.pb-60 {
	padding-bottom: 60px;
}
/*--*/
.p-55 {
	padding: 55px;
}
.ptb-55 {
	padding-top: 55px;
	padding-bottom: 55px;
}
.plt-55 {
	padding-left: 55px;
	padding-right: 55px;
}
.pt-55 {
	padding-top: 55px;
}
.pb-55 {
	padding-bottom: 55px;
}
/*--*/
.p-50 {
	padding: 50px;
}
.ptb-50 {
	padding-top: 50px;
	padding-bottom: 50px;
}
.plt-50 {
	padding-left: 50px;
	padding-right: 50px;
}
.pt-50 {
	padding-top: 50px;
}
.pb-50 {
	padding-bottom: 50px;
}
/*--*/
.p-45 {
	padding: 45px;
}
.ptb-45 {
	padding-top: 45px;
	padding-bottom: 45px;
}
.plt-45 {
	padding-left: 45px;
	padding-right: 45px;
}
.pt-45 {
	padding-top: 45px;
}
.pb-45 {
	padding-bottom: 45px;
}
/*--*/
.p-40 {
	padding: 40px;
}
.ptb-40 {
	padding-top: 40px;
	padding-bottom: 40px;
}
.plt-40 {
	padding-left: 40px;
	padding-right: 40px;
}
.pt-40 {
	padding-top: 40px;
}
.pb-40 {
	padding-bottom: 40px;
}
/*--*/
.p-35 {
	padding: 35px;
}
.ptb-35 {
	padding-top: 35px;
	padding-bottom: 35px;
}
.plt-35 {
	padding-left: 35px;
	padding-right: 35px;
}
.pt-35 {
	padding-top: 35px;
}
.pb-35 {
	padding-bottom: 35px;
}
/*--*/
.p-30 {
	padding: 30px;
}
.ptb-30 {
	padding-top: 30px;
	padding-bottom: 30px;
}
.plt-30 {
	padding-left: 30px;
	padding-right: 30px;
}
.pt-30 {
	padding-top: 30px;
}
.pb-30 {
	padding-bottom: 30px;
}
/*--*/
.p-25 {
	padding: 25px;
}
.ptb-25 {
	padding-top: 25px;
	padding-bottom: 25px;
}
.plt-25 {
	padding-left: 25px;
	padding-right: 25px;
}
.pt-25 {
	padding-top: 25px;
}
.pb-25 {
	padding-bottom: 25px;
}
/*--*/
.p-20 {
	padding: 20px;
}
.ptb-20 {
	padding-top: 20px;
	padding-bottom: 20px;
}
.plt-20 {
	padding-left: 20px;
	padding-right: 20px;
}
.pt-20 {
	padding-top: 20px;
}
.pb-20 {
	padding-bottom: 20px;
}
/*--*/
.p-15 {
	padding: 15px;
}
.ptb-15 {
	padding-top: 15px;
	padding-bottom: 15px;
}
.plr-15 {
	padding-left: 15px;
	padding-right: 15px;
}
.plt-15 {
	padding-left: 15px;
	padding-right: 15px;
}
.pt-15 {
	padding-top: 15px;
}
.pb-15 {
	padding-bottom: 15px;
}
/*--*/
.p-10 {
	padding: 10px;
}
.ptb-10 {
	padding-top: 10px;
	padding-bottom: 10px;
}
.plt-10 {
	padding-left: 10px;
	padding-right: 10px;
}
.pt-10 {
	padding-top: 10px;
}
.pb-10 {
	padding-bottom: 10px;
}
/*--*/
.p-5 {
	padding: 5px;
}
.ptb-5 {
	padding-top: 5px;
	padding-bottom: 5px;
}
.plt-5 {
	padding-left: 5px;
	padding-right: 5px;
}
.pt-5 {
	padding-top: 5px;
}
.pb-5 {
	padding-bottom: 5px;
}
/*margrin*/
.container-margin {
	margin-top: 120px;
	margin-bottom: 120px;
}
.container-margin-t {
	margin-top: 120px;
}
.container-margin-b {
	margin-bottom: 120px;
}
/*--*/
.m-90 {
	margin: 90px;
}
.mtb-90 {
	margin-top: 90px;
	margin-bottom: 90px;
}
.mlt-90 {
	margin-left: 90px;
	margin-right: 90px;
}
.mt-90 {
	margin-top: 90px;
}
.mb-90 {
	margin-bottom: 90px;
}
/*--*/
.m-85 {
	margin: 85px;
}
.mtb-85 {
	margin-top: 85px;
	margin-bottom: 85px;
}
.mlt-85 {
	margin-left: 85px;
	margin-right: 85px;
}
.mt-85 {
	margin-top: 85px;
}
.mb-85 {
	margin-bottom: 85px;
}
/*--*/
.m-80 {
	margin: 80px;
}
.mtb-80 {
	margin-top: 80px;
	margin-bottom: 80px;
}
.mlt-80 {
	margin-left: 80px;
	margin-right: 80px;
}
.mt-80 {
	margin-top: 80px;
}
.mb-80 {
	margin-bottom: 80px;
}
/*--*/
.m-75 {
	margin: 75px;
}
.mtb-75 {
	margin-top: 75px;
	margin-bottom: 75px;
}
.mlt-75 {
	margin-left: 75px;
	margin-right: 75px;
}
.mt-75 {
	margin-top: 75px;
}
.mb-75 {
	margin-bottom: 75px;
}
/*--*/
.m-70 {
	margin: 70px;
}
.mtb-70 {
	margin-top: 70px;
	margin-bottom: 70px;
}
.mlt-70 {
	margin-left: 70px;
	margin-right: 70px;
}
.mt-70 {
	margin-top: 70px;
}
.mb-70 {
	margin-bottom: 70px;
}
/*--*/
.m-65 {
	margin: 65px;
}
.mtb-65 {
	margin-top: 65px;
	margin-bottom: 65px;
}
.mlt-65 {
	margin-left: 65px;
	margin-right: 65px;
}
.mt-65 {
	margin-top: 65px;
}
.mb-65 {
	margin-bottom: 65px;
}
/*--*/
.m-60 {
	margin: 60px;
}
.mtb-60 {
	margin-top: 60px;
	margin-bottom: 60px;
}
.mlt-60 {
	margin-left: 60px;
	margin-right: 60px;
}
.mt-60 {
	margin-top: 60px;
}
.mb-60 {
	margin-bottom: 60px !important;
}
/*--*/
.m-55 {
	margin: 55px;
}
.mtb-55 {
	margin-top: 55px;
	margin-bottom: 55px;
}
.mlt-55 {
	margin-left: 55px;
	margin-right: 55px;
}
.mt-55 {
	margin-top: 55px;
}
.mb-55 {
	margin-bottom: 55px;
}
/*--*/
.m-50 {
	margin: 50px;
}
.mtb-50 {
	margin-top: 50px;
	margin-bottom: 50px;
}
.mlt-50 {
	margin-left: 50px;
	margin-right: 50px;
}
.mt-50 {
	margin-top: 50px;
}
.mb-50 {
	margin-bottom: 50px !important;
}
/*--*/
.m-45 {
	margin: 45px;
}
.mtb-45 {
	margin-top: 45px;
	margin-bottom: 45px;
}
.mlt-45 {
	margin-left: 45px;
	margin-right: 45px;
}
.mt-45 {
	margin-top: 45px;
}
.mb-45 {
	margin-bottom: 45px;
}
/*--*/
.m-40 {
	margin: 40px;
}
.mtb-40 {
	margin-top: 40px;
	margin-bottom: 40px;
}
.mlt-40 {
	margin-left: 40px;
	margin-right: 40px;
}
.mt-40 {
	margin-top: 40px;
}
.mb-40 {
	margin-bottom: 40px;
}
/*--*/
.m-35 {
	margin: 35px;
}
.mtb-35 {
	margin-top: 35px;
	margin-bottom: 35px;
}
.mlt-35 {
	margin-left: 35px;
	margin-right: 35px;
}
.mt-35 {
	margin-top: 35px;
}
.mb-35 {
	margin-bottom: 35px;
}
/*--*/
.m-30 {
	margin: 30px;
}
.mtb-30 {
	margin-top: 30px;
	margin-bottom: 30px;
}
.mlt-30 {
	margin-left: 30px;
	margin-right: 30px;
}
.mt-30 {
	margin-top: 30px;
}
.mb-30 {
	margin-bottom: 30px;
}
/*--*/
.m-25 {
	margin: 25px;
}
.mtb-25 {
	margin-top: 25px;
	margin-bottom: 25px;
}
.mlt-25 {
	margin-left: 25px;
	margin-right: 25px;
}
.mt-25 {
	margin-top: 25px;
}
.mb-25 {
	margin-bottom: 25px;
}
/*--*/
.m-20 {
	margin: 20px;
}
.mtb-20 {
	margin-top: 20px;
	margin-bottom: 20px;
}
.mlt-20 {
	margin-left: 20px;
	margin-right: 20px;
}
.mt-20 {
	margin-top: 20px;
}
.mb-20 {
	margin-bottom: 20px;
}
/*--*/
.m-15 {
	margin: 15px;
}
.mtb-15 {
	margin-top: 15px;
	margin-bottom: 15px;
}
.mlt-15 {
	margin-left: 15px;
	margin-right: 15px;
}
.mt-15 {
	margin-top: 15px;
}
.mb-15 {
	margin-bottom: 15px;
}
/*--*/
.m-10 {
	margin: 10px;
}
.mtb-10 {
	margin-top: 10px;
	margin-bottom: 10px;
}
.mlt-10 {
	margin-left: 10px;
	margin-right: 10px;
}
.mt-10 {
	margin-top: 10px;
}
.mb-10 {
	margin-bottom: 10px;
}
/*--*/
.m-5 {
	margin: 5px;
}
.mtb-5 {
	margin-top: 5px;
	margin-bottom: 5px;
}
.mlt-5 {
	margin-left: 5px;
	margin-right: 5px;
}
.mt-5 {
	margin-top: 5px;
}
.mb-5 {
	margin-bottom: 5px;
}
/*--*/
.m-0 {
	margin: 0px;
}
.mtb-0 {
	margin-top: 0px;
	margin-bottom: 0px;
}
.mlt-0 {
	margin-left: 0px;
	margin-right: 0px;
}
.mt-0 {
	margin-top: 0px;
}
.mb-0 {
	margin-bottom: 0px !important;
}
 @media only screen and (min-device-width: 768px) and (max-device-width: 1024px) {
    /*extra small medium*/

    /*padding*/
    .section-padding {
 padding-top: 70px;
 padding-bottom: 60px;
}
 .section-padding-t {
 padding-top: 70px;
}
 .section-padding-b {
 padding-bottom: 70px;
}
	 
.gaiyo-padding {
 padding-top: 70px;
 padding-bottom: 60px;
}
 h5.gaiyo-padding-t {
 padding-top:70px;
}
 .gaiyo-padding-b {
 padding-bottom: 70px;
}
	 
    /*margrin*/
    .container-margin {
 margin-top: 70px;
 margin-bottom: 70px;
}
 .container-margin-t {
 margin-top: 70px;
}
 .container-margin-b {
 margin-bottom: 70px;
}
 .float-xs-left {
 float: left !important;
 text-align: left;
}
 .float-xs-right {
 float: right !important;
 text-align: right;
}
 .p-xs-0 {
 padding: 0px;
}
 .ptb-xs-0 {
 padding-top: 0px;
 padding-bottom: 0px;
}
 .plt-xs-0 {
 padding-left: 0px;
 padding-right: 0px;
}
 .pt-xs-0 {
 padding-top: 0px;
}
 .pb-xs-0 {
 padding-bottom: 0px;
}
 .mtb-xs-30 {
 margin-top: 30px;
 margin-bottom: 30px;
}
 .mlt-xs-30 {
 margin-left: 30px;
 margin-right: 30px;
}
 .mt-xs-30 {
 margin-top: 30px;
}
 .mb-xs-30 {
 margin-bottom: 30px;
}

    /* 0 */
    .mtb-xs-0 {
 margin-top: 0px;
 margin-bottom: 0px;
}
 .mlt-xs-0 {
 margin-left: 0px;
 margin-right: 0px;
}
 .mt-xs-0 {
 margin-top: 0px;
}
 .mb-xs-0 {
 margin-bottom: 0px;
}
}
 @media (max-width: 991px) {
 .p-sm-0 {
 padding: 0px;
}
 .ptb-sm-0 {
 padding-top: 0px;
 padding-bottom: 0px;
}
 .plt-sm-0 {
 padding-left: 0px;
 padding-right: 0px;
}
 .pt-sm-0 {
 padding-top: 0px;
}
 .pb-sm-0 {
 padding-bottom: 0px;
}


    /* 45 */
    .mtb-sm-45 {
 margin-top: 45px;
 margin-bottom: 45px;
}
 .mlt-sm-45 {
 margin-left: 45px;
 margin-right: 45px;
}
 .mt-sm-45 {
 margin-top: 45px;
}
 .mb-sm-45 {
 margin-bottom: 45px;
}

    /* 30 */
    .mtb-sm-30 {
 margin-top: 30px;
 margin-bottom: 30px;
}
 .mlt-sm-30 {
 margin-left: 30px;
 margin-right: 30px;
}
 .mt-sm-30 {
 margin-top: 30px;
}
 .mb-sm-30 {
 margin-bottom: 30px;
}

    /* 0 */
    .mtb-sm-0 {
 margin-top: 0px;
 margin-bottom: 0px;
}
 .mlt-sm-0 {
 margin-left: 0px;
 margin-right: 0px;
}
 .mt-sm-0 {
 margin-top: 0px;
}
 .mb-sm-0 {
 margin-bottom: 0px;
}
}
/*==========================================================================================================*/
/* HEADER     ||---------------------------- */
/*==========================================================================================================*/


/*------------------------------------------------------------------*/
/* Logo Style */
/*------------------------------------------------------------------*/
.logo {
	float: left;
	text-align: left;
	display: inline-block;
}
.logo a {
	width: 180px;
	display: block;
	margin-top: 29px;
	margin-bottom: 28px;
	transition: all 0.27s cubic-bezier(0, 0, 0.58, 1) 0s;
	-o-transition: all 0.27s cubic-bezier(0, 0, 0.58, 1) 0s;
	-moz-transition: all 0.27s cubic-bezier(0, 0, 0.58, 1) 0s;
	-webkit-transition: all 0.27s cubic-bezier(0, 0, 0.58, 1) 0s;
	position: relative;
}
.logo a img {
	width: 100%;
	position: absolute;
	top: 0;
	left: 0;
	transition: all 0.27s cubic-bezier(0, 0, 0.58, 1) 0s;
	-o-transition: all 0.27s cubic-bezier(0, 0, 0.58, 1) 0s;
	-moz-transition: all 0.27s cubic-bezier(0, 0, 0.58, 1) 0s;
	-webkit-transition: all 0.27s cubic-bezier(0, 0, 0.58, 1) 0s;
}
/*------------------------------------------------------------------*/
/* Navigation Menu Style */
/*------------------------------------------------------------------*/
.nav-menu {
	position: static;
	float: right;
	display: block;
}
.nav-menu.active {
	display: block;
}
.nav-menu ul.nav-menu-inner {
	margin: 0;
	padding: 0;
	list-style: none;
}
.nav-menu ul.nav-menu-inner li {
	display: inline-block;
	list-style: none;
	text-align: left;
}
.nav-menu ul.nav-menu-inner > li > a {
	color:#222;
	font-size:1.5em;
	font-weight: 700;
}
.header-light .nav-menu ul.nav-menu-inner > li > a {
	color:#F8F5F5;
}
.nav-menu ul.nav-menu-inner li a {
	font-family: inherit;
	display: block;
	font-size: 11px;
	line-height: 1;
	text-transform: uppercase;
	letter-spacing: 1.6px;
	transition: all 0.27s cubic-bezier(0, 0, 0.58, 1) 0s;
	-o-transition: all 0.27s cubic-bezier(0, 0, 0.58, 1) 0s;
	-moz-transition: all 0.27s cubic-bezier(0, 0, 0.58, 1) 0s;
	-webkit-transition: all 0.27s cubic-bezier(0, 0, 0.58, 1) 0s;
}
.nav-menu ul.nav-menu-inner > li > a {
	padding: 37px 15px;
}
.header .nav-menu ul.nav-menu-inner > li.active a, .header .nav-menu ul.nav-menu-inner > li a.active, .header .nav-menu ul.nav-menu-inner > li:hover > a, .header .nav-menu ul.nav-menu-inner > li > a:hover, .header.header-dark .nav-menu ul.nav-menu-inner > li.active a, .header.header-dark .nav-menu ul.nav-menu-inner > li a.active, .header.header-dark .nav-menu ul.nav-menu-inner > li:hover > a, .header.header-dark .nav-menu ul.nav-menu-inner > li > a:hover, .header.header-dark.header-prepare .nav-menu ul.nav-menu-inner li a.current, .header.header-dark.header-prepare .nav-menu ul.nav-menu-inner li.current a {
	color:#78C1B6;
}
.header.header-light .nav-menu ul.nav-menu-inner > li:hover > a, .header.header-light .nav-menu ul.nav-menu-inner > li > a:hover, .header.header-prepare .nav-menu ul.nav-menu-inner li a.current, .header.header-prepare .nav-menu ul.nav-menu-inner li.current a {
	color: #78C1B6;
}
/* Mobile bar icon */
.nav-mobile.nav-bar-icon {
	display: none;
}
.nav-bar-icon {
	display: inline-block;
	float: right;
	position: relative;
	height: 16px;
	width: 20px;
	margin-top: 34px;
	margin-bottom: 35px;
	margin-left: 15px;
	transition: all 0.27s cubic-bezier(0, 0, 0.58, 1) 0s;
	-moz-transition: all 0.27s cubic-bezier(0, 0, 0.58, 1) 0s;
	-o-transition: all 0.27s cubic-bezier(0, 0, 0.58, 1) 0s;
	-webkit-transition: all 0.27s cubic-bezier(0, 0, 0.58, 1) 0s;
	cursor: pointer;
}
.header-fixed .nav-bar-icon {
	margin-top: 21px;
	margin-bottom: 21px;
}
.nav-bar-icon a {
	color: #fff;
	display: block;
	font-size: 17px;
	padding: 19px 0;
}
.nav-bar-icon.active a, .nav-bar-icon a.active,  .nav-bar-icon:hover a, .nav-bar-icon a:hover {
	color: #78C1B6;
}
.nav-bar-icon > span {
	position: absolute;
	top: 50%;
	display: block;
	width: 30px;
	height: 4px;
	margin-top: -1px;
	background-color: #222;
	-webkit-transition: -webkit-transform 0.3s, background 0.25s ease;
	-webkit-transition: background 0.25s ease, -webkit-transform 0.3s;
	transition: background 0.25s ease, -webkit-transform 0.3s;
	transition: transform 0.3s, background 0.25s ease;
	transition: transform 0.3s, background 0.25s ease, -webkit-transform 0.3s;
}
.nav-bar-icon > span:before,  .nav-bar-icon > span:after {
	content: "";
	position: absolute;
	left: 0;
	width: 100%;
	height: 100%;
	background-color: #222;
	-webkit-transition: -webkit-transform 0.3s, background 0.25s ease;
	-webkit-transition: background 0.25s ease, -webkit-transform 0.3s;
	transition: background 0.25s ease, -webkit-transform 0.3s;
	transition: transform 0.3s, background 0.25s ease;
	transition: transform 0.3s, background 0.25s ease, -webkit-transform 0.3s;
}
 header .nav-bar-icon > span, header .nav-bar-icon > span:before, header .nav-bar-icon > span::after, header.header-dark .nav-bar-icon > span, header.header-dark .nav-bar-icon > span:before, header.header-dark .nav-bar-icon > span::after, header.header-dark.header-prepare .nav-bar-icon > span, header.header-dark.header-prepare .nav-bar-icon > span:before, header.header-dark.header-prepare .nav-bar-icon > span::after {
 background-color: #222;
}
 header.header-light .nav-bar-icon > span, header.header-light .nav-bar-icon > span:before, header.header-light .nav-bar-icon > span::after, header.header-prepare .nav-bar-icon > span, header.header-prepare .nav-bar-icon > span:before, header.header-prepare .nav-bar-icon > span::after {
 background-color: #222;
}
.nav-bar-icon > span:before {
	-webkit-transform: translateY(-7px);
	transform: translateY(-7px);
	-o-transform: translateY(-7px);
	-ms-transform: translateY(-7px);
	-moz-transform: translateY(-7px);
}
.nav-bar-icon > span:after {
	-webkit-transform: translateY(7px);
	transform: translateY(7px);
	-o-transform: translateY(7px);
	-ms-transform: translateY(7px);
	-moz-transform: translateY(7px);
}
.nav-bar-icon.active {
	transform: rotate(45deg);
	-moz-transform: rotate(45deg);
	-ms-transform: rotate(45deg);
	-o-transform: rotate(45deg);
	-webkit-transform: rotate(45deg);
}
.nav-bar-icon.active > span:before {
	transform: rotate(90deg);
	-moz-transform: rotate(90deg);
	-ms-transform: rotate(90deg);
	-o-transform: rotate(90deg);
	-webkit-transform: rotate(90deg);
}
.nav-bar-icon.active > span:after {
	transform: rotate(90deg);
	-moz-transform: rotate(90deg);
	-ms-transform: rotate(90deg);
	-o-transform: rotate(90deg);
	-webkit-transform: rotate(90deg);
}
/* Dropdown-menu */
.nav-menu > ul li {
	position: relative;
}
.sub-dropdown.dropdown {
	top: 100%;
	left: 0;
}
.sub-dropdown {
	position: absolute;
	left: 100%;
	top: 0;
	display: none;
	background: rgba(34, 34, 34, 0.90);
	padding: 0;
	width: 200px;
}
.sub-dropdown li {
	width: 100%;
}
.sub-dropdown > li > a {
	padding: 13px 15px;
	display: block;
	color: rgba(255, 255, 255, 0.75);
}
.sub-dropdown > li:hover > a {
	background: rgba(255, 255, 255, 0.05);
	color: #fff;
}
.sub-dropdown i {
	float: right;
}
 @media all and (max-width: 1024px) {
 .nav-menu ul.nav-menu-inner li {
 display: block;
 width: 100%;
}
 .nav-menu {
 position: static;
 left: 0;
 top: 100%;
 float: none;
 display: none;
 width: 100%;
 background: #eee;
 overflow-y: auto;
 z-index: 999;
}
 .nav-bar-icon, .nav-mobile.nav-bar-icon, .header-fixed .nav-bar-icon {
 display: inline-block;
 float: right;
 margin-top: 21px;
 margin-bottom: 21px;
}
 .nav-menu ul.nav-menu-inner li a, .header-fixed .nav-menu ul.nav-menu-inner li a {
 padding: 15px 12px;
 border-top: 1px solid rgba(0, 0, 0, .075);
}


    /* Dropdown */
    .sub-dropdown.dropdown, .sub-dropdown {
 top: 100%;
 position: relative;
 left: 0;
 width: 100%;
}
 .sub-dropdown a {
 padding-left: 30px !important;
}
 .header .nav-menu ul.nav-menu-inner li a.current,  .header .nav-menu ul.nav-menu-inner li.current a,  .header.header-light .nav-menu ul.nav-menu-inner > li:hover > a,  .header.header-light .nav-menu ul.nav-menu-inner > li > a:hover,  .header.header-prepare .nav-menu ul.nav-menu-inner li a.current,  .header.header-prepare .nav-menu ul.nav-menu-inner li.current a {
	 color:#2C2C2C;
}
 .header-light .nav-menu ul.nav-menu-inner > li > a {
 color: rgba(255, 255, 255, 0.60);
}
}
/*------------------------------------------------------------------*/
/* Overlay Menu */
/*------------------------------------------------------------------*/
.overlay-menu {
	background: rgba(0, 0, 0, 0.9) none repeat scroll 0 0;
	display: table;
	height: 100%;
	min-height: 100%;
	opacity: 0;
	position: fixed;
	visibility: hidden;
	width: 100%;
	z-index: 9999;
	transition: all 0.4s ease-in-out 0s;
	-o-transition: all 0.4s ease-in-out 0s;
	-moz-transition: all 0.4s ease-in-out 0s;
	-webkit-transition: all 0.4s ease-in-out 0s;
	top: 0px;
	left: 0px;
	overflow: auto;
	padding: 50px 0;
}
.overlay-menu.active {
	opacity: 1;
	top: 0;
	visibility: visible;
}
.overlay-menu .overlay-menu-inner {
	display: table-cell;
	height: 100%;
	text-align: center;
	vertical-align: middle;
	width: 100%;
}
.overlay-menu .overlay-menu-inner nav {
	display: block;
}
.overlay-menu-nav {
	list-style: none;
	margin: 0;
	padding: 0;
	max-width: 290px;
	margin: auto;
}
.overlay-menu .overlay-menu-nav {
	opacity: 0.2;
	transform: translateY(-15%) rotateX(35deg);
	-moz-transform: translateY(-15%) rotateX(35deg);
	-ms-transform: translateY(-15%) rotateX(35deg);
	-o-transform: translateY(-15%) rotateX(35deg);
	-webkit-transform: translateY(-15%) rotateX(35deg);
	transition: transform 0.5s ease 0s, opacity 0.5s ease 0s;
	-moz-transition: transform 0.5s ease 0s, opacity 0.5s ease 0s;
	-o-transition: transform 0.5s ease 0s, opacity 0.5s ease 0s;
	-webkit-transition: transform 0.5s ease 0s, opacity 0.5s ease 0s;
}
.overlay-menu.active .overlay-menu-nav {
	opacity: 1;
	transform: rotateX(0deg);
	-moz-transform: rotateX(0deg);
	-ms-transform: rotateX(0deg);
	-o-transform: rotateX(0deg);
	-webkit-transform: rotateX(0deg);
}
.overlay-menu-nav li {
	display: block;
}
.overlay-menu-nav li a {
	color: #fff;
	text-transform: uppercase;
	font-size: 20px;
	font-weight: 400;
	padding-top: 5px;
	padding-bottom: 5px;
	letter-spacing: 2px;
	display: block;
}
.overlay-menu-nav li:hover a {
	color: #d0121b;
}
.overlay-menu-close {
	color: #fff;
	height: 16px;
	line-height: 40px;
	position: absolute;
	right: 30px;
	text-align: center;
	top: 30px;
	width: 16px;
	transform: rotate(45deg);
	-moz-transform: rotate(45deg);
	-ms-transform: rotate(45deg);
	-o-transform: rotate(45deg);
	-webkit-transform: rotate(45deg);
	z-index: 1;
}
.overlay-menu-close > span {
	position: absolute;
	top: 50%;
	display: block;
	width: 20px;
	height: 2px;
	background-color: #fff;
	-webkit-transition: -webkit-transform 0.3s, background 0.25s ease;
	-webkit-transition: background 0.25s ease, -webkit-transform 0.3s;
	transition: background 0.25s ease, -webkit-transform 0.3s;
	transition: transform 0.3s, background 0.25s ease;
	transition: transform 0.3s, background 0.25s ease, -webkit-transform 0.3s;
}
.overlay-menu-close > span:before,  .overlay-menu-close > span:after {
	content: "";
	position: absolute;
	left: 0;
	width: 100%;
	height: 100%;
	background-color: #fff;
	-webkit-transition: -webkit-transform 0.3s, background 0.25s ease;
	-webkit-transition: background 0.25s ease, -webkit-transform 0.3s;
	transition: background 0.25s ease, -webkit-transform 0.3s;
	transition: transform 0.3s, background 0.25s ease;
	transition: transform 0.3s, background 0.25s ease, -webkit-transform 0.3s;
	transform: rotate(90deg);
	-moz-transform: rotate(90deg);
	-ms-transform: rotate(90deg);
	-o-transform: rotate(90deg);
	-webkit-transform: rotate(90deg);
}
.overlay-menu-close:hover > span,  .overlay-menu-close:hover > span:before,  .overlay-menu-close:hover > span:after {
	background-color: #d0121b;
}
 @media all and (max-width: 960px) {
 .overlay-menu-active .overlay-menu {
 position: absolute;
}
 .overlay-menu-active #page-wraper {
 position: fixed;
}
}
/*------------------------------------------------------------------*/
/* Sidebar Menu */
/*------------------------------------------------------------------*/

/* Push Sidebar Menu Css ---*/

.pushmenu { /*this is the nav*/
	background: #323232;
	font-family: Arial, Helvetics, sans-serif;
	width: 270px;
	height: 100%;
	top: 0;
	z-index: 1000;
	position: fixed;
}
.pushmenu-push {
	overflow-x: hidden;
	position: relative;
}
/* Left Sidebar Menu Css --------*/

.pushmenu-right {
	right: -270px;
}
.pushmenu-right.pushmenu-open {
	right: 0;
}
.pushmenu-push-left {
	left:0;
}
.pushmenu-push-toleft {
	left: -270px;
}
/*Transition*/
.pushmenu, .pushmenu-push {
	-webkit-transition: all 0.3s ease;
	-moz-transition: all 0.3s ease;
	transition: all 0.3s ease;
	-o-transition: all 0.3s ease;
}
/* Sidebar Menu Inner */
.side-menu {
	background: #222222 !important;
	z-index: 2005 !important;
	color: #fff;
	padding: 30px;
	overflow-y: auto;/*position: relative;*/
}
.side-menu .menu-close {
	left: auto;
	position: absolute;
	right: 30px;
	top: 30px;
	display: inline-block;
	/*background: url("../img/close-white.png") no-repeat center center;*/
        color: #fff;
	font-size: 18px;
	line-height: 0;
	overflow: hidden;
}
.side-menu .menu-close:hover {
	color: #d0121b;
}
.side-menu a {
	color: #aaa;
	font-weight: 400;
	font-size: 14px;
	font-family:"Open Sans", sans-serif;
	line-height:26px;
}
.side-menu a:hover, .side-menu a.current, .side-menu a.active {
	color: #fff;
}
.side-menu ul {
	padding: 0;
}
.side-menu ul li {
	list-style: none;
	margin-bottom: 5px;
}
.side-menu > ul > li > a {
	text-transform: uppercase;
	letter-spacing: 1px;
	display: block;
}
/*==================================*/
/* Left Sidebar Menu Css --------*/
/*==================================*/
.pushmenu-left {
	left: -270px;
}
.pushmenu-left.pushmenu-open {
	left: 0;
}
.pushmenu-push-right {
	right:0;
}
.pushmenu-push-toright {
	right: -270px;
}
/*==========================================================================================================*/
/* INTRO     ||---------------------------- */
/*==========================================================================================================*/

/*------------------------------------------------------------------*/
/* Intro */
/*------------------------------------------------------------------*/

#intro {
	position: relative;
	overflow: hidden;
}
.intro-media-wraper {
	display: block;
	height: 100%;
	left: 0;
	position: absolute;
	top: 0;
	width: 100%;
}
.intro-bg-section {
	display: block;
	height: 100%;
	left: 0;
	position: absolute;
	top: 0;
	width: 100%;
	z-index: -1;
}
.intro-caption-waper {
	height: 100%;
	position: absolute;
	width: 100%;
	z-index: 2;
}
.intro-caption-top {
	z-index: 2;
}
.intro-content {
	display: table;
	height: 100%;
	text-align: center;
	width: 100%;
}
.intro-content-inner {
	display: table-cell;
	height: 100%;
	vertical-align: middle;
}
.intro-img-circle {
	margin-left: auto;
	margin-right: auto;
	width: 120px;
	height: 120px;
	border: 5px solid rgba(0, 0, 0, 0.2);
	border-radius: 50%;
	-moz-border-radius: 50%;
	-webkit-border-radius: 50%;
	margin-bottom: 30px;
}
.intro-img-circle img {
	outline: none;
	border: none;
	width: 100%;
	height: 100%;
	border-radius: 50%;
	-moz-border-radius: 50%;
	-webkit-border-radius: 50%;
}
.intro-play-icon {
	text-align: center;
}
.intro-sub-title {
	letter-spacing: 1.5px;
	font-size:15px;
	font-weight: 100;
}
.intro-title {
	font-size: 50px;
	margin-top: 40px;
	margin-bottom: 40px;
	font-weight: 400;
	line-height: 1.1;/*letter-spacing: -2px;*/
}
.intro-title-sm {
	font-size: 44px !important;
	margin-top: 30px;
	font-weight: 400;
	margin-bottom: 0;
}
.error-intro-title {
	font-size: 100px;
	margin-top: 0;
	margin-bottom: 0;
	font-weight: 600;
	line-height: 1.1;
}
.inner-intro {
	position: relative;
	padding: 150px 0;
}
 @media (max-width: 1024px) {
 .intro-title {
 letter-spacing: 0;
 font-size: 46px;
}
 .bg-image {
 background-position: center center;
 background-repeat: no-repeat;
 background-size: inherit;
 display: block;
 overflow: hidden;
 position: relative;
 width: 100%;
}
}
 @media (max-width: 768px) {
 .bg-image {
 background-position: center center;
 background-repeat: no-repeat;
 background-size: inherit;
 display: block;
 overflow: hidden;
 position: relative;
 width: 100%;
}
 .intro-title {
 letter-spacing: 0;
 font-size: 30px;
}
}

.top-intro{
	padding: 20px;
	line-height:2;
	text-align: left;
	letter-spacing: 0.1em;
}
/*------------------------------------------------------------------*/
/* Slider */
/*------------------------------------------------------------------*/

.sc-logo {
	/*margin-top: 0px;
    margin-bottom:0;*/
    text-align: center;
}
.sc-title {
	font-weight: 800;
	text-align: center;/*margin-top: 0px;
    margin-bottom:0;*/
}
.sc-paragraph-lead {
	font-family: Georgia;
	font-style: italic;
	font-size: 20px;
	text-align: center;/*margin-top: 0px;
    margin-bottom:0;*/
}
.sc-button {
}
/*==========================================================================================================*/
/* ELEMENTS     ||---------------------------- */
/*==========================================================================================================*/

/*------------------------------------------------------------------*/
/* Skills Bar */
/*------------------------------------------------------------------*/

.skillbar {
	position: relative;
	display: block;
	width: 100%;
	margin-bottom: 20px;
}
.skillbar-bar {
	background: rgba(34, 34, 34, 0.07);
	width: 100%;
}
.skillbar-bar-child {
	height: 4px;
	width: 0px;
	background: #d0121b;
	-webkit-transition-property: width, background-color;
	-moz-transition-property: width, background-color;
	-ms-transition-property: width, background-color;
	-o-transition-property: width, background-color;
	transition-property: width, background-color;
}
.skillbar-title {
	display: inline-block;
	text-align: left;
	margin-bottom: 7px;
}
.skillbar-title, .skill-bar-percent {
}
.skill-bar-percent {
	float: right;
	display: inline-block;
	font-weight: 400;
	margin-top: 3px;
	font-size: 12px;
}
/*------------------------------------------------------------------*/
/* Team Box */
/*------------------------------------------------------------------*/

/* Team Box   ||-------------------*/
.team-item {
	padding-left: 15px;
	padding-right: 15px;
}
.team-item-img {
	position: relative;
}
.team-item-img > img {
	width: 100%;
}
.team-item-img .team-item-detail {
	background: rgba(255, 255, 255, 0.95);
	text-align: center;
	color: #fff;
	display: -webkit-flex;
	display: flex;
	height: 100%;
	width: 100%;
	position: absolute;
	top: 0px;
	left: 0px;
	opacity: 0;
	visibility: hidden;
	overflow: hidden;
	transition: all 0.5s ease-in-out 0s;
	-moz-transition: all 0.5s ease-in-out 0s;
	-webkit-transition: all 0.5s ease-in-out 0s;
	-o-transition: all 0.5s ease-in-out 0s;
}
.team-item:hover .team-item-detail {
	opacity: 1;
	visibility: visible;
}
.team-item-img .team-item-detail .team-item-detail-inner, .cent-mid-content {
	margin: auto;
	padding: 25px;
}
.team-item-img .team-item-detail .team-item-detail-inner .social {
	margin: 5px 0px 0px 0px;
	padding: 0px;
}
.team-item-img .team-item-detail .team-item-detail-inner .social li {
	list-style: none;
	display: inline-block;
	margin: 0px 8px;
}
.team-item-img .team-item-detail .team-item-detail-inner .social li a {
	border: 1px solid #222;
	color: #222;
	display: block;
	font-size: 14px;
	height: 28px;
	width: 28px;
	line-height: 1.8;
	border-radius: 30%;
	-moz-border-radius: 30%;
	-webkit-border-radius: 30%;
	transform: rotate(45deg);
	-moz-transform: rotate(45deg);
	-ms-transform: rotate(45deg);
	-o-transform: rotate(45deg);
	-webkit-transform: rotate(45deg);
	text-align: center;
}
.team-item-img .team-item-detail .team-item-detail-inner .social li a i {
	transform: rotate(-45deg);
	-moz-transform: rotate(-45deg);
	-ms-transform: rotate(-45deg);
	-o-transform: rotate(-45deg);
	-webkit-transform: rotate(-45deg);
}
.team-item-img .team-item-detail .team-item-detail-inner .social li a:hover {
	color: #fff;
	background: #222;
}
.team-item-info {
	padding-top: 15px;
	text-align: center;
}
.team-item-info h5, .team-item-info h6 {
	margin-bottom: 5px;
}
.team-item-info p {
	margin-bottom: 0px;
}
/*------------------------------------------------------------------*/
/* Tabs */
/*------------------------------------------------------------------*/
ul.icon-tab-nav, .icon-tab-nav ul {
	list-style: none;
	margin: 0;
	padding: 0;
	text-align: center;
}
ul.icon-tab-nav li, .icon-tab-nav ul li {
	display: inline-block;
	width: 200px;
}
.icon-tab-nav {
	display: block;
}
.icon-tab-nav a {
	font-size: 44px;/*color: #aaa;*/
    }
.icon-tab-nav .icon-tab-nav-title {
	margin-top: 10px;
}
.icon-tab-nav a, .icon-tab-nav .icon-tab-nav-title {
	transition: all 0.3s ease 0s;
	-moz-transition: all 0.3s ease 0s;
	-o-transition: all 0.3s ease 0s;
	-webkit-transition: all 0.3s ease 0s;
}
.icon-tab-nav a.active, .icon-tab-nav a.active .icon-tab-nav-title,  .icon-tab-nav a:hover, .icon-tab-nav a:hover .icon-tab-nav-title {
	color: #d0121b;
}
/*------------------------------------------------------------------*/
/* Accordion & Toggle*/
/*------------------------------------------------------------------*/
.accordion, .toggle {
	margin-bottom: 20px;
	margin-top: 0;
}
.accordion .accordion-title, .toggle .toggle-title {
	font-size: 14px;
	font-weight: 400;
	letter-spacing: 1.5px;
	margin-bottom: 10px;
	text-transform: uppercase;
	font-weight: 400;
}
.accordion > .accordion-title > a:after, .toggle > .toggle-title > a:after {
	color: #222;
	content: "";
	font-family: "FontAwesome";
	font-size: 15px;
	font-style: normal;
	font-variant: normal;
	font-weight: normal;
	height: 15px;
	line-height: 15px;
	margin-top: -8px;
	position: absolute;
	right: 10px;
	text-align: center;
	text-transform: none;
	top: 50%;
	width: 15px;
	transition: all 0.27s cubic-bezier(0, 0, 0.58, 1) 0s;
	-o-transition: all 0.27s cubic-bezier(0, 0, 0.58, 1) 0s;
	-moz-transition: all 0.27s cubic-bezier(0, 0, 0.58, 1) 0s;
	-webkit-transition: all 0.27s cubic-bezier(0, 0, 0.58, 1) 0s;
}
.accordion > .accordion-title > a, .toggle > .toggle-title > a {
	border: 1px solid #f1f1f1;
	background: #fff;
	color: #222;
	display: block;
	padding: 14px 20px;
	position: relative;
	text-decoration: none;
	transition: all 0.27s cubic-bezier(0, 0, 0.58, 1) 0s;
	-o-transition: all 0.27s cubic-bezier(0, 0, 0.58, 1) 0s;
	-moz-transition: all 0.27s cubic-bezier(0, 0, 0.58, 1) 0s;
	-webkit-transition: all 0.27s cubic-bezier(0, 0, 0.58, 1) 0s;
	outline: none;
}
.accordion > .accordion-title > a.active, .toggle > .toggle-title > a.active {
	background-color: #f5f5f5;
	border-color: #f5f5f5;
	color: #222;
	cursor: default;
}
.accordion > .accordion-title > a.active:after, .toggle > .toggle-title > a.active:after {
	/*color: #fff;*/
                content: "";
}
.accordion > .accordion-content, .toggle > .toggle-content {
	font-size: 14px;
	line-height: 1.8;
	margin-bottom: 10px;
	padding: 10px 20px 10px;
}
/*------------------------------------------------------------------*/
/* Counter */
/*------------------------------------------------------------------*/

.counter-group {
	position: relative;
}
.counter-group {
	position: relative;
}
.counter-icon {
	display: inline-block;
	font-size: 38px;
	vertical-align: top;
	margin-right: 20px;
}
.counter-content {
	display: inline-block;
	text-align: left;
}
.counter-title {
	font-family: inherit;
	font-size: 60px !important;
	line-height: 1;
	margin-bottom: 12px;
}
.counter-sub-title {
	margin-bottom: 0;
}
/*------------------------------------------------------------------*/
/* Pricing-box */
/*------------------------------------------------------------------*/

.pricing-box {
	background: #fff;
	border: 1px solid #eee;
	text-align: center;
	padding-top: 50px;
	padding-bottom: 50px;
}
.pricing-box.highlight {
	border: 1px solid #f5f5f5;
	background: #f5f5f5;
}
.pricing-padding {
	padding-top: 30px;
	padding-bottom: 30px;
}
.pricing-padding-t {
	padding-top: 30px;
}
.pricing-padding-b {
	padding-bottom: 30px;
}
.pricing-title, .pricing-price, .pricing-features, .pricing-button {
	padding-left: 15px;
	padding-right: 15px;
}
.pricing-title h1, .pricing-title h2, .pricing-title h3, .pricing-title h4, .pricing-title h5, .pricing-title h6 {
	margin-bottom: 0px;
}
.pricing-price {
	margin-top: 40px;
	margin-bottom: 40px;
}
.pricing-price p {
	color: #222;
	line-height: 1;
}
.pricing-price .dollar {
	vertical-align: 32px;/*margin-right: 5px;*/
    }
.pricing-price .dollar, .pricing-price .pricing-price-sm {
	font-size: 14px;
	font-weight: 400;
}
.pricing-price .pricing-price-sm {
/*margin-left: 5px;*/
    }
.pricing-price .pricing-price-lg {
	font-size: 60px;
	font-weight: 300;
}
.pricing-features {
	font-size: 16px;
	margin-bottom: 45px;
}
.pricing-features ul {
	list-style: none;
	padding: 0;
}
.pricing-features ul li {
	margin-bottom: 10px;
}
/*------------------------------------------------------------------*/
/* Action-box */
/*------------------------------------------------------------------*/
.action-box-title {
	margin-bottom: 10px !important;
	line-height: 1.2 !important;
}
.action-box-content {
	margin-bottom: 0px !important;
}
/*------------------------------------------------------------------*/
/* History-box */
/*------------------------------------------------------------------*/
.history-box {
	padding: 30px;
	border-top: 1px solid #eee;
	border-bottom: 1px solid #eee;
	border-right: 1px solid #eee;
	border-left: 5px solid #eee;
}
.history-year {
	background: #222;
	padding: 5px 10px;
	color: #fff;
	display: inline-block;
	margin-bottom: 15px;
}
.history-title {
}
.history-sub-title {
	margin-bottom: 15px;
	font-weight: 400;
	color: #a0a0a0;
}
.history-content {
	margin-bottom: 0;
}
/*------------------------------------------------------------------*/
/* Client Logo */
/*------------------------------------------------------------------*/

.client-logo {
	height: 90px;
	text-align: center;
}
.client-logo img {
	height: 100%;
}
/*------------------------------------------------------------------*/
/* Social */
/*------------------------------------------------------------------*/
.social-box {
	position: relative;
}
.social-box .social-icon, .social-box .social-link a, .social-box .social-link {
	color: #fff;
}
.social-box .social-icon {
	width: 105px;
	height: 105px;
	background: rgba(255, 255, 255, 0.1);
	line-height: 105px;
	text-align: center;
	font-size: 30px;
	/*border-radius: 50%;
        -moz-border-radius: 50%;
        -webkit-border-radius: 50%;*/
        /*border: 13px solid rgba(255, 255, 255, 0.05);*/
        cursor: pointer;
	margin: auto;
	transition: all 0.3s ease 0s;
	-moz-transition: all 0.3s ease 0s;
	-o-transition: all 0.3s ease 0s;
	-webkit-transition: all 0.3s ease 0s;
	transform: rotate(45deg);
	-moz-transform: rotate(45deg);
	-ms-transform: rotate(45deg);
	-o-transform: rotate(45deg);
	-webkit-transform: rotate(45deg);
}
.social-box .social-icon i {
	transform: rotate(-45deg);
	-moz-transform: rotate(-45deg);
	-ms-transform: rotate(-45deg);
	-o-transform: rotate(-45deg);
	-webkit-transform: rotate(-45deg);
}
.social-box .social-link {
	margin-top: 35px;
	margin-bottom: 0px;
}
.social-box:hover .social-icon {
	background:#23C49A;
}
.social-box:hover .social-link a {
	color:#23C49A;
}
/*------------------------------------------------------------------*/
/* Pagination */
/*------------------------------------------------------------------*/
.pagination-nav {
	display: block;
	position: relative;
	text-align: center;
	width: 100%;
}
.pagination-nav ul {
	margin: 0;
	padding: 0;
	list-style: none;
}
.pagination-nav ul li {
	display: inline-block;
	margin: 0 2px;
}
.pagination-nav ul li a {
	display: block;
	font-size: 14px;
	height: 36px;
	line-height: 36px;
	text-align: center;
	width: 36px;
	border: 1px solid #eee;
}
.pagination-nav ul li a.active {
	border: 1px solid #222;
	background: #222;
	color: #fff;
}
.pagination-nav ul li a.active:hover {
	color: #fff;
}
.pagination-nav ul li a:hover {
	border: 1px solid #23C49A;
	color: #23C49A;
}
.pagination-nav .prev {
	float: left;
	text-align: left;
}
.pagination-nav .next {
	float: right;
	text-align: left;
}
.pagination-nav .prev a, .pagination-nav .next a {
	width: auto;
	padding-left: 15px;
	padding-right: 15px;
}
/*------------------------------------------------------------------*/
/* Contact Form, Map, contact-info */
/*------------------------------------------------------------------*/

.contact-info {
	position: relative;
}
.contact-info p {
	margin-bottom: 0px;
}
.home-contact-txt-msg {
	max-height: 114px;
}
form .error {
	text-align: left;
}
.map {
	height: 400px;
	width: 100%;
}
/*------------------------------------------------------------------*/
/* Preloader */
/*------------------------------------------------------------------*/
#preloader {
	background-color: rgba(255, 255, 255, 1);
	bottom: 0;
	display: block;
	left: 0;
	position: fixed;
	right: 0;
	top: 0;
	z-index: 99999999999;
}
.site-spinner {
	border: 4px solid;
	font-size: 50px;
	width: 50px;
	height: 50px;
	left: 50%;
	top: 50%;
	margin: -25px 0 0 -25px;
	position: absolute;
	text-align: center;
	border-radius: 30%;
	-moz-border-radius: 30%;
	-webkit-border-radius: 30%;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	-webkit-animation: site-spin 1s linear infinite;
	-moz-animation: site-spin 1s linear infinite;
	animation: site-spin 1s linear infinite;
	border-color: rgba(241,2,6,1.00);
}
 @-webkit-keyframes site-spin {
 to {
 -moz-transform: rotate(330deg);
 -ms-transform: rotate(330deg);
 -webkit-transform: rotate(330deg);
 transform: rotate(330deg);
}
}
 @-moz-keyframes site-spin {
 to {
 -moz-transform: rotate(330deg);
 -ms-transform: rotate(330deg);
 -webkit-transform: rotate(330deg);
 transform: rotate(330deg);
}
}
 @keyframes site-spin {
 to {
 -moz-transform: rotate(330deg);
 -ms-transform: rotate(330deg);
 -webkit-transform: rotate(330deg);
 transform: rotate(330deg);
}
}
/*------------------------------------------------------------------*/
/* Countdown Clock */
/*------------------------------------------------------------------*/
.countdown-clock {
	display: block;
	list-style: none;
	text-align: center;
	padding: 0;
}
.countdown-clock li {
	display: inline-block;
	padding: 0 10px;
}
.countdown-clock li span {
	font-size: 80px;
	font-weight: 600;
	line-height: 80px;
}
.countdown-clock li p {
	text-transform: uppercase;
	font-weight: 600;
	font-size: 12px;
	margin-top: 8px;
}
.countdown-clock li.seperator {
	vertical-align: top;
	line-height: 70px;
	font-size: 65px;
}
.countdown-clock.countdown-dark, .countdown-clock.countdown-dark li span, .countdown-clock.countdown-dark li p {
	color: #222;
}
/*==========================================================================================================*/
/* FOOTER     ||---------------------------- */
/*==========================================================================================================*/

.footer {
	padding-top: 120px;
	padding-bottom: 120px;
	background-color: #6CB696;
		
		
}
/*------------------------------------------------------------------*/
    /* Social */
    /*------------------------------------------------------------------*/
    .footer .social {
	list-style: outside none none;
	padding: 0;
}
.footer .social li {
	display: inline-block;
	list-style: outside none none;
	margin: 0 8px;
}
.footer .social li a {
	border: 1px solid #222;
	display: block;
	font-size: 24px;
	height: 40px;
	line-height: 40px;
	text-align: center;
	width: 40px;
	border-radius: 50%;
	-moz-border-radius: 50%;
	-webkit-border-radius: 50%;
	transform: rotate(45deg);
	-moz-transform: rotate(45deg);
	-ms-transform: rotate(45deg);
	-o-transform: rotate(45deg);
	-webkit-transform: rotate(45deg);
}
.footer .social li a i, .footer .social li a span {
	transform: rotate(-45deg);
	-moz-transform: rotate(-45deg);
	-ms-transform: rotate(-45deg);
	-o-transform: rotate(-45deg);
	-webkit-transform: rotate(-45deg);
}
.footer .social li a:hover {
	background: #23C49A none repeat scroll 0 0;
	color: #fff;
}
#footerFloatingMenu {
    display: block;
    width: 100%;
    position: fixed;
    left: 0px;
    bottom: 0px;
    z-index: 9999;
    text-align: center;
    padding: 0 auto;
    background-color: #648094;
}
 
#footerFloatingMenu .fa {
    font-size: 3em;
    color: #fff;
    padding: 10px;
	}
@media (min-width: 481px) {
    #footerFloatingMenu {
        display: none !important;
    }
}
/*------------------------------------------------------------------*/
/* Copyright */
/*------------------------------------------------------------------*/
.copyright {
	line-height: 1.9;
}
.copy-link {
	letter-spacing: 4px;
	text-transform: uppercase;
	font-size: 12px;
}
/*==========================================================================================================*/
/* GLOBEL     ||---------------------------- */
/*==========================================================================================================*/

/*------------------------------------------------------------------*/
/* Content Box (Services Box, Featured Box, icon-box, etc...) */
/*------------------------------------------------------------------*/

.content-box, .content-box-with-bg {
	position: relative;
}
.content-box.left {
	padding-left: 100px;
	text-align: left;
	margin-bottom: 35px;
	position: relative;
}
.content-box.right {
	padding-right: 100px;
	text-align: right;
	margin-bottom: 35px;
	position: relative;
}
.content-box-with-bg {
	padding: 45px 30px 30px !important;
	background: #fff;
	border-radius: 3px;
	border: 1px dashed #eee;
	margin-bottom: 30px;
	transition: all 0.3s ease-in-out 0s;
	-o-transition: all 0.3s ease-in-out 0s;
	-moz-transition: all 0.3s ease-in-out 0s;
	-webkit-transition: all 0.3s ease-in-out 0s;
}
.content-box-with-bg:hover {
	background: #f7f7f7;
	border-color: #f7f7f7;
}
/*Icon Style 1*/

.content-box:hover .icon-top, .content-box:hover .icon-left, .content-box:hover .icon-right {
	background-color: #222;
	color: #fff;
}
.icon-top, .icon-left, .icon-right {
	background-color: #f5f5f5;
	display: inline-block !important;
	font-size: 26px;
	color: #333;
	height: 70px;
	line-height: 75px;
	width: 70px;
	text-align: center;
	transition: all 0.3s ease-in-out 0s;
	-o-transition: all 0.3s ease-in-out 0s;
	-moz-transition: all 0.3s ease-in-out 0s;
	-webkit-transition: all 0.3s ease-in-out 0s;
	transform: rotate(45deg);
	-o-transform: rotate(45deg);
	-ms-transform: rotate(45deg);
	-moz-transform: rotate(45deg);
	-webkit-transform: rotate(45deg);
	border-radius: 3px;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
}
.icon-top i, .icon-top span,  .icon-left i, .icon-left span,  .icon-right i, .icon-right span {
	transform: rotate(-45deg);
	-o-transform: rotate(-45deg);
	-ms-transform: rotate(-45deg);
	-moz-transform: rotate(-45deg);
	-webkit-transform: rotate(-45deg);
}
.icon-top {
	margin-bottom: 45px;
}
.icon-left, .alt-icon-left {
	position: absolute;
	left: 0;
}
.icon-right, .alt-icon-right {
	position: absolute;
	right: 0;
}
.alt-icon-left, .alt-icon-right {
	top: 5px;
}
.icon-left, .icon-right {
	top: 15px;
}
.alt-icon-color {
	color: #d0121b !important;
}
.icon-color {
	background-color: #d0121b;
	color: #fff;
}
.icon-black {
	background-color: #222;
	color: #fff;
}
.content-box:hover .icon-color {
	background-color: #222;
	color: #fff;
}
.content-box:hover .icon-black {
	background-color: #d0121b;
	color: #fff;
}
/* Icon Style 2 */
.content-box.alt-left {
	margin-bottom: 35px;
	position: relative;
}
.content-box.alt-right {
	margin-bottom: 35px;
	position: relative;
}
.alt-icon-top, .alt-icon-left, .alt-icon-right {
	color: #222;
	display: inline-block !important;
	font-size: 35px;
	line-height: 1;
	transition: all 0.3s ease-in-out 0s;
	-o-transition: all 0.3s ease-in-out 0s;
	-moz-transition: all 0.3s ease-in-out 0s;
	-webkit-transition: all 0.3s ease-in-out 0s;
}
.alt-icon-top {
	margin-bottom: 25px;
	text-align: center;
}
.alt-icon-sm-top, .alt-icon-sm-left, .alt-icon-sm-right {
	color: #222;
	display: inline-block !important;
	font-size: 25px;
	line-height: 1;
	transition: all 0.3s ease-in-out 0s;
	-o-transition: all 0.3s ease-in-out 0s;
	-moz-transition: all 0.3s ease-in-out 0s;
	-webkit-transition: all 0.3s ease-in-out 0s;
}
.alt-icon-sm-top {
	margin-bottom: 20px;
	text-align: center;
}
/* Featured Box */

.features-block-link {
	margin-right: 30px;
}
.features-block-link-icon {
	border-radius: 50%;
	-moz-border-radius: 50%;
	-webkit-border-radius: 50%;
	height: 40px;
	width: 40px;
	text-align: center;
	line-height: 38px;
	border: 1px solid #ebebeb;
	margin-right: 12px;
	vertical-align: middle;
}
.features01 {
	width: 100%;
	max-width: 320px;
}
.features02 {
	max-width: 580px;
	width: 100%;
}
.js-fullscreen-height {
	min-height: 630px;
}
/*------------------------------------------------------------------*/
/* Portfolio (Isotop Grid, box, Portfolio Single Page, etc...) */
/*------------------------------------------------------------------*/
.portfolio-grid .portfolio-item {
	position: relative;
	float: left;
	width: 33.33333333333333%;
	height: auto;
	margin: 0px;
	padding: 15px;
	display: block;
	box-sizing: border-box;
}
 @media (max-width: 1170px) {
 .portfolio-grid .portfolio-item {
 width: 33.33333333333333%;
}
}
 @media (max-width: 980px) {
 .portfolio-grid .portfolio-item {
 width: 50%;
box-sizing: border-box;
}
}

.portfolio-box {
	position: relative;
	overflow: hidden;
}
.portfolio-box a.porfolio-popup {
	display: block;
}
.portfolio-box .portfolio-image-wrap {
	display: block;
	transition: all 0.3s ease 0s;
	-o-transition: all 0.3s ease 0s;
	-moz-transition: all 0.3s ease 0s;
	-webkit-transition: all 0.3s ease 0s;
}
.portfolio-box .portfolio-image-wrap img {
	width: 100%;
}
.portfolio-box:hover .portfolio-image-wrap {
	transform: scale(1.1);
	-moz-transform: scale(1.1);
	-o-transform: scale(1.1);
	-webkit-transform: scale(1.1);
	-ms-transform: scale(1.1);
	transition: all 2s cubic-bezier(0.23, 1, 0.32, 1) 0s;
	-o-transition: all 2s cubic-bezier(0.23, 1, 0.32, 1) 0s;
	-moz-transition: all 2s cubic-bezier(0.23, 1, 0.32, 1) 0s;
	-webkit-transition: all 2s cubic-bezier(0.23, 1, 0.32, 1) 0s;
	width: 100%;
}
.portfolio-box .portfolio-caption-mask {
	background: rgba(0, 0, 0, 0.8) none repeat scroll 0 0;
	height: 100%;
	left: 0;
	opacity: 0;
	overflow: hidden;
	position: absolute;
	top: 0;
	visibility: hidden;
	width: 100%;
	transition: all 0.5s ease-in-out 0s;
	-o-transition: all 0.5s ease-in-out 0s;
	-moz-transition: all 0.5s ease-in-out 0s;
	-webkit-transition: all 0.5s ease-in-out 0s;
	z-index: 9;
}
.portfolio-box:hover .portfolio-caption-mask {
	opacity: 1;
	visibility: visible;
}
.portfolio-box .portfolio-caption-mask .portfolio-caption-text {
	bottom: -60px;
	left: 0;
	opacity: 0;
	padding-left: 30px;
	padding-right: 30px;
	position: absolute;
	text-align: left;
	transition: all 0.5s ease-in-out 0s;
}
.portfolio-box:hover .portfolio-caption-mask .portfolio-caption-text {
	bottom: 30px;
	opacity: 1;
}
.portfolio-box .portfolio-caption-mask h1, .portfolio-box .portfolio-caption-mask h2, .portfolio-box .portfolio-caption-mask h3, .portfolio-box .portfolio-caption-mask h4, .portfolio-box .portfolio-caption-mask h5, .portfolio-box .portfolio-caption-mask h6 {
	color: #fff;
	margin-bottom: 5px;
}
.portfolio-box .portfolio-caption-mask p {
	margin-bottom: 0px;
	color: #fff;
	text-transform: uppercase;
	font-size: 12px;
	letter-spacing: 1px;
}
/* Portfolio Filter */
.portfolio-filter {
	margin: 0 0 15px;
	padding: 0;
	text-align: center;
}
.portfolio-filter li {
	display: inline-block;
	list-style: none;
}
.portfolio-filter li a {
	display: block;
	color: #222;
	font-size: 13px;
	font-weight: 400;
	letter-spacing: 1.5px;
	margin-left: 11px;
	margin-right: 11px;
	text-transform: uppercase;
}
.portfolio-filter li a.active {
	color: #d0121b;
}
/* Portfolio Single Page */
#portfolio-single .portfolio-image-wrap {
	margin-bottom: 20px;
}
#portfolio-single .portfolio-image-wrap img {
	width: 100%;
}
.portfolio-item-content {
	padding-left: 20px;
	padding-right: 20px;
	position: relative;
}
.portfolio-item-content-spc {
	margin-top: 45px;
}
.portfolio-item-content-detail li {
	line-height: 2;
}
/*------------------------------------------------------------------*/
/* Blog (Blog box, Blog page) */
/*------------------------------------------------------------------*/
.blog-post {
	display: inline-block;
	width: 100%;
}
.blog-post .post-media {
	margin-bottom: 25px;
	overflow: hidden;
	position: relative;
	height: 250px;
}
.blog-post .post-media img {
	width: 100%;
}
.post-entry {
	margin-bottom: 25px;
}
.blog-post .post-tag {
}
.blog-post .post-tag span {
	display: inline-block;
	background: #f0f0f0;
	/*color:#222;*/
        padding: 5px 10px;
}
.blog-post .post-meta {
	color: #999;
	font-size: 13px;
	text-transform: uppercase;
	margin-bottom: 10px;
}
.blog-post .post-meta span {
	margin-right: 3px;
}
.blog-post blockquote {
	background-color: #f7f7f7;
	border-left: medium none;
	color: inherit;
	font-size: 17px;
	font-weight: 300;
	margin:20px;
	padding: 25px;
}
 .blog-post blockquote::before {
 content: "";
 font-family: FontAwesome;
 font-size: 12px;
 padding-right: 7px;
}
 .blog-post blockquote::after {
 content: "";
 font-family: FontAwesome;
 font-size: 12px;
 padding-left: 7px;
}
.blog-post ul {
	margin-bottom: 15px;
}
/* Blog Single ------------------------------ */
#blog-single .post-header {
	margin:50px 0px 50px 0;
}

.post-header h1 {
	margin:0px 0px 0px 0;
	
}

.post-author-image {
	float: left;
	height: 84px;
	margin-right: 15px;
	width: 84px;
}
.post-author-image img {
	width: 100%;
}
.post-author-panel {
}
.post-author-hadding {
	padding: 8px 20px;
	display: block;
	background: #eee;
}
.post-author-hadding a {
	color: #d0121b;
}
.post-author-body {
	padding: 20px;
	border: 1px solid #eee;
	display: table;
}
.post-author-body p {
	margin-bottom: 0px;
}
.post-author-hadding h1, .post-author-hadding h2, .post-author-hadding h3, .post-author-hadding h4, .post-author-hadding h5, .post-author-hadding h6 {
	margin-bottom: 0;
}
#blog-single .blog-post hr {
	margin-top: 30px !important;
	margin-bottom: 30px !important;
}
.blog-post .post-share {
	display: block;
	font-size: 16px;
	display: block;
}
.blog-post .post-share span {
	text-align: right;
	font-weight: 600;
	display: inline-block;
	color: #222;
}
.post-share .post-share-social {
	padding: 0;
	margin: 0;
	list-style: none;
	text-align: right;
	float: right;
	display: inline-block;
}
.post-share .post-share-social a {
	display: inline-block;
	margin-left: 10px;
	margin-right: 10px;
	font-size: 18px;
}

/*-年表--*/
.timeline {
  list-style: none;
  padding: 20px 0 20px;
  position: relative;
}

.timeline:before {
  top: 0;
  bottom: 0;
  position: absolute;
  content: " ";
  width: 3px;
  background-color: #eeeeee;
  left: 50%;
  margin-left: -1.5px;
}

.timeline > li {
  margin-bottom: 20px;
  position: relative;
}

.timeline > li:before,
.timeline > li:after {
  content: " ";
  display: table;
}

.timeline > li:after {
  clear: both;
}

.timeline > li:before,
.timeline > li:after {
  content: " ";
  display: table;
}

.timeline > li:after {
  clear: both;
}

.timeline > li > .timeline-panel {
  width: 46%;
  float: left;
  border: 1px solid #d4d4d4;
  border-radius: 2px;
  padding: 20px;
  position: relative;
  -webkit-box-shadow: 0 1px 6px rgba(0, 0, 0, 0.175);
  box-shadow: 0 1px 6px rgba(0, 0, 0, 0.175);
}

.timeline > li > .timeline-panel:before {
  position: absolute;
  top: 26px;
  right: -15px;
  display: inline-block;
  border-top: 15px solid transparent;
  border-left: 15px solid #ccc;
  border-right: 0 solid #ccc;
  border-bottom: 15px solid transparent;
  content: " ";
}

.timeline > li > .timeline-panel:after {
  position: absolute;
  top: 27px;
  right: -14px;
  display: inline-block;
  border-top: 14px solid transparent;
  border-left: 14px solid #fff;
  border-right: 0 solid #fff;
  border-bottom: 14px solid transparent;
  content: " ";
}

.timeline > li > .timeline-badge {
  color: #fff;
  width: 50px;
  height: 50px;
  line-height: 50px;
  font-size: 1.4em;
  text-align: center;
  position: absolute;
  top: 16px;
  left: 50%;
  margin-left: -25px;
  background-color: #999999;
  z-index: 100;
  border-top-right-radius: 50%;
  border-top-left-radius: 50%;
  border-bottom-right-radius: 50%;
  border-bottom-left-radius: 50%;
}

.timeline > li.timeline-inverted > .timeline-panel {
  float: right;
}

.timeline > li.timeline-inverted > .timeline-panel:before {
  border-left-width: 0;
  border-right-width: 15px;
  left: -15px;
  right: auto;
}

.timeline > li.timeline-inverted > .timeline-panel:after {
  border-left-width: 0;
  border-right-width: 14px;
  left: -14px;
  right: auto;
}

.timeline-badge.primary {
  background-color: #2e6da4 !important;
}

.timeline-badge.success {
  background-color: #3f903f !important;
}

.timeline-badge.warning {
  background-color: #f0ad4e !important;
}

.timeline-badge.danger {
  background-color: #d9534f !important;
}

.timeline-badge.info {
  background-color: #5bc0de !important;
}

.timeline-title {
  margin-top: 0;
  color: inherit;
}

.timeline-body > p,
.timeline-body > ul {
  margin-bottom: 0;
}

.timeline-body > p + p {
  margin-top: 5px;
}

h2.clesol{
	font-size: 48px;
	padding: 30px 0 30px 0;
	text-align: center;
	
}

.entryDetail .entryWrap {
  -webkit-background-size: 100% auto;
  background-size: 100% auto;
}
.entryDetail .entryWrap .entry {
  width: 700px;
  margin: 0 auto;
  padding: 100px 0 80px;
  text-align: center;
  color: #000;
}
.entryDetail .entryWrap .entry a {
  color: #000;
}
.entryDetail .entryWrap .entry p.ttl {
  padding-bottom: 5px;
  font-size: 25px;
  border-bottom: 1px solid #FFF;
}
.entryDetail .entryWrap .entry p.date {
  width: 150px;
  margin: 0 auto 35px;
  padding: 5px;
  background: #000;
  font-family: 'Lato', sans-serif;
  font-size: 15px;
}
.entryDetail .entryWrap .entry .entryBody {
  width: 640px;
  margin: 0 30px;
}
.entryDetail .entryWrap .entry .entryBody p {
  margin-bottom: 30px;
  text-align:center;
	
}
.entryDetail .entryWrap .entry .entryBody a {
  text-decoration: none;
	color:  crimson;
}
.entryDetail .entryWrap .entry .entryBody a:hover {
  text-decoration: none;
	color: dimgray;
}
.entryDetail .entryWrap .entry .entryBody .aligncenter {
  display: block;
  margin-left: auto;
  margin-right: auto;
}
.entryDetail .entryWrap .entry .entryBody iframe {
  width: 640px;
  height: 390px;
}
.entryDetail .entryWrap .entry .entryBody .wp-video {
  width: auto !important;
}
.entryDetail .entryWrap .entry .entryBody .wp-video video {
  width: 100%;
  height: auto;
}
.entryDetail .entryWrap .entry .entryBody img {
    width: 100%;
    height: auto;
  }
@media only screen and (max-width: 986px) {
.entryDetail .entryWrap .entry {
    width: auto;
    max-width: 700px;
    padding: 0px 20px 60px;
  }
.entryDetail .entryWrap .entry p.date {
    margin-bottom: 20px;
  }
.entryDetail .entryWrap .entry .entryBody {
    width: auto;
    margin: 0;
  }
.entryDetail .entryWrap .entry .entryBody p {
    margin-bottom: 20px;
  }
 
.entryDetail .entryWrap .entry .entryBody p.movie {
    position: relative;
    width: 100%;
    padding-top: 56.25%;
  }
.entryDetail .entryWrap .entry .entryBody p.movie iframe, .entryDetail .entryWrap .entry .entryBody p.movie embed {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
  }
}
@media only screen and (max-width: 767px) {
.entryDetail .entryWrap .entry {
    padding: 20px 20px 10px;
  }
.entryDetail .entryWrap .entry p.ttl {
    font-size: 16px;
  }
.entryDetail .entryWrap .entry p.date {
    padding: 3px;
    font-size: 13px;
  }
.entryDetail .entryWrap .entry .entryBody p.pic img {
    max-width: 400px;
  }
.entryDetail .entryWrap .entry .entryBody p.pic img.v {
    width: 70%;
    max-width: 280px;
  }
}
.latest div.ttl {
  padding: 25px 20px 15px;
  background: rgba(255, 255, 255, 0.9);
  text-align: center;
}
.latest div.ttl h2 {
  font-size: 30px;
  font-family: 'Josefin Sans', sans-serif;
  font-style: italic;
}
@media only screen and (max-width: 767px) {
.latest div.ttl {
    padding: 15px 10px 8px;
  }
.latest div.ttl h2 {
    font-size: 20px;
  }
}


.inner .mainTitle p.ttl {
  margin-bottom: 4px;
  border-bottom: 1px solid #fff;
  font-size: 30px;
}
.inner .mainTitle h1 {
  font-style: normal;
  font-size: 16px;
  font-weight: bold;
}
.inner .entryWrap {
  width: 870px;
  margin: 0 auto;
  padding: 70px 0 30px;
  color: #FFF;
}
.inner .entryWrap a {
  color: #FFF;
}
.inner .entryWrap .entry {
  display: inline-block;
  vertical-align: top;
  width: 200px;
  margin: 30px 45px 50px;
  background-color: #CCD1DC;
  background: rgba(255, 255, 255, 0.8);
}
.inner .entryWrap .entry a {
  display: block;
}
.inner .entryWrap .entry a p.date {
  width: 120px;
  margin: 0 auto 12px;
  background: #000;
  text-align: center;
  font-family: 'Lato', sans-serif;
}
.inner .entryWrap .entry a p.pic {
  text-align: center;
}
@media only screen and (min-width: 569px) {
.inner .entryWrap .entry a p.pic {
    overflow: hidden;
    width: 162px;
    height: 91px;
    margin: 0 auto;
  }
.inner .entryWrap .entry a p.pic img {
    position: relative;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
  }
}
.inner .entryWrap .entry a p.ttl {
  min-height: 60px;
  padding: 20px;
  text-align: center;
  color: #12213B;
}
.inner .entryWrap .entry a p.more {
  width: 120px;
  margin: 0 auto;
  background: #000;
  text-align: center;
  font-family: 'Lato', sans-serif;
}
.inner .entryWrap p.archive {
  padding-bottom: 10px;
  text-align: right;
}
.inner .entryWrap p.archive a:hover {
  text-decoration: underline;
}
.inner .wp-pagenavi {
  margin-bottom: 20px;
  text-align: center;
  font-family: 'Lato', sans-serif;
  font-size: 24px;
}
.inner .wp-pagenavi span.pages {
  display: none;
}
.inner .wp-pagenavi span.current {
  padding: 5px 15px;
  background: #000;
}
.inner .wp-pagenavi a.page {
  padding: 5px 15px;
}
.inner .wp-pagenavi a:hover {
  text-decoration: underline;
}
.inner .archives {
  padding: 20px 0;
  background: #193268;
}
.inner .archives ul {
  max-width: 600px;
  margin: 0 auto;
  padding: 0 20px;
  text-align: center;
}
.inner .archives ul li {
  padding: 10px;
  border-bottom: 1px solid #fff;
  font-family: 'Lato', sans-serif;
  font-size: 25px;
	list-style:none;
}
.inner .archives ul li:last-child {
  border-bottom: none;
}
.inner .archives ul li a {
  display: block;
  color: #fff;
}
.inner .archives ul li a:hover {
  text-decoration: underline;
}
@media only screen and (max-width: 986px) {
.inner .entryWrap {
    width: 540px;
  }
.inner .entryWrap .entry {
    margin: 30px 35px 50px;
  }
}
@media only screen and (max-width: 767px) {
.inner .mainTitle {
    margin-bottom: 0;
    padding-top: 20px;
  }
.inner .entryWrap {
    width: auto;
    margin: 0;
    padding: 30px 0 10px;
  }
.inner .entryWrap .entry {
    display: block;
    width: auto;
    margin: 0 25px 15px;
  }
.inner .entryWrap .entry a p.date {
    margin: 0 0 10px;
  }
.inner .entryWrap .entry a p.pic {
    display: table-cell;
    width: 35%;
    padding-left: 10px;
  }
.inner .entryWrap .entry a p.pic img {
    width: 100%;
    height: auto;
  }
.inner .entryWrap .entry a p.ttl {
    display: table-cell;
    min-height: inherit;
    padding: 0 10px;
    text-align: left;
  }
.inner .entryWrap .entry a p.more {
    margin-right: 0;
  }
.inner .entryWrap p.archive {
    margin: 0 25px;
    padding-top: 15px;
  }
.inner .wp-pagenavi {
    position: relative;
    font-size: 24px;
  }
.inner .wp-pagenavi span.pages {
    display: block;
  }
.inner .wp-pagenavi span.current, .inner .wp-pagenavi a.page {
    display: none;
  }
.inner .wp-pagenavi a.previouspostslink, .inner .wp-pagenavi a.nextpostslink {
    position: absolute;
    top: 0;
  }
.inner .wp-pagenavi a.previouspostslink {
    left: 40px;
  }
.inner .wp-pagenavi a.nextpostslink {
    right: 40px;
  }
.inner .wp-pagenavi a:hover {
    text-decoration: none;
  }
.inner .archives {
    padding: 10px 0;
  }
.inner .archives ul li {
    font-size: 15px;
  }	
	
}

.gaiyo-padding-t{
	padding:10px;
	line-height: 1em;
}
.gaiyo-padding-t2{
	padding-top:60px;
	line-height: 1em;
}

.boader-bottom{
	padding:120px;
	} 
.e-1{font-size: 10px; font-weight: 100;}

.boader-bottom2{
	padding:0px;
	border-bottom: solid  1px ;
width: 200px;
margin:50px auto 0px auto;} 

.boader-bottom3{
	padding:20px;
	margin-bottom: 120px;
	border-left: #d0121b solid  5px ;
text-align: left;
}

.boader-bottom4{
	padding:20px;
	border-right: #d0121b solid  5px ;
text-align: right;
		margin-bottom: 120px;
}

.pctextleft{text-align: left;}
.pctextright{text-align: right;}

@media only screen and (max-width: 767px) {
.boader-bottom3{
	padding:20px;
	margin-bottom: 120px;
	border-bottom: #d0121b solid  5px ;
	border-left: none;
	border-right: none;
text-align:center;
}
.boader-bottom4{
	padding:20px;
	margin-bottom: 120px;
	border-bottom: #d0121b solid  5px ;
	border-left: none;
	border-right: none;
text-align:center;
		}
.pctextleft{text-align: center;}
.pctextright{text-align: center;}	
}

.font-nomal{
	font-weight: normal;
}

hr{
	margin: 1em 0 1em 0;
}
.t-box{
	padding: 10px;
	text-align: center;
	margin: auto;
}

.balloon2-top {
 	position: relative;
	display: inline-block;
 	margin: 1.5em 0;
	padding: 7px 10px;
	min-width: 120px;
 	max-width: 100%;
 	color: #555;
	font-size: 16px;
	background: #FFF;
 	border: solid 3px #6CB696;
 	box-sizing: border-box;
	border-radius: 15px;
}

.balloon2-top:before{
	content: "";
	position: absolute;
	top: -24px;
	left: 50%;
 	margin-left: -15px;
	border: 12px solid transparent;
	border-bottom: 12px solid #FFF;
 	z-index: 2;
}

.balloon2-top:after{
	content: "";
	position: absolute;
	top: -30px;
	left: 50%;
 	margin-left: -17px;
	border: 14px solid transparent;
	border-bottom: 14px solid #6CB696;
 	z-index: 1;
}

.balloon2-top p{
	margin: 0;
	padding: 20px;
	line-height:2em;
}



ul.koto > li{
	list-style: none;
	
}
@media only screen and (max-width: 767px) {
	{
		text-align: left;
	}
}

.box301 {
    margin: 2em 0;
    background: #f1f1f1;
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.22);
}
.box301 .box-title1 {
    font-size: 1.2em;
    background: #6fbebc;
    padding:30px 0px 30px 0;
    text-align: center;
    color: #fff;
    font-weight: bold;
    letter-spacing: 0.05em;
}

.box301 .box-title2 {
    font-size: 1.2em;
    background: #efdb74;
    padding:30px 0px 30px 0;
    text-align: center;
    color: #fff;
    font-weight: bold;
    letter-spacing: 0.05em;
}

.box301 p {
	text-align: left;
    padding:20px;
    margin: 0;
}

.curled-box {
    border-radius: 50%;
    height: 150px;
    width: 150px;
	background: #6fbebc;
	margin:0 auto 0 auto;
}

.curled-box p {
	font-weight: 700;
	color: #fff;
    padding: 50px 20px;
    margin:20;
}

.f50{
	font-weight:700;
	font-size:50px;
	color: #000000;
}

.bt-soroe{display: -webkit-flex;
 display: flex;
 -webkit-align-items: center; /* 縦方向中央揃え（Safari用） */
 align-items: center; /* 縦方向中央揃え */
 -webkit-justify-content: center; /* 横方向中央揃え（Safari用） */
justify-content: center; /* 横方向中央揃え */}

@media only screen and (max-width: 986px) {
  .forpc {
    display: none;
  }
}
.forpt {
  display: block;
}

br.forpt {
  display: inline;
}

@media only screen and (max-width: 600px) {
  .forpt {
    display: none !important;
  }
	.spalignLeft {
  text-align: left !important;
}
}
.forsp {
  display: none;
}

@media only screen and (min-width: 600px) {
  .formo {
    display: none !important;
  }
}

   
.topintro2{padding: 20px;
    line-height: 2;
	letter-spacing: 0.1em;}

.com_phi{
		display: block;
	background:rgba(255,255,255,0.5);
	padding: 10px;
}

.com_yu{
		display: block;
	background:rgba(111,190,188,0.5);
	padding: 10px;
}

.sidebox{
margin: 0 0 0 0 ;
padding: 0 0 0 0 ;
}

.sidebox ul{
floate:left;
margin: 0 0 0 0;
padding: 0 0 0 0;
}

.sidebox li{
margin: 0 0 0 0;
padding: 7px 0px 7px 0px;
list-style: none;
border-bottom:1px dotted #ddd;
}

.sidebox li a{
font-size: 13px;
color: #444;
margin: 0 0 0 0;
padding: 5px 0px 5px 0px;
list-style: none;
transition: 0.5s;
-webkit-transition: 0.5s;
-moz-transition: 0.5s;
-o-transition: 0.5s;
-ms-transition: 0.5s;
}

.sidebox li a:hover{
color:#999;
}

.sidebox h2{
font-size: 14px;
margin: 0 0 0 0;
padding: 0 0 0 0;
}

.sidebox h3{
font-size: 13px;
margin: 0 0 0 0;
padding: 0 0 0 0;
}

.sidebox h4{
font-size: 12px;
margin: 0 0 0 0;
padding: 0 0 0 0;
}

.sidebox ul.children{
margin-bottom: 0px;
display: block;
padding: 5px 0 0 0;
}

.sidebox ul.children li{
padding: 5px 0 5px 15px;
border-top: 1px dotted #ccc;
border-bottom: 0px dotted #ccc;
}

.sidebox ul.sub-menu{
margin-bottom: 0px;
display: block;
padding: 5px 0 0 0;
}

.sidebox ul.sub-menu li{
padding: 5px 0 5px 15px;
border-top: 1px dotted #ccc;
border-bottom: 0px dotted #ccc;
}
.sidebar {
width: 100%;
margin: 0px 0px 40px 0px;
padding: 20px;
}

/* 新着表示
---------------------------------------------------- */

.sidebox-new {
color:#666;
margin: 0 0 50px 0 ;
padding: 0 0 0 0 ;
}

.sidebox-new ul{
margin: 0 0 0 0;
padding: 0 0 0 0;
}

.sidebox-new li{
font-size: 13px;
list-style: none;
margin: 0 0 0 0;
padding: 0px 0 0px 0px;
border-bottom: 1px dotted #ddd;
}

.sidebox-new li a{
color:#666;
list-style: none;
transition: 0.5s;
-webkit-transition: 0.5s;
-moz-transition: 0.5s;
-o-transition: 0.5s;
-ms-transition: 0.5s;
}

.sidebox-new li a:hover{
color:#999;
}


table.similar-side {
width: 100%;
color: #444;
margin: 0 0 0 0;
padding: 0 0 0 0;
border-collapse: collapse;
border-spacing: 0;
}

table.similar-side img {
width: 80px;
}

table.similar-side th {
text-align: left;
width: 80px;
vertical-align: middle;
		padding: 10px 10px 10px 0;
}

table.similar-side td {
font-size: 13px;
text-align: left;
white-space: normal;
vertical-align: middle;
}

img, video, iframe {
    height: auto;
}

.box_shirokage{
    display: block;
    overflow: hidden;
    padding: 40px 20px;
    background: #fff;
    box-shadow: 0 0 15px 5px rgba(35,35,60,.1);
    margin-bottom: 30px;
    border-radius: 3px;
}

.ma{ margin: 0 auto;}

.border_hachi{
	display: inline-block;
	border-bottom:5px solid;
	border-bottom-color: #569b9b;
	padding-bottom: 10px;
}

.post-date{
	font-size: 50%;
	font-weight: 100;
}

/***** コンタクトフォーム *****/
.table-contactform7{
  overflow: hidden;
table-layout: fixed;
}
 
.required-contactform7{
  padding: 5px;
  background: #DE8686;
  color: #fff;
  border-radius: 3px;
  margin-right: 3px;
}
 
.unrequired-contactform7{
  padding: 5px;
  background: #BDBDBD;
  color: #fff;
  border-radius: 3px;
  margin-right: 3px;
}
 
.table-contactform7 th{
  font-weight:bold;
}
 
.table-contactform7 input,
.table-contactform7 textarea{
  max-width: 90% !important;
  margin: 5px 10px 10px 5px;
}
 
.address-100 input{
  max-width: 90% !important;
  margin: 5px 10px 10px 5px;
}
 
.message-100 textarea{
  width: 100%;
  margin: 5px 10px 10px 5px;
}
 
@media screen and (min-width: 900px){
  .table-contactform7 th{
    width:28%;
  }
    }
     
@media screen and (max-width: 900px){
.table-contactform7{
  display:block;
}     
       
  .table-contactform7 tbody,
  .table-contactform7 tr{
    display: block;
    width: 100%;
  }
  .table-contactform7 th{
  width:100%;
  display:block;
  margin: 0 auto;
  border:none;
}
.table-contactform7 td{
  display: list-item;
  list-style-type:none;
  margin:0;
  padding:0;
  width: 100%;
  border-top: none !important;
}
}
.clear{
	clear: both;
}

.pager {
    text-align: center;
    margin: 50px 0 50px 0;
}
a.page-numbers, .pager .current {
    background: #f0f0f0;
    border: solid 1px #ddd;
    border-radius: 5px;
    padding: 5px 8px;
    margin: 0 2px;
}
.pager .current {
    background: #589b9b;
    border: solid 1px 999;
    color: #000;
}