/* ================================= CSS Structure =================================
1. GLOBAL STYLES	
	- Page Loader Styles
	- Overlay Styles

2. HEADER SECTION	
	- Sticky Container
	- Logo Styles
	- Navigation
	
3. SLIDER SECTION
	- Background Slider
	- Text Slider
4. WELCOME SECTION	
5. FEATURES SECTION
5. ADDITIONAL SECTION
6. PRICING TABLE SECTION
7. SCREENSHOTS SECTION
8. OUR ACHIEVEMENT SECTION
9. VIDEO SECTION
10. HOW IT WORKS SECTION
11. TESTIMONIALS SECTION
12. TEAM SECTION
13. NEWS SECTION
14. SKILL SECTION
15. CLIENT SECTION
16. TWITTER FEED
17. SUBSCRIBE SECTION
18. CONTACT US SECTION
19. DOWNLOAD NOW
20. FOOTER SECTION
	- Social Media
	- Copyrights
20. PAGES
	- Blog
		- Blog Right Part Sidebar
		- Blog Single Page
		- Blog Single Contact Form
		- Blog Grid
		- Blog Timeline
	- PORTFOLIO
	- FAQ
	- Shortcodes
=========================================================================== */
.kaigyo  { white-space: nowrap;}



.button {
  display: inline-block;
  width: 280px;
  height: 54px;
  text-align: center;
  text-decoration: none;
  line-height: 54px;
  outline: none;
}
.button::before,
.button::after {
  position: absolute;
  z-index: -1;
  display: block;
  content: '';
}
.button,
.button::before,
.button::after {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  -webkit-transition: all .3s;
  transition: all .3s;
}


.button {
  background-color: #3d9be9;
  color: #fff;
}
.button:hover {
  background-color: #59b1eb;
}




.akamoji{
color: #F42529	;
}
.kuromoji{
color: #000000;
}

.gozfont { font-family: "futura", 'Noto Sans JP', "Yu Gothic Medium", "游ゴシック Medium", YuGothic, "游ゴシック体", "ヒラギノ角ゴ Pro W3", "メイリオ", "sans-serif";
color: black;
padding: 20px;
line-height: 1.5em;
	
}
.gozfontb { font-family: "futura", 'Noto Sans JP', "Yu Gothic Medium", "游ゴシック Medium", YuGothic, "游ゴシック体", "ヒラギノ角ゴ Pro W3", "メイリオ", "sans-serif";
color: black;
font-weight: bold;
padding: 0px;
line-height: 1.5em;
}
.gozfontw { font-family: "futura", 'Noto Sans JP', "Yu Gothic Medium", "游ゴシック Medium", YuGothic, "游ゴシック体", "ヒラギノ角ゴ Pro W3", "メイリオ", "sans-serif";
color: white;
padding: 20px;
line-height: 1.5em;
}
.gozfontwb { font-family: "futura", 'Noto Sans JP', "Yu Gothic Medium", "游ゴシック Medium", YuGothic, "游ゴシック体", "ヒラギノ角ゴ Pro W3", "メイリオ", "sans-serif";
color: white;
font-weight: bold;
padding: 0px;
line-height: 1.5em;
}


.cal_wrapper {
max-width: 100%; /* 最大幅 */
min-width: 300px; /* 最小幅 */
margin: 2.0833% auto;
}
.googlecal {
position: relative;
padding-bottom: 100%; /* 縦横比 */
height: 0;
}
.googlecal iframe {
position: absolute;
top: 0;
left: 0;
width: 100% !important;
height: 100% !important;
}
/* 画面幅が768px以上の場合の縦横比の指定 */
@media only screen and (min-width: 768px) {
.googlecal { padding-bottom: 75%; }
}

/* =========================== GLOBAL STYLES ============================== */
body {
	color:#333;
	font-size:15px;
	font-weight:300;
	padding: 0;
	line-height:1.5;
	font-family: "futura", 'Noto Sans JP', "Yu Gothic Medium", "游ゴシック Medium", YuGothic, "游ゴシック体", "ヒラギノ角ゴ Pro W3", "メイリオ", "sans-serif";
	-webkit-font-smoothing: antialiased !important;
	background: #f2f6fa;
	overflow-x: hidden;
}
a, a:hover, a:focus, .btn:focus{
    text-decoration: none;
	outline: none;
}
img {
	max-width:100%;
}
.relative {
	position: relative;
}
.absolute {
	position: absolute;
}
.container {
    max-width: 1260px;
	padding-left:15px;
	padding-right:15px;
	width:100%;
}
.no-padding {
	padding: 0;
}
.uppercase {
	text-transform: uppercase;
}
.capitalize {
	text-transform: capitalize;
}
.bold{
	font-weight:700;
}
.normal{
	font-weight:normal;
}
.white{
	color:#FFFFFF;
}
.italic{
	font-style:italic;
}
.animated{
	visibility:hidden;
}
.visible{
	visibility:visible;
}
.clear{
	clear:both;
}

/* ------------- Purchase Now ------------- */
.purchase-button{
	background-color:#2c3e50;
	padding:35px 0px;
}
.purchase-button .slide-btn{
	background-color: #f4a62a;
    font-weight: 400;
    margin: 0 20px;
    padding: 15px 0;
    width: 300px;
    max-width: 100%;
    display: block;
}
.purchase-button h2{
	margin:10px 0px;
	font-weight:400;
	text-align:right;
}
.purchase-button .slide-btn i{
	margin-right:15px;
	font-size:25px;
}
/* ------------- Page Loader Styles ------------- */
#pageloader {
/*    background-color: #FFFFFF;*/
    height: 100%;
    position: fixed;
    top: 0;
    width: 100%;
    z-index: 9999;
} 
.loader-item {
    background: none repeat scroll 0 0 #FFFFFF;
    border-bottom: 3px solid rgba(0, 0, 0, 0) !important;
    border-left: 3px solid;
    border-radius: 200px;
	-moz-border-radius: 200px;
	-webkit-border-radius: 200px;
	-o-border-radius: 200px;
	-ms-border-radius: 200px;
    border-right: 3px solid;
    border-top: 3px solid;
    height: 40px;
    left: 50%;
    margin: -20px 0 0 -20px;
    position: absolute;
    text-align: center;
    top: 50%;
    width: 40px;
}
.loader-item h2 {
    color: #CCCCCC;
    font-size: 20px;
    margin: 0 auto;
}
.colored-border {
    border-color: #f06739;
}
/* ------------- Overlay Styles ------------- */
.overlay {
	display: block;
	position: absolute;
	z-index: 20;
	background: rgba(0, 0, 0, 0.75);
	overflow: hidden;
	-webkit-transition: all 0.3s;
	-moz-transition: all 0.3s;
	-o-transition: all 0.3s;
	transition: all 0.3s;
}
a.close-overlay {
	display: block;
	position: absolute;
	top: 0;
	right: 0;
	z-index: 100;
	width: 45px;
	height: 45px;
	font-size: 20px;
	font-weight: 700;
	color: #fff;
	line-height: 45px;
	text-align: center;
	cursor: pointer;
}
a.close-overlay.hidden {
  	display: none;
}
a.expand {
	display: block;
	position: absolute;
	z-index: 100;
	width: 60px;
	height: 60px;
	border: solid 2px #fff;
	text-align: center;
	color: #fff;
	line-height: 55px;
	font-weight: 700;
	font-size: 25px;
	-webkit-border-radius: 30px;
	-moz-border-radius: 30px;
	-ms-border-radius: 30px;
	-o-border-radius: 30px;
	border-radius: 30px;
}
/* Products Hover Effect */
.effect2 .overlay {
	top: 0;
	left: 0;
	right: 0;
	width: 100%;
	height: 0;
}
.effect2 .overlay a.expand {
	left: 0;
	right: 0;
	top: 50%;
	margin: -30px auto 0 auto;
}
.effect2 .img.hover .overlay {
  	height: 100%;
}
/* Portfolio Hover Effect */
.effect5 .overlay {
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	opacity: 0;
}
.effect5 .overlay a.expand {
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	margin: auto;
	width: 100%;
	height: 100%;
	-webkit-border-radius: 0;
	-moz-border-radius: 0;
	-ms-border-radius: 0;
	-o-border-radius: 0;
	border-radius: 0;
	-webkit-transition: all 0.5s;
	-moz-transition: all 0.5s;
	-o-transition: all 0.5s;
	transition: all 0.5s;
}
.effect5 .img.hover .overlay {
  	opacity: 1;
}
.effect5 .img.hover .overlay a.expand {
	width: 60px;
	height: 60px;
	-webkit-border-radius: 30px;
	-moz-border-radius: 30px;
	-ms-border-radius: 30px;
	-o-border-radius: 30px;
	border-radius: 30px;
}
/* Blog Hover Effect */
.effect6 .overlay {
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	opacity: 0;
}
.effect6 .overlay a.expand {
	left: 0;
	right: 0;
	top: 0;
	margin: 0 auto;
	opacity: 0;
	-webkit-transition: all 0.5s;
	-moz-transition: all 0.5s;
	-o-transition: all 0.5s;
	transition: all 0.5s;
}
.effect6 .img.hover .overlay {
  	opacity: 1;
}
.effect6 .img.hover .overlay a.expand {
	top: 50%;
	margin-top: -30px;
	opacity: 1;
}
/* =========================== HEADER SECTION ============================== */
.header{
	padding-bottom:25px;
}
.title{
	font-size: 42px;
	font-family: 'Raleway', sans-serif;
	font-weight: 300;
	color: #495258;
	text-transform: uppercase;
	display: inline-block;
}

.title h2{
	border-bottom:1px solid #ccc;
	padding-bottom:20px;
	display:inline-block;
	font-weight: 300;
	font-family: 'Raleway', sans-serif;
	text-transform: uppercase;
}

.title span{
	font-weight: 700;
}	
.title h2:before{
	content:"";
	width:8px;
	height:8px;
	border-radius:50%;
-moz-border-radius:50%;
-webkit-border-radius:50%;
-o-border-radius:50%;
-ms-border-radius:50%;
	position:absolute;
	margin-top:50px;
}
	
.title:before{
	content:"";
	width:100px;
	height:1px;
	position:absolute;
	margin-top:73px;
	margin-left:auto;
	margin-right:auto;
}
.desc{
	font-size: 18px;
	font-weight: 300;
	padding:10px 0px;
	color: crimson;
	line-height: 1.8;
}
/* ------------- Sticky Container ------------- */
.sticky-wrapper.is-sticky .top-container {
	position: relative;
	padding: 10px 13px 10px;
}
.sticky-navigation {
	width: 100%;
	z-index: 1001;
}
#top-section .collapse.in{
	z-index:9999;
}
#top-section{
	display:none;
}
.is-sticky #top-section{
	display:block;
}
#header-top #top-section{
	display:block;
}
#sticky-section .dropdown i{
	font-size: 18px;
    margin:0 0px 0 5px;
    vertical-align: middle;
}
/* ------------- Logo Styles ------------- */
.top-container {
    left: 0;    
    right: 0;
    top: 0;
	padding-top: 30px;
	z-index: 99;
}
.site-logo a {
	font-family: 'Roboto', sans-serif;
	font-size: 26px;
	font-style: normal;
	font-weight: 300;
	color: #FFFFFF;
	text-transform: uppercase;
}
.logo-letter {
	font-weight: 700;
}
/* ------------- Navigation ------------- */
.top-navbar {
	margin: 0;
	min-height: auto;
}
.top-navbar ul.nav a {
	font-family: 'Roboto', sans-serif;
	font-size: 14px;
	font-weight: 400;
	font-style: normal;
	color: #FFFFFF;
}
.top-navbar ul.nav a:hover, .top-navbar ul.nav a:focus {
	background:none !important;
	color: #2a3643;
}
.navbar-toggle{
	background-color:#2c3e50;
	margin-top:-40px;
	margin-right:0px;
}
.navbar-toggle .icon-bar{
	background-color:#FFFFFF;
}
.navbar-nav{
	margin:0px;
}
.navbar-nav li a{
	padding-bottom:7px;
	padding-top:7px;
}
.top-navbar .dropdown a{
	background:none !important;
}
#topnav .nav li a:hover,
#topnav .nav li a:focus,
#topnav .nav li.active a{
	color:#000;
}
.top-navbar i{
	font-size:20px;
}
/* =========================== SLIDER SECTION ============================== */

.slide-btn {
	margin-top: 30px;
	font-family: 'Roboto', sans-serif;
	font-size: 18px;
	color: #FFFFFF;
	padding: 12px 34px;
	font-weight:normal;
	background: transparent;
	border:1px solid #ffffff;
	position: relative;
	transition: all 0.4s ease-in 0s;
	-moz-transition: all 0.4s ease-in 0s;
	-webkit-transition: all 0.4s ease-in 0s;
	-o-transition: all 0.4s ease-in 0s;
	-ms-transition: all 0.4s ease-in 0s;	
	animation: point-down 0.5s alternate infinite;
	-o-animation: point-down 0.5s alternate infinite;
	-moz-animation: point-down 0.5s alternate infinite;
	-webkit-animation: point-down 0.5s alternate infinite;	
}
.slide-btn a {
	color: #FFFFFF;
}
.slide-btn i{
	padding-left: 6px;
}
.slide-btn:hover{
	background: #FFFFFF;
	border:1px solid #ffffff;
}
.slide-btn:hover a, .slide-btn a:hover{
	color: #2c3e50;
}
.app-icons {
	display:block;
	margin:20px;
}
.app-icons i{
	font-size:35px;
	color:#ffffff;
	margin:4px;
}
.app-icons i:hover{
	transform:rotateX(360deg);
	-ms-transform:rotateX(360deg);
	-webkit-transform:rotateX(360deg);
	color:#2c3e50;
}

.sl-slider-wrapper {
	width: 100%;
	height: 100%;
}

#slides-changer {
    position: relative;
    position: absolute;
    z-index: 10000;
    bottom: 40px;
	color: #FFF;
	left: 0;
	right: 0;
	text-align: center;
	width: 100%;

}

/* ------------- Text Slider ------------- */
.text-slider-section {
	top: 50%;
	left: 0;
	right: 0;
	-webkit-transform: translateY(-50%);
	-moz-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	-o-transform: translateY(-50%);
	transform: translateY(-50%);
	width: 100%;
	height: auto;
	text-align: center;
	z-index: 2;
}
.text-slider li,
.ttl-text-slider{
	font-family: 'Roboto', sans-serif;
	text-transform:uppercase;
	font-size: 58px;
	color: #FFFFFF;
	font-weight: 300;
}
.text-slider li  span {
	font-weight:800;
}
.ttl-text-slider{
	font-family: 'Roboto', sans-serif;
	text-transform:uppercase;
	font-size: 58px;
	color: #FFFFFF;
	font-weight:800;
}
.slide-fixed-text {
	font-family: 'Roboto', sans-serif;
	font-size: 18px;
	font-weight:100;
	text-transform:uppercase;
	color: #efefef;
}
.text-slider-section .slide-btn{
	font-weight:normal;
}

/* =========================== WELCOME SECTION ============================== */
.welcome-section{
	position:relative;
}

.container.welcome-inner {
     padding-top: 60px;
}

/* =========================== FEATURES SECTION ============================== */
.features-section {
	background: #FFF;
	color: #909ba3;
	position:relative;
}
.container.features-inner {
    padding-top: 60px;
	padding-bottom: 0px;	
}
.features-section .title,
.features-section h3{
	color: #FFFFFF;
}

.features-content h5{
	font-size:16px;
	color:#ffffff;

}

.features-content h6{
	font-size:13px;
	color:#ffffff;

}
.features-list {
	padding:0px; 
font-family: "FUTURA","ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", "sans-serif"; 
}
.features-list-left{
	text-align:left;
}
.features-list-right{
	text-align:left;
}
.features-list li{
	list-style: none;
	padding:20px 0;
	line-height:2;
	font-size: 15px;
    font-weight: 300;
	position:relative;
}

.features-list li i{
	display:block;
	font-size:35px;
	padding:10px;
	border-radius:50%;
	-moz-border-radius:50%;
	-webkit-border-radius:50%;
	-o-border-radius:50%;
	-ms-border-radius:50%;
	border-top:1px solid #d9e2e9;
	border-bottom:1px solid #d9e2e9;
	width:80px;
	height:80px;
	margin:20px auto;
	line-height:60px;	
	-webkit-transition: all 0.5s ease;
	-moz-transition: all 0.5s ease;
	-ms-transition: all 0.5s ease;
	-o-transition: all 0.5s ease;
	transition: all 0.5s ease;
	text-align:center;
	position:absolute;
	top:10px;
}
.features-list  li:hover > i{	
	border-top:1px solid #d9e2e9;
	border-bottom:1px solid #d9e2e9;
	-webkit-transition: all 0.5s ease;
	-moz-transition: all 0.5s ease;
	-ms-transition: all 0.5s ease;
	-o-transition: all 0.5s ease;
	transition: all 0.5s ease;
	color:#ffffff;
}
.features-list-left li i{
	left:0px	
}
.features-list-right li i{
	right:0px;	
}
.features-list-left .features-content{
	margin-left:110px;
}
p 
.features-list-right .features-content{
	margin-right:110px;
}

.app-image{
	text-align:center;
	margin:0px auto;
	z-index:1;
}


/* =========================== ADDITIONAL SECTION ============================== */
.additional-section {
	background: #ffffff;
	position:relative;
}

.circle-bg{
	position:absolute;
	width:80px;
	height:80px;
	background-color:#fff;
	border-radius:50%;
	-moz-border-radius:50%;
	-webkit-border-radius:50%;
	-o-border-radius:50%;
	-ms-border-radius:50%;
	top:5px;
	left:0px;
	right:0px;
	margin:auto;
	text-align:center;
	font-size:20px;
	padding-top:5px;
	font-weight:700;
	z-index:-1;
	border-top:1px solid #d9e2e9;
}

.additional-title{
	z-index:100;
}
.container.additional-inner {
    padding-top: 60px;
	padding-bottom: 70px;	
}
.additional-section .title{
	color: #000000;
}

.additional-section h5{
	padding:0px 10px 5px 0;	
	font-size:18px;
	color:#ffffff;
	text-transform:uppercase;
}
.additional-features{
	position:relative;
	color:#909ba3;
	line-height:2;
	text-align:center;
}
.additional-features i{
	width:80px;
	height:80px;
	line-height:80px;
	color:#ffffff;
	font-size:40px;
	text-align:center;
	border-top:1px solid #d9e2e9;
	border-bottom:1px solid #d9e2e9;
	border-radius:50%;
	-moz-border-radius:50%;
	-webkit-border-radius:50%;
	-o-border-radius:50%;
	-ms-border-radius:50%;		
}
.additional-features:hover > i{
	transform: rotate( 360deg);
	-moz-transform: rotate( 360deg);
	-webkit-transform: rotate( 360deg);
	-o-transform: rotate( 360deg);
	-ms-transform: rotate( 360deg);
}
.additional-content{
	padding:15px 30px;
	margin-bottom:30px;
	margin: 0 auto; 
}
.additional-feature-image{
	z-index:1;
	text-align:center;
}
.features-border-top{
	border-top:1px solid;
	margin-top:40px;
}
.features-border-top .col-md-3{
	margin-top:-40px;
}
.features-border-top .col-md-3:after{
	content:"";
    position: absolute;
    top: 40px;
    left: 0;
    height: 40%;
    width: 1px;
}
.features-border-top .right-border:before{
	content:"";
    position: absolute;
    top: 40px;
    right: 0;
    height: 40%;
    width: 1px;
}

/* =========================== PRICING TABLE SECTION ============================== */
.price-table{
	background-color:#FFFFFF;
	border-bottom:2px solid #dce0e3;
}
.container.pricing-inner {
    padding-top: 60px;
	padding-bottom: 90px;	
}
.price-table .desc{	
	color:#99a3aa;
}

.pricing-title i{
	border-bottom:1px solid #dce0e3;
	margin-bottom:5px;
	padding-bottom:5px;
}
.price-table h3{
	font-size:26px;
	padding:20px;
	font-weight:500;
	margin-bottom:0px;
	border:1px solid #2c3e50;
	background-color:#2c3e50;	
	border-top-left-radius:5px;
	border-top-right-radius:5px;
}
.pricing-box{	
	border-radius:3px;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	-o-border-radius: 3px;
	-ms-border-radius: 3px;
}
.pricing-box ul{
	border-left:1px solid #e4e9ee;
	border-right:1px solid #e4e9ee;
	padding-left:0px;
	margin-bottom:0px;
}
.pricing-box li{
	list-style-type:none;
	padding:15px;
	color:#7a838a;
}
.pricing-box .list-bg{
	background-color:#f2f6fa;
}
.pricing-box .price{
	border-left:1px solid #e4e9ee;
	border-right:1px solid #e4e9ee;
	padding:16px 0px;
	font-size:36px;
}
.pricing-box .price h6{
	display:inline-block;
	font-size:36px;
}
.pricing-box .price span{
	font-size:13px;
	font-weight:normal;
}
.pricing-more{
	padding:5px;
	text-align: center;
	border:1px solid;	
	border-bottom-left-radius:5px;
	border-bottom-right-radius:5px;
}

.pricing-more i{
	font-size:28px;
}

.pricing-more:hover{
	background-color:#596067 !important;
	border:1px solid #596067;	
}
.pricing-more a{
	padding:10px 5px;
	color:#FFFFFF;
	display:block;
}

/* =========================== SCREENSHOTS SECTION ============================== */


.screenshots{
	position: inherit;
	background-size:cover;
	color:#fff;
	text-align:center;
}

.screenshots-inner{
	padding-top: 60px;
	padding-bottom: 90px;
}
.screen-img{
	padding:25px;
	text-align:center;
}

.screen-img img{
	border-radius:5px;
	border:8px solid #eee;
}

.owl-carousel .owl-item {
    cursor: pointer;
    float: left;
}

.screen-img .overlay{
	background:none;
}


/* =========================== OUR ACHIEVEMENT SECTION ============================== */
#counting{
	background:#FFFFFF;
}
.container.counting-inner {
    padding-top: 60px;
	padding-bottom:70px;	
}
.counting h3{
	margin: 0 auto;
	color:#909ba3;
	padding: 5px 0px;
}
.counting-box{
	border-top:1px solid #666666;
	margin-top:40px;
}
.counting-box .col-md-3{
	margin-top:-40px;
}
.counting-box .col-md-3:after{
	content:"";
    position: absolute;
    top: 5px;
    left: 0;
    height: 40%;
    width: 1px;
	background-color:#666666;
}
.counting-box .right-border:before{
	content:"";
    position: absolute;
    top: 5px;
    right: 0;
    height: 40%;
    width: 1px;
	background-color:#666666;
}
.counting-box{
	padding:35px 0px;
}
.counting-box i{
	font-size:50px !important;
	color:#596067;
	line-height:102px;
}
.fact-number {
	margin: 0 0 15px;
	padding: 0 0 15px;
}
.fact-number .factor {
	display: inline-block;
	line-height: 45px;
	padding:10px 0px;
	font-size: 60px;
	width: 160px;
	font-weight: 500;
}


/* =========================== VIDEO SECTION ============================== */

.demo-video{
	background:url(../images/bg/video-bg.jpg) no-repeat 100% fixed;
	position: inherit;
	background-size:cover;
	color:#fff;
	text-shadow: 0 1px 0 rgba(0, 0, 0, 0.1);
	position:relative;
}

.container.demo-video-inner {
    padding-top: 60px;
	padding-bottom:0px;	
}

.demo-video .title {
    color: #ffffff !important;
}

.video_bg{
	background:url(../images/video_bg.png) no-repeat center 100%;
	background-size:100%;
	max-width:700px;
	margin:0px auto;
	position:relative;
	padding:70px 0px 60px 0;
	margin-bottom:-30px;
	z-index:10;
}

.video_bg iframe{
	width:100%;
	max-width:544px;
}
	
/* =========================== HOW IT WORKS SECTION ============================== */
.how-it-works{
	background:#FFFFFF;
	border-bottom:2px solid #dce0e3;
}	
.container.how-it-works-inner {
    padding-top: 90px;
}
.how-it-works .header{
	padding-bottom:15px;
}
.how-it-works h3{
	font-size:22px;
	text-transform:uppercase;
}

.how-it-works ul{
	list-style-type:none;
	padding-left:0px;
}	
.how-it-works .about-right{
	padding:0 30px;
}	
.about-right .fa-comment-o{
	font-weight:400;
}
.benefits{
	position:relative;
	margin-top:-30px;
	margin-bottom:50px;
}

.phone-image-right {
    margin-left: -25%;
	position: relative;
}
.how-it-works ul li{
	padding:15px 5px 0px;
}	
.how-it-works i{
	float:left;
	color:#596067;
	font-size:35px !important;
	font-weight:600;
	line-height:25px;
	margin:10px 20px 5px 5px;
}
.how-it-works .flaticon-users2{
	font-size:45px !important;
	margin:10px 10px 5px 5px;
}
.how-it-works .flaticon-share26{
	margin:10px 20px 5px 9px;
}
.how-it-works .about-right p{
	color:#737a7f;
	font-size:15px;
	line-height:26px;
	font-weight:300;
}


/* =========================== TESTIMONIALS SECTION ============================== */

.testimonials .testimonials-inner{
	padding-top:50px;
	padding-bottom:0px;
}
.testimonials h3{
	color:#a8b1ba;
}

.testimonials  .feedback{
	margin-top:10%;
	text-align:center;
} 
.testimonials  .feedback p{
	font-size:17px;
	font-weight:300;
	line-height:1.8;
}
.testimonials .owl-controls{
	display:none !important;
}
.testimonials  .feedback h5{
	font-size: 18px;
    font-weight: 400;
    margin-top: 10px;
}
bg-text {
    background-color: #999999;
    overflow: hidden;
    padding: 20px 20px 100px 20px;
    position: relative;
}
.bg-text:after {
    color: #777777;
    content: attr(data-bg-text);
    display: block;
    font-size: 120px;
	font-weight:bold;
	transform:rotate(-15deg);
    line-height: 1;
    position: absolute;
    bottom: -15px;
    right: 10px;
	opacity:.1;
}

/* =========================== TEAM SECTION ============================== */
.team{
	background:url(../images/bg/additional-features-bg.jpg) no-repeat 100% fixed;
	position: inherit;
	background-size:cover;
	position:relative;
}
.team .container.team-inner {
    padding-top: 60px;
	padding-bottom: 70px;	
}
.team .title{
	color: #FFFFFF;
}
.team .team-box {
	margin:20px 0px;
	border-radius: 3px;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	-o-border-radius: 3px;
	-ms-border-radius: 3px;
	border-bottom:5px solid;
	position: relative;
}
.team .team-box-inner {
	padding: 0px;
}
.team .team-box-inner h3{
	margin-top:15px;
	color:#ffffff;
}
.team .team-box-inner p {
	padding:5px 5px 7px 5px;
	color:#ffffff;
}

.team .social-icon.top,
.team .social-icon.bottom{
	left: 0;
    margin: auto;
    padding: 13px 0;
    position: relative;
    right: 0;
    text-align: center;
}

.team .social-icon i{
	font-size:15px;
	line-height:35px;
	margin:0 7px;
	border-radius:50px;
	-moz-border-radius: 50px;
	-webkit-border-radius: 50px;
	-o-border-radius: 50px;
	-ms-border-radius: 50px;
	color:#FFFFFF;
	width:35px;
	height:35px;
}

.team-box-inner .about-member{
		opacity:0;
		text-align:center;
		position:absolute;
		top:10px;
		padding-bottom:10px;
		left:0;
		right:0px;	
}
.team-box-inner:hover img{
		opacity:.2;
}
.team-box-inner:hover .about-member{
		opacity:1;
			
}

.facebook{
		background-color:#204385;
}
.twitter{
		background-color:#2aa9e0;
}
.linkedin{
		background-color:#02669a;
}
.google{
		background-color:#d3492c;
}
.pinterest{
		background-color:#ca2128;
}
.youtube{
		background-color:#eb2429;
}
.vimeo{
		background-color:#20b7ec;
}
.flickr{
		background-color:#f14c8e;
}


/* =========================== NEWS SECTION ============================== */
.blog .blog-box{
	margin-bottom:10px;
}
.blog .blog-inner{
	padding-top:60px ;
	padding-bottom:80px;
}
.blog .blog-box.img{
	display: inline-block;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
    -khtml-border-radius: 50%;
}
.blog .blog-box img{		
	width:80px;
	height:80px;
	border-radius:50%;
	-moz-border-radius:50%;
	-webkit-border-radius:50%;
	-o-border-radius:50%;
	-ms-border-radius:50%;
	text-align:center;
}
.blog .title-top{
	margin:0px;
}
.blog .effects .img{
	margin-bottom:0px;
}
.blog-image.img .img-icon{
	font-size:40px;
	width:80px;
	height:80px;
	line-height:80px;
	border-radius:50%;
	text-align:center;
	border:1px solid #333;
}
.blog-content{
	padding:8px 0px 45px 20px;
	text-align:left;
	margin-left:100px;
}
.blog-content h2{
	font-weight:300;	
	margin-top: 0;
	font-size:24px;
	text-transform:uppercase;
}
.blog-content h2 a:hover{
	color:#333333;
}
.blog-content p{
	line-height:26px;
	color:#717b82;
}
.blog-content .comments{
		padding:5px 5px 15px 5px;
}
.blog .btn{
	padding:7px 15px 8px;
	font-weight:normal;
	margin-top:10px;
	font-size:15px;
}
.blog .slide-btn{
	background-color:#596067;
}
.blog .btn i{
	vertical-align:text-bottom !important;
}
.blog .btn:hover{
	color:#FFFFFF !important;
}
.blog .load-post .btn{
	background-color:#2c3e50;
	padding:15px 0px;
	width:100%;
	color:#d9e2e9;
}
.blog .load-post .btn:hover{
	color:#FFFFFF;
}
.blog .blog-scroll-section .effects .img {
	position: absolute;
	overflow: hidden;
	margin:0px auto;
	padding:10px;	
	width:100px;
	height:100px;
	border-radius:50%;
	-moz-border-radius:50%;
	-webkit-border-radius:50%;
	-o-border-radius:50%;
	-ms-border-radius:50%;
	border-top:1px solid #333;
	border-bottom:1px solid #333;	
}
.blog-image.img.overlay{
	border-radius:50% !important;
	-moz-border-radius:50% !important;
	-webkit-border-radius:50% !important;
	-o-border-radius:50% !important;
	-ms-border-radius:50% !important;
}
.news-info div{
	display: inline-block;
	padding-right:10px;
}
.news-info div .fa{
	padding-right:5px;
}


/* =========================== SKILL SECTION ============================== */
.skill{
	background:url(../images/bg/expertise-bg.png) center;
}
.skill .skill-inner{
	padding-top:50px;
	padding-bottom:70px;
}
.skill h3{
	color:#a8b1ba;
}
.piechart {
    position: relative;
    display: inline-block;
    text-align: center;
    margin: 35px 0px;
    width: 100%;
}
.piechart canvas {
    position: absolute;
    top: 0;
    left: 46%;
    margin-left: -97px;
    color: #E26853;
}
.piechart span {
    border-radius: 100%;
	-moz-border-radius: 100%;
	-webkit-border-radius: 100%;
	-o-border-radius: 100%;
	-ms-border-radius: 100%;
    color: #FFFFFF;
    display: block;
    font-size: 60px;
	font-weight:500;
    height: 162px;
    left: 50%;
    line-height: 200px;
    margin-bottom: 25px;
    margin-left: -75px;
    position: relative;
    top: 5px;
    width: 162px;
    z-index: 2;
}
.piechart span:after {
    content: '%';
    font-size: 60px;
}

/* Load More */
.load-more{
	display: none;
}
.load-more.active{
 	display: block;
}

/* =========================== CLIENT SECTION ============================== */
.container.client-inner {
    padding-top: 60px;
	padding-bottom: 60px;	
}
.client1, .client2{
	padding:15px 0px;
	color:#717b82;
}
.client1 span, .client2 span{
	font-size:15px;
	color:#717b82;
	font-style:normal;
	font-weight:normal;
}
.client-inner h5{
	font-size:16px;
	color:#495258;
	font-weight:700;
}
.client-inner h3{
	font-weight:600;
}
.client-inner p{
	font-size:15px;
	line-height:26px;
}
.clients .client-logo .divider{
	float:left;
	margin:-23px 25px 0 20px;
}
.clients .client-logo .logo-top, .clients .client-logo .logo-bottom{
	padding:5px 30px;
}
.clients .client-logo .logo-top img, .clients .client-logo .logo-bottom img{
	margin:15px 35px;
}
.clients .client-logo .logo-top img,  .clients .client-logo .logo-bottom img { 
	filter: url("data:image/svg+xml;utf8,<svg xmlns=\'https://www.w3.org/2000/svg\'><filter id=\'grayscale\'><feColorMatrix type=\'matrix\' values=\'0.9999 0.9999 0 1 0\'/></filter></svg>#grayscale"); /* for Webkit browsere, Chrome 19+, Safari 6+ ... */
	-webkit-filter: grayscale(0.5); 
	 /* for IE6+ */  
	 -moz-filter: grayscale(0.5);  
	 -ms-filter: grayscale(0.5);  
	 -o-filter: grayscale(0.5);  
	 filter: grayscale(0.5); 
	 opacity:0.65; 
	 filter: gray;
}
.clients .client-logo .logo-top img:hover, .clients .client-logo .logo-bottom img:hover  {
	filter: url("data:image/svg+xml;utf8,<svg xmlns=\'https://www.w3.org/2000/svg\'><filter id=\'grayscale\'><feColorMatrix type=\'matrix\' values=\'1 0 0, 1 0\'/></filter></svg>#grayscale");
	/* for Webkit browsere, Chrome 19+, Safari 6+ ... */  
	-webkit-filter: grayscale(0);  
	/* for IE6+ */  
	filter: gray; 
	opacity:1;
	-moz-filter: grayscale(0);  
	-ms-filter: grayscale(0);  
	-o-filter: grayscale(0);  
	filter: grayscale(0);
}
/* =========================== TWITTER FEED SECTION ============================== */
.twitter-feed-facebbok{
    text-align: center;
	padding-bottom:15px;
	background-color:#ffffff;
}
.twitter-feed-facebook .owl-buttons{
	display:none;
}
.tweet-facebook{
	padding:12px 0px 5px;
}
.twitter-feed-facebook i{
	margin:-35px 0;
	border-radius:50%;
-moz-border-radius:50%;
-webkit-border-radius:50%;
-o-border-radius:50%;
-ms-border-radius:50%;
	padding:10px;
	color:#3B5998;
}
.twitter-feed-facebook .owl-pagination,
.twitter-feed-facebook .icon-twitter, .twitter-feed .tweet_time, .twitter-feed .username{
	display:none;
}
.twitter-feed-facebook .tweet_text{
	color:#3B5998;
	font-family: "futura", 'Noto Sans JP', "Yu Gothic Medium", "游ゴシック Medium", YuGothic, "游ゴシック体", "ヒラギノ角ゴ Pro W3", "メイリオ", "sans-serif";
	font-size:14px;
	font-weight:300;
	font-style:italic;
}
.twitter-feed-facebook .tweet_user a, .tweet_text a{
	text-decoration:underline;
}
.twitter-feed-facebook .tweet_user a, .tweet_text a, .twitter-feed .tweet_text, .username{	
	color:#3B5998;
}

/* =========================== SUBSCRIBE SECTION ============================== */
.subscribe{
	background: #2c3e50;
}
.container.subscribe-inner {
    padding-top: 60px;
	padding-bottom: 80px;	
}
.subscribe .title{
	color:#FFFFFF;
}

.form-control-lg {
    font-size: 18px;
    height: 60px;
    line-height: 30px;
    padding: 15px 25px;
}
.subscribe-form-submit {
    border-bottom-left-radius: 0;
    border-top-left-radius: 0;
    position: absolute;
    right: 0;
    top: -1px;
    width: 150px;
	color:#ffffff;
}
.form-horizontal .subscribe-form-input.has-feedback .form-control-feedback{
	right:150px;
	top:13px !important;
}
.btn-lg {
    padding: 18px 25px;
}
.subscribe .form-control::-moz-placeholder{
	color:#b4c3d2 !important;
	opacity:0.98 !important;
	font-weight:300!important;
}
.subscribe .form-control::-webkit-input-placeholder{ 
	color:#b4c3d2 !important;
	opacity:1;
}

/* =========================== CONTACT US SECTION ============================== */
.contact{
	background:url(../images/contact.jpg);
}

.container.contact-inner {
    padding-top: 60px;
	padding-bottom: 80px;	
}
.contact .header{
	padding-bottom:15px;
}
.contact .form-control{
	background:#263545;
	opacity:0.60;
	color:#b4c3d2 !important;
	border:1px solid #2c3e50;
	height:60px;
	border-radius:3px;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	-o-border-radius: 3px;
	-ms-border-radius: 3px;
}
.contact .form-message{
	color:#FFFFFF;
	padding:5px 0 10px;
	text-align:center;
}
.forms .error, .forms .error:focus{
	border:1px solid #d99898;
}
.contact textarea.form-control{
	height:200px;
}
.contact .btn{
	margin-top:5px;
}
.contact .form-horizontal .form-group{
	margin:5px 0px;
}
.contact .form-control::-moz-placeholder{
	color:#b4c3d2 !important;
	opacity:0.98 !important;
}
.contact  .form-control:focus{
	color:#b4c3d2 !important;
	opacity:1 !important;
}
.contact .form-control::-webkit-input-placeholder{ 
	color:#b4c3d2 !important;
	opacity:1;
}
.contact .btn{
	width:100%;
	height:60px;
	padding:16px 0px;
	color:#FFFFFF;
	font-size:18px;
	font-weight:normal;
	border:0px;
	border-radius:3px;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	-o-border-radius: 3px;
	-ms-border-radius: 3px;	
}
.contact .btn i{
	margin:0 12px;
}
.contact .btn:hover{
	background-color:#FFFFFF !important;
}
.contact .btn:hover a, .contact .btn:focus a, .contact .btn a {	
	color:#FFFFFF;
}

/* =========================== DOWNLOAD NOW  ============================== */

.download-now{
	background:#1d2c39;
	position:relative;
}
.download-now .btn i{
	font-size:30px;
	margin-left:10px;
	margin-right:10px;
}
.download-now .slide-btn{
	font-size:20px;
}
.download-now .btn{
	margin:10px 10px;
	padding:20px 40px 20px 20px;
	font-size:20px;
	font-weight:300;
	text-transform:uppercase;
}
.download-now .btn.iphone{
	margin:0px 5px;
	padding:20px 20px 20px 40px;
}
.download-now-inner {
    padding-top: 60px;
	padding-bottom: 60px;	
}

.iphone{
	color:#fff;
}
.iphone:hover,
.btn.bg-color:hover{
	color:#fff;
	background: transparent;
	border:1px solid #35495d;
}


/* =========================== FOOTER SECTION ============================== */

/* =========================== Social Media  ===========================*/

.social-media{
	text-align:center;
	border-top:1px solid #35495d;
	padding-top:30px;
}
.social-media i{
	width:70px;
	height:70px;
	line-height:70px;
	border:0px solid #ddd;
	border-radius:50%;
-moz-border-radius:50%;
-webkit-border-radius:50%;
-o-border-radius:50%;
-ms-border-radius:50%;
	margin:5px;
	font-size:20px;
	color:#ffffff;
	background:transparent;
	border-top:1px solid #35495d;
	border-bottom:1px solid #35495d;
}

/* =========================== Copyrights ============================== */

.copyright{
	background-color:#1d2c39;
	padding:13px 0px;
	color:#FFFFFF;
}
.copyright p,
.copyright a{
	font-size:14px;
	padding-top:15px;
	font-weight:normal;
	color:#d9e2e9;
}
.copyright .copyright-social-icon i:hover, .copyright .copyright-social-icon i, .team .social-icon i, .team .social-icon i:hover, .contact .btn:hover, .contact .btn, .blog .btn, .pricing-more:hover, .pricing-more, .service-more:hover, .service-more, .blog-single .btn, .blog-single .btn:hover,
.social-media i:hover, 
.social-media i,
.app-icons i:hover,
.app-icons i,
.additional-features:hover > i,
.additional-features > i,
.pricing-box:hover,
.pricing-box,
.screen-img:hover,
.screen-img ,
.team-box-inner .about-member,
.team-box-inner:hover .about-member,
.team-box-inner:hover img,
.team-box-inner img
{
	transition: all 0.2s ease-in 0s;
	-moz-transition: all 0.2s ease-in 0s;
	-webkit-transition: all 0.2s ease-in 0s;
	-o-transition: all 0.2s ease-in 0s;
	-ms-transition: all 0.2s ease-in 0s;
}

.pricing-box:hover,
.screen-img:hover{
	transform: scale(1.1);
	-moz-transform: scale(1.1);
	-webkit-transform:scale(1.1);
	-o-transform: scale(1.1);
	-ms-transform:scale(1.1);
}

/* =========================== PAGES ============================== */
/* ------------- Blog ------------- */
.blog-outer{
	margin:20px 0 0;
	padding:45px 0 15px;
}
#blog-outer a{
	text-decoration:none !important;
}
.blog-outer .blog-inner{
	margin:30px 0px 45px;
	border:1px solid #CCCCCC;
	border-radius:3px;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	-o-border-radius: 3px;
	-ms-border-radius: 3px;
	padding:10px 0px;
	box-shadow: 0 0 0 4px #f0f0f0;
	-moz-box-shadow: 0 0 0 4px #f0f0f0;
	-webkit-box-shadow:0 0 0 4px #f0f0f0;
}
.blog-outer .blog-inner img{
	padding-bottom:10px;
}	
.blog-outer .blog-status ul{
    font-size: 13px;
    list-style: none outside none;
	background:#f9f9f9;
	border-top:1px solid #f0f0f0;
	border-bottom:1px solid #f0f0f0;
    padding: 10px 0px;
	margin-left:-15px;
	margin-right:-15px;
    text-align: right;
}
.blog-outer .blog-status .blog-date{
	padding:10px 0px;
}
.blog-outer .blog-status .blog-date .span-inner{
	font-size:16px;
}
.blog-outer .blog-status .blog-title{
	font-size:24px;
	border-left:1px solid #CCCCCC;
}
.blog-outer .blog-status li{
	display:inline;
	padding:0 20px;
}
.blog-outer .blog-status p{
	padding:10px 0 5px;
	line-height:26px;
	color:#717b82;
}	
.blog-outer .blog-status i{
	margin:5px 8px;
}
.blog-outer .blog-social{
	padding:10px 0px 0px;
}
.blog-outer .blog-inner-bottom .social-title{
	padding:3px 0 0 0;
}
.blog-outer .blog-social i{
	font-size:20px;
	line-height:33px;
	margin:0 7px;
	border-radius:5px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	-o-border-radius: 5px;
	-ms-border-radius: 5px;
	background-color:#CCCCCC;
	color:#FFFFFF;
	width:33px;
	text-align:center;
	height:33px;
}
.blog-outer .btn a{
	color:#FFFFFF;
}
.blog-inner-bottom{
	border-top:1px solid #CCCCCC;
	padding:0px 8px;
}
.blog-outer .blog-social i:hover{
	color:#FFFFFF;
}
.blog-outer .blog-status .read-more:hover{
	text-decoration:underline;
}
.blog-outer .post-video iframe{
	width:100%;
}
/* ------------- Blog Right Part Sidebar ------------- */
.blog-outer .sidebar{
	margin:30px 0px;
	padding:0px 20px;
}
.blog-outer .sidebar a{
	color:#666666;
}
/* Blog Search Box */
.blog-outer .sidebar .form-control{
	border-right:hidden !important;
	box-shadow:none;
	height:40px;
	background:none;
	border-radius:none;
}
.blog-outer .input-group .form-control, .blog-outer  .input-group-addon{
	border-radius:0px;
	-moz-border-radius: 0px;
	-webkit-border-radius: 0px;
	-o-border-radius: 0px;
	-ms-border-radius: 0px;
}
.blog-outer .sidebar .form-control:focus{
	border:1px solid #CCCCCC !important;
	border-right:hidden !important;
	box-shadow:none;
}
.blog-outer .form-control::-moz-placeholder{
	color:#999999 !important;
	background-color:none;
}	
.blog-outer .input-group-addon {
	background:none;
	border-left:hidden;
}
/* Sidebar Social */
.sidebar-social{
	padding:40px 0px 10px;
}
.sidebar-social ul{
	padding-left:0px;
}
.sidebar-social span {
    display: inline-block;
    padding: 0 9px 6px;
}
.sidebar-social li{
	border:1px solid #CCCCCC;
	margin:13px 0px;
	list-style-type:none;
	box-shadow: 0 0 0 4px #f0f0f0;
	-moz-box-shadow: 0 0 0 4px #f0f0f0;
	-webkit-box-shadow:0 0 0 4px #f0f0f0;
}
.sidebar-social li a i{
	float:right;
	color:#999;
	font-size:15px;
	line-height:25px;
}
.sidebar-social li i{
	font-size:25px;
	padding:8px 0px;
	margin-right:5px;
	text-align:center;
	width:43px;
	height:43px;
	color:#FFFFFF;
	display:inline-block;
}
.fa-twitter{
	background-color:#54c8f9;
}
.fa-facebook{
	background-color:#3f61a9;
}
.fa-linkedin{
	background-color:#2d95d2;
}
.fa-google-plus{
	background-color:#ef6565;
}
.fa-pinterest{
	background-color:#d94134;
}
/* Sidebar Facebook */
.sidebar-facebook{
	margin:30px 0px;
	padding:10px 0px 10px;
	border:1px solid #CCCCCC;
	box-shadow: 0 0 0 4px #f0f0f0;
	-moz-box-shadow: 0 0 0 4px #f0f0f0;
	-webkit-box-shadow:0 0 0 4px #f0f0f0;
}
.sidebar-facebook .facebook-inner{
	padding:15px 24px 25px;
}
.sidebar-facebook h4{
	padding:0 10px;
}
.sidebar-facebook ul{
	padding-left:0px;
	margin:15px 5px;
	border-top:1px solid #CCCCCC;
	border-bottom:1px solid #CCCCCC;
}
.sidebar-facebook li{
	margin:5px 0px 0px;
	display:inline-block;
	list-style-type:none;
}
.sidebar-facebook .fa-facebook{
	background-color:#3f61a9;
}
.sidebar-facebook i{
	font-size:18px;
	padding:3px 0px;
	margin:0 10px;
	text-align:center;
	width:20px;
	height:20px;
	color:#FFFFFF;
}
/* Twitter Sidebar */
.sidebar .twitter-feed{
	background-color:#FFFFFF !important;
	padding:10px 0px 5px;
	position:relative;
	border:1px solid #CCCCCC;
	box-shadow: 0 0 0 4px #f0f0f0;
	-moz-box-shadow: 0 0 0 4px #f0f0f0;
	-webkit-box-shadow:0 0 0 4px #f0f0f0;
}
.sidebar .twitter-feed i{
	text-align:center;
	background-color:#FFFFFF !important;
	margin:0 auto;
	color:#3498db;
}
.sidebar .tweet{
	padding:5px 0px;
}
.sidebar .twitter-feed .owl-buttons{
	display:inherit;
}
.sidebar .owl-theme .owl-controls .owl-buttons div:before{
	font-size:12px;
	line-height:32px;
	color:#333333;
	width:20px;
}
.sidebar .owl-buttons .owl-next{
	right:41%;
}
.sidebar .owl-buttons .owl-prev{
	left:41%;
}
.sidebar .owl-carousel .owl-item{
	padding:10px 20px;
}
.sidebar .owl-theme .owl-controls{
	margin-top:0px;
}
.sidebar .owl-theme .owl-controls .owl-buttons div{
	position:absolute;
	top:-22px;
	padding:0px;
}
.sidebar .owl-theme .owl-controls .owl-buttons .owl-prev, .sidebar .owl-theme .owl-controls .owl-buttons .owl-next {
	color:#333333 !important;
	height:35px;
    width: 30px;
}
.sidebar .twitter-feed .tweet_text, .sidebar .username{
	font-size:12px;
	font-weight:500;
	color:#666666;
	font-style:italic;
}
/* Blog Categories */	
.blog-outer .categories{
	margin:30px 0px;
}	
.blog-outer .categories ul{
	list-style: none outside none;
    padding: 10px 0px;
    text-align: left;	
}	
.blog-outer .categories li{
	padding:10px 0 10px 5px;
	transition:all 0.6s ease 0s;
}
.blog-outer .categories li:hover{
	background:#f3f3f3;
	transition:all 0.6s ease 0s;
}
.blog-outer .categories i{
	float:right;
}
/* Blog Tags */
.blog-outer .tags{
	margin: 40px 0;
}
.blog-outer .tags ul{
	padding-left:0px;
}
.blog-outer .tags li{
	display:inline-block;
	margin:2px;
	padding:5px 7px;
	border:1px solid;
	transition:all 0.4s ease 0s;
}	
.blog-outer .tags li:hover{
	background:#CCCCCC;
	transition:all 0.4s ease 0s;
}
.blog-outer .tags li:hover a{
	color:#FFFFFF !important;
}
.blog-outer .tags  h4, .blog-outer .categories h4, .blog-outer .recent-comments h4, .blog-outer .archives h4{
    border-bottom: 1px solid #d9e1f0;
    font-size: 18px;
	font-weight:700;
    margin: 0 0 8px;
    padding: 0 0 10px;
}
/* Blog Recent Comments and Archives */
.blog-outer .recent-comments {
    margin: 50px 0;
}
.blog-outer .sidebar .recent-comments p, .blog-outer .sidebar .archives p{
	padding:15px 0px;
	margin:0px;
	line-height:26px;
	border-bottom:1px dashed #CCCCCC;
	font-size:14px;
}
.blog-outer .archives p i{
	float:right;
	font-size:15px;
}
/* ------------- Blog Single Page ------------- */

blockquote{
	border-left:0;
}
.blog-single blockquote{
	border-left:5px solid;
	margin:50px 0px;
	padding:30px 20px;
	font-size:13px;
}
.blog-single  blockquote img{
	float:left;
	margin:-20px 20px 0 0;
}	
.blog-single  blockquote h3{
	margin:5px 0px;
}	
.blog-single .blog-status p{
	padding:10px 0px 5px;
}
.blog-single .form-section{
	padding:20px 0px;
}
.blog-single .btn:hover{
	background-color:#CCCCCC;
}
.blog-single blockquote .author-name {
	color: #26455F;
	font-size: 16px;
	font-weight: bold;
	margin-bottom: 0;
	padding: 0;
	position: relative;
}
/* Comments */
.comments{
	padding:20px 0px;
}
.image-circle {
	border-radius: 500px;
	-moz-border-radius: 500px;
	-webkit-border-radius: 500px;
	-khtml-border-radius: 500px;
	-ms-border-radius: 500px;
	-o-border-radius: 500px;
}
.comment-wrap {
	background-color: #f6f6f6;
	display: block;
	margin: 30px 0px;
	padding: 25px 29px;
	position: relative;
}
.comment-reply {
	margin-left: 30px;
	border-left:5px solid;
}
.comment-wrap .image-holder {
	float: left;
	margin-right: 16px;
	position: relative;
	width: 61px;
	z-index: 30;
}
.comment-wrap .name {
	font-size: 16px;
	font-weight: bold;
	margin-bottom: 0;
	padding: 0;
	position: relative;
}
.comment-wrap .date {
	font-size: 12px;
	font-weight: 300;
	padding: 0 0 10px;
}
.comment-wrap .message{
	font-size:14px;
}
.comment-wrap i{
	padding:0px 8px;
}
/* ------------- Blog Single Contact Form ------------- */
.blog-single .form-control{
	border:0px;
	height:40px;
	border-radius:0px;
	-moz-border-radius: 0px;
	-webkit-border-radius: 0px;
	-o-border-radius: 0px;
	-ms-border-radius: 0px;
	border:1px solid #CCCCCC;
	box-shadow:none;
}
.blog-single textarea.form-control{
	height:130px;
}
.blog-single .form-control:focus{
	border:1px solid #CCCCCC !important;
}
.blog-single .form-horizontal .form-group{
	margin:20px 0px;
}
.blog-single .btn{
	width:130px;
	background-color:#2c3e50;
	padding:7px 10px;
	font-size:16px;
	margin-top:0px;
	color:#ffffff;
	font-weight:normal;
	height:40px;
	border:0px;
	border-radius:3px;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	-o-border-radius: 3px;
	-ms-border-radius: 3px;
}
.blog-single .btn:hover{
	color:#FFFFFF;
}
/* ------------- Blog Grid ------------- */
.grid-posts{
	margin:10px 0px;
	padding:0 15px;
	width:33.3%;
}
.blog-grid .blog-status li{
	padding:0 5px;
}
.blog-grid .blog-status ul{
	text-align:center;
	margin-left:-15px;
	margin-right:-15px;
}
.blog-grid .blog-inner {
    padding: 10px 0px;
	margin:0px !important;
}
.blog-grid .embed-container, .blog-timeline .embed-container { 
	position: relative;
	padding-bottom: 56.25%; 
	overflow: hidden; 
	max-width: 100%; 
	height: 225px; 
} 

.blog-grid .embed-container iframe, 
.blog-grid .embed-container object, 
.blog-grid .embed-container embed , 
.blog-timeline .embed-container iframe, 
.blog-timeline .embed-container object, 
.blog-timeline .embed-container embed { 
	position: absolute; 
	top: 0; 
	left: 0;
	width: 100%; 
	height: 100%; 
}
.blog-grid .social-title i, .blog-timeline .social-title i{
	margin:5px 7px;
	text-align:left;
}
.blog-grid .flexslider, .blog-timeline .flexslider{
	background:none !important;
	border:0px;
	border-radius:0px;
	box-shadow:none;
}
.blog-grid .blog-status .flexslider ul{
	border:0px;
	background:none;
	padding:0px 10px;
}
.blog-grid .flex-direction-nav-on-top .flex-direction-nav{
	right:16px;
}
.blog-grid .blog-social i, .blog-timeline .blog-social i{
	margin:0 4px;
}
.blog-grid .blog-social, .blog-timeline .blog-social {
	padding:10px 4px 0;
}
/* ------------- Blog Timeline ------------- */
.blog-timeline .flex-direction-nav-on-top .flex-direction-nav{
	right:16px;
}
.blog-timeline-event .slides li{
	padding:0 10px !important;
}
.blog-timeline .blog-status .flexslider ul {
	border:0px;
	background:none;
	padding:0 5px;
}
.timeline-title {
    display: block;
    margin: 10px auto;
    text-align: center;
}
.timeline-title2 {
    display: block;
    margin: 40px auto 11px;
    text-align: center;
}
.timeline-title span, .timeline-title2 span{
    border-radius: 3px;
    color: #fff;
    padding: 8px 15px;
}
.blog-timeline .blog-inner {
    box-shadow: 0 0 0 4px #dddddd;
}
.blog-timeline-left {
    border-right: 5px solid #ddd;
}
.blog-timeline-event-left {
    position: relative;
    width: 97%;
	padding:0 20px;
}
.blog-timeline-event-left:before {
    margin-left: -12px;
    right: -44px;
}
.blog-timeline-event-left:before {
    margin-left: -12px;
    right: -41px;
}
.blog-timeline-event-left:before {
    border: 4px solid #ddd;
    border-radius: 50px;
    content: "";
    height: 20px;
    margin-left: -12px;
    position: absolute;
    right: -45px;
    top: 13px;
    width: 20px;
    z-index: 10;
}
.blog-timeline-event-left:after {
    border-color: transparent transparent transparent #dddddd;
    border-width: 14px 0 14px 20px;
    right: 0px;
}
.blog-timeline-event:after {
    border-style: solid;
    content: "";
    height: 0;
    position: absolute;
    top: 9px;
    width: 0;
}
/* Timeline Right */
.blog-timeline-right {
    padding-top: 100px;
}
.blog-timeline-event-right {
    margin-left: 3%;
	padding:0px 20px;
    position: relative;
    width: 97%;
}
.blog-timeline-event-right:before {
    left: -32px;
    margin-left: -12px;
}
.blog-timeline-event-right:before {
    left: -29px;
    margin-left: -12px;
}
.blog-timeline-event-right:before {
    border: 4px solid #ddd;
    border-radius: 50px;
    content: "";
    height: 20px;
    left: -34px;
    margin-left: -12px;
    position: absolute;
    top: 13px;
    width: 20px;
    z-index: 10;
}
.blog-timeline-event-right:after {
    border-color: transparent #dddddd transparent transparent;
    border-width: 14px 20px 14px 0;
    left: 0px;
}
.blog-timeline-event:after {
    border-style: solid;
    content: "";
    height: 0;
    position: absolute;
    top: 9px;
    width: 0;
}
/* Pagination */
.pagination{
	display:block;
	margin:0px auto;
	text-align:center;
}
.pagination ul {
	display: inline-block;
	margin:20px auto;
	padding: 0;
}
.pagination ul > li {
	display: inline;
}
.pagination ul > li > a, .pagination ul > li > span {
	color: #555555;
	float: left;
	line-height: 24px;
	padding:3px 12px 6px;
	text-decoration: none;
	-moz-transition: background-color 0.2s linear 0s, color 0.2s linear 0s;
	-webkit-transition: background-color 0.2s linear 0s, color 0.2s linear 0s;
	-khtml-transition: background-color 0.2s linear 0s, color 0.2s linear 0s;
	-o-transition: background-color 0.2s linear 0s, color 0.2s linear 0s;
	-ms-transition: background-color 0.2s linear 0s, color 0.2s linear 0s;
	transition: background-color 0.2s linear 0s, color 0.2s linear 0s;
}
.pagination ul > .disabled > span, .pagination ul > .disabled > a, .pagination ul > .disabled > a:hover, .pagination ul > .disabled > a:focus {
	border-radius: 0;
	color: #FFFFFF;
}
.pagination ul > .active > a, 
.pagination ul > .active > a:hover, 
.pagination ul > .active > a:focus, 
.pagination ul > .active > span {
	background-color:#666666 !important;
	color: #FFFFFF;
	cursor: default;
}
.pagination ul > li > a, .pagination ul > li > span {
	color: #FFFFFF;
}
.pagination ul > li > a:hover, 
.pagination ul > li > a:focus {
	background-color: #BBBBBB !important;
}

/* -------------- PORTFOLIO  ------------------ */
#portfolio{
	background:#f2f6fa;
	padding-bottom: 80px;
	border-bottom:2px solid #dce0e3;
	overflow-x:hidden;
}
.container.work-inner {
    padding-top: 60px;
	padding-bottom: 20px;	
}
.work {    
	padding: 0;	
}
.effects .work-image {
	margin-bottom: 3px;   
	box-shadow: -2px -0.4px 0px 1px #f2f6fa;
	-moz-box-shadow: -2px -0.4px 0px 1px #f2f6fa;
	-webkit-box-shadow: -2px -0.4px 0px 1px #f2f6fa;
	-o-box-shadow: -2px -0.4px 0px 1px #f2f6fa;
	-ms-box-shadow: -2px -0.4px 0px 1px #f2f6fa;
	position:relative;
}
.work-image img {
	width: 100%;
	height: 100%;
}
.portfolio-items .mix {
	display: none;
}

/* ------------- FAQ ------------- */
.faq{
	margin-top:60px;
	padding-bottom:90px;
}
.faq h3{
	padding:0 0 10px 0;
}
.faq .panel-group{
	margin:10px 0px;
}	
.faq .panel-group .panel{
	border-radius:2px;
	-moz-border-radius: 2px;
	-webkit-border-radius: 2px;
	-o-border-radius: 2px;
	-ms-border-radius: 2px;
	margin:3px 0px;
}
.faq .panel-heading{
	padding:15px;
	background:none;
}
.faq .panel-default{
	border-color:#CCCCCC;
}
.faq .panel-title a{
	text-transform:capitalize;
	line-height:25px;
}
/* Faq Left Part */
.faq .left-part .panel-group .panel{
	border:0px;
	box-shadow:none;
}
.faq .left-part .faq-panel .accordion-toggle:before {
	padding: 4px 6px;
	margin-left: -12px;
	content: "\f068";
	color:#FFFFFF;
	border-radius:3px;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	-o-border-radius: 3px;
	-ms-border-radius: 3px;
	font-family: "fontawesome";
	transition: all ease 0.6s;
}	
.faq .left-part .faq-panel .accordion-toggle.collapsed:before {
    content: "\f067";
}
.faq .left-part .panel-body{
	background:none;
	color:#1f1f1f;
	line-height:26px;
	padding:10px 25px 10px 35px;
}
.faq .left-part .panel-title h4{
	margin-left:10px;
}
.faq .right-part .panel-body{
	padding:10px 25px 10px 15px;
	line-height:26px;
}
.faq-copy{
	padding:20px 0px 10px;
	box-shadow: 0px 1px 4px rgba(0,0,0, 0.1);
}
/* ------------- Shortcodes ------------- */
#header-top #top-section-sticky-wrapper.is-sticky .top-container{
	padding:5px 55px 10px;
}
#header-top .title-row{
	margin-left:0px;
	margin-right:0px;
}
#header-top{
	background-color:#FFFFFF;
}
#header-top .top-container{
	padding:10px 13px 10px;
}	
.shortcodes{
	margin-top:50px;
	margin-bottom:50px;
}
.shortcodes .tab-menu{
	padding:30px 8px;
}
.shortcodes .tab-menu i{
	margin-right:5px;
	font-size:15px;
}
.shortcodes .tab-menu a{
	color:#1f1f1f;
}
.shortcodes .tab-menu a:hover{
	background:none;
}
.shortcodes .tab-menu p {
	padding: 20px 20px;
	line-height:26px;
}
.shortcodes .tab-menu h4 {
	padding:0px 10px;
}
.shortcodes .tab-content {
	border:1px solid #ccc;
	border-top:none;
	margin:0px 10px;
}
.shortcodes ul{ 
	padding-top:10px;
	margin:0px 10px;
}
.shortcodes .nav-tabs > li.active > a, .shortcodes .nav-tabs > li.active > a:hover, .shortcodes .nav-tabs > li.active > a:focus {
	background-color: #FFFFFF;
	border-color: #CCC #CCC rgba(0, 0, 0, 0);
	border-image: none;
	border-style: solid;
	border-width: 1px;
	border-radius:0px;
	-moz-border-radius: 0px;
	-webkit-border-radius: 0px;
	-o-border-radius: 0px;
	-ms-border-radius: 0px;
	font-weight:500;
	cursor: default;
}
.shortcodes .nav-tabs > li.active > a:focus{
	border-top:2px solid;
}
.shortcodes .nav-tabs > li.active > a{
	border-top:2px solid;
}
.shortcodes .nav-tabs {
	border-bottom: 1px solid #ccc;
}
/* Shortcode Accordion */
.shortcodes .accordion h4{
	font-weight:500;
	text-transform:capitalize;
}
.shortcodes .accordion .panel-title, .shortcodes .accordion .panel-body{
	font-size:15px;
}
.shortcodes .short-code .accordion-toggle:before {
	padding: 4px 6px;
	margin-left: -12px;
	content: "\f068";
	border-radius:3px;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	-o-border-radius: 3px;
	-ms-border-radius: 3px;
	font-family: "fontawesome";
	transition: all ease 0.6s;
}	
.shortcodes .short-code .accordion-toggle.collapsed:before {
    content: "\f067";
}
.shortcodes .accordion{
	padding:10px 5px;
}
.shortcodes .panel-body{
	padding:10px 25px 10px 15px;
	line-height:26px;
}
.shortcodes .panel-default .panel-heading{
	background-color: #f3f3f3;
	border-color: #DDDDDD;
	color: #333333;
}
.shortcodes .panel-heading{
	padding:13px 15px;
}
.shortcodes .panel-group .panel{
	box-shadow:none;
}
.shortcodes .accordion .accordion-inner{
	padding:13px 5px;
}
/* Buttons */
.shortcodes .button-inner {
	padding:20px 0px;
}
.shortcodes .progressbar h4{
	padding:20px 0px;
}
.shortcodes .progressbar .progress {
	background-color: #F5F5F5;
	border-radius: 0px;
	-moz-border-radius: 0px;
	-webkit-border-radius: 0px;
	-o-border-radius: 0px;
	-ms-border-radius: 0px;
	box-shadow: 0 1px 2px rgba(0, 0, 0, 0.1) inset;
	height: 25px;
	margin-bottom: 30px;
	overflow: hidden;
}
.shortcodes .progressbar .progress span{
	font-size:14px;
	float:right;
	font-weight:bold;
}
.shortcodes .panels h4{
	padding:20px 0px;
}
/* Testimonials */	
.shortcodes .testimonial h4{
	padding:20px 0px;
}	
.shortcodes .testimonial .testimonial-inner .testimonial-content:before {
	content: "\f10d";
	font-size: 18px;
	font-weight: 300;
	font-family: "fontawesome";
	left: 7px;
	opacity: 0.5;
	position: absolute;
	top: 0px;
}
.shortcodes .testimonial .testimonial-inner .testimonial-content:after {
	bottom: -13px;
	content: "\f0d7";
	display: block;
	font-family: "fontawesome";
	font-size: 2em;
	height: 8px;
	left: 33px;
	line-height: 0;
	position: absolute;
	text-shadow: 0 2px 0 #EEEEEE;
}
.shortcodes .testimonial .testimonial-inner .testimonial-content {
	background:#f3f3f3;
	border: 1px solid #E8E8E8;
	border-bottom:2px solid;
	border-radius: 0px;
	-moz-border-radius: 0px;
	-webkit-border-radius: 0px;
	-o-border-radius: 0px;
	-ms-border-radius: 0px;
	box-shadow: 0 0 20px rgba(0, 0, 0, 0.04) inset;
	margin: 0 0px 10px;
	padding: 30px 25px 15px;
	line-height:26px;
	position: relative;
	transition: all 0.3s linear 0s;
}
.shortcodes .testimonial .testimonial-inner .testimonial-content:hover {
	color:#fff;
	border-bottom:2px solid;
	transition: all 0.3s linear 0s;
}
.shortcodes .testimonial .testimonial-inner .testimonial-content img{
	float:left;
	padding-top:25px;
	border:2px solid #fff;
}	
.shortcodes .testimonial .testimonial-inner .testimonial-author {
	margin-left: 10px;
	text-align: left;
}
.shortcodes .testimonial .testimonial-inner .testimonial-author span {
	font-weight: 600;
}
.shortcodes .testimonial .testimonial-inner, .shortcodes .testimonial .testimonial2-inner{
	margin-top:10px;
}
/* Testimonial2 Inner */
.shortcodes .testimonial .testimonial2-inner .testimonial-content:after {
	bottom: -13px;
	content: "\f0d7";
	display: block;
	font-family: "fontawesome";
	font-size: 2em;
	height: 8px;
	left: 33px;
	line-height: 0;
	position: absolute;
	text-shadow: 0 2px 0 #EEEEEE;
}
.shortcodes .testimonial .testimonial2-inner .testimonial-content {
	background:#f3f3f3;
	border: 1px solid #E8E8E8;
	border-bottom:2px solid;
	border-radius: 0px;
	box-shadow: 0 0 20px rgba(0, 0, 0, 0.04) inset;
	margin: 0 0px 10px;
	padding: 5px 15px 5px;
	position: relative;
	transition: all 0.3s linear 0s;
}
.shortcodes .testimonial .testimonial2-inner .testimonial-content:hover {
	color:#fff;
	border-bottom:2px solid;
	transition: all 0.3s linear 0s;
}
.shortcodes .testimonial .testimonial2-inner .testimonial-content img{
	float:left;
	margin:20px 15px 20px 0;
	border:2px solid #fff;
}
.shortcodes .testimonial .testimonial2-inner .testimonial-content p{
	text-align:center;
	padding:15px;
	line-height:26px;
}		
.shortcodes .testimonial .testimonial2-inner .testimonial-author {
	margin-left: 10px;
	text-align: left;
}
.shortcodes .testimonial .testimonial2-inner .testimonial-author span {
	font-weight: 600;
}
/* Testimonials 3 */	
.shortcodes .testimonial3-inner .carousel h4{
	color:#666;
	text-align:center;
	padding:0px;	
}
.shortcodes .testimonial3-inner .carousel h5{
	color:#666;
	text-align:center;
}
.shortcodes .testimonial3-inner .carousel-indicators {
	bottom: 60px;
}
.shortcodes .testimonial3-inner .carousel-indicators li {
	margin:0px;
	height:15px;
	width:15px;
	border:2px solid #CCC;
	background-color:#CCCCCC;
	border-radius:50%;
-moz-border-radius:50%;
-webkit-border-radius:50%;
-o-border-radius:50%;
-ms-border-radius:50%;
	-moz-border-radius: 50%;
	-webkit-border-radius: 50%;
	-o-border-radius: 50%;
	-ms-border-radius: 50%;
}
.shortcodes .testimonial3-inner .item-descripion{
	text-align:center;
	color:#666;
	padding:40px 30px 20px;
	line-height:26px;
}
.shortcodes .testimonial3-inner .item-img{
	float:left;
	text-align:center;
	padding:30px 30px;
	margin:0px 20px;
}
.shortcodes .testimonial3-inner img{
	border-radius:50%;
-moz-border-radius:50%;
-webkit-border-radius:50%;
-o-border-radius:50%;
-ms-border-radius:50%;
}
.shortcodes .testimonial3-inner .carousel-inner p:before {
	content: "\f10d";
	color:#666;
	font-family: "fontawesome";
	font-size: 18px;
	font-weight: 300;
	left: -10px;
	opacity: 0.5;
	position: relative;
	top:0;
}
.shortcodes .shortcode-title{
	padding:20px;
}
/* Fun Facts */
.shortcodes .fact-top{
	padding:30px 0px 0px;
}
.shortcodes .fact-margin {
	margin-bottom: 10px;
	margin-top: 20px;
}
/* Skills */
.shortcodes .skill{
	background:none;
}
.shortcodes .skill .shortcode-title{
	padding:0px 10px 20px;
}
.shortcodes .skill h3{
	color:#000;
	font-weight:500;
}
.shortcodes .skills-inner h3{
	padding:20px 0px;
}
.shortcodes .piechart{
	margin:0px;
}
/* Carousel */
.shortcodes .carousel h4{
	padding:20px 0px;
}
.shortcodes .carousel img{
	border:4px solid #CCC;
}
.shortcodes .carousel .carousel slide .carousel-control.right {
	background-image:none;
	background-repeat: repeat-x;
	left: auto;
	right: 0;
}
.shortcodes .carousel .carousel slide .carousel-control.left {
	background-image:none;
	background-repeat: repeat-x;
}
.shortcodes .carousel .carousel-content{
	margin-top:-20px;
	text-align:left;
	padding:15px;
}
.shortcodes .carousel .carousel-content a{
	margin:20px 0px;
}
.shortcodes .carousel .carousel-indicators {
	bottom: 20px;
}
.shortcodes .carousel-indicators li {
	background: none repeat scroll 0 0 #CCC;
	border: 2px solid;
	border-radius:0px;
	height: 15px;
	margin: 0;
	width: 15px;
}
.shortcodes .carousel-indicators li.active{
	border-color:#CCCCCC;
}
.shortcodes .carousel .carousel-content p{
	text-align:justify;
	line-height:26px;
}
.shortcodes .carousel .carousel-content a{
	padding:8px;
	color:#FFF;
	text-transform:uppercase;
}
.shortcodes .carousel .carousel-content h4{
	padding:5px 0px 0px 0px;
}
/* Alert */
.shortcodes .alert{
	padding-top:20px;
	margin-top:15px;
}
.shortcodes .alert .alert-top{
	padding:20px auto 10px;
}

/* Dark */
.dark-bg{
	background-color:#5a6f84;
}
.dark{
	color:#909ba3;
}
.dark h2{
	color:#ffffff !important;
}
.dark .desc{
	color:#909ba3;
}
.dark i{
	color:#909ba3;
}
.darkblue-bg {
	background-color:#1d2c39;
}
/* BG Shapes*/


.triangle-right {
	width: 0; height: 0; 
	position:absolute;
	right:0;
	top: -68px;
	border-left: 700px solid transparent;
	transform: scale(0.99999); -moz-transform: scale(0.99999); -ms-transform: scale(0.99999); -o-transform: scale(0.99999); -webkit-transform: scale(0.99999);
}
.triangle-left {
	width: 0; height: 0;	
	position:absolute;
	left:0;
	top: -68px;
	border-right: 700px solid transparent;
	transform: scale(0.99999); -moz-transform: scale(0.99999); -ms-transform: scale(0.99999); -o-transform: scale(0.99999); -webkit-transform: scale(0.99999);
}

.triangle-right-light {
	width: 0; height: 0; 
	position:absolute;
	right:0;
	bottom: 0px;
	border-left: 700px solid transparent;
	z-index:0;
	transform: scale(0.99999); -moz-transform: scale(0.99999); -ms-transform: scale(0.99999); -o-transform: scale(0.99999); -webkit-transform: scale(0.99999);
}
.triangle-left-light {
	width: 0; height: 0; 
	position:absolute;
	left:0;
	bottom: 0px;
	border-right: 700px solid transparent;
	z-index:0;
	transform: scale(0.99999); -moz-transform: scale(0.99999); -ms-transform: scale(0.99999); -o-transform: scale(0.99999); -webkit-transform: scale(0.99999);
}
.dark-shape{
	border-bottom: 70px solid #2c3e50;
}
.white-shape{
	border-bottom: 70px solid #ffffff;
}
.lgray-shape{
	border-bottom: 70px solid #f2f6fa;
}
.dgray-shape{
	border-bottom: 70px solid #1d2c39;
}

@keyframes point-down {
 from {
  top: 0;
 }
 to {
  top: 5px;
 }
}
@-webkit-keyframes point-down {
 from {
  top: 0;
 }
 to {
  top: 5px;
 }
}
@-moz-keyframes point-down {
 from {
  top: 0;
 }
 to {
  top: 5px;
 }
}

@-o-keyframes point-down {
 from {
  top: 0;
 }
 to {
  top: 5px;
 }
}

@keyframes highlight {
 to {
  background: lightblue;
 }
}
















/* ▼(A)表示領域全体 */
div.tabbox { margin: 0px; padding: 0px; }

/* ▼(B)タブ部分 */
p.tabs { margin: 0px; padding: 0px; }
p.tabs a {
   /* ▼(B-2)リンクをタブのように見せる */
   display: block;  float: left;
   margin: 0px 1px 0px 0px; padding: 3px;
   text-align: center;
   border-radius: 12px 12px 0px 0px; /* 角を丸くする */
}
/* ▼(B-3)各タブの配色 */
p.tabs a.tab1 { background-color:#090086;  color: white; }
p.tabs a.tab2 { background-color:#9E7F00; color:white;}
p.tabs a.tab3 { background-color: red;   color: white; }
p.tabs a:hover { color: yellow; }

/* ▼(C)タブ中身のボックス */
div.tab {
   /* ▼(C-2)ボックス共通の装飾 */
   overflow: auto; clear: left;
}
/* ▼(C-3)各ボックスの配色 */
div#tab1 { border: none; background-color:#ffffff; }
div#tab2 { border: none; background-color:#ffffff; }
div#tab3 { border: none; background-color:#ffffff; }
div.tab p { margin: 0.5em; }





.required::after {
    color: red;
    content: "(必須)";
    font-size: 10px;
    padding: 4px;
    display: inline-block;
}

html:lang(zh-cn) .required::after {
    content: "(必填)";
}

html:lang(en) .required::after {
    content: "(required)";
}


.bg-black {
	background: #000;
}


.btn-slides-change {
	border-radius: 64px 64px;
	padding: 14px;
	opacity: 0.5;
	transition:0.3s ease-in-out opacity;
	cursor: pointer;
	background-color: #fff;
}
.btn-slides-change.active,
.btn-slides-change:hover {
	opacity: 1;
}

.sl-slide-inner {
	-webkit-background-size: cover !important;
	background-size: cover !important;
	background-position: 50% 50% !important;
}

.btn-white {
	background-color: #fff;
	color: #333;
}


#slides-changer {
    position: relative;
    position: absolute;
    z-index: 10;
    bottom: 40px;
	color: #FFF;
	left: 0;
	right: 0;
	text-align: center;
	width: 100%;
}

.header-info {
	background: rgba(255,255,255,0.5);
	padding: 5px 15px;
	display: none;
}

.is-sticky .header-info {
	display: block;
}
.header-info p {
	line-height: 1.2; 
	max-width:1240px; 
	margin: 0 auto 3px;
}


@media (max-width: 992px) {

	table.table-sm-block
	table.table-sm-block > tbody,
	table.table-sm-block > tbody > tr,
	table.table-sm-block > tbody > tr > th,
	table.table-sm-block > tbody > tr > td {
		display: block;
	}

}

@media (max-width: 768px) {

	table.table-xs-block
	table.table-xs-block > tbody,
	table.table-xs-block > tbody > tr,
	table.table-xs-block > tbody > tr > th,
	table.table-xs-block > tbody > tr > td {
		display: block;
	}

}

.top-map-area {
	display: flex;
	display: -webkit-flex;
	display: -moz-flex;
	display: -ms-flex;
	display: -o-flex;
	display: flex;
	width: 100%;
}
.top-map-area > iframe {
	width: 50%;
	height: 400px;
}
@media(max-width:768px){
	.top-map-area {
		display: block;
		width: 100% !important;
	}
	.top-map-area > iframe {
		display: block;
		width: 100% !important;
		height: 300px !important;
	}
}


.appreach {
  text-align: left;
  padding: 10px;
  border: 1px solid #7C7C7C;
  overflow: hidden;
}
.appreach:after {
  content: "";
  display: block;
  clear: both;
}
.appreach p {
  margin: 0;
}
.appreach a:after {
  display: none;
}
.appreach__icon {
  float: left;
  border-radius: 10%;
  overflow: hidden;
  margin: 0 3% 0 0 !important;
  width: 25% !important;
  height: auto !important;
  max-width: 120px !important;
}
.appreach__detail {
  display: inline-block;
  font-size: 20px;
  line-height: 1.5;
  width: 72%;
  max-width: 72%;
}
.appreach__detail:after {
  content: "";
  display: block;
  clear: both;
}
.appreach__name {
  font-size: 16px;
  line-height: 1.5em !important;
  max-height: 3em;
  overflow: hidden;
}
.appreach__info {
  font-size: 12px !important;
}
.appreach__developper, .appreach__price {
  margin-right: 0.5em;
}
.appreach__posted a {
  margin-left: 0.5em;
}
.appreach__links {
  float: left;
  height: 40px;
  margin-top: 8px;
  white-space: nowrap;
}
.appreach__aslink img {
  margin-right: 10px;
  height: 40px;
  width: 135px;
}
.appreach__gplink img {
  height: 40px;
  width: 134.5px;
}


.section-winter-pt1 {
    background-image: url("../images/bg_points_winter_pt1@1,5x.png");
    padding: 7% 5% 5%;
    
    -webkit-background-size: 845px auto;
    background-size:  845px auto;
    
    background-position: 100% 0%;
    background-repeat: no-repeat;
    margin-bottom: 3%;

}

.section-winter-pt2 {
    background-image: url("../images/bg_points_winter_pt2@1,5x.png");
    padding: 7%;
    
    -webkit-background-size: 1024px auto;
    background-size:  1024px auto;
    background-position: 0% 0%;
    background-repeat: no-repeat;
}

.section-winter-pt3 {
    background-image: url("../images/bg_points_winter_pt3@1,5x.png");
    padding: 7%;
    
    -webkit-background-size: cover;
    background-size: cover;

    background-position: 0% 50%;
    background-repeat: no-repeat;
}

.bg-overlay-white {
    background-color: rgba(255,255,255,0.9);
    padding: 5rem 3rem;
}

.section-winter-pt3 {
    background-image: url("../images/bg_points_winter_pt3@1,5x.png");
    padding: 7% 5% 400px;
}

.btn-orange {
    background: #ee6d26;
    color: #FFF;
}

.btn-orange:hover {
    background: #E15B11;
    color: #FFF;
}


.btn-white:hover {
    background: rgba(255,255,255,0.80);
}

.btn-purple {
    background: #394281;
    color: #FFF;
}

.btn-purple:hover {
    background: #313970;
    color: #FFF;
}

.form-check .form-control[readonly] {

    background: #F4F4F4;
    border: none;
    box-shadow: none;

}


@media(min-width:1680px) {
    
    .section-winter-pt1 {
        -webkit-background-size: 60% auto;
        background-size: 60% auto;

    }

    .section-winter-pt2 {

        -webkit-background-size: 70% auto;
        background-size: 70% auto;
    }
    
}



@media(max-width:992px) {
    
    .section-winter-pt1 {
        padding: 400px 0 0;
        -webkit-background-size: 80% auto;
        background-size: 80% auto;

    }

    .section-winter-pt2 {
        padding: 400px 0 0;
        -webkit-background-size: 80% auto;
        background-size: 80% auto;
    }

    .section-winter-pt3 {
        padding: 70px 3% 200px;
    }
    
}


@media(max-width:768px) {
    
    .section-winter-pt1 {
        padding: 300px 0 0;
        -webkit-background-size: contain;
        background-size: contain;
    }

    .section-winter-pt2 {
        padding: 300px 0 0;
        -webkit-background-size: contain;
        background-size: contain;
    }

    .section-winter-pt3 {
        padding: 70px 3% 200px;
    }
    

    .bg-overlay-white {
        padding: 2.6rem 1.2rem;
    }

    
}


.datepicker table tr td span.disabled, 
.datepicker table tr td span.disabled:hover {
    background-color: #F0F0F0;
}

.form-check .form-control[readonly] {

    background: #F4F4F4;
    border: none;
    box-shadow: none;

}

.bootstrap-datetimepicker-widget table td.disabled, 
.bootstrap-datetimepicker-widget table td.disabled:hover {
    background-color: #F7F7F7 !important;
    border-radius: 0 !important;
    color: #C5C5C5 !important;
}