/*======================================
 [ -Main Stylesheet-
  Theme: Inshot
  Version: 1.0
  Last change: 05/08/2017 ]
  /*------------------------------------------------------------------
[Table of contents]

1. Import fonts
2. General Style
3. Page preload
4. Typography
5. Content Styles
6. Header
7. Navigation
8. Sidebar
9. Footer
10. Button
11. Home
12. Section
13. Skills
14. Facts
12. Team
13. Services
1$. Portfolio
13. Testimonials
14. Search
12. Contacts
13. Share
15. Video
16. Blog
17. Responsive
-------------------------------------------------------------------*/
@import url('css.css');
/*-------------General Style---------------------------------------*/
html{
	overflow-x:hidden !important;
	height:100%;

}
body{
	margin: 0;
	padding: 0;
	font-weight: 400;
	font-size: 15px;
	height:100%;
	text-align:center;
	background:#fff;
	color:#333;
font-family: "Ek Mukta", "KozGoPro-Light", "彫捤僑僔僢僋 Pro L", "僸儔僊僲妏僑 ProN W3", "Hiragino Kaku Gothic ProN", "熰僑僔僢僋", YuGothic, "儊僀儕僆", Meiryo, sans-serif;


}
.hidhtml {
	overflow:hidden;
}
@-o-viewport {width: device-width;}
@-ms-viewport {width: device-width;}
@viewport {width: device-width;}
/* ---------Page preload--------------------------------------*/
.spinner {
  width: 40px;
  height: 40px;
  position: fixed;
  margin: auto auto;
  left: 0;
  top: 0;
  right: 0;
  bottom: 0;
}
.double-bounce1,
.double-bounce2 {
  width: 100%;
  height: 100%;
  -webkit-border-radius: 20px;
  -moz-border-radius: 20px;
  border-radius: 20px;
  background: rgba(0, 0, 0, 0.66);
  opacity: 0.4;
  position: absolute;
  top: 0;
  left: 0;
  -webkit-animation: bounce 2s infinite ease-in-out;
  animation: bounce 2s infinite ease-in-out;
}
.double-bounce2 {
  -webkit-animation-delay: -1s;
  animation-delay: -1s;
}

@-webkit-keyframes bounce {
  0%, 100% {
    -webkit-transform: scale(0);
  }
  50% {
    -webkit-transform: scale(1);
  }
}

@keyframes bounce {
  0%, 100% {
    transform: scale(0);
    -webkit-transform: scale(0);
  }
  50% {
    transform: scale(1);
    -webkit-transform: scale(1);
  }
}
/*--------------Typography--------------------------------------*/
p {
    text-align: left;
    font-size: 15px;
    line-height: 1.6;
    padding-bottom: 15px;
	font-weight:500;
}
blockquote {
	float:left;
	padding: 10px 20px;
	margin: 0 0 20px;
	font-size: 17.5px;
	border-left: 15px solid #eee;
}
blockquote p {
	font-family: Georgia, "Times New Roman", Times, serif;
	font-style:italic;
	color:#494949;
}
/* ---------Content Styles--------------------------------------*/
#main{
	height:100%;
	width:100%;
	position:absolute;
	top:0;
	left:0;
	z-index:2;
	opacity:0;
}
.container{
	max-width: 764px;
	width:97%;
	margin:0 auto;
	position: relative;
	z-index:5;
font-size: 14px;
	padding:0px;
}
.container.big-container{
	max-width:1224px;
}
#wrapper {
	width:100%;
	position:relative;
	float:left;
	padding-top:100px;
	left:0;
	z-index:5;
	height:100%;
	-webkit-transition: all 300ms linear;
    -moz-transition: all 300ms linear;
    -o-transition: all 300ms linear;
    -ms-transition: all 300ms linear;
    transition: all 300ms linear;
}
#wrapper.heiginf {
	height:auto;
}
#wrapper.fullsceen-wrap {
	padding-bottom:80px;
}
#wrapper.fs-mode-active {
	padding:0;
}
.content {
	width:100%;
	position:relative;
	z-index:4;
	float:left;
}
.fl-wrap {
	float:left;
	width:100%;
	position:relative;
}
.no-bg {
	background:none;
}
.full-height {
	height:100%;
}
.full-width-wrap {
	width:100%;
}
.bg {
	position:absolute;
	top:0;
	left:0;
	width:100%;
	height:100%;
	z-index:1;
	background-size: cover;
	background-attachment: scroll  ;
	background-position: center  ;
	background-repeat:repeat;
	background-origin: content-box;
}
.respimg {
	width:100%;
	height:auto;
}
.overlay {
	position:absolute;
	top:0;
	left:0;
	width:100%;
	height:100%;
	background:#000;
	opacity:0.2;
	z-index:2
}
.home-slider .overlay  {
	opacity:0.2;
}
.column-wrap{
	float:left;
	width:65%;
	position:relative;
	padding:0px;
}
.fixed-column {
	position:fixed;
	top:100px;
	bottom:80px;
	z-index:6;
	width:35%;
	right:0;
	-webkit-transform: translate3d(0,0,0);

}



.fixed-column-content-wrap {
	position:relative;
	z-index:5;
	float:left;
	width:100%;
	top:45%;
}
.fixed-column-content-wrap h2 {
	text-align:center;
	color:#fff;
	font-size:20px;
	text-transform:uppercase;
	line-height:50px;
	font-weight:600;
}
.linkhover .red{
	color:red;
}


@media only screen and  (max-width: 640px) {
.fixed-column-content-wrap h2 {
	text-align:center;
	color:#fff;
	font-size:18px;
	text-transform:uppercase;
	line-height:50px;
	font-weight:600;
}
}



.fixed-column-content-wrap h4 , .entry-header h4 {
	padding-top:15px;
	font-family: 'Droid Serif', serif;
	font-weight:800;
	font-style:italic;
	color:rgba(255,255,255,0.91);
}
.separator {
	width:42px;
	height:8px;
	position:relative;
	display:block;
	background:url(../image/separator2.png);
}
.separator.sep-b {
	background:url(../image/separator2.png);
}
.separator.sep-w {
	background:url(../image/separator.png);
}
.separator.inline-sep {
	display:inline-block;
	margin:35px 0 0;
}


input[type="submit"],
input[type="button"] {
  border-radius: 0;
  -webkit-box-sizing: content-box;
  -webkit-appearance: button;
  appearance: button;
  border: none;
  box-sizing: border-box;
  cursor: pointer;
}
input[type="submit"]::-webkit-search-decoration,
input[type="button"]::-webkit-search-decoration {
  display: none;
}
input[type="submit"]::focus,
input[type="button"]::focus {
  outline-offset: -2px;
}




/*------ Header  ------------------------------------------------*/
header.main-header {
	position:fixed;
	top:0;
	left:0;
	width:100%;
	height:100px;
	z-index:20;
	background:#fff;
	padding:0 50px;
	border-top:10px solid #292929;
	box-sizing:border-box;
	-webkit-transform: translate3d(0,0,0);
	    box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.07);
}
.logo-holder{
	position:absolute;
	top:12px;
	left:50%;
	margin-left:-60px;
	width:120px;
	height:40px;
	padding-top:15px;
}
.logo-holder img {
	width:auto;
	height:38px;
}


@media screen and (max-width:767px){
.logo-holder img {
	width:auto;
	height:38px;
}
}



.header-contacts {
	float:left;
	padding-top:36px;
	margin-right:40px;
}
.header-contacts ul li {

	float:left;
	margin-right:20px;
	font-weight:700;
	font-size:13px;
}
.header-contacts ul li span {
	color:#999;
	float:left;
	padding-right:10px;
}
.header-contacts ul li a{
 	-webkit-transition: all 200ms linear;
    transition: all 200ms linear;
}
.header-contacts ul li a:hover {
	color:#999;
}
.show-search{
	float:right;
	color:#000;
	position:relative;
	top:36px;
	font-size:15px;
	cursor:pointer;
	opacity:0.6;
	 -webkit-transition: all 200ms linear;
    transition: all 200ms linear;
}
.sidebar-button-wrap {
	float:right;
	color:#000;
	position:relative;
	top:35px;
	width:55px;
	height:23px;
	cursor:pointer;
	border:1px solid #999;
  -webkit-border-radius: 30px !important;
  -moz-border-radius: 30px !important;
  border-radius: 30px !important;


	opacity:0.6;
	-webkit-transition: all 200ms linear;
    transition: all 200ms linear;
}


.sidebar-button-wrap.vis-m  , .show-search.vissearch{
	opacity:0.6;

}

.sidebar-button-wrap:hover {
	opacity:1;
}


.sidebar-button-wrap:before {
	content:'NEWS';
	position:absolute;
	top:0%;
	bottom:0;
	right:0px;
	width:52px;
	font-size:13px;

	color:#666;

}
/*------Navigation------------------------------------------------*/
.nav-holder {
	float:right;
	position:relative;
	top:30px;
	margin-right:30px;
}
.nav-holder nav {
	position:relative;
	float: right;
}
.nav-holder nav li{
	float:left;
	position:relative;
 	height:70px;
}
.nav-holder nav li ul {
	margin: 30px 0 0 0;
	opacity: 0;
	visibility: hidden;
	position: absolute;
	min-width:150px;
	top: 60px;
	left: 0;
	z-index: 1;
	padding:10px 0;
	background:rgba(0,0,0,0.71);
	transition: all .2s ease-in-out;
}
.nav-holder nav li:hover > ul {
	opacity: 1;
	visibility: visible;
	margin: 0;
}
.nav-holder nav li ul li ul {
	top: -10px !important;
	left: 100%;
	margin-left:25px;
	margin-top:0;
}
.nav-holder nav li ul li:hover  > ul  {
	opacity: 1;
	visibility: visible;
	margin-left:0px;
}
.nav-holder nav li ul li {
	display:block;
	float:none;
	border:none;
	height:auto;
}
.nav-holder nav li ul li:before {
	display:none;
}
.nav-holder nav li a {
	float: left;
	padding: 10px 13px;
    line-height: 1.3;
    word-spacing: 0;
    text-align: center;
	color: #999;
	font-size: 13px;
	text-transform:uppercase;

	-webkit-transition: all 100ms linear;
    transition: all 100ms linear;
}
.nav-holder nav li ul a {
	color:#fff;
	float:left;
	width:100%;
	text-align:left;
}
nav li ul a:before , nav li ul a:after {
	display:none;
}
nav li  a.act-link , .nav-holder nav li a:hover  , nav.asl li  a.act-scrlink {
	color:#404040;
}
.nav-holder nav li ul a:hover {
	color:#fff;
	opacity:0.7;
}
/*------Sidebar------------------------------------------------*/
.hiiden-sidebar-wrap {
	position:fixed;
	overflow:auto;
	width:350px;
	z-index:19;
	right:-470px;
	top:96px;
	bottom:0;
	background:#fff;
	padding:50px 30px;
	-webkit-transform: translate3d(0,0,0);
}
.sb-overlay {
	position:fixed;
	top:70px;
	bottom:0;
	left:0;
	width:100%;
 	display:none;
	background:#292929;
	opacity:0.8;
	z-index:18;
	-webkit-transform: translate3d(0,0,0);
}
.sb-widget-wrap {
	margin-bottom:50px;
	padding-bottom:30px;
	border-bottom:1px solid #eee;

}
.sb-widget-wrap h3 {
	color: #333;
    text-align: center;
    font-size: 20px;
    font-weight: 400;
    font-family: 'Montserrat', sans-serif;
    
    letter-spacing: 1px;
    margin: 0px 0px 40px;
text-shadow: 0px 0px 0px rgba(0,0,0,0.3)!important;
}

.sb-widget-wrap h4 {
	color: #333;
    text-align: left;
    font-size: 14px;
    font-weight: 400;
    font-family: 'Montserrat', sans-serif;
    
    letter-spacing: 1px;
    padding-bottom: 20px;
	font-weight:700;
}


.about-widget  img{
	width:270px;

	margin-bottom:10px;
}
.sb-widget p {
	color:#666;
	text-align:left;
    font-size: 14px;
}
#subscribe {
	float:left;
	width:100%;
	margin-top:20px;
}
#subscribe .enteremail {
	background-color: #f1f1f1;
    font-size: 12px;
    height: 55px;
    padding: 0 20px;
    width: 70%;
	border:none;
}
#subscribe-button {
	width:30%;
	height:55px;
	float:right;
	background:#292929;
	color:#fff;
	font-weight:700;
	border:none;
	font-size:10px;
	cursor:pointer;
}
.subscribe-message{
	float:left;
	width:100%;
	margin-top:20px;
	font-weight:800;
	font-size:11px;
}
#footer-twiit div.user {
	float:left;
	width:100%;
	margin-bottom:20px;
}
#footer-twiit div.user img {
	float:left;
	width:70px;
	height:70px;
	border-radius:100%;
	margin-right:20px;
}
#footer-twiit {
	text-align:left;
}
#footer-twiit p.interact {
	 float:left;
	 width:100%;
	 margin:15px 0 5px;
}
#footer-twiit p.interact a {
	float:left;
	color:#fff;
	margin-right:10px;
	background:#292929;
	padding:3px 7px;
	font-style:italic;
	font-size:10px;
	font-weight:900;
}
#footer-twiit p.interact a:hover {
	color:#888;
}
#footer-twiit ul li {
	margin-bottom:20px;
	float:left;
	width:100%;
	padding-bottom:10px;
	border-bottom:1px solid #eee;
}
#footer-twiit ul li:last-child {
	border-bottom:none;
	padding-bottom:0;
}
#footer-twiit p.tweet {
	text-align:left;

}
#footer-twiit p.tweet a:hover {
	color:#888;
}
#footer-twiit  .timePosted a {
	color:#ccc;
 	font-family: Georgia, "Times New Roman", Times, serif;
	font-style:italic;
	float:left;
	width:100%;
	text-align:left;
}
.sidebar-social li {
	display:inline-block;
	margin:0 5px;
}
.sidebar-social li a {
	float:left;
	width:36px;
	height:36px;
	line-height:36px;
	border-radius:100%;
	background:#292929;
	color:#fff;
	font-size:11px;
}
.video-widget a {
	position:absolute;
	top:50%;
	left:50%;
	width:50px;
	height:50px;
	margin:-25px 0 0 -25px;
	border:2px solid #fff;
	color:#fff;
	line-height:50px;
	font-size:16px;
	z-index:10;
	border-radius:100%;
}
.video-widget:before {
	position:absolute;
	content:'';
	top:0;
	left:0;
	background:#000;
	opacity:0.2;
	width:100%;
	height:100%;
	z-index:2;
}
.video-widget a:hover {
	background:rgba(255,255,255,0.41);
}
.twiit-button {
	float:left;
	margin-top:20px;
	padding:10px 30px;
	color:#fff;
	background:#000;
	font-weight:700;
	border-radius:27px;
}
.twiit-button i {
	padding-right:10px;
	color:#999;
}
.twiit-button:hover {
	color:#999;
}

/*------footer ------------------------------------------------*/
footer.fixed-footer , .scroll-footer{
	position:fixed;
	z-index:17;
	width:100%;
	height:80px;
	background:#fff;
	left:0;
	bottom:0;
	padding:0 50px;
	border-bottom:10px solid #292929;
	-webkit-transform: translate3d(0,0,0);
	    box-shadow: 0px -2px 3px 0px rgba(0, 0, 0, 0.04);
}
footer.scroll-footer {
	position:relative;
	float:left;
	z-index:13;
}
.footer-social {
	float:right;
	margin-top:30px;
}
.footer-social li {
	float:left;
}
.footer-social li a {
	padding:0 8px;
}
.footer-social li a span {
	font-size: 12px;
	
	letter-spacing: 1px;
	font-weight:700;
}
.footer-social li a span:hover {
	color:#999;
}
.footer-social li a i {
	display:none;
}
.policy-box {
	float:left;
	font-size: 12px;
	text-transform:uppercase;
	font-weight:700;
	margin-top:30px;
}
.policy-box span {
	float:left;
}
/* --------- Links  --------------------------------------*/
.btn {
	display: inline-block;
	padding: 8px 20px;
	line-height: 1.2;
	font-weight: 400;
	font-size: 12px;
	
	margin:20px auto;
	position:relative;
	letter-spacing:1px;
	border-radius:30px;
	background:#000;
	color:#fff;

}

.btn:hover{
  -webkit-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  transition: all 0.3s ease;
	background:#f80090;
}

.btn2 {
	display: inline-block;
	padding: 5px 12px;
	line-height: 1;
	font-weight: 400;
	font-size: 12px;
	
	margin:20px auto;
	position:relative;
	letter-spacing:1px;
	border-radius:30px;
	background:#fff;
	color:#333;
	border:1px solid #999;

}

.btn2:hover{
	color:#fff;
  background: #f80090;
	border:1px solid #f80090;
  -webkit-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  transition: all 0.3s ease;
}



/*------ home------------------------------------------------*/
.slider-wrap .swiper-container , .center-carousel .swiper-container , .fs-gallery-wrap .swiper-container , .portfolio-wrap .swiper-container {width:100%;height:100%;margin:0 auto;}  .slider-wrap .swiper-slide , .center-carousel .swiper-slide , .fs-gallery-wrap .swiper-slide , .portfolio-wrap .swiper-slide{ background:#fff; position:relative; width: auto;display:-webkit-box;display:-ms-flexbox;display:-webkit-flex;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;-webkit-justify-content:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;-webkit-align-items:center;align-items:center;}
.fs-mode {
	position:absolute;
	top:30px;
	right:5%;
	background: rgba(0,0,0,0.51);
	width:40px;
	height:30px;
	z-index:6;
	cursor:pointer;
}
.fs-mode span {
	position:absolute;
	top:0;
	left:0;
	width:100%;
	height:100%;
}
.fs-mode:before {
	left:5px;
	top:5px;
	border-left:2px solid;
	border-top:2px solid;
}
.fs-mode:after {
	right:5px;
	top:5px;
	border-right:2px solid;
	border-top:2px solid;
}
.fs-mode span:before {
	left:5px;
	bottom:5px;
	border-left:2px solid;
	border-bottom:2px solid;
}
.fs-mode span:after {
	right:5px;
	bottom:5px;
	border-right:2px solid;
	border-bottom:2px solid;
}
.fs-mode:before , .fs-mode:after , .fs-mode span:before , .fs-mode span:after {
	content:'';
	position:absolute;
	width:6px;
	height:6px;
	border-color:#fff;
 	-webkit-transition: all 200ms linear;
    -moz-transition: all 200ms linear;
    -o-transition: all 200ms linear;
    -ms-transition: all 200ms linear;
    transition: all 200ms linear;
	-webkit-transform: scale(0.45);
	-moz-transform:   scale(0.45);
	-o-transform:   scale(0.45);
	-ms-transform:   scale(0.45);
	transform:  scale(0.45);
}
.fs-mode.isfs:before , .fs-mode.isfs span:before  , .fs-mode.isfs:after , .fs-mode.isfs span:after{
	-webkit-transform:scale(1.0);
	-moz-transform:scale(1.0);
	-o-transform:scale(1.0);
	-ms-transform:scale(1.0);
	transform:scale(1.0);
}
.slider-wrap  , .portfolio-wrap{
	float:left;
	width:100%;
	height:100%;
	position:relative;
}
.slider-wrap.homecarousel , .center-carousel{
	height:100%;
}
.slider-wrap.homecarousel .swiper-slide{
	padding:0 0 0 0;
}
.slider-wrap.homecarousel.hompad  .swiper-container , .portfolio-wrap.hompad .swiper-container{
	padding-right:20px;
}
.slider-wrap .swiper-slide img , .center-carousel .swiper-slide img , .portfolio-wrap .swiper-slide img {
	width: auto;
	height:100%;
	position:relative;
	z-index:1;
}
.slider-wrap.homecarousel .sw-button  {
	position:absolute;
	z-index:10;
	right:20px;
	top:50%;
	width:40px;
	height:40px;
	line-height:40px;
	background: rgba(0,0,0,1.0);
	color:#fff;
	border-radius:100%;
	cursor:pointer;
}
.slider-wrap.homecarousel .sw-button.swiper-button-next  {
	margin-top:-24px;
}
.slider-wrap.homecarousel .sw-button.swiper-button-prev   {
	margin-top:24px;
}
.slider-wrap.homecarousel .sw-button:hover , .center-carousel .sw-button:hover  , .portfolio-wrap .sw-button:hover{
	background:rgba(0,0,0,0.41);
}
.swiper-container-horizontal>.swiper-scrollbar {
 	width:98%;
    left: 1%;
    bottom: 14px;
    z-index: 50;
    height: 1px;
	background:#eee;
}
.portfolio-wrap .swiper-scrollbar-drag {
    height: 6px;
    width: 100%;
    position: relative;
    background: #292929;
    border-radius:0;
    left: 0;
    top: -3px;
}
.portfolio-wrap .swiper-container {
	padding-bottom:30px;
}
.center-carousel .sw-button , .fs-gallery-wrap .sw-button , .portfolio-wrap .sw-button {
	position:absolute;
	z-index:10;
	top:50%;
	margin-top:-20px;
	width:40px;
	height:40px;
	line-height:40px;
	background: rgba(0,0,0,0.41);
	color:#fff;
	border-radius:100%;
	cursor:pointer;
}
.center-carousel .sw-button.swiper-button-next , .fs-gallery-wrap .sw-button.swiper-button-next , .portfolio-wrap .sw-button.swiper-button-next  {
	right:54px;
}
.center-carousel .sw-button.swiper-button-prev  , .fs-gallery-wrap .sw-button.swiper-button-prev , .portfolio-wrap .sw-button.swiper-button-prev{
	left:54px;
}
.fixed-bg {
	position:fixed;
	top:80px;
	left:0;
	bottom:80px;
	right:0;
	z-index:2;
	-webkit-transform: translate3d(0,0,0);
}
.transaparent-text-wrap {
	position: relative;
	z-index:13;
	max-width:1200px;
	margin:150px auto 0;
}
.transaparent-text {
	float:left;
	max-width:600px;
	padding:0 20px 150px;
}
.transaparent-text h2 {
	color:#fff;
	text-align:left;
	font-weight:700;
	font-size:34px;
	float:left;
	width:100%;
	padding-bottom:20px;
}
.transaparent-text p {
	color:#fff;
	font-size:13px;
}
.transaparent-text h4{
	text-align:left;
	font-size:18px;
	font-family: 'Droid Serif', serif;
	font-weight:800;
	font-style:italic;
	color:rgba(255,255,255,0.91);
	padding-bottom:20px;
}
.signature {
    float: left;
    width: 140px;
	margin-top:50px;
}
.signature img {
	width:100%;
	height:auto;
}
.intro-title {
	width:350px;
	position:relative;
}
.intro-title-wrap{
	position:absolute;
	top:50%;
	right:0;
	width:100%;
	padding:0 50px 0 10px;
}
.intro-title-wrap .separator{
	float:right;
	margin:25px 0 5px;
}
.intro-title-wrap h2{
	text-align:right;
	font-size:26px;
	text-transform:uppercase;
	font-weight:700;
}
.intro-title-wrap h3 {
	float:left;
	width:100%;
	padding-top:18px;
	font-size:12px;
	text-align:right;
	font-family: 'Droid Serif', serif;
	font-style:italic;
	color:#494949;
}
.intro-title-wrap .btn {
	float:right;
	margin-top:20px;
}
.footer-counter{
	position:absolute;
	top:50%;
	left:50%;
	width:80px;
	height:50px;
	line-height:50px;
	margin:-25px 0 0 -40px;
	font-family: Georgia, "Times New Roman", Times, serif;
	font-style:italic;
	color:#494949;
	font-weight:700;
}
.thumb-info {
	position:absolute;
	bottom:0;
	left:0;
	right:0;
	padding:20px 30px;
	z-index:12;
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(0,0,0,0)), color-stop(100%,rgba(0,0,0,0.75)));
    background: -webkit-linear-gradient(top, rgba(0,0,0,0) 0%,rgba(0,0,0,0.75) 100%);
    background: -o-linear-gradient(top, rgba(0,0,0,0) 0%,rgba(0,0,0,0.75) 100%);
    background: -ms-linear-gradient(top, rgba(0,0,0,0) 0%,rgba(0,0,0,0.75) 100%);
    background: linear-gradient(to bottom, rgba(0,0,0,0) 0%,rgba(0,0,0,0.75) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00000000', endColorstr='#a6000000',GradientType=0 );
	margin-top:5px!important;
}

.thumb-info h3{
	color:#000;
	font-size:16px;
	font-weight:400;
	margin:5px 0px 10px 0px !important;
text-shadow: 0px 1px 1px rgba(0,0,0,0.3)!important;
	text-align:left;
}

.thumb-info h3 a{
	 color:#fff;
	  -webkit-transition: all 200ms linear;
    -moz-transition: all 200ms linear;
    -o-transition: all 200ms linear;
    -ms-transition: all 200ms linear;
    transition: all 200ms linear;
text-shadow: 0px 0px 0px rgba(0,0,0,0.3)!important;
}

.thumb-info h2 a:hover  {
	color:rgba(255,255,255,0.61);
	}

.thumb-info p {
font-family: "Ek Mukta", "KozGoPro-Light", "彫捤僑僔僢僋 Pro L", "僸儔僊僲妏僑 ProN W3", "Hiragino Kaku Gothic ProN", "熰僑僔僢僋", YuGothic, "儊僀儕僆", Meiryo, sans-serif!important;
	color:#fff;
	opacity:0.6;
	font-size:12px!important;

}
.kenburns .swiper-slide .bg {
  -webkit-transform: scale(1);
  -ms-transform: scale(1);
  transform: scale(1);
  -webkit-transition: transform 6.5s linear;
  -ms-transition: transform 6.5s linear;
  transition: transform 6.5s linear;
}
.kenburns .swiper-slide-active .bg {
  -webkit-transform: scale(1.2);
  -ms-transform: scale(1.2);
  transform: scale(1.2);
}
.hero-wrap {
	position:absolute;
	top:55% !important;
	left:0;
	width:100%;
	display:block;

}
.hero-wrap-slider {
	margin-top:0;
	top:40%;
}
.hero-wrap h1 {
font-family: "僸儔僊僲柧挬 Pro W6","Hiragino Mincho Pro","HGS柧挬E","俵俽 俹柧挬",serif !important;
	color:#fff;
	font-weight:700;
	font-size:40px;
letter-spacing: 4px;
	line-height:46px;
	padding-bottom:18px;

}

.hero-wrap p {
font-family: "僸儔僊僲柧挬 Pro W6","Hiragino Mincho Pro","HGS柧挬E","俵俽 俹柧挬",serif;
	color:#fff;
	text-align:center;
	font-size:30px;
letter-spacing: 1px;
	font-style:italic;
}

@media (min-width: 641px) and (max-width: 1024px) {

.hero-wrap h1 {
font-family: "KozGoPro-Light", "彫捤僑僔僢僋 Pro L", "僸儔僊僲妏僑 ProN W3", "Hiragino Kaku Gothic ProN", "熰僑僔僢僋", YuGothic, "儊僀儕僆", Meiryo, sans-serif;
	color:#fff;
	font-weight:700;
	font-size:32px;
letter-spacing: 4px;
	line-height:40px;
	padding-bottom:18px;

}

.hero-wrap p {
font-family: "僸儔僊僲柧挬 Pro W6","Hiragino Mincho Pro","HGS柧挬E","俵俽 俹柧挬",serif;
	color:#fff;
	text-align:center;
	font-size:24px;
letter-spacing: 1px;
	font-style:italic;
}

}


@media only screen and  (max-width: 640px) {

.hero-wrap h1 {
font-family: "僸儔僊僲柧挬 Pro W6","Hiragino Mincho Pro","HGS柧挬E","俵俽 俹柧挬",serif;
	color:#fff;
	font-weight:700;
	font-size:20px;
letter-spacing: 0px;
	line-height:36px;
	padding-bottom:12px;
	margin-top:100px;

}

.hero-wrap p {
font-family: "僸儔僊僲柧挬 Pro W6","Hiragino Mincho Pro","HGS柧挬E","俵俽 俹柧挬",serif;
	color:#fff;
	text-align:center;
	font-size:16px;
letter-spacing: 1px;
	font-style:italic;
}

}

.hero-wrap2 {
	position:absolute;
	top:50%;
	left:0;
	width:100%;
	display:block;
	margin-top:-40px;
}
.hero-wrap2-slider {
	margin-top:0;
	top:50%;
}
.hero-wrap2 h1 {
font-family: "僸儔僊僲柧挬 Pro W6","Hiragino Mincho Pro","HGS柧挬E","俵俽 俹柧挬",serif;
	color:#fff;
	font-weight:700;
	font-size:36px;
letter-spacing: 4px;
	line-height:42px;
	padding-bottom:10px;

}

.hero-wrap2 p {
font-family: "僸儔僊僲柧挬 Pro W6","Hiragino Mincho Pro","HGS柧挬E","俵俽 俹柧挬",serif;
	color:#fff;
	text-align:center;
	font-size:24px;
letter-spacing: 1px;
	font-style:italic;
}



@media only screen and  (max-width: 640px) {

.hero-wrap2 h1 {
font-family: "僸儔僊僲柧挬 Pro W6","Hiragino Mincho Pro","HGS柧挬E","俵俽 俹柧挬",serif;
letter-spacing: 1.5px;
	color:#fff;
	font-weight:700;
	font-size:24px;
letter-spacing: 4px;
	line-height:40px;
	padding-bottom:18px;

}

.hero-wrap2 p {
font-family: "僸儔僊僲柧挬 Pro W6","Hiragino Mincho Pro","HGS柧挬E","俵俽 俹柧挬",serif;
letter-spacing: 1.5px;
	color:#fff;
	text-align:center;
	font-size:16px;
letter-spacing: 1px;
	font-style:italic;
}

}


.hero-wrap3 {
	position:absolute;
	top:50%;
	left:0;
	width:100%;
	display:block;
	margin-top:-40px;
}
.hero-wrap3-slider {
	margin-top:0;
	top:50%;
}
.hero-wrap3 h1 {
font-family: "僸儔僊僲柧挬 Pro W6","Hiragino Mincho Pro","HGS柧挬E","俵俽 俹柧挬",serif;
	color:#fff;
	font-weight:700;
	font-size:24px;
letter-spacing: 1px;
	line-height:30px;
	padding-bottom:10px;

}

.hero-wrap3 p {
font-family: "僸儔僊僲柧挬 Pro W6","Hiragino Mincho Pro","HGS柧挬E","俵俽 俹柧挬",serif;
	color:#fff;
	text-align:center;
	font-size:20px;
letter-spacing: 1px;
	font-style:italic;
}



@media only screen and  (max-width: 640px) {

.hero-wrap3 h1 {
font-family: "僸儔僊僲柧挬 Pro W6","Hiragino Mincho Pro","HGS柧挬E","俵俽 俹柧挬",serif;
letter-spacing: 1.5px;
	color:#fff;
	font-weight:700;
	font-size:24px;
letter-spacing: 4px;
	line-height:40px;
	padding-bottom:18px;

}

.hero-wrap3 p {
font-family: "僸儔僊僲柧挬 Pro W6","Hiragino Mincho Pro","HGS柧挬E","俵俽 俹柧挬",serif;
letter-spacing: 1.5px;
	color:#fff;
	text-align:center;
	font-size:16px;
letter-spacing: 1px;
	font-style:italic;
}

}
/*------ section ------------------------------------------------*/
section {
	float:left;
	width:100%;
	padding:40px 0;
	position:relative;
	z-index:2;
	overflow:hidden;
}
.big-pad-sec{
	margin-top:0px;
}
section.parallax-section {
	padding:200px 0;
	overflow:hidden;
}
section.parallax-section .bg   {
	height:120%;
	top:-10%;
}
section.parallax-section .overlay {
	opacity:0.2;
}
.entry-header  h2{
	color:#fff;
	font-size:60px;
	text-align:center;
	text-transform:uppercase;
	font-weight: 700;
	line-height:83px;
	letter-spacing:3px;
}
.section-title {
	float:left;
	width:100%;
	position:relative;
	margin:20px 0px 0px 0px;
}
.section-title h3 {
	text-align: left;
    font-size: 24px;
    
    font-weight: 700;
    float: left;
    width: 100%;
    padding-bottom: 10px;

}
/* --------- Skills --------------------------------------*/
.skill-name {
	position:absolute;
	top:40%;
	text-transform:uppercase;
	font-size:44px;
	font-weight:900;
	letter-spacing:4px;
	opacity:0.3;
}
.skillbar-box {
	float:left;
	width:100%;
	position:relative;
	margin-bottom:50px;
}
.skillbar-bg {
	position:relative;
	display:block;
	float:left;
	width:100%;
	height:5px;
	overflow:hidden;
	background:#eee;
}
.custom-skillbar-title span {
	float:left;
	font-size:12px;
	margin-top:12px;
	padding-bottom:6px;
	font-style:italic;
}
.custom-skillbar {
	height:5px;
	width:0px;
	background:#000;
}
.skill-bar-percent {
	float:right;
	font-size:16px;
	margin-top:13px;
	padding-bottom:6px;
}
/*------ facts ------------------------------------------------*/
.inline-facts-holder {
	margin-top:40px;
}
.inline-facts {
	float:left;
	width:25%;
	text-align:left;
}
.inline-facts .num {
	font-size:38px;
	font-weight:700;
}
.inline-facts h6 {
	color:#666;
	font-family: Georgia, "Times New Roman", Times, serif;
	font-style:italic;
	color:#999;
}
/* --------- team --------------------------------------*/
.team-box {
	float:left;
	width:50%;
	padding:0 10px;
	margin-top:35px;
}

.team-box h3 {
	font-size:20px;
	padding-bottom:15px;
	font-weight:400;
	text-align:center;
	margin-top:10px;
}


.team-info {
	float:left;
	width:100%;
	margin-top:5px;
	padding:10px 0 0;
}
.team-social {
	float:right;
	width:100%;
}
.team-social li  {
	float:right;
	margin-right:9px;
}
.team-social li a {
	font-size:12px;
}

.team-info h4 {
 	font-family: Georgia, "Times New Roman", Times, serif;
	font-style:italic;
	padding-top:6px;
	font-size:13px;
	text-align:left;
}
.team-info p {
	padding:10px 10px 10px 0px;
}
/*------ services------------------------------------------------*/
.serv-wrap {
	margin-top:30px;
}
.serv-item {
	float:left;
	width:50%;
	padding:10px 20px 10px 0;
	position:relative;
}
.serv-item img {
	width:100%;
	height:auto;
	padding-bottom:40px;
}
.serv-item h4 {
	font-size:18px;
	padding-bottom:4px;
	font-weight:700;
	text-align:left;
}
.serv-item ul {
	float:left;
	width:100%;
	list-style:circle;
	padding-left:20px;
}
.serv-item ul li {
	float:left;
	text-align:left;
	width:100%;
	padding-bottom:10px;
	padding-left:10px;
}
.serv-price {
	float:left;
	margin-top:20px;
	padding:16px 20px;
	font-size:13px;
	text-align:left;
	background:#292929;
	color:rgba(255,255,255,0.71);
}
.serv-price span {
	font-style:italic;
	font-weight:600;
	color:#fff;
}

/*------ to-top------------------------------------------------*/
.to-top {
	position:fixed;
	bottom:110px;
	right:50px;
	width:40px;
	height:40px;
	color:#fff;
	line-height:40px;
	font-size:17px;
	background: #000;
	z-index:6;
	cursor:pointer;
	display:none;
	border-radius:3px;
	-webkit-transform: translate3d(0,0,0);
}
.to-top:hover {
	background: #f80090;
  -webkit-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  transition: all 0.3s ease;
}
/*------ portfolio------------------------------------------------*/
.pr-det {
	width:450px;
	position:relative;
	padding:100px 50px 50px;
	overflow:auto;
}
.pr-det-container h2 {
	text-align:left;
	font-size:24px;
	
    font-weight: 700;
	float:left;
	width:100%;
	padding-bottom:20px;
}
.pr-det-container .separator {
	float:left;
	margin-bottom:20px;
}
.caption-wrap {
	margin-top:30px;
}
.caption-wrap ul li {
	width:50%;
	float:left;
	padding:20px 40px 20px 0;
}
.caption-wrap ul li span , .caption-wrap ul li a , .slider-content-nav li a, .slider-content-nav li span {
	width:100%;
	float:left;
	text-align:left;
}
.caption-wrap ul li a {
	width:auto;
	padding-right:6px;
}
.caption-wrap ul li a , .slider-content-nav li a {
	
    font-weight: 700;
	font-size:12px;
}
.caption-wrap ul li a:hover , .slider-content-nav li a:hover {
	color:#999;
}
.caption-wrap ul li span , .slider-content-nav li span {
	padding-bottom:7px;
	font-family: 'Droid Serif', serif;
	font-style:italic;
	color:#999;
	font-size:16px;
}
.slider-content-nav-wrap {
	width:250px;
	position:relative;
	padding:0 20px;
	float:left;
}
.slider-content-nav {
	margin-top:100px;
}
.slider-content-nav li {
	float:left;
	width:100%;
	padding:15px 0;
	margin-bottom:20px;
	text-align:left;
}
.slider-zoom , .single-popup-image {
	position:absolute;
	top:-90px;
	right:40px;
	width:40px;
	height:40px;
	background:rgba(0,0,0,0.51);
	line-height:40px;
	color:#fff;
	z-index:20;
	font-size:11px;
	border-radius:100%;
	opacity:0;
	visibility:hidden;
	cursor:pointer;
}
.slider-zoom:hover  , .show-hid-info:hover{
	background:rgba(0,0,0,0.91);
}
.swiper-slide:hover .slider-zoom  , .single-popup-image , .hid-det-items .gallery-item:hover .single-popup-image , .hid-det-items .gallery-item:hover .popup-image{
	top:40px;
	opacity:1;
	visibility:visible;
}
.hid-det-items  .single-popup-image {
	opacity:0;
	visibility:hidden;
	top:-90px;
}
.hid-det-items  .thumb-info {
	opacity:0;
	visibility:hidden;
	botoom:-190px;
}
.hid-det-items .gallery-item:hover .thumb-info{
	opacity:1;
	visibility: visible;
	bottom:2px;
}
.vis-thumb-info .grid-item-holder {
	overflow:hidden;
}
.vis-thumb-info .thumb-info {
	float:left;
	position:relative;
	margin-top:20px;
	background:none;
	padding:0;
	left:0;
	right:0;
	opacity:1;
	visibility: visible;
	bottom:0 !important ;
}
.vis-thumb-info .thumb-info h2  , .vis-thumb-info .thumb-info h2 a{
	color:#000;
}
.vis-thumb-info .thumb-info h2 a:hover {
	color:#999;
}
.vis-thumb-info .thumb-info h2{
	float: left;
    text-align: left;
    font-size: 15px;
    font-weight: 700;
}
.vis-thumb-info .thumb-info p{
	float: left;
    width: 100%;
    color: #847E80;
    text-align: left;
    font-weight: 700;
    font-size: 11px;
    font-family: 'Droid Serif', serif;
    font-style: italic;
	opacity:1;
}
.slider-zoom , .show-hid-info , .single-popup-image , .thumb-info {
 	-webkit-transition: all 200ms linear;
    -moz-transition: all 200ms linear;
    -o-transition: all 200ms linear;
    -ms-transition: all 200ms linear;
    transition: all 200ms linear;
}
.show-hid-info {
	position:absolute;
	bottom:30px;
	left:54px;
	background:rgba(0,0,0,0.51);
	z-index:20;
	color:#fff;
	font-family: 'Droid Serif', serif;
	font-style:italic;
	font-weight:700;
	cursor:pointer;
	padding:14px 25px;
	border-radius:40px;
	font-size:11px;
}
.show-hid-info i {
	padding-right:20px;
}
.fix-pr-det{
	position:fixed;
	top:100px;
	left:0;
	bottom:80px;
	z-index:20;
	background:#fff;
	overflow:auto;
	width:450px;
	padding:100px 50px 30px;
	-webkit-transform: translate3d(0,0,0);
}
.fix-pr-det.hid-det {
	left:-450px;
}
.content.vis-column-det{
	padding-left:450px;
}
.det-overlay {
	position:fixed;
	top:80px;
	left:0;
	bottom:80px;
	z-index:19;
	right:0;
	background:#292929;
	opacity:0.6;
	display:none;
	-webkit-transform: translate3d(0,0,0);
}
.fix-pr-det.isfsdet , .det-overlay.isfsdet{
	top:0;
	bottom:0;
}
.close-det{
	position:absolute;
	top:40px;
	right:50px;
	width:20px;
	height:20px;
	cursor:pointer;
	overflow:hidden;
	-webkit-transform: rotate(45deg);
	-moz-transform: rotate(45deg);
	-o-transform: rotate(45deg);
	-ms-transform: rotate(45deg);
	transform: rotate(45deg);
}
.close-det:before , .close-det:after  {
	content:'';
	position:absolute;
	background:#000;
	-webkit-transition: all 400ms linear;
    -moz-transition: all 400ms linear;
    -o-transition: all 400ms linear;
    -ms-transition: all 400ms linear;
    transition: all 400ms linear;
}
.close-det:before  {
	width:1px;
	height:100%;
	top:1px;
	left:50%;
}
.close-det:after   {
	width:100%;
	height:1px;
	top:50%;
	left:1px;
}
.content-nav {
	margin-top:30px;
	padding-top:30px;
	border-top:1px solid #eee;
}
.content-nav li {
	float:left;
	width:50%;
	padding-right:20px;
}
.content-nav li span {
	float:left;
	width:100%;
	text-align:left;
	padding-bottom:7px;
	font-family: 'Droid Serif', serif;
	font-style:italic;
	color:#999;
	font-size:12px;
}
.content-nav li a {
	
    font-weight: 700;
	font-size:12px;
	float:left;
	text-align:left;
}
.album-list-wrap {
	margin:50px 0 150px 50px;
}
.album-list {
	float:left;
	overflow:hidden;
	width:100%;
	position:relative;

	margin-bottom:10px;
}
.album-list .swiper-container {
	height:150px;
	width:100%;
}
.album-list .swiper-container .swiper-slide{ width: auto; height:150px;display:-webkit-box;display:-ms-flexbox;display:-webkit-flex;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;-webkit-justify-content:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;-webkit-align-items:center;align-items:center;}
.album-list h3 {
	float:left;
    text-align: left;
	width:100%;
    font-size: 18px;
    
    font-weight: 600;
	padding:10px 0;
}
.album-list a.album-cat{
	float:left;
	margin-bottom:20px;
	color:#999;
	font-family: 'Droid Serif', serif;
	font-style:italic;
	color:#999;
	font-size:12px;
	padding-right:12px;
}
.album-list .swiper-container .swiper-slide:last-child {
	margin-right:50px;
}
.album-list .swiper-container-horizontal>.swiper-scrollbar {
	display:none;
}
.album-list   img {
	width:auto;
	height:150px;
	transform: translateZ(0);
}
.album-list .popup-image , .album-list   img{
	-webkit-transition: all 200ms linear;
    -moz-transition: all 200ms linear;
    -o-transition: all 200ms linear;
    -ms-transition: all 200ms linear;
    transition: all 200ms linear;
}
.album-list .popup-image {
	position:absolute;
	top:-70px;
	left:50%;
	width:40px;
	height:40px;
	line-height:40px;
	margin-top:-20px;
	margin-left:-20px;
	z-index:20;
	font-size:10px;
	color:#fff;
	border-radius:100%;
	background:rgba(0,0,0,0.61);
	cursor:pointer;
	visibility:hidden;
	opacity:0;
}
.album-list .swiper-slide:hover  .popup-image{
	top:50%;
	visibility:visible;
	opacity:1;
}
.album-list .swiper-slide .popup-image:hover{
	background:rgba(0,0,0,1.0);
}
.album-list .swiper-slide:hover img {
	opacity:0.7;
}
.gallery-items {
	float:left;
	width:100%;
	position:relative;
}
.pd-bot {
	padding-bottom:80px;
}
.gallery-items.boxed-folio {
	margin-top:50px;
}
.gallery-items.pad-btom-folio {
	padding-bottom:80px;
}
.content.column-filter-wrap {
	padding-left:300px;
	padding-bottom:80px
}
.column-filter {
	position:fixed;
	top:80px;
	left:0;
	width:300px;
	bottom:80px;
	z-index:40;
	-webkit-transform: translate3d(0,0,0);
	padding:0 50px;
}
.column-filter .gallery-filters {
	top:50%;

}
.column-filter .gallery-filters a {
	float:left;
	width:100%;
	padding:2px 5px;
	position:relative;
	font-size: 14px;
	
	font-weight:700;
	text-align: left;
}
.column-filter .gallery-filters a.gallery-filter-active  , .inline-filter .gallery-filters a.gallery-filter-active  {
	color:#999;
}
.gallery-items a {
	cursor:pointer;
}
.grid-item-holder {
	 float:left;
	 width:100%;
	 height:auto;
	 position:relative;
	 padding:2px;
}
.gallery-item , .grid-sizer {
	width: 25%;
	position:relative;
	overflow:hidden;
	float:left;
}
.big-pad-folio .gallery-item {
	padding:20px;
}
.gallery-item-second,
.grid-sizer-second {
	width: 50%;
}
.gallery-item-three,
.grid-sizer-three {
	width: 75%;
}
.three-columns .gallery-item {
	width:33.3%;
}
.three-columns .gallery-item-second,
.three-columns .grid-sizer-second {
	width:66.6%;
}
.five-columns .gallery-item {
	width:20%;
}
.five-columns .gallery-item-second,
.five-columns.grid-sizer-second {
	width:40%;
}
.gallery-item img, .grid-sizer img {
	width: 100%;
	height: auto;
	position:relative;
	z-index:2;
}
.four-coulms .gallery-item , .four-coulms .grid-sizer{
	width:25%;
}
.grid-item {
	float:left;
	width:100%;
	padding:20px;
	overflow:hidden;
}
.grid-item-holder .thumb-info {
	left:2px;
	right:2px;
	bottom:0;
}
.inline-filter {
	float:left;
	width:100%;
	padding:40px 0px;

}
.filter-button {
	display:none;
}
.inline-filter .gallery-filters a {
	font-weight:400;
	text-transform:uppercase;
	padding:0 10px;
	font-size:14px !important;
    line-height:2.5em;
	
	letter-spacing:1px;
	border-radius:20px;
	background:#fff;
	color:#333;
	border:1px solid #999;
	margin:0px 10px 10px 0px;

}
.fl-filter {
	padding: 30px 10px;
	border-bottom:1px solid #eee;
	margin-bottom:30px;
}
.fl-filter .btn {
	float:right;
	margin:0;
}
.fl-filter .gallery-filters a {
	float:left;
	font-size:14px;
}
.column-wrap .inline-filter {
	padding:40px 0;
}
.column-wrap .inline-filter .gallery-filters a {
	float:left;
	padding:0 0 0 10px;
}
.filter-buttons-wrap{
	position:fixed;
	bottom:20px;
	left:50px;
	z-index:100;
}
.filter-title {
	float:left;
	padding:12px 20px;
	background:#fff;
	font-weight:700;
	font-size:12px;
	display:none;
}
.filter-title i {
	padding-right:3px;

}
.filter-buttons-container  {
	float:left;
	padding:12px 20px 12px 0;
	background:#fff;
	position:relative;
}
.filter-buttons-container span {
	float:left;
	margin-right:10px;
	font-weight:700;
	cursor:pointer;
	position:relative;
	font-size:12px;
	color:#999;
	text-transform:uppercase;
}
.filter-buttons-container span.active-cat {
	color:#000;
}

.mar-top {
	margin-top:30px;
}
.filter-gal .swiper-slide:first-child {
	margin-left:20px;
}
.single-slider  .swiper-button-prev , .single-slider  .swiper-button-next{
	position:absolute;
	z-index:10;
	top:50%;
	width:36px;
	height:36px;
	margin-top:-18px;
	background:rgba(0,0,0,0.71);
	line-height:36px;
	color:#fff;
	font-size:12px;
	border-radius:100%;
	cursor:pointer;
}
.single-slider  .swiper-button-prev {
	left:10px;
}
.single-slider  .swiper-button-next {
	right:10px;
}
.single-slider .swiper-pagination:before {
    content: '';
    position: absolute;
    top: 50%;
    left: 50%;
    margin-left: -35px;
    width: 70px;
    margin-top: -20px;
    height: 40px;
    background: rgba(0,0,0,0.41);
    z-index: -1;
}
.single-slider .swiper-pagination {
    bottom: 40px;
    font-weight: 700;
    color: #fff;
    font-size: 10px;
}
.single-slider img {
	width:100%;
	height:auto;
}
.aupay-logoIMG{
	padding: 3rem 0 1rem;
}
/*------ testimonials------------------------------------------------*/
.testi-item p{
	text-align:left;
	font-family: 'Droid Serif', serif;
	font-style:italic;
	color:#666;
}
.testi-item h3 {
	font-size:18px;
	padding-bottom:14px;
	font-weight:700;
	text-align:left;
}
.testilider  .btn {
	float:left;
}
.testilider  .swiper-button{
	position:absolute;
	bottom:0;
	width:40px;
	height:40px;
	top:inherit !important;
	line-height:40px;
	font-size:16px;
	opacity:0.7;
	z-index:100;
	cursor:pointer;
	left:0;
	color:#000;
	background:none;
}
.testilider  .swiper-button-next {
 	margin-left:114px;
}
.testi-item {
	margin-bottom:50px;
}
.testilider  .swiper-pagination {
	float:left;
	margin-left:68px;
	width:auto;
	font-family: 'Droid Serif', serif;
	font-style:italic;
	color:#666;
	position:relative;
	top:-14px;
}
.testilider  .swiper-pagination:before {
	display:none;
}
/*------ search ------------------------------------------------*/
.fixed-search{
	display:none;
	position:fixed;
	z-index:10;
	top:80px;
	left:0;
	right:0;
	bottom:0;
}
.search-form-bg {
	position:absolute;
	top:0;
	left:0;
	width:100%;
	height:100%;
	z-index:1;
	background: #fff;
}
.search-form-wrap {
	position:relative;
	z-index:2;
	float:left;
	top:42%;
	width:100%;
}
.fixed-search form  {
	float:left;
	width:100%;
}
.fixed-search form input {
	float:left;
	background:none;
	border:none;
	padding:20px;
	background:#f7f7f7;
	width:100%;
	color:#000 !important;
	text-align:left;
	font-weight:700;
	font-size:18px;
	z-index:1;
	position:relative;
	padding-right:50px;
}
.fixed-search .container {
	position:relative;
}
.fixed-search .container:before {
    font-family: FontAwesome;
    font-style: normal;
    font-weight: normal;
    text-decoration: inherit;
	content:'\f002';
	position:absolute;
	top:18px;
	right:10px;
	width:40px;
	height:50px;
	line-height:30px;
	z-index:2;
	color:#999;
	font-size:14px;
}
/*--------------Contacts--------------------------------------*/
.map-box {
	float:left;
	width:100% ;
	height:400px;
	position:relative;
	margin:20px 0;
}
#map-canvas{
	position:absolute;
	top:0;
	left:0;
	width:100%;
	height:400px;
}


#submit , .form-submit button	{
	float:right;
	border:none;
	background: #292929;
    color: #fff;
    font-weight: 400;
    border: none;
    font-size: 14px;
    
	padding:15px 30px 15px 30px;
	line-height:17px;
	cursor:pointer;
	-webkit-appearance: none;
	-webkit-transition: all 200ms linear;
    -moz-transition: all 200ms linear;
    -o-transition: all 200ms linear;
    -ms-transition: all 200ms linear;
    transition: all 200ms linear;
}
#submit:hover {
	 color:#ccc;


}
#submit i , .to-top i , footer.fixed-footer .footer-social li a , .clients-list a  {
	-webkit-transition: all 200ms linear;
    -moz-transition: all 200ms linear;
    -o-transition: all 200ms linear;
    -ms-transition: all 200ms linear;
    transition: all 200ms linear;
}
#submit:hover i {
	color:#000;
}


.error_message {
	text-align:left;
	font-size:12px;
	max-width:450px;
	position:relative;
	padding:10px 10px 10px 0;
	color:#933;
	text-transform:uppercase;
	font-weight:700;
	font-family: 'Montserrat', sans-serif;
}
#success_page h3{
	text-align:left;
	font-size:13px;
	padding-bottom:4px;
	text-transform:uppercase;
	font-weight:700;
	font-family: 'Montserrat', sans-serif;
}
#success_page p {
	margin-top:5px;
	text-align:left;
	padding:16px 6px 6px 0;
	color:#000;
}
.transparent-form #success_page p , #success_page h3  , .error_message{
	color:#fff;
}
.transparent-form #success_page p {
	opacity:0.8;
}
#success_page p strong {
	font-weight:bold;
}
#message fieldset {
	border:none;
}
/*------Share------------------------------------------------*/
.share-holder.block-share .share-container {
	 float:left;
}
.share-holder.block-share {
	margin-top:30px;
}
.share-holder.block-share span {
	float:left;
	font-family: 'Droid Serif', serif;
	font-style:italic;
	color:#999;
	padding-right:15px;
	position:relative;
	top:9px;
}
.share-holder.block-share .share-container .share-icon {
	color:#000 ;
	float:left;
	font-size:12px;
	width:34px;
	height:34px;
	line-height:34px;
	margin-right:4px;
	text-align:center;
}
.share-holder.block-share .share-container .share-icon:hover {
	color:#999;
}
.share-icon:before {
    font-family: FontAwesome;
    font-style: normal;
    font-weight: normal;
    text-decoration: inherit;
}
.share-icon-digg:before {
    content: "\f1a6";
}
.share-icon-email:before  {
    content: "\f003";
}
.share-icon-flickr:before  {
    content: "\f16e";
}
.share-icon-foursquare:before  {
    content: "\f180";
}
.share-icon-rss:before {
    content: "\f09e";
}
.share-icon-facebook:before  {
    content: "\f09a";
}
.share-icon-twitter:before {
    content: "\f099";
}
.share-icon-tumblr:before {
   content: "\f173";
}
.share-icon-linkedin:before {
     content: "\f08c";
}
.share-icon-vimeo:before {
   content: "\f194";
}
.share-icon-instagram:before {
    content: "\f16d";
}
.share-icon-pinterest:before {
    content: "\f0d2";
}
.share-icon-googleplus:before {
   content: "\f0d5";
}
.share-icon-in1:before {
    content: "\f08c";
}
.share-icon-stumbleupon:before {
    content: "\f1a4";
}
/*------ Video ------------------------------------------------*/
.media-container {
	position:absolute;
	top:0;
	left:0;
	width:100%;
	height:100%;
	overflow:hidden;
	z-index:-1;
}
.hero-content .media-container {
	height:110%;
}
.video-mask {
	position:absolute;
	top:0;
	left:0;
	width:100%;
	height:100%;
	z-index:1;
}
.mob-bg {
	display:none;
}
.video-holder{
    position: absolute;
    width: 100%;
    height: 100% !important;
    display: block;
    overflow: hidden !important;
    top: 0;
    left: 0;
    padding: 0 !important;
}
.video-holder iframe  {
    position: absolute;
    top: -75px;
    left: 50%;
    width: 100%;
    height: 100%;
    display: block;
	overflow:hidden;
}
.background-youtube {
	position:absolute;
	top:-25% !important;
}
.video-container {
	position: absolute;
	top: 50%;
	left: 50%;
	-webkit-transform: translate(-50%,-50%);
	-moz-transform: translate(-50%,-50%);
	-o-transform: translate(-50%,-50%);
	-ms-transform: translate(-50%,-50%);
	transform: translate(-50%,-50%);
	line-height: 0;
	z-index: -1;
}
.video-container video {
	width: 100%;
}
.resp-video {
    position: relative;
    padding-bottom: 56.25%;
    padding-top: 30px; height: 0; overflow: hidden;
	margin-bottom:20px;
}
.resp-video iframe,
.resp-video object,
.resp-video embed {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}
.blog-media video {
	width:100%;
	height:auto;
}
.pagination-container {
	margin-top:20px;
	text-align:center;
	border:1px solid rgba(0,0,0,.07);
	float:left;
	width:100%;
	margin:25px 0 0;
}
.pagination-container ul   {
	float:left;
	margin:20px 0 30px;
	border:1px solid rgba(0,0,0,.07);
}
.pagination-container a {
	float:left;
	padding: 12px 18px;
	position:relative;
	font-size:13px;
	color:#666;
	letter-spacing:1px;
	border-right:1px solid rgba(0,0,0,.07);
}
.pagination-container a i {
	font-size:10px;
}
.pagination-container a.current-page, .pagination-container a:hover {
    color:#fff;
	background:#292929;
}
#tabs-container {
	float: left;
	width: 100%;
	margin-top:10px;
}
.tab {
	 float: left;
	 width: 100%;

}
.tabs-menu {
	float:left;
	width:100%;
	margin-top:20px;
	margin-bottom:30px;
}
.tabs-menu  li {
	float:left;
	margin-right:20px;
}
.tabs-menu  li a{
	padding:20px 35px;
	background:#000;

	font-weight:700;
	color:#fff;
}
.tabs-menu  li.current a {
	color: rgba(255,255,255,0.71);
}
.tab-content {
    width: 100%;
    padding: 20px 0;
    display: none;
}
#tab-1 {
	display: block;
}
/*------ Blog ------------------------------------------------*/
.post.fw-post h2 {
    text-align: left;
    font-size: 24px;
    
    font-weight: 700;
    float: left;
    width: 100%;
    padding-bottom: 10px;
}
.blog-title-opt {
	float:left;
	padding-bottom:20px;
	margin-bottom:20px;
}
.blog-title-opt li {
	float:left;
	margin-right:10px;
	font-family: 'Droid Serif', serif;
	font-style:italic;
	color:#999;
}
.blog-title-opt li a  , .pr-tags li a{
	color:#999;
}
.blog-media {
	margin-bottom:30px;
}
.pr-tags {
	margin-bottom:20px;
}
.pr-tags span {
	float:left;
	margin-right:10px;
	color:#000;
	font-weight:700;
	text-transform:uppercase;
}
.pr-tags ul{
	position:relative;
	top:3px;
}
.pr-tags li{
	float:left;
	margin-right:10px;
	font-family: 'Droid Serif', serif;
	font-style:italic;
	color:#999;
}
.post-author {
	margin-bottom:40px;
	float:left;
	border-top:1px solid #eee;
	border-bottom:1px solid #eee;
	padding:30px 0 20px;
}
.author-img {
	float:left;
	width:15%;
}
.author-content {
	float:left;
	width:85%;
	padding-left:10px;
}
.author-img img {
	border-radius:100%;
	float:left;
}
.author-content h5 {
	font-size:14px;
	letter-spacing:2px;
	text-transform:uppercase;
	margin-bottom:14px;
	color:#000;
	display:block;
	float:left;
	font-weight:500;
}
.author-content p {
	margin-bottom:8px;
	float:left;
	width:100%;
}
.author-social {
	float:right;
	background:#fff;
	position:relative;
}

.author-social li {
	float:left;
	position:relative;
	width:30px;
	height:30px;
	line-height:30px;
	background:#292929;
	border-radius:100%;
	margin-left:10px;
}

.author-social li a {
	color:#fff;
	font-size:10px;
}
#comments{
	text-align:left;
	padding-top: 10px;
	float:left;
	width:100%;
	margin-top:30px;
}
.post {
	margin-bottom:50px;
}
.post .btn {
	float:left;
}
#comments.single-post-comm{
	margin-top:0;
	padding-top:0;
}
#comments-title , #reply-title{
	border-bottom: 1px solid #eee;
	padding-bottom: 30px;
	margin-bottom: 5px;
	font-size:16px;
	text-transform:uppercase;
	font-weight:bold;
	color:#666;
}
.comment{
	float: left;
}
.comment-body{
	position: relative;
	margin-left: 70px;
	padding-top: 30px;
}
.comment-author{
	position: absolute;
	top: 30px;
	left: -66px;
}
.comment-author img{
	border-radius: 100%;
}
.comment .children{
	margin-left: 70px;
}
.fn{
	display: block;
	margin-bottom: 10px;
}
.comment-meta, .comment-meta a{
	font-family: Georgia, "Times New Roman", Times, serif;
	font-style:italic;
	font-size:12px;
	letter-spacing:1px;
	color:#494949;
	padding-bottom:10px;
}
#respond{
	margin-top:40px;
}
#reply-title{
	padding-bottom:30px;
	margin-bottom:5px;
}
.comment-notes{
	margin-top: 10px; color: #a4a4a3;
}
.control-group label, .control-group .controls{
	display: inline-block;
}
.control-group label{
	margin-left: 10px;
	font-weight: 600;
}
.control-group .controls input {
	margin-top: 15px;
	border: none;
	outline: none;
	height: 35px;
	background: #f9f9f9;
	padding-left: 15px;
	color: #a4a4a3;
	text-decoration: none;
	border: none;
	-webkit-border-radius: 0;
	border-radius: 0;
}
.control-group .controls textarea {
	margin-top: 15px;
	border: none;
	outline: none;
	height: 180px;
	max-width:600px;
	background: #f9f9f9;
	padding-left: 15px;
	padding-top: 15px;
	color: #a4a4a3;
	resize: vertical;
	text-decoration: none;
	border: none;
	-webkit-border-radius: 0;
	-moz-border-radius: 0;
	border-radius: 0;
}
.controls button {
	 margin-top:30px;
}
.nav-button-wrap {
	float:right;
	height:70px;
	width:70px;
	top:10px;
	cursor:pointer;
	position:relative;
}
.nav-button-wrap{
	display:none;
}
.nav-button  {
	position:absolute;
	top:50%;
	left:50%;
	width:22px;
	height:20px;
	margin-left:-11px;
	margin-top:-5px;
}
.nav-button span{
	float:left;
	width:100%;
	height:2px;
	background:#292929;
	margin-bottom:4px;
	-webkit-transition: all 200ms linear;
    transition: all 200ms linear;
}
.nav-button span:first-child {
	width:50%;
}
.onmob-close {
	display:none;
}
/*------ responsive ------------------------------------------------*/

@media only screen and  (max-width: 1284px) {
.logo-holder {
    top: 9px;
    left: 50px;
    margin-left: 0;
}


.header-contacts {

	display:none;
}


.content.vis-column-det{
	padding-left:350px;
}
.fix-pr-det {
	width:350px;
}
}



@media only screen and  (max-width: 1084px) {
.nav-button-wrap , .footer-social li a i {
	display:block;
}
.nav-holder   .nav-holder nav li a:before  ,  .footer-social li span{
	display:none;
}
.footer-social {
	margin-top: 10px;
}
.footer-social li a   {
	color:#000;
	margin:0 10px;
	font-size:14px;
}
.nav-holder {
	position:absolute;
	top:60px;
	right:0;
	width:100%;
	background:#fff;
	padding:30px;
	display:none;
	margin-right:0;
	overflow:auto;
	height:auto;
	padding-bottom:20px;
}
.nav-holder nav {
	width:100%;
	float:left;
}
.nav-holder nav ul li  , .nav-holder nav ul li ul li , .nav-holder nav li ul li > ul    {
	float:left;
	width:100%;
	text-align:left;
	left:0;
	opacity:1;
	right: 0;
	height:auto;
	margin-left:0;
}
.nav-holder nav ul li {
	padding:10px 0;
}
.nav-holder nav ul li.lidec:before {
	position:absolute;
	right:10px;
	width:30px;
	height:30px;
     font-family: FontAwesome;
    font-style: normal;

    text-decoration: inherit;
	content: "\f107";
	font-size:30px;
	top:0px;

}
.nav-holder nav li ul  {
	margin: 0;
	padding-left:20px;
	opacity: 1;
	visibility: hidden;
	position: relative;
	width:100%;
	display:none;
	top:0;
	left: 0;
	z-index: 1;
	background: none;
	float:left;
	width:100%;
	border-bottom:1px solid #eee;
}
.nav-holder nav li a , .nav-holder nav li ul li a  {
	padding:0;
	width:auto;
	color:#000;
	font-size:16px;
}


.nav-holder nav li ul li  ul  {
	margin: 0;
	padding-left:20px;
	padding-top:15px;
	padding-bottom:0;
	opacity: 1;
	position: relative;
	display: block;
	visibility: visible;
	top:0;
	left: 0;
	z-index: 1;
	float:left;
	width:100%;
	border:none;

}

.nav-holder nav li  > ul.visul {
	display: block;
	left:0;

}


header.main-header , footer.fixed-footer, footer.scroll-footer {
	padding:0 20px;
}
.fixed-column , .column-filter {
	position:relative;
	width:100%;
	float:left;
	top:0;
	bottom:0;
	padding:120px 0;
}
.column-filter {
	padding:50px 30px 30px 50px;
}
.column-filter .gallery-filters a {
	float:left;
	width:auto;
	padding:10px 14px 10px 0;
}
.column-wrap {
    width: 100%;
	padding:0px 0px 100px;
}
.content.column-filter-wrap  , .content.vis-column-det{
	padding-left:0;
}
.fix-pr-det.mob-vis {
	left:-450px;
}
.onmob-close {
	display:block;
}
}
@media only screen and  (max-width: 754px) {
.serv-item  , .team-box{
    width: 100%;
}
.footer-counter {
    left: 50px;
    margin: -25px 0 0 0;
}
.policy-box {
	display:none;
}
.gallery-item {
	width:50% !important;
}
.entry-header h2 {
	font-size:40px;
}
.fl-filter .btn {
	float:left;
	margin-top:30px;
}
.logo-holder {
    left:0;
}
.mob-bg {
	display:block;
	z-index:2;
} 
}
@media only screen and  (max-width: 540px) {
.gallery-item  {
	width:100%  !important;
}
.footer-social li a   {
	margin:0 10px;
}
.pr-det  , .fix-pr-det{
	width:350px;
}
.filter-buttons-wrap{
	left:20px;
}
}
@media only screen and (-webkit-min-device-pixel-ratio: 2) {
.bg {
	background-attachment: scroll !important;
	-webkit-background-size:cover;
	background-position:center;
}
}



.table-style01{
	margin:0px auto;
	margin-bottom:20px;
table-layout: fixed;
   width: 100%;
	margin-top:10px !important;

}

.table-style01 th{
	border:1px solid #ccc !important;
	text-align: center;
	font-size:14px;
	color:#333;
	vertical-align: middle;
	padding:10px !important;
min-width: 80px; /* 嵟彫暆 */
	line-height:1.4em;
background:#eeeeee;
	width: 33%;
}


.table-style01 td{
	border:1px solid #ccc !important;
	text-align: left;
	font-size:14px;
	color:#333;
	line-height:1.6em;
	vertical-align: top;
	padding:10px !important;
min-width: 80px; /* 嵟彫暆 */

}

@media screen and (max-width:320px) {
.table-style01{
	margin-left:-3px;

}

}


@media screen and (max-width:640px) {
.table-style01{
	margin-left:-3px;
	margin:0px auto;
	margin-bottom:20px;
table-layout: fixed;
   width: 100% !important;
	margin-top:10px !important;

}

}



@media screen and (max-width:640px) {
    .table-style01 th{
        display:block;
	width: 100%;

    }
}


@media screen and (max-width:640px) {
    .table-style01 td{
        display:block;
	width: 100%;
    }
}

.plus{

	font-size:120%;

}


/* -----弌揦戙峴梡捛壛---------------------------- */
.text1{

	text-align:center;
	line-height: 1.6em;
	}
	
.text2{

	text-align:left;
	line-height: 1.6em;
	padding-top: 20px;
	}
	
.text3{

	text-align:left;
	line-height: 1.6em;
	padding-top: 20px;
	}
	
	
.text4{
	font-size: 12px;
	text-align:left;
	line-height: 1.6em;
	padding: 5px;
	}
	



	


.point{
	overflow: hidden;
	width: 75%;
	margin-left: auto;
	margin-right:auto;
	}

.floatbox{
	width: 50%;
	float: left;
	}
	
@media screen and (max-width:640px) {
.point{
	overflow: hidden;
	width: 60%;
	margin-left: auto;
	margin-right:auto;
	}

.floatbox{
	width: 100%;
	}
	
.float1{
 width: 100%;
	}
}


		


	
.ecsitebox{

	max-width: 390px;
	margin-left: auto;
	margin-right:auto;
	}		

.ecsitebox2{

	max-width: 500px;
	margin-left: auto;
	margin-right:auto;

	}		

.ecsitebox3{

	width: 240px;
	margin-left: auto;
	margin-right:auto;
	}

.ecsitebox4{

	max-width: 640px;
	margin-left: auto;
	margin-right:auto;
	}		



.resizeimage img { width: 100%; }


.float1{
float: left;
 width: 100%;
	}
	
.float2{
float: left;
margin: 20px;	}
	

.float3{
float: left;
margin: 20px;	
	}
	
.float4{
float: right;
margin: 20px;
	}
	
.box55{
	padding: 10px;
	margin-right:auto;
	margin-left:auto;
	overflow: hidden;
	width: 100%;

	}
	
.tmall{
	width: 100%;
	margin-top: 20px;
	margin-left: auto;
	margin-right: auto;
	border: solid 3px #ff1798;
	border-radius: 20px;
	padding: 0px 5px 15px 5px;
	}
	
.tmalltitle{
  font-size: 1.6em;
  color: #ff1798;
  text-align:center;
  margin-top: 20px;
  font-weight: bold;
	}
	
	
.setumei1{
	background-color:#e7e7e7;
	font-size: 1.2em;
	text-align:left;
	line-height: 1.5em;
	width: 97%;
	padding: 20px;
	margin-top: 15px;
	margin-left: auto;
	margin-right:auto;
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  border-radius: 10px;
	}
	
	

.setumei2{
	margin-top:20px;
	font-size: 1em;
	text-align:center;
	line-height: 1.2em;
		}
	
	
.bold{ font-weight:bold;}


.syousai{
	margin:20px auto;
	margin-bottom:20px;
	table-layout: fixed;
	width: 97%;
	}

.syousai tr th{
	border:1px solid #ccc !important;
	text-align: center;
	font-size:14px;
	color:#333;
	vertical-align: middle;
	padding:10px !important;
	min-width: 120px; /* 嵟彫暆 */
	line-height:1.6em;
	background:#eee;
	width: 28%;
	}
	
.syousai tr td{
	border:1px solid #ccc !important;
	text-align: left;
	font-size:14px;
	color:#333;
	line-height:1.6em;
	vertical-align: top;
	padding:10px !important;
	min-width: 120px; /* 嵟彫暆 */
	}
	
	
@media screen and (max-width:767px) {
.syousai{
	width: 96%;
	margin-left:7px;
}
}


@media screen and (max-width:640px) {
.syousai{
	width: 95%;
	margin-left:7px;

}
}

@media screen and (max-width:640px) {
    .syousai th{
        display:block;
	width: 95%;

}
}

@media screen and (max-width:640px) {
    .syousai td{
        display:block;
	width: 95%;
}
}



.ban-box {
	float:left;
	width:50%;
	padding:0 10px;
	margin-top:25px;
	min-width: 240px;
}


@media only screen and  (max-width: 640px) {
.ban-box  {
	max-width:150px !important;
}
}
/* -----弌揦戙峴梡捛壛偙偙傑偱---------------------------- */


.padcontent{
  padding: 20px 0 0;
  clear: both;
  margin-top: 15px
}
.padcontent_small{
  padding: 10px 0 0;
  clear: both;
  margin-top: 10px
}

h2 {

	text-align:center;
	color:#000;
	font-size:24px;

	line-height:36px;
	font-weight:400;
text-shadow: 0px 1px 1px rgba(0,0,0,0.3);
  margin-bottom: 20px

}

h3 {
	text-align:center;
	color:#000;
	font-size:20px;
	text-transform:uppercase;
	line-height:20px;
	font-weight:400;
text-shadow: 0px 1px 1px rgba(0,0,0,0.3);
  padding-top: 10px;
	line-height:28px;
}

h4 {
	text-align:center;
	color:#000;
	font-size:16px;
	text-transform:uppercase;
	line-height:24px;
	font-weight:400;
  padding-top: 20px !important;
}

hr {
height: 1px;
border: none;
border-top: 1px #d9d9d9 solid;
	margin-top: 10px;
}



.text-right a{
float: right;
margin-top: 10px;

}




.fa-fw {
  width: 2em;
  text-align: center;
}

.text-center {

	text-align:center;

}

.text-left {

	text-align:left;

}

.table-toiawase{
    margin:0px auto;
    margin-bottom:20px;
table-layout: fixed;
   width: 100%;
    margin-top:0px !important;
max-width: 764px; /* 嵟戝暆 */
}

.table-toiawase th{
font-family:"儊僀儕僆", "Meiryo", arial, "僸儔僊僲妏僑 Pro W3", "Hiragino Kaku Gothic Pro", Osaka, "俵俽 俹僑僔僢僋", "MS PGothic", Sans-Serif !important;
    border:1px solid #ccc !important;
    text-align: center;
    font-size:14px;
    color:#333;
    vertical-align: middle;
    padding:8px!important;
min-width: 80px; /* 嵟彫暆 */
    line-height:1.6em;
background:#eee;
   width: 35%;
}

.table-toiawase td{
font-family:"儊僀儕僆", "Meiryo", arial, "僸儔僊僲妏僑 Pro W3", "Hiragino Kaku Gothic Pro", Osaka, "俵俽 俹僑僔僢僋", "MS PGothic", Sans-Serif !important;
    border:1px solid #ccc !important;
    text-align: left;
    font-size:14px;
    color:#333;
    line-height:1.8em;
    vertical-align: middle;
    padding:8px!important;
min-width: 65px; /* 嵟彫暆 */

}

@media (min-width: 240px) and (max-width: 640px) {
.table-toiawase{
    width: 100%;
    margin-left:0px;
    border-top:1px solid #ccc !important;
    border-left:1px solid #ccc !important;
    border-right:1px solid #ccc !important;
    border-bottom:1px solid #ccc !important;
}
}


@media (min-width: 240px) and (max-width: 640px) {
    .table-toiawase th{
        display:block;
    width: 100%;
    text-align: center;
    border-top:0px solid #eee !important;
    border-left:0px solid #eee !important;
    border-right:0px solid #eee !important;
    border-bottom:0px solid #eee !important;
    padding:8px!important;

}
}


@media (min-width: 240px) and (max-width: 640px) {
    .table-toiawase td{
        display:block;
    width: 100%;
    text-align: center;
    border-top:0px solid #eee !important;
    border-left:0px solid #eee !important;
    border-right:0px solid #eee !important;
    border-bottom:0px solid #eee !important;
    font-size:14px;

}
}


.toi{
    font-size:14px;
	width: 100%;
	margin:0px auto;
	padding: 5px 0px 5px 10px;
	margin-left:0%;
font-family:"儊僀儕僆", "Meiryo", arial, "僸儔僊僲妏僑 Pro W3", "Hiragino Kaku Gothic Pro", Osaka, "俵俽 俹僑僔僢僋", "MS PGothic", Sans-Serif !important;
}


input.toi{
	width: 100%;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
border:1px solid #ccc;


}

@media (min-width: 240px) and (max-width: 640px) {
input.toi{
	width: 100%;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
border:1px solid #eee;
    font-size:16px;
    line-height:1.8em;
}
}

@media (min-width: 240px) and (max-width: 640px) {
textarea {
font-family:"儊僀儕僆", "Meiryo", arial, "僸儔僊僲妏僑 Pro W3", "Hiragino Kaku Gothic Pro", Osaka, "俵俽 俹僑僔僢僋", "MS PGothic", Sans-Serif !important;
font-size:14px !important;
width: 100%;
height: 10em;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
padding: 10px;
border:1px solid #ccc;
resize: vertical;
    text-align: left !important;
}
}



input.toi:focus {background-color:#fff;}

textarea {
font-family:"儊僀儕僆", "Meiryo", arial, "僸儔僊僲妏僑 Pro W3", "Hiragino Kaku Gothic Pro", Osaka, "俵俽 俹僑僔僢僋", "MS PGothic", Sans-Serif !important;
font-size:14px !important;
width: 100%;
height: 10em;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
padding: 10px;
border:1px solid #ddd;
resize: vertical;
}

input[type="text"]:focus,
textarea:focus,
input[type="text"]:hover,
textarea:hover {
border:1px solid #f80090;
background-color:#fff;
  -webkit-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  transition: all 0.3s ease;
}

input:-webkit-autofill {
    -webkit-box-shadow: 0 0 0px 1000px white inset;
}

h5{
font-size:18px;
line-height:28px;
font-family:"儊僀儕僆", "Meiryo", arial, "僸儔僊僲妏僑 Pro W3", "Hiragino Kaku Gothic Pro", Osaka, "俵俽 俹僑僔僢僋", "MS PGothic", Sans-Serif;
text-shadow: 0px 1px 1px rgba(0,0,0,0.3);
	font-weight:normal;
padding: 0px 10px 0px 10px;
margin:0px 0px 20px 0px;
}


.required{
font-size:11px;
padding: 1px 4px 1px 4px;
background-color:#f80090!important;
color:#fff;
font-weight:normal;
    vertical-align: middle;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
margin:0px 0px 0px 10px;

}


.btn-1 {
  font-size:15px;
  color: #ffffff !important;
  background: #000 !important;
  padding: 10px 0px !important;
  -webkit-border-radius: 30px !important;
  -moz-border-radius: 30px !important;
  border-radius: 30px !important;
  text-shadow: none;
  border: none;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
  -webkit-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  transition: all 0.3s ease;
   width: 140px !important;
    text-align: center;
    margin-bottom:20px;
    margin-right:0px;
	cursor:pointer;
	cursor: hand;
}
.btn-1:hover {
  color: #ffffff !important;
  -webkit-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  transition: all 0.3s ease;
  text-decoration: none;
  background: #f80090 !important;
cursor: pointer;
cursor: hand;

}




input[type="radio"] , input[type="checkbox"]{
   -webkit-transform: scale(1.4);
   transform: scale(1.4);
   margin-right: 2px !important;
	margin-bottom:0px;
	margin-left:0px !important;
    text-align: left;
	vertical-align: middle;
}

.lang {
	position:absolute;
	margin-top:11px;
   margin-left: 22%;
line-height:1.6;
	z-index:1000;

}




@media (min-width: 755px) and (max-width: 3000px) {
.inc {
    display: none;

}
}


@media (min-width: 240px) and (max-width: 754px) {
.inc {
	position:absolute;
	font-weight:400;
   margin-left:0px;
	margin-top:40px;
	text-align: left;
	font-size:13px;
	color:#333;
	line-height:1em;
	
text-shadow: 0px 0px 0px rgba(0,0,0,0.3);

}
}


.big404{
font-size:48px;
line-height:48px;
font-family:"儊僀儕僆", "Meiryo", arial, "僸儔僊僲妏僑 Pro W3", "Hiragino Kaku Gothic Pro", Osaka, "俵俽 俹僑僔僢僋", "MS PGothic", Sans-Serif;
text-shadow: 0px 3px 3px rgba(0,0,0,0.3);
	font-weight:normal;
	color:#fff;
	margin-bottom:20px;
}
.shiro{
font-size:24px;
line-height:36px;
font-family:"儊僀儕僆", "Meiryo", arial, "僸儔僊僲妏僑 Pro W3", "Hiragino Kaku Gothic Pro", Osaka, "俵俽 俹僑僔僢僋", "MS PGothic", Sans-Serif;
text-shadow: 0px 1px 1px rgba(0,0,0,0.3);
	font-weight:normal;
	color:#fff;
	margin-bottom:20px;
}



.box2 {
	float:left;
	width:50%;
	padding-right:10px;
	margin-top:25px;
	min-width: 240px;

}

@media (min-width: 240px) and (max-width: 640px) {
.box2 {
	float:left;
	width:100%;
	padding-right:10px;
	margin-top:25px;
	min-width: 240px;

}
}


.table-style02{
	margin:0px auto;
	margin-bottom:20px;
table-layout: fixed;
   width: 100%;
	margin-top:10px !important;

}

.table-style02 th{
	border:1px solid #ccc !important;
	text-align: right;
	font-size:15px;
	color:#333;
	vertical-align: middle;
	padding:10px !important;
min-width: 80px; /* 嵟彫暆 */
	line-height:1.4em;
background:#eeeeee;
	width: 45%;
	font-weight:normal;
text-shadow: 0px 1px 1px rgba(0,0,0,0.3);
}


.table-style02 td{
	border:1px solid #ccc !important;
	text-align: left;
	font-size:15px;
	color:#333;
	line-height:1.4em;
	vertical-align: middle;
	padding:10px !important;
min-width: 80px; /* 嵟彫暆 */
;
}

@media (min-width: 240px) and (max-width: 640px) {
.table-style02{
    width: 100%;
    margin-left:0px;
    border-top:1px solid #ccc !important;
    border-left:1px solid #ccc !important;
    border-right:1px solid #ccc !important;
    border-bottom:1px solid #ccc !important;
}
}


@media (min-width: 240px) and (max-width: 640px) {
    .table-style02 th{
        display:block;
    width: 100%;
    text-align: center;
    border-top:0px solid #eee !important;
    border-left:0px solid #eee !important;
    border-right:0px solid #eee !important;
    border-bottom:0px solid #eee !important;
    padding:8px!important;

}
}


@media (min-width: 240px) and (max-width: 640px) {
    .table-style02 td{
        display:block;
    width: 100%;
    text-align: center;
    border-top:0px solid #eee !important;
    border-left:0px solid #eee !important;
    border-right:0px solid #eee !important;
    border-bottom:0px solid #eee !important;
    font-size:14px;

}
}


input.toi2 {
color: #333 !important;
width:100%  !important;
max-width: 75px; /* 嵟戝暆 */
min-width: 75px; /* 嵟彫暆 */
margin-right: 5px;
padding: 5px 0px 5px 10px;
  border-radius: 5px;
	font-size:15px;
border:1px solid #ccc;
 }

select {
  border-radius: 5px;
border:1px solid #ccc;
  padding: 5px;
  vertical-align: middle;

}

.eigo{
    font-size:20px;
  padding-left: 10px;
}

.fa-facebook{color: #46629e}


.fa-instagram{color: #b33faa}


.fa-twitter{color: #1ea1f3}


ul.kiyaku li{

    text-align: left;
    font-size:15px;
    line-height: 1.6;
}

ul.kiyaku{
  margin-bottom: 20px;
    text-align: left;
    line-height: 1.6;
}

.linkhover a{

color:#cc0000;

}


.linkhover a:hover{

color:#cc6666;

}

input[type="file"] {
   -webkit-transform: scale(1.3);
   transform: scale(1.3);
  margin: 10px 0px 10px 40px;
  padding-right: 20px;

}

.btn.submit{ 
	border:none;
	display:block;
	margin-top:0px;
	white-space:nowrap;
	text-align:center;
	float:left;
	height:36px;
	line-height:14px;
	margin-left:10px
}



.btn_ {
  background: #a9c5d9;
  border: none;
  text-shadow: none;
  font-size: 12px;
  font-weight: normal;
  line-height: 15px;
  color: #ffffff;
  padding: 9px 13px 8px 13px;
  text-decoration: none;

  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
  -webkit-box-shadow: 0 3px 5px rgba(0, 0, 0, 0.2);
  -moz-box-shadow: 0 3px 5px rgba(0, 0, 0, 0.2);
  box-shadow: 0 3px 5px rgba(0, 0, 0, 0.2);
  margin-top: 20px;
font-family: "KozGoPro-Light", "彫捤僑僔僢僋 Pro L", "僸儔僊僲妏僑 ProN W3", "Hiragino Kaku Gothic ProN", "熰僑僔僢僋", YuGothic, "儊僀儕僆", Meiryo, sans-serif;
}
.btn-small_ {
  padding: 8px 18px 8px 18px;
  color: #ffffff;
}
.btn_:hover {
  background: #eb6300;
  color: #ffffff;
}

.pink{
font-size:16px;
padding: 1px 4px 1px 4px;
background-color:#f80090!important;
color:#fff;
font-weight:normal;
    vertical-align: middle;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
margin:0px 0px 0px 10px;

}

.pink_mini{
font-size:14px;
padding: 0px;
color:#f80090;
font-weight:normal;
margin:0px 0px 0px 0px;
}




@media (min-width: 240px) and (max-width: 1084px) {
.nav-holder nav li ul a {
	color:#333;

}

.nav-holder nav li ul a:hover {
	color:#333;
	opacity:0.7;
}
}

:placeholder-shown {
    color:#bebebe; }

/* Google Chrome, Safari, Opera 15+, Android, iOS */
::-webkit-input-placeholder {
    color:#bebebe; }

/* Firefox 18- */
:-moz-placeholder {
    color:#bebebe; opacity: 1; }

/* Firefox 19+ */
::-moz-placeholder {
    color:#bebebe; opacity: 1; }

/* IE 10+ */
:-ms-input-placeholder {
    color:#bebebe; }

@media (min-width: 240px) and (max-width: 640px) {
.bootstrap-select:not([class*="col-"]):not([class*="form-control"]):not(.input-group-btn) {
  width:120px !important;
}
}


.mini{
    font-size:12px !important;
text-shadow: 0px 0px 0px rgba(0,0,0,0.3);

}


select{
height: 35px;
    font-size:14px;
}

.vertical-align-em input,
.vertical-align-em select{
	vertical-align:-0.15em;
	margin:20px 0px 20px 0px !important;
}

.vertical-align-em2 input,
.vertical-align-em2 select{
	vertical-align:-0.15em;
	margin:0px 0px 0px 0px !important;
}

a:hover img.linkimg{
opacity:0.6;
filter:alpha(opacity=60);
-ms-filter: "alpha( opacity=60 )";
background:none!important;
}


.big{
font-size:30px;
line-height:48px;
font-family:"儊僀儕僆", "Meiryo", arial, "僸儔僊僲妏僑 Pro W3", "Hiragino Kaku Gothic Pro", Osaka, "俵俽 俹僑僔僢僋", "MS PGothic", Sans-Serif;

	font-weight:normal;
	color:#000;
	margin:20px 0px 50px 0px !important;
	border:1px solid;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
	padding:10px !important;
}

.doui{
	font-size: 13px;
	text-align:left;
	padding: 10px;
	}

ul.acordion{
background: #fff;
border-right: solid 1px #ccc;
border-left: solid 1px #ccc;
margin: 0px 0px 15px 0px;
padding: 0;
    text-align: left;

}
 
ul.acordion li {
border-bottom: solid 1px #ccc;
	background: none;
	font-size:14px;
	margin:0;
	padding:0px 0px 0px 0px;

}
 
ul.acordion li:first-child {
border-top: solid 1px #ccc;

}
 
ul.acordion li ul {
margin: 0;
border: none;

}
 
ul.acordion li ul li {
	padding:10px 10px 10px 20px;
	line-height:1.8;

}
 
ul.acordion li ul li:last-child{
border-bottom: none;
}
 
ul.acordion li ul li a {
color: #696969;
display: block;
padding: 10px;
text-decoration: none;

}
 
ul.acordion li .none-submenu {
background: url(../image/trigger-arrow.png) no-repeat 98% 50%;
background-size: 2%;
display: block;
padding: 10px;
    font-size:18px !important;
    text-align: center;
	background-color:#ffffee;
}

ul.acordion li .none-submenu:hover{
  -webkit-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  transition: all 0.3s ease;
	background-color:#ffffcc;
}


ul.acordion li .active-submenu {
background: url(../image/triggeractive-arrow.png) no-repeat 98% 50%;
background-size: 2%;
display: block;
padding: 10px;
    font-size:18px !important;
    text-align: center;
	background-color:#ffffee;
}

ul.acordion li .active-submenu:hover{
  -webkit-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  transition: all 0.3s ease;
	background-color:#ffffcc;
}

@media only screen and (max-width: 600px) {
ul.acordion li .none-submenu{ background: url(../image/trigger-arrow.png) no-repeat 96% 50%;
background-size: 2%;
	background-color:#ffffee;
 }

ul.acordion li .none-submenu:hover{ background: url(../image/trigger-arrow.png) no-repeat 96% 50%;
background-size: 2%;
	background-color:#ffffcc;
 }



ul.acordion li .active-submenu{ background: url(../image/triggeractive-arrow.png) no-repeat 96% 50%;
background-size: 2%;
	background-color:#ffffee;
 }



ul.acordion li .active-submenu:hover{ background: url(../image/triggeractive-arrow.png) no-repeat 96% 50%;
background-size: 2%;
	background-color:#ffffcc;
 }
}


input.toi2{
	width: 6%;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
border:1px solid #ccc;
	padding: 5px 0px 5px 10px;
	font-size: 15px;
}

input.toi3{
	width: 70%;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
border:1px solid #ccc;
	padding: 5px 0px 5px 10px;
	font-size: 15px;
}

input.toi4{
	width: 100%;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
border:1px solid #ccc;
	padding: 5px 0px 5px 10px;
	font-size: 15px;
}



@media (min-width: 240px) and (max-width: 640px) {
input.toi2{
	width: 100%;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
border:1px solid #eee;
    font-size:15px;
    line-height:1.6em;
	text-align:left;
}
}
@media (min-width: 240px) and (max-width: 640px) {
input.toi3{
	width: 100%;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
border:1px solid #eee;
    font-size:15px;
    line-height:1.6em;
}
}
@media (min-width: 240px) and (max-width: 640px) {
input.toi4{
	width: 100%;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
border:1px solid #eee;
    font-size:15px;
    line-height:1.6em;
}
}

.add{
	font-size: 13px;
	text-align:left;
	padding-top: 10px;

}

.repairbox {
	font-size: 22px;
display: inline-block;
	width:40%;
	padding: 15px;
	margin:0px 10px 0px 10px;
	border:1px solid #999;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	background-color:#ddd;
	cursor:pointer;
	cursor: hand;
}

.repairbox:hover {
	background-color:#ccc;

}


@media (min-width: 240px) and (max-width: 640px) {

.repairbox {
	font-size: 14px;
display: inline-block;
	width:40%;
	padding: 15px;
	margin:0px 10px 0px 10px;
	border:1px solid #999;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	background-color:#ddd;
	cursor:pointer;
	cursor: hand;
}

.repairbox:hover {
	background-color:#ccc;

}
}



.repairbox2 {
	font-size: 22px;
display: inline-block;
	width:15%;
	padding: 3px;
	margin:0px 10px 0px 10px;
	border:1px solid #999;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	background-color:#fff;
	cursor:pointer;
	cursor: hand;
}

.repairbox2:hover {
	background-color:#eee;

}


@media (min-width: 240px) and (max-width: 640px) {

.repairbox2 {
	font-size: 14px;
display: inline-block;
	width:15%;
	padding: 3px;
	margin:0px 10px 0px 10px;
	border:1px solid #999;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	background-color:#fff;
	cursor:pointer;
	cursor: hand;
}

.repairbox2:hover {
	background-color:#eee;

}
}

.waku{
	width:100%;
	margin:0px 0px 20px 0px;
	font-size:14px !important;
padding:10px 15px 10px 15px;
      vertical-align:middle;
	border:1px solid #330000;
	line-height:1.8em;

	background:#fff;

	text-align:center;
text-shadow: 0px 1px 0px rgba(0,0,0,0.3);
border-radius: 4px;        /* CSS3憪埬 */  
    -webkit-border-radius: 4px;    /* Safari,Google Chrome梡 */  
    -moz-border-radius: 4px;   /* Firefox梡 */ 
}