/* Wrapper */
.wrapper {
	background-color: #eee;
	margin: 6.5em 0;
	position: relative;
}
	.wrapper:before, .wrapper:after {
		background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='100' height='100' viewBox='0 0 100 100' preserveAspectRatio='none'%3E%3Cpolygon points='0,100 100,0 100,100' style='fill:%23eee%3B' /%3E%3C/svg%3E");
	}
	.wrapper:before {
		box-shadow: inset 0 -1px 0 0 #2e3141, 0 1px 0 0 #2e3141;
	}
	.wrapper:after {
		box-shadow: inset 0 -1px 0 0 #2e3141, 0 1px 0 0 #2e3141;
	}
	.wrapper:before, .wrapper:after {
		background-repeat: no-repeat;
		background-size: 100% 100%;
		content: '';
		display: block;
		height: 6.5em;
		position: absolute;
		width: 100%;
	}
	.wrapper:before {
		left: 0;
		top: -6.5em;
	}
	.wrapper:after {
		-moz-transform: scaleY(-1);
		-webkit-transform: scaleY(-1);
		-ms-transform: scaleY(-1);
		transform: scaleY(-1);
		bottom: -6.5em;
		left: 0;
	}
	.wrapper.alt:before {
		-moz-transform: scaleX(-1);
		-webkit-transform: scaleX(-1);
		-ms-transform: scaleX(-1);
		transform: scaleX(-1);
	}
	.wrapper.alt:after {
		-moz-transform: scaleY(-1) scaleX(-1);
		-webkit-transform: scaleY(-1) scaleX(-1);
		-ms-transform: scaleY(-1) scaleX(-1);
		transform: scaleY(-1) scaleX(-1);
	}
	.wrapper .inner {
		padding: 3em 0 1em 0 ;
		margin: 0 auto;
		width: 70%;
	}
	.wrapper.style2 {
		background-color: #353849;
	}
		.wrapper.style2:before, .wrapper.style2:after {
			background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='100' height='100' viewBox='0 0 100 100' preserveAspectRatio='none'%3E%3Cpolygon points='0,100 100,0 100,100' style='fill:%23353849%3B' /%3E%3C/svg%3E");
		}
		.wrapper.style2:before {
			box-shadow: inset 0 -1px 0 0 #353849, 0 1px 0 0 #353849;
		}
		.wrapper.style2:after {
			box-shadow: inset 0 -1px 0 0 #353849, 0 1px 0 0 #353849;
		}
	.wrapper.style3 {
		background-color: #3d4051;
	}
		.wrapper.style3:before, .wrapper.style3:after {
			background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='100' height='100' viewBox='0 0 100 100' preserveAspectRatio='none'%3E%3Cpolygon points='0,100 100,0 100,100' style='fill:%233d4051%3B' /%3E%3C/svg%3E");
		}
		.wrapper.style3:before {
			box-shadow: inset 0 -1px 0 0 #3d4051, 0 1px 0 0 #3d4051;
		}
		.wrapper.style3:after {
			box-shadow: inset 0 -1px 0 0 #3d4051, 0 1px 0 0 #3d4051;
		}
	.wrapper.style4 {
		background-color: #454858;
	}
		.wrapper.style4:before, .wrapper.style4:after {
			background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='100' height='100' viewBox='0 0 100 100' preserveAspectRatio='none'%3E%3Cpolygon points='0,100 100,0 100,100' style='fill:%23454858%3B' /%3E%3C/svg%3E");
		}
		.wrapper.style4:before {
			box-shadow: inset 0 -1px 0 0 #454858, 0 1px 0 0 #454858;
		}
		.wrapper.style4:after {
			box-shadow: inset 0 -1px 0 0 #454858, 0 1px 0 0 #454858;
		}
	.wrapper.style5 {
		background-color: #4d5060;
	}
		.wrapper.style5:before, .wrapper.style5:after {
			background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='100' height='100' viewBox='0 0 100 100' preserveAspectRatio='none'%3E%3Cpolygon points='0,100 100,0 100,100' style='fill:%234d5060%3B' /%3E%3C/svg%3E");
		}
		.wrapper.style5:before {
			box-shadow: inset 0 -1px 0 0 #4d5060, 0 1px 0 0 #4d5060;
		}
		.wrapper.style5:after {
			box-shadow: inset 0 -1px 0 0 #4d5060, 0 1px 0 0 #4d5060;
		}
	.wrapper.style6 {
		background-color: #555867;
	}
		.wrapper.style6:before, .wrapper.style6:after {
			background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='100' height='100' viewBox='0 0 100 100' preserveAspectRatio='none'%3E%3Cpolygon points='0,100 100,0 100,100' style='fill:%23555867%3B' /%3E%3C/svg%3E");
		}
		.wrapper.style6:before {
			box-shadow: inset 0 -1px 0 0 #555867, 0 1px 0 0 #555867;
		}
		.wrapper.style6:after {
			box-shadow: inset 0 -1px 0 0 #555867, 0 1px 0 0 #555867;
		}
	.wrapper.spotlight {
		background-color: #4c5c96;
	}
		.wrapper.spotlight:before, .wrapper.spotlight:after {
			background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='100' height='100' viewBox='0 0 100 100' preserveAspectRatio='none'%3E%3Cpolygon points='0,100 100,0 100,100' style='fill:%234c5c96%3B' /%3E%3C/svg%3E");
		}
		.wrapper.spotlight:before {
			box-shadow: inset 0 -1px 0 0 #4c5c96, 0 1px 0 0 #4c5c96;
		}
		.wrapper.spotlight:after {
			box-shadow: inset 0 -1px 0 0 #4c5c96, 0 1px 0 0 #4c5c96;
		}
		.wrapper.spotlight .inner {
			display: -moz-flex;
			display: -webkit-flex;
			display: -ms-flex;
			display: flex;
			-moz-align-items: center;
			-webkit-align-items: center;
			-ms-align-items: center;
			align-items: center;
			-moz-flex-direction: row;
			-webkit-flex-direction: row;
			-ms-flex-direction: row;
			flex-direction: row;
		}
		.wrapper.spotlight .image {
			border-radius: 100%;
			margin: 0 3em 2em 0;
			width: 22em;
			overflow: hidden;
			-ms-flex: 1;
		}
			.wrapper.spotlight .image img {
				border-radius: 100%;
				width: 100%;
			}
		.wrapper.spotlight .content {
			width: 100%;
			-ms-flex: 2;
		}
		.wrapper.spotlight:nth-child(2n - 1) .inner {
			-moz-flex-direction: row-reverse;
			-webkit-flex-direction: row-reverse;
			-ms-flex-direction: row-reverse;
			flex-direction: row-reverse;
			text-align: left;
		}
		.wrapper.spotlight:nth-child(2n - 1) .image {
			margin: 0 0 2em 3em;
		}
		.wrapper.spotlight.style2 {
			background-color: rgb(238,238,238);
		}
			.wrapper.spotlight.style2:before, .wrapper.spotlight.style2:after {
				background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='100' height='100' viewBox='0 0 100 100' preserveAspectRatio='none'%3E%3Cpolygon points='0,100 100,0 100,100' style='fill:%2345558d%3B' /%3E%3C/svg%3E");
			}
			.wrapper.spotlight.style2:before {
				box-shadow: inset 0 -1px 0 0 #45558d, 0 1px 0 0 #45558d;
			}
			.wrapper.spotlight.style2:after {
				box-shadow: inset 0 -1px 0 0 #45558d, 0 1px 0 0 #45558d;
			}
		.wrapper.spotlight.style3 {
			background-color: #fff;
		}
			.wrapper.spotlight.style3:before, .wrapper.spotlight.style3:after {
				background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='100' height='100' viewBox='0 0 100 100' preserveAspectRatio='none'%3E%3Cpolygon points='0,100 100,0 100,100' style='fill:%23fff%3B' /%3E%3C/svg%3E");
			}
			.wrapper.spotlight.style3:before {
				box-shadow: inset 0 -1px 0 0 #3f4e85, 0 1px 0 0 #3f4e85;
			}
			.wrapper.spotlight.style3:after {
				box-shadow: inset 0 -1px 0 0 #3f4e85, 0 1px 0 0 #3f4e85;
			}
		.wrapper.spotlight.style4 {
			background-color: #39477c;
		}
			.wrapper.spotlight.style4:before, .wrapper.spotlight.style4:after {
				background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='100' height='100' viewBox='0 0 100 100' preserveAspectRatio='none'%3E%3Cpolygon points='0,100 100,0 100,100' style='fill:%2339477c%3B' /%3E%3C/svg%3E");
			}
			.wrapper.spotlight.style4:before {
				box-shadow: inset 0 -1px 0 0 #39477c, 0 1px 0 0 #39477c;
			}
			.wrapper.spotlight.style4:after {
				box-shadow: inset 0 -1px 0 0 #39477c, 0 1px 0 0 #39477c;
			}
		.wrapper.spotlight.style5 {
			background-color: #324072;
		}
			.wrapper.spotlight.style5:before, .wrapper.spotlight.style5:after {
				background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='100' height='100' viewBox='0 0 100 100' preserveAspectRatio='none'%3E%3Cpolygon points='0,100 100,0 100,100' style='fill:%23324072%3B' /%3E%3C/svg%3E");
			}
			.wrapper.spotlight.style5:before {
				box-shadow: inset 0 -1px 0 0 #324072, 0 1px 0 0 #324072;
			}
			.wrapper.spotlight.style5:after {
				box-shadow: inset 0 -1px 0 0 #324072, 0 1px 0 0 #324072;
			}
		.wrapper.spotlight.style6 {
			background-color: #2d3a69;
		}
			.wrapper.spotlight.style6:before, .wrapper.spotlight.style6:after {
				background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='100' height='100' viewBox='0 0 100 100' preserveAspectRatio='none'%3E%3Cpolygon points='0,100 100,0 100,100' style='fill:%232d3a69%3B' /%3E%3C/svg%3E");
			}
			.wrapper.spotlight.style6:before {
				box-shadow: inset 0 -1px 0 0 #2d3a69, 0 1px 0 0 #2d3a69;
			}
			.wrapper.spotlight.style6:after {
				box-shadow: inset 0 -1px 0 0 #2d3a69, 0 1px 0 0 #2d3a69;
			}
	@media screen and (max-width: 980px) {
		.wrapper {
			margin: 4.75em 0;
		}
			.wrapper:before, .wrapper:after {
				height: 4.75em;
			}
			.wrapper:before {
				top: -4.75em;
			}
			.wrapper:after {
				bottom: -4.75em;
				left: 0;
			}
			.wrapper .inner {
				padding: 3em 3em 1em 3em ;
				width: 100%;
			}
			.wrapper.spotlight .image {
				margin: 0 2em 2em 0;
				width: 32em;
			}
			.wrapper.spotlight:nth-child(2n - 1) .image {
				margin: 0 0 2em 2em;
			}
	}

	@media screen and (max-width: 736px) {
		.wrapper {
			margin: 2.5em 0;
		}
			.wrapper:before, .wrapper:after {
				height: 2.5em;
			}
			.wrapper:before {
				top: -2.5em;
			}
			.wrapper:after {
				bottom: -2.5em;
				left: 0;
			}
			.wrapper .inner {
				padding: 2em 2em 0.1em 2em ;
			}
			.wrapper.spotlight .inner {
				-moz-align-items: -moz-flex-start;
				-webkit-align-items: -webkit-flex-start;
				-ms-align-items: -ms-flex-start;
				align-items: flex-start;
			}
			.wrapper.spotlight .image {
				width: 19em;
				margin: 0 1.75em 2em 0;
			}
			.wrapper.spotlight:nth-child(2n - 1) .image {
				margin: 0 0 2em 1.75em;
			}
			.wrapper.spotlight:nth-child(2n - 1) .inner {
				text-align: right;
			}
	}

	@media screen and (max-width: 480px) {
		.wrapper.spotlight .inner {
			display: block;
		}
		.wrapper.spotlight .image {
			margin: 0 0 1em 0 !important;
			max-width: 85%;
			width: 12em;
		}
	}

	@media screen and (max-width: 360px) {
		.wrapper .inner {
			padding: 2em 1.5em 0.1em 1.5em ;
		}
	}

/* Image */
.image {
	border-radius: 5px;
	border: 0;
	display: inline-block;
	position: relative;
}

	.image img {
		border-radius: 5px;
		display: block;
	}

	.image.left, .image.right {
		max-width: 40%;
	}

	.image.left img, .image.right img {
		width: 100%;
	}

	.image.left {
		float: left;
		padding: 0 1.5em 1em 0;
		top: 0.25em;
	}

	.image.right {
		float: right;
		padding: 0 0 1em 1.5em;
		top: 0.25em;
	}

	.image.fit {
		display: block;
		margin: 0 0 2em 0;
		width: 100%;
	}

	.image.fit img {
		width: 100%;
	}

	.image.main {
		display: block;
		margin: 0 0 3em 0;
		width: 100%;
	}

	.image.main img {
		width: 100%;
	}

/* more */
	a.special:not(.button) {
		text-decoration: none;
		border-bottom: 0;
		display: inline-block;
		font-size: 1.1em;
		font-weight: 700;
		letter-spacing: 0.1em;
		margin: 0 0 2em 0;
		text-transform: uppercase;
		color:#ff6600;
		border: 2px solid #ff6600;
		border-radius: 100px;
		padding: 0.6em 1.2em;
		margin-top: 0.5em;
        margin-bottom: 1em;
	}

	a.special:not(.button):before {
		-moz-osx-font-smoothing: grayscale;
		-webkit-font-smoothing: antialiased;
		display: inline-block;
		font-style: normal;
		font-variant: normal;
		text-rendering: auto;
		line-height: 1;
		text-transform: none !important;
		font-family: 'Font Awesome 5 Free';
		font-weight: 900;
	}

	a.special:not(.button):before {
		-moz-transition: background-color 0.2s ease-in-out;
		-webkit-transition: background-color 0.2s ease-in-out;
		-ms-transition: background-color 0.2s ease-in-out;
		transition: background-color 0.2s ease-in-out;
		content: '\f105';
		display: inline-block;
		font-size: 1.25em;
		text-indent: 0.15em;
		vertical-align: middle;
		width: 1.1em;
	}

	a.special:not(.button):hover:before {
		background-color: rgba(255, 255, 255, 0.025);
	}

	a.special:not(.button):active:before {
		background-color: rgba(255, 255, 255, 0.075);
	}
	h1.major, h2.major, h3.major, h4.major, h5.major, h6.major {
		padding-bottom: .5rem;
		border-bottom: solid 2px rgba(238, 238, 238, 0.9);
	}
	h2.major {
		line-height: 1;
		font-size: 1.85rem;
	}
	.major-en {
		font-size: 41%;
		display: block;
		padding: 0.2rem 0 0 0.08rem;
	}
	.gallery-pic {
		text-decoration: none;
		border-bottom: 0;
		display: inline-block;
		font-size: 1.1em;
		font-weight: 700;
		letter-spacing: 0.05em;
		margin: 0 0 2em 0;
		text-transform: uppercase;
		color: #f60 !important;;
		border: 2px solid #ff6600;
		border-radius: 100px;
		padding: 0.5em 1em;
		margin: 0.5em 0.3em 1em 0;
		cursor: pointer;
	}
/* CYnet */

#one {
	margin-top:0;
	background-color: #fff;
}
#one:before , #one:after {
	height:0;
}
#two:before , #two:after {
	background-color: #fff;
	background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='100' height='100' viewBox='0 0 100 100' preserveAspectRatio='none'%3E%3Cpolygon points='0,100 100,0 100,100' style='fill:%23eee%3B' /%3E%3C/svg%3E");
	box-shadow: inset 0 -1px 0 0 #eee, 0 1px 0 0 #eee;
}
#two h2.major , #four h2.major {
	border-bottom: solid 2px rgba(36, 36, 36, 0.7);
}
#three:before , #three:after , #four:before , #four:after {
	box-shadow: none;
}
#three .special:before {
	text-align: left;
}
#four:after {
	height: 0;
}
#four {
	margin-bottom: 0;
	padding-bottom: 2em;
}

#works .row .col-4 , #works-pic .row .col-6 , #works-pic .row .col-4 , #works-pic-two .row .col-6 {padding:0!important;}
#works .row .col-4 img , #works-pic .row .col-6 img , #works-pic .row .col-4 img , #works-pic-two .row .col-6 img {width: 100%; transition: .5s; border: 1px solid #fff;}
#works .row .col-4 img:hover , #works-pic .row .col-6 img:hover , #works-pic .row .col-4 img:hover , #works-pic-two .row .col-6 img:hover {
	transform: scale(1.4);
	position: relative;
	z-index: 99;
	border: 3px solid #fff;
}

@media screen and (max-width: 767px) {
	#works .row .col-4:nth-child(3n) img ,
	#works-pic .row .col-6:nth-child(2n) img ,
	#works-pic .row .col-4:nth-child(3n) img ,
	#works-pic-two .row .col-6:nth-child(2n) img {
		right:0%;
		position: absolute;
	}
	#works .row .col-4:nth-child(3n) img:hover ,
	#works-pic .row .col-6:nth-child(2n) img:hover ,
	#works-pic .row .col-4:nth-child(3n) img:hover ,
	#works-pic-two .row .col-6:nth-child(2n) img:hover {
		right:20%;
	}
	#works .row .col-4:nth-child(1) img , #works .row .col-4:nth-child(3n+1) img ,
	#works-pic .row .col-6:nth-child(1) img , #works-pic .row .col-6:nth-child(2n+1) img ,
	#works-pic .row .col-4:nth-child(1) img , #works-pic .row .col-4:nth-child(3n+1) img ,
	#works-pic-two .row .col-6:nth-child(1) img {
		left:0%;
		position: relative;
	}
	#works .row .col-4:nth-child(1) img:hover , #works .row .col-4:nth-child(3n+1) img:hover ,
	#works-pic .row .col-6:nth-child(1) img:hover , #works-pic .row .col-6:nth-child(2n+1) img:hover ,
	#works-pic .row .col-4:nth-child(1) img:hover , #works-pic .row .col-4:nth-child(3n+1) img:hover ,
	#works-pic-two .row .col-6:nth-child(1) img:hover {
		left:20%;
	}
}

@media screen and (min-width: 768px) {
	#works .row .col-4:nth-child(6n) img ,
	#works-pic .row .col-4.col-md-3:nth-child(4n) img ,
	#works-pic .row .col-6.col-md-3:nth-child(4n) img ,
	#works-pic .row .col-4.col-md-2:nth-child(6n) img {
		right:0%;
		position: absolute;
	}
	#works .row .col-4:nth-child(6n) img:hover ,
	#works-pic .row .col-4.col-md-3:nth-child(4n) img:hover ,
	#works-pic .row .col-6.col-md-3:nth-child(4n) img:hover ,
	#works-pic .row .col-4.col-md-2:nth-child(6n) img:hover {
		right:20%;
	}
	#works .row .col-4:nth-child(1) img , #works .row .col-4:nth-child(6n+1) img ,
	#works-pic .row .col-4.col-md-3:nth-child(1) img , #works-pic .row .col-4.col-md-3:nth-child(4n+1) img ,
	#works-pic .row .col-6.col-md-3:nth-child(1) img , #works-pic .row .col-6.col-md-3:nth-child(4n+1) img ,
	#works-pic .row .col-4.col-md-2:nth-child(1) img , #works-pic .row .col-4.col-md-2:nth-child(6n+1) img {
		left:0%;
		position: relative;
	}
	#works .row .col-4:nth-child(1) img:hover , #works .row .col-4:nth-child(6n+1) img:hover ,
	#works-pic .row .col-4.col-md-3:nth-child(1) img:hover , #works-pic .row .col-4.col-md-3:nth-child(4n+1) img:hover ,
	#works-pic .row .col-6.col-md-3:nth-child(1) img:hover , #works-pic .row .col-6.col-md-3:nth-child(4n+1) img:hover ,
	#works-pic .row .col-4.col-md-2:nth-child(1) img:hover , #works-pic .row .col-4.col-md-2:nth-child(6n+1) img:hover {
		left:20%;
	}
	#works-pic .row .push-md-3:nth-child(1) img , #works-pic .row .push-md-3:nth-child(2) img {
		right:0%;
		position: absolute;
	}
}
#more {text-align: center;}
#more .tel-button {margin-top: 1.8em!important; margin-bottom: 2.7em!important; border: solid 5px rgba(238,238,238,1);}

.works-more { background: rgb(89,171,2);}
.works-more a.special {
	color: #fff;
	border: 2px solid #fff;
	margin-top: 3em;
	margin-bottom: 3em;
}
.google-more { background: #fff;}
.google-more a.special {
	color: #444;
	border: 2px solid #444;
	margin-top: 3em;
	margin-bottom: 3em;
}
.google-good , .video-good { padding: 36px 0;}

@media (max-width:767px) {
	.tel-button {
		padding: 0.6em 1.5em!important;
	}
	a.special:not(.button) {
		padding: 0.6em 1em!important;
	}
}
.tel-button {
	background-color: #ff6600;
	border: 2px solid #ff6600;
	color: #FFF;
	border-radius: 100px;
	display: inline-block;
	margin-top: 0.5em ;
	margin-bottom: 1em;
	padding: 0.6em 2em;
	-webkit-transition: .2s ease-out all;
	transition: .2s ease-out all;
	font-size:120%;
}
.tel-button:link , .tel-button:active  , .tel-button:visited {
	color: #fff;
}
.tel-button:hover {
	background-color: #fff;
	color: #ff6600;
}
.tel-button i {
	margin-right: 0.2em;
}
.content .tel-button {
	margin-right: 1em;
}
.feature-1 {margin-bottom:25px;}
.feature-2 {margin-bottom:52px;}
.feature-3 {margin-bottom:38px;}

.padd-top {
	padding-top: 50px!important;
}
.padd-top-2 {
	padding-top: 10px!important;
}
.padd-top-3 {
	padding-top: 30px!important;
}

/* process */

#process , #contact , .works {
	margin: 2.6em 0 0 0;
}
@media (min-width: 1200px) and (max-width: 1420px) {
	#process .col-12 {
		text-align: center;
	}
	.w60 { width: 80%!important;}
}
.features-list {
    padding: 130px 0 50px 0
}
.features-list h1 , .features-list h2 , h2.section-title {
    margin: 0 0 8px 0;
    padding: 0;
    color: #24374b;
    font-size: 32px;
}
h3.section-title {
    margin: 0 0 8px 0;
    padding: 0;
    color: #24374b;
    font-size: 22px;
}
.features-list p {
    margin-bottom: 20px;
    color: #778899;
	font-size: 16px;
}
.feature-content {
    display: inline-block;
    margin-left: 0;
}
.feature-content h3 {
    font-size: 21px;
	font-weight: 600;
}
.feature-content p {
    font-size: 15px;
}
.feature-icon {
    display: inline-block;
    margin: 0 10px 10px 0;
    width: 90px;
    height: 90px;
    border: solid 2px rgba(76,186,62,1);
    border-radius: 50%;
    vertical-align: top;
    text-align: center;
    font-size: 25px;
    line-height: 82px;
}
.pro-icon {
    margin-right: 0px!important;
    border: solid 5px rgba(238,238,238,1);
}
#pro-fives .pro-icon {
    display: block!important;
	margin: 0 auto!important;
    width: 120px;
    height: 120px;
    border-radius: 50%;
    vertical-align: top;
    text-align: center;
    font-size: 25px;
    line-height: 120px;
	padding: 10px;
}
#pro-fives .pro-text { padding-top: 5px!important;}
.pro-text p { font-size: 16px!important;}
.main-icon {
    border: solid 5px rgba(238,238,238,1)!important;
	background-color: rgba(255,128,0,1);
}
.main-icon i { color: rgba(255,255,255,1)!important;}
.feature-icon i { color: rgba(76,186,62,1);}
.w60 { width: 62%;}
.features-intro { padding: 100px 0 10px 0;}

/* 各頁導覧位置 */

.curved-bg-div {
	background: url("../img/curved-bgc.jpg") no-repeat;
	background-position: 0px -140px;
	background-size: cover;
	width: 100%;
	height: 280px;
}
.curved-bg-contact {
	background: url("../img/owl/top.jpg") no-repeat;
	background-position: 0px -50px;
	background-size: cover;
	width: 100%;
	height: 250px;
}

@media screen and (max-width: 1400px) {
  .curved-bg-contact , .curved-bg-div {
    background-position: 100% 0px;
	height: 210px;
  }
}

.breadcrumbs {
    margin: 24px 0;
    color: #fff;
	font-weight: 600;
	text-align:right;
	top: 135px;
	right: 15px;
	position:absolute;
	background-color: rgba(6,6,6,0.5);
	border-radius: 3px;
}

.breadcrumbs ul li {
    display: inline-block;
    line-height: 24px;
    font-size: 14px;
    margin: 0 0 0 5px;
    color: #fff;
}
.breadcrumbs ul {
    margin: 0;
	padding: 5px 10px;
}
.breadcrumbs ul li a {
    color: #fff;
}
.breadcrumbs ul li:first-child { margin-left: 0 !important }

/* works.html */

@media (max-width:767px) {
	#main .row div {
		padding: 0 8px 22px 8px;
	}
}
@media (min-width:768px) {
	#main .row div {
		padding: 0 10px 22px 10px;
	}
}

.works img {
	
	transition: .5s;
}
.works a:hover img {
	transform: scale(1.2);
}
.works .col-grid {
	overflow: hidden;
	border-radius: 6px 6px 0 0;
}
.works a {
	color:#333;
	display: block;
	margin-bottom: 2rem;
	box-shadow: 0 0 8px rgba(0,0,0,0.3);
	border-radius: 6px;
}
.works h3 {
	font-size: 15px;
	padding: 12px;
	margin-bottom: .3rem;
	background: rgb(89,171,2);
	color:#fff;
	border-radius: 0 0 6px 6px;
	text-align: center;
}
.works span {
	background-color: #fff;
	color: rgb(89,171,2);
	padding: 6px 10px;
	border-radius: 36px;
	position: relative;
	top:-20px;
	box-shadow: 0 0 8px rgba(0,0,0,0.8);
}
.works strong {
	font-size: 120%;
}
@media (max-width:767px) {
	.works .row .col-6 {
		padding: 0 8px;
	}
	.works a {
		margin-bottom: 1.5rem;
	}
}

.works-case .section-title span , .works .works-title span {
	color: #fff;
	background-color: rgb(89,171,2);
	padding: 6px 13px;
	border-radius: 36px;
	position: relative;
	top:-10px;
	box-shadow: 0 0 3px rgba(0,0,0,0.8);
	font-size: 55%;
}
.works .works-title:before {
	background-color: rgb(89,171,2);
	width: 90%;
	height: 2px;
	display: block;
	content: '';
	position: absolute;
	margin: 0 auto;
	left:5%;
	top:15px;
}

.services .works {
	padding-top: 2.6em;
	margin-top: 0!important;
}
.services .last-list {
	margin-bottom: 0!important;
	padding-bottom: 20px!important;
}
.services .last-list:after {
	height: 0!important;
}

.video-good {
	background-color: #fff;
}
.video-good .desc h3 {
	font-weight:700;
	margin-top:1rem;
	margin-bottom:1rem;
	color:rgba(233,85,20,1);
	font-size: 1.2em;
	text-align:center;
}
.video-good .hot {
    padding: 10px 10px 0 10px;
	border: 1px solid rgba(168,168,168,1);
	background:rgba(255,255,255,1);
}

.google-good {
	background-color: #444;
}
.google-good .section-title {
	color: #FFF;
}
.owl-google {
	margin-bottom: 20px;
}
.owl-google button.owl-dot {
	border: 1px solid #FFF!important;
}
.owl-google button.owl-dot.active {
	background-color: rgba(255,255,255,0.8);
}
.owl-google .owl-nav button , .owl-video .owl-nav button {
	background-color: rgba(0,0,0,0.9)!important;
}
.owl-google .owl-nav button span , .owl-video .owl-nav button span {
	color: rgba(255,255,255,1)!important;
}
.owl-google .owl-dots {
	bottom: -11%;
}

@media (max-width:767px) {
	.owl-google .owl-dots {
		bottom: -14%;
	}
}

.hidden {
	display: none !important;
	visibility: hidden !important;
}