/* -------- Make Wave Style:layer Image -------- */
@media screen and (min-width:100px) and ( max-width:468px) { 
/*  for Mobile  */
.col_text h3 {
	font-size: 4rem !important;
}
.col_text h4 {
	font-size: 1.8rem !important;
}
.col_img {
    padding-left: 0 !important;
    padding-right: 0 !important;
}
.layer_img_r .col_img_b .wave_bg_image,
.layer_img_r .col_img_t .wave_bg_image {
    right: 0 !important;
}
}

@media screen and (min-width:469px) and ( max-width:1080px) {
/*銆for Tablet  */
.col_text h3 {
	line-height: normal;
	font-size: 4rem !important;
}
.col_text h4 {
	font-size: 1.8rem !important;
}
}


.layer_img {
	padding-top: 7.5rem;
}
.wrapper {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	-webkit-box-align: center !important;
	-ms-flex-align: center !important;
	align-items: center !important;
}
.col_img {
	padding-left: 15px;
	padding-right: 15px;
}
.col_text {
	padding: 2rem 15px;
}
.wrapper .wave_bg_image {
	position: absolute;
	z-index: -1;
	bottom: 0;
}

/* layer Image [Left] - Background-image [Bottom] */
.layer_img_l .col_img_b .wave_image {
	padding: 0 0 15% 15%;
}
.layer_img_l .col_img_b .wave_bg_image {
	padding: 15% 15% 0 0;
}

/* layer Image [Left] - Background-image [Top] */
.layer_img_l .col_img_t .wave_image {
	padding: 15% 0 0 15%;
}
.layer_img_l .col_img_t .wave_bg_image {
	padding: 0 15% 15% 0;
	top: 0;
}

/* layer Image [Right] - Background-image [Bottom] */
.layer_img_r .col_img_b .wave_image {
	padding: 0 15% 15% 0;
}
.layer_img_r .col_img_b .wave_bg_image {
	padding: 15% 0 0 15%;
	right: 15px;
}

/* layer Image [Right] - Background-image [Top] */
.layer_img_r .col_img_t .wave_image {
	padding: 15% 15% 0 0;
}
.layer_img_r .col_img_t .wave_bg_image {
	padding: 0  0 15% 15%;
	top: 0;
    right: 15px;
}

.wrapper .wave_image img,
.wrapper .wave_bg_image img{
	width: 100%;
}

/*Make Wave Coloring*/
.col_text p.wave_color_calm {
	color: #663366 !important;
	font-size: 2.3rem;
	text-transform: capitalize;
	margin-bottom: 0px;
}
.col_text p.wave_color_colorful {
	color: #ff6666 !important;
	font-size: 2.3rem;
	text-transform: capitalize;
	margin-bottom: 0px;
}
.col_text p.wave_color_disruptive {
	color: #660066 !important;
	font-size: 2.3rem;
	text-transform: capitalize;
	margin-bottom: 0px;
}
.col_text p.wave_color_synthetic {
	color: #333399 !important;
	font-size: 2.3rem;
	text-transform: capitalize;
	margin-bottom: 0px;
}

.col_text h3 {
	font-size: 5rem;
	font-weight: 300;
	line-height: normal;
	margin-top: 0px;
}
.col_text p {
	color: #a5a5a5;
	margin-top: 20px;
	margin-bottom: 20px;
}

/* Link */
.layer_img_link {
	margin-top: 4.125rem;
}
.layer_img_link a {
	border: none;
	color: #ffffff;
	position: relative;
	display: inline-block;
	font-size: 13px;
	padding: 1.5rem 3.5rem;
	line-height: 1;
	text-transform: uppercase;
	text-align: center;
	font-weight: bold;
	z-index: 1;
	-webkit-border-radius: 30px;
	border-radius: 30px;
}
.layer_img_link a::after {
	content: "";
	position: absolute;
	top: -8px;
	left: -8px;
	right: -8px;
	bottom: -8px;
	opacity: 0;
	z-index: -1;
	visibility: hidden;
	-webkit-border-radius: 30px;
	border-radius: 30px;
}
.layer_img_link a:hover, .layer_img_link a:focus {
	outline: none;
	text-decoration: none;
	color: #ffffff;
}
.layer_img_link a:hover::after, .layer_img_link a:focus::after {
	opacity: 1;
	visibility: visible;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
}
/*Make Wave Coloring*/
.wave_color_calm a {
	background: #663366;
	background: -webkit-linear-gradient(90deg, #663366, #ffcccc);
	background: -webkit-gradient(linear, left top, right top, color-stop(#663366), color-stop(#ffcccc));
	background: -webkit-linear-gradient(left, #663366, #ffcccc);
	background: -o-linear-gradient(left, #663366, #ffcccc);
	background: linear-gradient(90deg, #663366, #ffcccc);
}
.wave_color_colorful a {
	background: #ff6666;
	background: -webkit-linear-gradient(90deg, #ff6666, #ffcc99);
	background: -webkit-gradient(linear, left top, right top, color-stop(#ff6666), color-stop(#ffcc99));
	background: -webkit-linear-gradient(left, #ff6666, #ffcc99);
	background: -o-linear-gradient(left, #ff6666, #ffcc99);
	background: linear-gradient(90deg, #ff6666, #ffcc99);
}
.wave_color_disruptive a {
	background: #660066;
	background: -webkit-linear-gradient(90deg, #660066, #ff3366);
	background: -webkit-gradient(linear, left top, right top, color-stop(#660066), color-stop(#ff3366));
	background: -webkit-linear-gradient(left, #660066, #ff3366);
	background: -o-linear-gradient(left, #660066, #ff3366);
	background: linear-gradient(90deg, #660066, #ff3366);
}
.wave_color_synthetic a {
	background: #333399;
	background: -webkit-linear-gradient(90deg, #333399, #cc3333);
	background: -webkit-gradient(linear, left top, right top, color-stop(#333399), color-stop(#cc3333));
	background: -webkit-linear-gradient(left, #333399, #cc3333);
	background: -o-linear-gradient(left, #333399, #cc3333);
	background: linear-gradient(90deg, #333399, #cc3333);
}
.wave_color_calm a::after {
	background: #cc6699;
}
.wave_color_colorful a::after {
	background: #ff9999;
}
.wave_color_disruptive a::after {
	background: #993366;
}
.wave_color_synthetic a::after {
	background: #663366;
}

/* transitions common*/
.layer_img a, .layer_img *::after, .layer_img img {
	-webkit-transition: all .4s ease-in;
	-o-transition: all .4s ease-in;
	transition: all .4s ease-in;
}






/* -------- Make Wave Style: 2col+Side Image[Image-Left] -------- */
@media screen and (min-width:100px) and ( max-width:468px) { 
/*銆for Mobile 銆*/
.feature_heading {
    margin-bottom: 30px !important;
}
.feature_heading h2 {
    margin-bottom: 20px !important;
    font-size: 22px;
}
.feature_sideimg_r .feature_sideimg_image {
    margin-top: 30px;
}
.feature_sideimg .feature_sideimg_image figure {
	margin-left: 0px !important;
}
.feature_sideimg .feature_sideimg_image figure img {
	max-width: 100% !important;
}
.feature_sideimg_l .feature_sideimg_text {
    margin-top: 24px;
}
.feature_sideimg_r .feature_sideimg_text {
    margin-bottom: 24px;
}
.feature_heading p {
    font-size: 14px !important;
    width: 90% !important;
}
}

@media screen and (min-width:469px) and ( max-width:991px) {
/*銆for Tablet銆*/
.feature_heading p {
    width: 90% !important;
}
.feature_sideimg_r .feature_sideimg_image {
    margin-top: 30px;
}
.feature_sideimg .feature_sideimg_image figure {
	margin: 0 auto !important;
    text-align: center;
}
.feature_sideimg .feature_sideimg_image figure img {
	max-width: 100% !important;
}
.feature_sideimg_l .feature_sideimg_text {
    margin-top: 24px;
}
.feature_sideimg_r .feature_sideimg_text {
    margin-bottom: 24px;
}
}

@media screen and (min-width:992px) and ( max-width:1080px) {
/*銆for Tablet銆*/
.feature_sideimg_text {
    margin-top: 32px;
}
.feature_sideimg_l .feature_sideimg_image figure {
	margin-left: -450px !important;
}
.feature_sideimg_r .feature_sideimg_image figure {
	margin-left: 40px !important;
}
}

.feature_sideimg {
	padding: 40px 0px;
}
.feature_heading {
    text-align: center;
    margin-bottom: 50px;
}
.feature_heading h2 {
    margin-bottom: 30px;
}
.feature_heading p {
    margin-bottom: 30px;
	font-size: 1.3em;
	line-height: 1.8em;
	width: 70%;
	margin: 0 auto;
}
.feature_sideimg_bg {
	background-image: url(https://demos.creative-tim.com/now-ui-kit-pro/assets/img/bg11.jpg);
	background-position: top center;
	background-repeat: no-repeat;
	background-size: cover;
}
.feature_sideimg_bg .feature_1col h3,
.feature_sideimg_bg .feature_1col p {
	color: #ffffff;
}
.feature_sideimg_r .feature_sideimg_image figure {
	margin-left: 60px;
}
.feature_sideimg_l .feature_sideimg_image figure {
	margin-left: -405px;
}
.feature_sideimg_l .feature_sideimg_image figure img {
	max-width: inherit;
}
.feature_sideimg_col {
	padding: 0px 15px;
	margin-top: 60px;
	display: -ms-flexbox !important;
	display: flex !important;
}
.feature_1col h3 {
	color: #333;
}
.feature_1col p {
	color: #666;
	line-height: 1.6;
}
.feature_1col:hover,
.feature_1col:focus {
	text-decoration: none;
}
.feature_1col {
	margin-top: 30px;
}
.feature_1col_text {
    padding: 0 10px 0 20px;
}
.feature_1col_img {
    padding: 4px;
}
.feature_1col_text h3 {
    margin-top: 0;
}









/* -------- Make Wave Style: Background-image-column[width:1200px] -------- */
@media screen and (min-width:100px) and ( max-width:468px) { 
/*銆for Mobile 銆*/
.bgimg_col_heading p {
    width: 90% !important;
    font-size: 1.3em !important;
}
.bgimg_column .bgimg_col {
	width: 100%;
}	
.bgimg_col_00 {
    margin-top: 60px !important;
}
}

.bgimg_column {
    padding: 80px 0px;
}
.bgimg_column .row {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin-right: -15px;
    margin-left: -15px;
}
.bgimg_col_heading h3 {
	text-align: center;
	font-size: 2.5em;
	margin-bottom: 30px;
}
.bgimg_col_heading p {
	text-align: center;
    color: #9a9a9a;
	width: 60%;
	margin: 20px auto 0;
	font-size: 1.5em;
	line-height: 1.45em;
}
.bgimg_col {
	padding: 0 15px;
}
.bgimg_col_00 {
	margin-top: 70px;
	color: #ffffff;
	box-shadow: 0 20px 50px 0 rgba(0,0,0,.3);
	background-position: 50%;
	background-size: cover;
	text-align: center;
	border: 0;
	border-radius: .1875rem;
	display: inline-block;
	position: relative;
	width: 100%;
	margin-bottom: 30px;
	position: relative;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-direction: column;
	flex-direction: column;
	min-width: 0;
	word-wrap: break-word;
	background-color: #fff;
	background-clip: border-box;
}
.bgimg_col_00::after {
    position: absolute;
    z-index: 1;
    width: 100%;
    height: 100%;
    display: block;
    left: 0;
    top: 0;
    content: "";
    background-color: rgba(0,0,0,.63);
    border-radius: .25rem;
}
.bgimg_col_info {
    padding: 40px 0;
    text-align: center;
    position: relative;
    z-index: 2;
	max-width: 360px;
	margin: 0 auto;
}
.bgimg_col_info .icon {
	transition: transform .4s,box-shadow .4s;
	font-size: 3em;
}
.bgimg_col_info .description {
    padding: 0 15px;
}
.bgimg_col_info .description h4 {
    margin: 25px 0 15px;
	font-size: 1.5em;
	line-height: 1.45em;
}
.bgimg_col_info .description p {
	font-size: 1.1em;
	line-height: 1.61em;
	margin-top: 0;
	margin-bottom: 1rem;
}
.bgimg_col_01 {
	background-image: url(https://demos.creative-tim.com/now-ui-kit-pro/assets/img/bg24.jpg);
}
.bgimg_col_02 {
	background-image: url(https://demos.creative-tim.com/now-ui-kit-pro/assets/img/bg23.jpg);
}
.bgimg_col_03 {
	background-image: url(https://demos.creative-tim.com/now-ui-kit-pro/assets/img/bg25.jpg);
}

/* -------- Make Wave Style: Background-image-column[width:full-width] -------- */
@media screen and (min-width:100px) and ( max-width:468px) { 
/*銆for Mobile 銆*/
.bgimg_column_full .bgimg_col_heading {
    margin-bottom: 60px !important;
	padding: 0 15px;
}
.bgimg_column_full .bgimg_col_00 {
    margin-top: 0px !important;
}
}

.bgimg_column_full .container-fluid {
    max-width: 100%;
	padding: 0px;
}
.bgimg_column_full .bgimg_col_heading {
    margin-bottom: 80px;
}
.bgimg_column_full .bgimg_col_heading h3 {
    width: 90%;
    margin: 0 auto;
}
.bgimg_column_full .bgimg_col {
    padding: 0px;
}
.bgimg_column_full .bgimg_col_00 {
	border-radius: 0px;
	margin-top: 0;
	margin-bottom: 0;
	box-shadow: inherit;
}
.bgimg_column_full .bgimg_col_00::after {
	border-radius: 0px;
}
.bgimg_column_full .bgimg_col_01 {
	background-image: url(https://demos.creative-tim.com/now-ui-kit-pro/assets/img/project1.jpg);
}
.bgimg_column_full .bgimg_col_02 {
	background-image: url(https://demos.creative-tim.com/now-ui-kit-pro/assets/img/project18.jpg);
}
.bgimg_column_full .bgimg_col_03 {
	background-image: url(https://demos.creative-tim.com/now-ui-kit-pro/assets/img/project20.jpg);
}
.bgimg_column_full .bgimg_col_04 {
	background-image: url(https://demos.creative-tim.com/now-ui-kit-pro/assets/img/project19.jpg);
}<!--0.00017595291137695-->