@charset "utf-8";

/***************************************************************
	[LAYOUT]
***************************************************************/

/************ [header] ************/
.fixed-top .navbar-wrap.navbar-shrink { background:rgba(255,255,255,1); }
.navbar-brand { float:left; padding:0; }
.navbar-brand h1 { height:4rem; }
.navbar-brand h1 a span { min-width:inherit; background-image:none !important; }
.navbar-brand .inner:not(.txt-logo) h1 a span { margin:1rem 0; padding:0; }
.navbar-brand h1 a span img { width:auto !important; height:2rem; display:block; }
.navbar-brand .txt-logo h1 a span { height:2rem; margin:1rem 0; padding:0; }
.navbar .navbar-nav ul { margin-right:0; }
.navbar .navbar-nav ul>.nav-item-primary .nav-link { margin-top:0.84375rem; margin-left:0; padding:0.5rem 1rem !important; }
/*
_:-ms-fullscreen, :root .navbar-collapse { margin-top:12px; margin-bottom:12px; }
_:-ms-fullscreen, :root .navbar-brand { margin-top:3px; }
_:-ms-fullscreen, :root .navbar-wrap.navbar-shrink .navbar-collapse { margin-top:8px; margin-bottom:8px; }
_:-ms-fullscreen, :root .navbar-wrap.navbar-shrink .navbar-brand { margin-top:1px; }
*/
/****** responsive & retina specific ******/
@media (min-width:768px) {
    .navbar-brand { float:none; padding-top:0.5rem; }
    .navbar-brand h1 { text-align:center; }
    .navbar-brand h1 a span { height:2.5rem; font-size:1.8rem; line-height:44px; }
    .navbar-brand .inner:not(.txt-logo) h1 a span { margin:0.75rem 0; padding:0; }
    .navbar-brand h1 a span img { height:2.5rem; }
    .navbar-brand .txt-logo h1 a span { height:3rem; margin:0.5rem 0; padding:0; }
    /* .navbar-wrap:not(.navbar-shrink) .navbar-brand .inner:not(.txt-logo) h1 a span { padding:1.5rem 0; }
    .navbar-brand .inner:not(.txt-logo) h1 a span { margin:0.5rem 0; } */
    .navbar-wrap:not(.navbar-shrink) .navbar-brand h1 { height:4rem; }
    .navbar-wrap:not(.navbar-shrink) .navbar-nav ul>li>a { padding:1.25rem 0.75rem; }
    .navbar .navbar-nav ul { margin-right:auto; }
    .navbar .navbar-nav ul>.nav-item-primary .nav-link { margin-top:0; margin-left:1rem; padding:8px 30px 10px 30px !important; }
}
@media (min-width:992px) {
    .navbar-brand { float:left; padding:0; }
    .navbar-wrap:not(.navbar-shrink) { min-height:4rem; }
    .navbar .navbar-nav ul { margin-right:0; }
}
/*
@media (max-width:767px) {
	_:-ms-fullscreen, :root .navbar-collapse { margin-top:0px; margin-bottom:0px; }
	_:-ms-fullscreen, :root .navbar-brand { margin-top:0px; }
	_:-ms-fullscreen, :root .navbar-wrap.navbar-shrink .navbar-collapse { margin-top:0px; margin-bottom:0px; }
	_:-ms-fullscreen, :root .navbar-wrap.navbar-shrink .navbar-brand { margin-top:0px; }
}
*/

/************ [main] ************/
.main-wrap { margin-top:4rem; }
.main-wrap .segment-wrap { margin:0; padding:3rem 0; overflow:hidden; }
.segment-wrap .segment-header { margin-bottom:2rem; padding:0; border:none; text-align:center; }
.segment-wrap .segment-header h2 { display:block; font-size:1.5rem; }
.segment-wrap .segment-header p { margin:0 auto; display:inline-block; color:rgba(0,0,0,0.5); font-size:0.875rem; text-align:center; word-break:keep-all; }
.segment-wrap .segment-body .grid-col { margin:0.46875rem 0; }
/****** responsive & retina specific ******/
@media (min-width:768px) {
    .main-wrap { margin-top:6.4375rem; }
    .main-wrap .segment-wrap { padding:7rem 0; }
    .segment-wrap .segment-header { margin-bottom:3.75rem; }
	.segment-wrap .segment-header h2 { font-size:2.3rem; }
	.segment-wrap .segment-header p { font-size:1.1rem; }
    .segment-wrap .segment-body .grid-col { margin:1.25rem 0; }
}
@media (min-width:992px) {
    .main-wrap { margin-top:4rem; }
}

/*** report ***/
.report-wrap { position:fixed; bottom:6rem; right:2.5rem; text-align:right; z-index:10; }
.report-wrap p { margin:5px 0; padding:0.1rem 1rem 0.2375rem; display:inline-block; background-color:#ff613d; border-radius:2rem; color:#fff; font-size:1rem; line-height:1.5; vertical-align:middle; text-align:center; }
.report-wrap .btn-report { margin-left:5px; }
.report-wrap .btn-report { width:3.5rem; height:3.5rem; display:inline-block; position:relative; background:rgba(255,255,255,0.9); border:1px solid rgba(0,0,0,0.15); box-shadow:2px 2px 5px 0px rgba(0,0,0,0.1); border-radius:50%; font-size:0; line-height:0; vertical-align:middle; }
.report-wrap .btn-report:before { content:""; width:32px; height:32px; margin:-17px -16px; display:block; position:absolute; top:50%; left:50%; background-image:url(../images/icon-siren.gif); background-repeat:no-repeat; background-position:0 0; background-size:64px auto ; }
.report-wrap .btn-report:hover:before { background-position:-32px 0; }
/*** retina specific ***/
@media (-webkit-min-device-pixel-ratio:1.5), (min-resolution:144dpi) {
	.report-wrap .btn-report:before { background-image:url(../images/icon-siren%402x.gif); }
}

/************ [footer] ************/
.footer-wrap { padding-bottom:2rem; }
.box-item.address { text-align:center; }
.box-item.address p { margin-bottom:0.3rem; }
.box-item.address .list-group-inline { margin:0; text-align:center; }
.box-item.address .list-group-inline li { display:inline; color:rgba(0,0,0,0.4); font-size:0.75rem; }
.box-item.address .list-group-inline li:first-child { display:block; }
.footer-wrap .row.col-md-2 .box-item.address { text-align:left; }
.footer-wrap .row.col-md-2 .box-item.address .list-group-inline { text-align:left; }
/*
.box-item.address .img-wrap { max-height:36px; }
.box-item.address .img-wrap img { max-height:36px; -webkit-filter:grayscale(100%); /* Safari 6.0 - 9.0 * / filter:grayscale(100%); }
*/
.box-item.social-wrap { padding-top:2rem; position:relative; text-align:center; }
.row .grid-col + .grid-col .box-item.social-wrap { text-align:left; }
.box-item.social-wrap a { width:2rem; height:2rem; display:inline-block; vertical-align:top; }
.box-item.social-wrap a img { width:100%; border-radius:1.875rem; }
.box-item.social-wrap a.url { background:#93a1ad; border-radius:1.875rem; color:#fff; font-size:0.75rem; font-family:'Dosis',Arial,'Noto Sans KR','Malgun Gothic',Gulim,Dotum,sans-serif; font-weight:800; line-height:2rem; text-align:center; }
.box-item.social-wrap .btn-fb-save { height:2rem; display:inline-block; line-height:2rem; }
.box-item.social-wrap .btn-fb-save .fb-save span { vertical-align:inherit; }

.btn-fixed-bottom .form-group .btn { width:100%; padding:0.75rem; font-size:1rem; }
.return-to-top { bottom:4rem; }
/****** responsive & retina specific ******/
@media (min-width:768px) {
    .footer-wrap { padding-bottom:0; }
    .box-item.address .list-group-inline li:first-child { margin-right:1rem; display:inline; }
    .box-item.address .list-group-inline li { display:inline; }
    .footer-wrap .row.col-md-2 .box-item.address .list-group-inline { margin:0; text-align:left; }
    .footer-wrap .row.col-md-2 .box-item.address .list-group-inline li:first-child { display:block; }
    .footer-wrap .row.col-md-2 .box-item.address .list-group-inline li { display:inline; }
    .box-item.social-wrap { padding-top:0; padding-right:5rem; top:4px; text-align:center; }
    .row .grid-col + .grid-col .box-item.social-wrap { text-align:right; }
    .return-to-top { bottom:1.5rem; }
}

/********* segment layout customizing *********/
#mainIntro1.segment-wrap,#mainIntro2.segment-wrap,#mainIntro3.segment-wrap { background-color:#ffc107; }
#serviceFeature.segment-wrap { background-color:inherit; }
#serviceIntro1.segment-wrap { background-color:#ffc107; }
#serviceTarget.segment-wrap { background-color:#12c6f3; }
#serviceReview.segment-wrap { background-color:#12c6f3; }
#serviceReview .swiper-button-prev::before { border-right:3px solid rgba(0,0,0,0.85); border-top:3px solid rgba(0,0,0,0.85); }
#serviceReview .swiper-button-next::before { border-left:3px solid rgba(0,0,0,0.85); border-bottom:3px solid rgba(0,0,0,0.85); }
#serviceReview .swiper-button-prev::after { border-right:0; border-top:0; }
#serviceReview .swiper-button-next::after { border-left:0; border-bottom:0; }
#formApply.segment-wrap { background-color:#fff; }

#carouselJumbotron.segment-wrap { padding:0; background:#111; }
#carouselJumbotron.carousel-segment.segment-wrap,#carouselJumbotron.carousel-segment.segment-wrap>div { height:calc(100vh - 4rem); }
#carouselJumbotron.carousel-segment .swiper-wrapper .swiper-slide1 { background-image:url(../images/img-slide01.jpg); }
#carouselJumbotron.carousel-segment .swiper-wrapper .swiper-slide2 { background-image:url(../images/img-slide02.jpg); }
#carouselJumbotron.carousel-segment .swiper-wrapper .swiper-slide3 { background-image:url(../images/img-slide03.jpg); }

.segment-wrap.bg-attach { background-repeat:no-repeat; background-position:center; background-size:cover; background-attachment:fixed; }


/***************************************************************
	[SEGMENT]
***************************************************************/
/************ [carousel segment] ************/
.carousel-segment .segment-body { max-width:60rem; max-width:calc(100% - 5rem); }
.carousel-segment .segment-body h1 { line-height:1.2; margin-top:5rem; margin-bottom:1.5rem; color:#fff; font-size:1.5rem; font-weight:500; text-align:left; }
.carousel-segment .segment-body p { color:rgba(255,255,255,0.7); font-size:0.875rem; font-weight:400; text-align:left; }
.carousel-segment .segment-body .btn-group { margin-top:15px; }
.carousel-segment .segment-body .btn-group .btn { width:100%; margin:5px; padding:0.75rem 1.5rem; font-size:1.125rem; font-weight:700; }
.carousel-segment .segment-body .img-wrapper { border:0.5rem solid #fff; box-shadow:3px 3px 10px 0 rgba(0,0,0,0.2); }
.carousel-segment .segment-body .img-wrapper img { width:100%; }
.carousel-segment .container .swiper-button-prev { left:0; }
.carousel-segment .container .swiper-button-next { right:0; }
.carousel-segment .container .swiper-slide { height:auto; }
/****** responsive & retina specific ******/
@media (min-width:576px) {
	.carousel-segment .segment-body h1 { font-size:3.5rem; }
	.carousel-segment .segment-body p { font-size:1.15rem; }
	.carousel-segment .segment-body .btn-group .btn { max-width:12rem; }
}
@media (min-width:768px) {
	.carousel-segment .container .segment-body { max-width:calc(100% - 6rem); }
}
@media (min-width:992px) {
	.carousel-segment .container .segment-body { max-width:calc(100% - 8rem); }
}

/************ [image segment] ************/
.img-segment.segment-wrap { padding:0 !important; }
.img-segment .segment-body .img-wrapper { text-align:center; }
.img-segment .segment-body .img-wrapper img { width:inherit; max-width:1920px; }

/************ [image segment2] ************/
.img-segment2 .segment-header:not(:first-child) { margin-top:7rem; }
.img-segment2 .segment-body .img-wrapper { border:0.5rem solid #fff; box-shadow:3px 3px 10px 0 rgba(0,0,0,0.2); }
.img-segment2 .segment-body .img-wrapper img { width:100%; }
/****** responsive & retina specific ******/
@media (min-width:768px) {
	.img-segment2 .container { max-width:540px; }
}
@media (min-width:992px) {
	.img-segment2 .container { max-width:720px; }
}
@media (min-width:1200px) {
	.img-segment2 .container { max-width:960px; }
}

/************ [video segment2] ************/
.video-segment2 .segment-body .video-wrapper { height:0; padding-bottom:56.25%; /* 16:9 */ padding-top:25px; background-color:#000; position:relative; z-index:1; }
.video-segment2 .segment-body .video-wrapper { border:0.5rem solid #fff; box-shadow:3px 3px 10px 0 rgba(0,0,0,0.2); }
.video-segment2 .segment-body .video-wrapper iframe { width:100%; height:100%; position:absolute; top:0; left:0; }
/****** responsive & retina specific ******/
@media (min-width:768px) {
	.video-segment2 .container { max-width:540px; }
}
@media (min-width:992px) {
	.video-segment2 .container { max-width:720px; }
}
@media (min-width:1200px) {
	.video-segment2 .container { max-width:960px; }
}

/************ [background segment] ************/
.bg-segment.segment-wrap { width:100%; height:100%; display:-webkit-box; display:-ms-flexbox; display:-webkit-flex; display:flex; -webkit-box-pack:center; -ms-flex-pack:center; -webkit-justify-content:center; justify-content:center; -webkit-box-align:center; -ms-flex-align:center; -webkit-align-items:center; align-items:center; -webkit-flex-shrink:0; -ms-flex-negative:0; flex-shrink:0; position:relative; -webkit-transition-property:-webkit-transform; transition-property:-webkit-transform; -o-transition-property:transform; transition-property:transform; transition-property:transform, -webkit-transform; background-color:#fff; background-size:cover; background-repeat:no-repeat; background-position:center; text-align:center; }
.bg-segment .segment-body { max-width:60rem; max-width:calc(100% - 6rem); margin:0 auto; }
.bg-segment .segment-body h2 { margin-bottom:1.5rem; color:#fff; font-size:1.5rem; font-weight:500; text-align:left; }
.bg-segment .segment-body p { color:rgba(255,255,255,0.85); font-size:0.875rem; font-weight:400; text-align:left; }
.bg-segment .segment-body .img-wrap img { width:100%; }
/****** responsive & retina specific ******/
@media (min-width:576px) {
	.bg-segment .segment-body { max-width:calc(100% - 12rem); }
	.bg-segment .segment-body h2 { font-size:1.875rem; }
	.bg-segment .segment-body p { font-size:1rem; }
}

/************ [text segment] ************/
.txt-segment .segment-body .txt-wrapper { padding:2rem; -webkit-box-pack:center; -ms-flex-pack:center; justify-content:center; display:-webkit-box; display:-ms-flexbox; display:flex; background:rgba(0,0,0,0.07); border-radius:5px; }
.txt-segment .segment-body .txt-wrapper p { text-align:left; }

/************ [list segment] ************/
.list-segment .segment-body .list-wrapper { -webkit-box-pack:center; -ms-flex-pack:center; justify-content:center; display:-webkit-box; display:-ms-flexbox; display:flex; background:rgba(0,0,0,0); border-radius:5px; }
.list-segment .segment-body .list-wrapper ul.list-icon { list-style:none; }
.list-segment .segment-body .list-wrapper ul.list-icon li { margin-bottom:10px; padding:1rem 1rem 1rem 4rem; position:relative; text-align:left; background:rgba(0,0,0,0.07); border-radius:5px; font-size:1rem; word-break:keep-all; }
.list-segment .segment-body .list-wrapper ul.list-icon li::before { content:"\e93a"; margin-top:-1.125rem; position:absolute; top:50%; left:1.5rem; color:#28a745; font-family:'tencon'; font-size:1.5rem; font-style:normal; font-weight:normal; text-decoration:inherit; text-align:center; speak:none; font-smoothing:antialiased; -moz-osx-font-smoothing:grayscale; -webkit-font-smoothing:antialiased; -webkit-backface-visibility:hidden; backface-visibility:hidden; }
/****** responsive & retina specific ******/
@media (min-width:768px) {
	.list-segment .container { max-width:540px; }
    .list-segment .segment-body .list-wrapper ul.list-icon li { font-size:1.25rem; }
}
@media (min-width:992px) {
	.list-segment .container { max-width:720px; }
}
@media (min-width:1200px) {
	.list-segment .container { max-width:960px; }
}

/************ [multi segment] ************/
.multi-segment .segment-header:not(:first-child) { margin-top:3rem; }
.multi-segment .segment-body .img-wrapper { border:0.5rem solid #fff; box-shadow:3px 3px 10px 0 rgba(0,0,0,0.2); }
.multi-segment .segment-body .img-wrapper img { width:100%; }
.multi-segment .segment-body .txt-wrapper { padding:2rem; -webkit-box-pack:center; -ms-flex-pack:center; justify-content:center; display:-webkit-box; display:-ms-flexbox; display:flex; background:rgba(0,0,0,0.07); border-radius:5px; }
.multi-segment .segment-body .txt-wrapper p { text-align:left; font-size:1rem; word-break:keep-all; }
/****** responsive & retina specific ******/
@media (min-width:768px) {
    .multi-segment .segment-header:not(:first-child) { margin-top:7rem; }
	.multi-segment .container { max-width:540px; }
    .multi-segment .segment-body .txt-wrapper p { font-size:1.25rem; }
}
@media (min-width:992px) {
	.multi-segment .container { max-width:720px; }
}
@media (min-width:1200px) {
	.multi-segment .container { max-width:960px; }
}

/************ [service segment] ************/
.service-segment .grid-col h4 { max-width:90%; padding:0; color:#333; text-align:left; text-overflow:ellipsis; white-space:nowrap; overflow:hidden; }
.service-segment .grid-col p { margin:0 auto; display:inline-block; color:rgba(0,0,0,0.5); font-size:1.2rem; text-align:left; word-break:keep-all; }
.service-segment .grid-col .box-icon { /*border-radius:100%;*/ }
/********* customize *********/
.service-segment .grid-col { text-align:center; }
.service-segment .grid-col h4 { margin:0 auto 1rem; display:inline-block; font-size:1.5rem; font-weight:400; }
.service-segment .grid-col .box-item { min-height:100%; padding:2rem; background-color:#fff; border-radius:0.5rem; }
.service-segment .grid-col .box-item i { font-size:5rem; font-family:'Dosis',Arial,'Noto Sans KR','Malgun Gothic',Gulim,Dotum,sans-serif; font-weight:800; line-height:1.6; }
.service-segment .grid-col .box-icon { width:8.75rem; height:8.75rem; margin:0 auto 2rem; position:relative; background-color:rgba(0,0,0,0.05); text-align:center; }

/************ [form segment] ************/
.checkbox-controls .form-control-checkbox:checked ~ .form-label-checkbox::after { color:#009cff; }
.radio-controls .form-control-radio:checked ~ .form-label-radio::after { background-color:#009cff; }

.form-segment.segment-wrap .segment-body form { margin-right:-15px; margin-left:-15px; padding:3rem 1rem 2rem 1rem; background-color:rgba(0,0,0,0.05); }
.form-segment.segment-wrap .segment-body form .form-label-tel { width:16rem; margin-left:-8rem; padding:0.5rem; position:absolute; top:-1.25rem; left:50%; background:#ddd; border-radius:1.875rem; font-weight:500; text-align:center; }

.form-segment.segment-wrap .segment-body form .form-label-tel .popover-layer { width:284px; background-color:#009cff; border-color:#009cff; }
.form-segment.segment-wrap .segment-body form .form-label-tel .popover-layer-header { padding:0; background-color:transparent; border-bottom:none; }
.form-segment.segment-wrap .segment-body form .form-label-tel .popover-layer-header .close { position:absolute; top:5px; right:5px; }
.form-segment.segment-wrap .segment-body form .form-label-tel .popover-layer-header .close span { padding-left:0 !important; font-size:15px !important; vertical-align:middle !important; }
.form-segment.segment-wrap .segment-body form .form-label-tel .popover-layer-header .close i { color:#fff; font-size:15px; }
.form-segment.segment-wrap .segment-body form .form-label-tel .popover-layer-body { padding-top:0.75rem; padding-right:2rem; color:#fff; }
.form-segment.segment-wrap .segment-body form .form-label-tel .popover-layer-body p { margin-bottom:1rem; }
.form-segment.segment-wrap .segment-body form .form-label-tel .popover-layer-body .btn { padding:0.125rem 0.5rem; }

.form-segment.segment-wrap .segment-body form .row .form-group { margin:0.25rem 0; align-items: center;}
.form-segment.segment-wrap .form-label-inline.row .form-label { max-width:30%; -ms-flex:0 0 30%; flex:0 0 30%; padding-right:0.5rem; letter-spacing:-0.08rem; padding-top: 0; }
.form-segment.segment-wrap .form-label-inline.row .controls { max-width:70%; -ms-flex:0 0 70%; flex:0 0 70%; margin-top:0; }
.form-segment.segment-wrap .segment-body form .row+.clearfix+.row { margin-top:1.5rem; padding-top:1.5rem; border-top:1px solid rgba(0,0,0,0.15); }
.form-group.form-checkbox-all { margin:0 !important; padding:0.5rem 0rem; border-bottom:1px solid rgba(0,0,0,0.1); }
.form-group.form-checkbox-sub { margin:0 !important; padding:0.5rem 0rem; }
.form-group.form-checkbox-all .checkbox-controls .form-label-checkbox { padding-left:1.75rem; font-size:1rem; font-weight:500; }
.form-group.form-checkbox-all .checkbox-controls .form-label-checkbox::before { width:1.3rem; height:1.3rem; }
.form-group.form-checkbox-all .checkbox-controls .form-control-checkbox ~ .form-label-checkbox::after { content:"\e93c"; top:0.6875rem; left:0.25rem; font-weight:700; }
.form-group.form-checkbox-sub .checkbox-controls { padding:0.4375rem 0; }
.form-group.form-checkbox-sub .checkbox-controls .form-label-checkbox::before,.form-group.form-checkbox-sub .checkbox-controls .form-control-checkbox:checked ~ .form-label-checkbox::before { background-color:transparent; border-color:transparent; }
.form-group.form-checkbox-sub .checkbox-controls .form-control-checkbox:not(:checked) ~ .form-label-checkbox::after { color:rgba(0,0,0,0.25); }
.form-segment.segment-wrap .segment-body form .row+.clearfix+.row .form-group { margin:0.5rem 0; }
.form-segment.segment-wrap .segment-body form .row+.clearfix+.row .form-group .btn-apply-confirm { width:100%; padding:0.5rem; font-size:1.125rem; }
.form-segment.segment-wrap .segment-body form .form-label-inline .form-group .form-error-alert { max-width:70%; margin-left:calc(100% - 70%); }

.form-segment .box-item-attention h3 { font-weight:500; }
.form-segment .box-item-attention .list-group li { margin-bottom:0.5rem; font-size:0.8125rem; word-break:keep-all; }

.form-segment .box-item-process h3 { margin-top:2rem; margin-bottom:1rem; font-size:1.2rem; font-weight:500; text-align:center; }
.form-segment .box-item-process .list-group { }
.form-segment .box-item-process .list-group li { width:100%; padding:0.5rem 1rem; position:relative; display:-ms-inline-flexbox; display:inline-flex; -ms-flex-align:center !important; align-items:center !important; vertical-align:middle; background-color:#ddd; border-radius:2rem; text-align:center; }
.form-segment .box-item-process .list-group li:not(:last-child) { margin-bottom:1.5rem; }
.form-segment .box-item-process .list-group li:not(:last-child)::after { content:""; width:0; height:0; margin-left:-0.7rem; display:inline-block; position:absolute; bottom:-1.2rem; left:50%; border-top:0.7rem solid #ff0000; border-right:0.7rem solid transparent; border-bottom:0; border-left:0.7rem solid transparent; }
.form-segment .box-item-process .list-group li span { width:100%; height:4.5; line-height:1.5; display:-webkit-box; -webkit-line-clamp:3; -webkit-box-orient:vertical; align-items:center !important; vertical-align:middle; overflow:hidden; }
/****** responsive & retina specific ******/
@media (max-width:991px) {
    .form-segment.segment-wrap .segment-body form .form-label-tel .popover-layer { margin-right:-142px; margin-bottom:0.5rem; top:-5rem; right:50%; }
    .form-segment.segment-wrap .segment-body form .form-label-tel .popover-layer .arrow { margin-left:-0.5rem; bottom:calc((0.5rem + 1px) * -1); left:50%; }
    .form-segment.segment-wrap .segment-body form .form-label-tel .popover-layer .arrow::before,
    .form-segment.segment-wrap .segment-body form .form-label-tel .popover-layer .arrow::after { border-width:0.5rem 0.5rem 0; }
    .form-segment.segment-wrap .segment-body form .form-label-tel .popover-layer .arrow::before { bottom:0; border-top-color:#01adbc; }
    .form-segment.segment-wrap .segment-body form .form-label-tel .popover-layer .arrow::after { bottom:1px; border-top-color:#00bdcd; }
}
@media (max-width:767px) {
    .form-segment.segment-wrap .segment-body form .form-label-tel .popover-layer { margin-right:-142px; margin-bottom:0.5rem; top:-6rem; right:50%; }
}
@media (min-width:768px) {
    .form-segment.segment-wrap .segment-body form { margin-right:0; margin-left:0; padding:5rem 1.5rem 2rem 1.5rem; border-radius:0.5rem; }
    .form-segment.segment-wrap .segment-body form .form-label-tel { padding:1rem; top:-1.75rem; }
    .form-segment.segment-wrap .segment-body form .row .grid-col { padding-left:1.5rem; padding-right:1.5rem; }
    .form-segment.segment-wrap .form-label-inline.row .form-label { text-align:left; }
    .form-group.form-checkbox-all { padding:0.5rem; background-color:rgba(255,255,255,0.2); }
    .form-group.form-checkbox-sub { padding:0.5rem; background-color:rgba(255,255,255,0.2); }
    .form-segment .box-item-attention { padding-left:2rem !important; }
    .form-segment .box-item-process h3 { font-size:1.5rem; }
    .form-segment .box-item-process .list-group { display:-ms-flexbox; display:flex; -ms-flex-align:center; align-items:center; -ms-flex-pack:center !important; justify-content:center !important; }
    .form-segment .box-item-process .list-group li { width:10rem; padding:2rem; border-radius:100%; }
    .form-segment .box-item-process .list-group li:not(:last-child) { margin-bottom:0; margin-right:1.5rem; }
    .form-segment .box-item-process .list-group li:not(:last-child)::after { margin-top:-0.7rem; top:50%; right:-1.2rem; left:inherit; border-top:0.7rem solid transparent; border-right:0; border-bottom:0.7rem solid transparent; border-left:0.7rem solid #ff0000; }
    .form-segment .box-item-process .list-group li span { width:100%; height:4.5; line-height:1.5; display:-webkit-box; -webkit-line-clamp:3; -webkit-box-orient:vertical; align-items:center !important; vertical-align:middle; overflow:hidden; }
}
@media (min-width:992px) {
    .form-segment.segment-wrap .segment-body form { margin-bottom:2rem; padding:5rem 3rem 2rem 3rem; }
    .form-segment.segment-wrap .segment-body form .form-label-tel .popover-layer { margin-left:0.5rem; top:0; right:-4rem; }
    .form-segment.segment-wrap .segment-body form .form-label-tel .popover-layer .arrow { width:0.5rem; height:1rem; margin:-0.5rem 0 0 0; top:50%; left:calc((0.5rem + 1px) * -1); }
    .form-segment.segment-wrap .segment-body form .form-label-tel .popover-layer .arrow::before,
    .form-segment.segment-wrap .segment-body form .form-label-tel .popover-layer .arrow::after { border-width:0.5rem 0.5rem 0.5rem 0; }
    .form-segment.segment-wrap .segment-body form .form-label-tel .popover-layer .arrow::before { left:0; border-right-color:#009cff; }
    .form-segment.segment-wrap .segment-body form .form-label-tel .popover-layer .arrow::after { left:1px; border-right-color:#009cff; }
	.form-segment.segment-wrap .form-label-inline.row .form-label { padding-right:1rem; letter-spacing:0; }
    .form-segment .box-item-process .list-group li { height:10rem; }
}
@media (min-width:1200px) {
	.form-segment.segment-wrap .container { max-width:960px; }
}

/************ [Modal - Tenping Call] ************/
.modal-tpcall .reg-segment .segment-body { margin-bottom:2rem; padding-bottom:2rem; border-bottom:1px dotted #ddd; }
.modal-tpcall .reg-segment .panel-body p { margin-bottom:2.5rem; font-size:1rem; }
.modal-tpcall .desc-segment .panel-wrap.df-panel { margin-bottom:2rem; }
.modal-tpcall .desc-segment .df-panel .panel-body p { margin:0 0 0.75rem 0; font-size:1rem; }
.modal-tpcall .desc-segment .df-panel .panel-body .block-body { padding:0.75rem; background-color:#eff0f2; border-radius:0.25rem; font-size:0.875rem; }
.modal-tpcall .desc-segment .panel-wrap.process-panel { margin-bottom:2rem; }
.modal-tpcall .desc-segment .process-panel .panel-body figure { margin-top:0; padding:1rem 0; background-color:#eff0f2; text-align:center; }
.modal-tpcall .desc-segment .guide-panel .panel-body .list-group { margin-top:0; }

.modal-tpcall .result-segment .panel-body i { margin-bottom:1rem; display:block; font-size:2rem; text-align:center; }
.modal-tpcall .result-segment .panel-body i.tencon-exclamation-triangle { color:#dc3545; }
.modal-tpcall .result-segment .panel-body i.tencon-check-circle { color:#00dbcd; }
.modal-tpcall .result-segment .panel-body p { margin-bottom:0.75rem; font-size:1.2rem; }
.modal-tpcall .result-segment .panel-body .block-body { padding:0.75rem; background-color:#eff0f2; border-radius:0.25rem; font-size:0.875rem; }


/***************************************************************
	[RECOMMNAD CAMPAIGN]
***************************************************************/
.page-recommandcampaign { height:100%; min-height:100vh; background-color:#f6f7fa;}
.page-recommandcampaign .main-wrap { max-width:720px; margin:0 auto; background-color:transparent; }
.page-recommandcampaign .segment-wrap { padding:1.5rem 0 1rem !important; border-radius:0.25rem; }
.page-recommandcampaign .segment-wrap:first-child { margin-bottom:0.5rem; }
.page-recommandcampaign .segment-wrap .segment-header { margin-bottom:0.5rem !important; }

.page-recommandcampaign .complete-segment .segment-header { font-size:22px; font-weight:400; letter-spacing:-0.5px; }
.page-recommandcampaign .complete-segment .segment-header::after { content:''; width:1.52em; height:1px; margin:0.8em auto 0.35em; display:block; background-color:#222; }
.page-recommandcampaign .complete-segment .segment-header i.icon-complete { width:128px; height:128px; margin:0 auto; display:block; background-image:url(../images/bg_iconlayer_sprite.png); background-repeat:no-repeat; background-position:0 -1126px; background-size:640px auto; }
.page-recommandcampaign .complete-segment .panel-wrap { padding:0 1rem; }
.page-recommandcampaign .complete-segment .box-item { margin:0 auto; padding:1rem 0 0; display:table; }
.page-recommandcampaign .complete-segment p { margin-bottom:0.75rem; color:#555; font-size:14px; }
.page-recommandcampaign .complete-segment .lead { color:#000; font-size:1.2rem; font-weight:500; }
.page-recommandcampaign .complete-segment .tel { color:#000; font-size:1.4rem; font-weight:500; }
.page-recommandcampaign .complete-segment .figure { text-align:center; }
.page-recommandcampaign .complete-segment .figure img { width:100%; border:1px solid rgba(0,0,0,0.15); }

.page-recommandcampaign .recommand-segment .panel-wrap { padding:1rem; }
.page-recommandcampaign .recommand-segment .grid-col { margin:0; }
.page-recommandcampaign .recommand-segment .segment-header { font-size:1.3rem; font-weight:300; padding-top:15px; }
.page-recommandcampaign .recommand-segment .segment-header::after { content:''; width:1.52em; height:1px; margin:0.8em auto 0.35em; display:block; background-color:#222; }
.page-recommandcampaign .recommand-segment .card-wrap { padding:0.5rem 0; border:none; }
.page-recommandcampaign .recommand-segment .card-wrap .card-img { -ms-flex:0 0 5.625rem; flex:0 0 5.625rem; max-width:5.625rem; }
.page-recommandcampaign .recommand-segment .card-wrap .card-img img { border:1px solid rgba(0,0,0,0.15); }
.page-recommandcampaign .recommand-segment .card-wrap .card-body { padding:1.3375rem 0 0 1rem; -ms-flex:0 0 calc(100% - 5.625rem); flex:0 0 calc(100% - 5.625rem); max-width:calc(100% - 5.625rem); }
.page-recommandcampaign .recommand-segment .card-wrap .card-body h5.card-title { padding-bottom:0; font-size:1rem; }

.page-recommandcampaign .recommand-segment .segment-header .line1 { font-weight:600; color:#003277; }
.page-recommandcampaign .recommand-segment .segment-header .line2 { font-weight:400; color:#000; }
.page-recommandcampaign .recommand-segment .col { margin-bottom:20px; }
.page-recommandcampaign .recommand-segment .col img { max-width:1200px; width:100%; border:2px solid #e1e1e1; }
/****** responsive & retina specific ******/
@media (min-width:768px) {
    .page-recommandcampaign { padding:1rem; }
    .page-recommandcampaign .complete-segment .figure img { width:70%; }
    .page-recommandcampaign .recommand-segment .card-wrap { padding:1rem; }
    .page-recommandcampaign .recommand-segment .card-wrap .card-body { padding:0.9rem 0 0 1.25rem; }
    .page-recommandcampaign .recommand-segment .card-wrap .card-body h5.card-title { font-size:1.25rem; }
	.page-recommandcampaign .complete-segment p { font-size:16px; }
}
@media (-webkit-min-device-pixel-ratio:1.5), (min-resolution:144dpi) {
    .page-recommandcampaign .complete-segment .segment-header i.icon-complete { background-image:url(../images/bg_iconlayer_sprite%402x.png); }
}


/***************************************************************
	[theme : default ]
***************************************************************/
/************ [hearder] ************/
.navbar-brand h1 a span img { height:50px; }
.navbar-nav ul>.nav-item-primary .nav-link { margin-left:0; }
.navbar-nav ul>.nav-item-primary .nav-link { background-color:#1456d1; color:#fff !important; padding:8px 30px 10px 30px !important; border-radius:100px; font-size:20px; margin-left:20px; }
.navbar-nav ul>li>a:hover,
.navbar-nav ul>li>a.active { color:#444; }
.fixed-top .navbar-wrap.navbar-shrink { box-shadow:rgba(0, 0, 0, 0.05) 0px 3px 3px; border-bottom:none; min-height:4rem; background:rgba(255,255,255,0.96); }
.fixed-top .navbar-wrap.navbar-shrink .navbar-nav ul>li>a:hover,
.fixed-top .navbar-wrap.navbar-shrink .navbar-nav ul>li>a.active { color:#444; }

/************ [main segment] ************/
#mainIntro1.segment-wrap,
#mainIntro2.segment-wrap,
#mainIntro3.segment-wrap { background-color:inherit; padding-top:70px; }

#mainIntro2.segment-wrap .segment-body .img-wrapper { border:none; box-shadow:none; filter:drop-shadow(0 2mm 2mm rgba(0, 0, 0, 0.1)); }
#mainIntro3.segment-wrap .segment-body .video-wrapper { border:none; box-shadow:none; filter:drop-shadow(0 2mm 2mm rgba(0, 0, 0, 0.1)); }

#mainIntro1.segment-wrap .segment-header h2 { font-weight:500; }
#mainIntro2.segment-wrap .segment-header h2 { font-weight:500; }
#mainIntro3.segment-wrap .segment-header h2 { font-weight:500; } 

.segment-wrap .segment-header p { font-size:20px; }
.segment-wrap .segment-header p { color:rgba(0,0,0,0.7); }
.segment-wrap .segment-header h2 { font-size:2.5rem; line-height:56px; }
.segment-wrap .segment-header h2:after { content:''; width:1.52em; height:2px; margin:0 auto; display:block; background-color:#222; margin-bottom:20px; margin-top:10px; }
.video-segment2 .segment-body .video-wrapper { position:relative; width:100%; padding-bottom:56.25%; z-index:1; padding-top:inherit; }

/************ [box icon style] ************/
.grid-col:nth-child(1) .box-item .box-icon { background-image:url(../images/list_icon1.png); background-size:cover; }
.grid-col:nth-child(2) .box-item .box-icon { background-image:url(../images/list_icon2.png); background-size:cover; }
.grid-col:nth-child(3) .box-item .box-icon { background-image:url(../images/list_icon3.png); background-size:cover; }
.grid-col:nth-child(4) .box-item .box-icon { background-image:url(../images/list_icon4.png); background-size:cover; }
.grid-col:nth-child(5) .box-item .box-icon { background-image:url(../images/list_icon5.png); background-size:cover; }
.grid-col:nth-child(6) .box-item .box-icon { background-image:url(../images/list_icon6.png); background-size:cover; }
.grid-col:nth-child(7) .box-item .box-icon { background-image:url(../images/list_icon7.png); background-size:cover; }

/************ [feature segment] ************/
.serviceFeature.segment-wrap { background-color:inherit; }
#serviceFeature.segment-wrap .segment-body .grid-col .box-icon { width:200px; height:200px; margin:0 auto 1rem; }
#serviceFeature.segment-wrap .grid-col p { color:#333; text-align:center; }
#serviceFeature.segment-wrap .grid-col .box-item { background-color:#fff; border-radius:5px; }
#serviceFeature.segment-wrap .grid-col .box-icon { background-color:rgba(256,256,256,0.05); }

/************ [intro segment] ************/
#serviceIntro1.segment-wrap { background-color:inherit; }
#serviceIntro1.segment-wrap .segment-body .img-wrapper { border:none; box-shadow:none; filter:drop-shadow(0 2mm 2mm rgba(0, 0, 0, 0.1)); }
#serviceIntro1.segment-wrap .segment-body .txt-wrapper { background-color:#fff; }
#serviceIntro1.segment-wrap .segment-body .txt-wrapper:before { content:""; width:80px; height:80px; background-image:url(../images/clip_purple.png); background-size:cover; position:absolute; left:-30px; top:-22px; }
#serviceIntro1.segment-wrap .segment-body .txt-wrapper p { color:#333; font-size:20px; line-height:34px; }

/************ [target segment] ************/
#serviceTarget.segment-wrap { background-color:inherit; }
#serviceTarget.segment-wrap .segment-body .list-wrapper { background:rgba(256,256,256,0); }
#serviceTarget.segment-wrap .segment-body .list-wrapper ul.list-icon li { background-color:#fff; color:#333; }
#serviceTarget.segment-wrap .segment-body .list-wrapper ul.list-icon li::before { color:#1456d1; content:"\e925"; }
#serviceTarget .list-wrapper ul.list-icon li { margin-bottom:10px; padding:1rem 2rem 1rem 4rem; color:#333; }

/************ [review segment] ************/
#serviceReview.segment-wrap { background-color:inherit; }
#serviceReview.segment-wrap .segment-header h2 { color:#333; }
#serviceReview.segment-wrap .swiper-button-prev::before { border-right:3px solid rgba(256,256,256,0.85); border-top:3px solid rgba(256,256,256,0.85); }
#serviceReview.segment-wrap .swiper-button-next::before { border-left:3px solid rgba(256,256,256,0.85); border-bottom:3px solid rgba(256,256,256,0.85); }
#serviceReview.segment-wrap .segment-body .img-wrapper { border:0.5rem solid #fff; box-shadow:3px 3px 10px 0 rgba(0,0,0,0.2); }

/************ [form segment] ************/
#formApply.segment-wrap { background-color:inherit; }
#formApply.segment-wrap .segment-header p { color:#333; }
#formApply.segment-wrap .segment-body form .form-label-tel { position:relative; background-color:inherit; color:#333; top:0; border-radius:100px; left:0; margin-left:0; padding:1rem 1.5rem; width:100%; margin-bottom:10px; }
#formApply.segment-wrap .segment-body form .form-label-tel span { color:#1456d1; font-size:35px; vertical-align:sub; padding-left:5px; }
#formApply.segment-wrap .segment-body form .row+.clearfix+.row { border-top:1px solid rgba(0,0,0,0.15); }
#formApply.segment-wrap .form-group.form-checkbox-all { border-bottom:1px solid rgba(0,0,0,0.1); }
#formApply.segment-wrap.form-segment .box-item-process .form-segment.segment-wrap .segment-body form .row .grid-col li { background-color:#eee9ff; }
#formApply.segment-wrap .btn-default { border-color:#1456d1;background-color:#1456d1;color:#fff; padding:0.8rem; border-radius:100px; font-size:26px; }
#formApply.segment-wrap .btn-default:hover { border-color:#1149b2; background-color:#1149b2; color:#fff; }
#formApply.segment-wrap .btn-default:active,.btn-default.active,.btn-default.disabled,.btn-default[disabled] { border-color:#1149b2; background-color:#1149b2; color:#fff; }
#formApply.segment-wrap .form-segment .box-item-attention .list-group li { color:rgba(255,255,255,0.8); }
.form-segment.segment-wrap .segment-body form { margin-right:inherit; margin-left:inherit; border-radius:5px; padding:2.2rem 3rem 2rem 3rem; background-color:#fff; display:inline-flex; border:3px solid #88579e; width:100%; }
.form-segment.segment-wrap .segment-body form fieldset { width:100%; }
.form-segment .box-item-process .list-group li { background-color:#fff; }
.btn-fixed-bottom { width:100%; position:fixed; left:0; bottom:0; z-index:1030; display:none; }
.checkbox-controls .link-btn,.radio-controls .link-btn { color:#888; border:1px solid #888; }

/************ [footer segment] ************/
#footerWrap { background-color:#fff; }
#footerWrap .box-item.address .list-group-inline li { color:rgba(0,0,0,0.4); }

/********* report *********/
.report-wrap { position:fixed; bottom:5.5rem; right:2.5rem; text-align:right; z-index:10; }
.report-wrap p { background-color:#ff5e5f; }

/********* popup *********/
.btn-primary { border-color:#1456d1; background-color:#1456d1; color:#fff; }
.btn-primary:hover { border-color:#1149b2; background-color:#1149b2; color:#fff; }

/****** responsive & retina specific ******/
@media (max-width:1199px) {
    .main-wrap { background-size:130%; }
    .main-wrap .segment-wrap {padding:5rem 0;}
    .segment-wrap .segment-header h2 { font-size:2rem; line-height:42px; }
	#serviceFeature.segment-wrap .segment-body .row .grid-col .box-icon { width:215px; height:215px; }
}
@media (max-width:991px) {
	#serviceFeature.segment-wrap .segment-body .row .grid-col .box-icon { width:146px; height:146px; }
	.service-segment .grid-col .box-item { padding:1rem; }
}
@media (min-width:768px) {
	.navbar-brand .txt-logo h1 a span { margin:0.45rem 0; }
	.navbar-brand .inner:not(.txt-logo) h1 a span { margin:7px 0; }
	.segment-wrap .segment-header { margin-bottom:2rem; }
	#formApply.segment-wrap.form-segment .box-item-process .list-group li:not(:last-child)::after { margin-top:-0.7rem; top:40%; right:-0.1rem; left:inherit; border:inherit; content:"\e915"; font-family:'tencon'; font-size:30px; color:#1456d1; }
	.form-segment .box-item-process .list-group li { width:9.5rem; height:9.5rem; }
	.form-segment .box-item-process .list-group li span { font-size:20px; line-height:24px; }
	.form-group.form-checkbox-all { padding:0 0.5rem; }
	.footer-wrap .container { padding:2rem 0; }
}
@media (min-width:992px) {
	.form-segment .box-item-process .list-group li { width:9.5rem; height:9.5rem; }
	.form-segment .box-item-process .list-group li:not(:last-child) { margin-right:2rem; }
}
@media (max-width:767px) {
    .main-wrap { margin-top:3.5rem; }
    .fixed-top .navbar-wrap { min-height:3.5rem; }
    .fixed-top .navbar-wrap.navbar-shrink { min-height:3.5rem; }
	.navbar-brand h1 { text-align:left; height:inherit; }
	.navbar-brand .inner:not(.txt-logo) h1 a span { margin:0; margin-top:5px; }
	.navbar-brand h1 a span img { height:45px; }
	.navbar-brand h1 a span { font-size:1.4rem; margin:0.9rem 0; }
	.nav-itemm.nav-item-primary.desktop-only { display:block !important; position:absolute; top:-53px; right:10px; }
	.navbar-nav ul>li>a { padding:0.4rem 0.375rem; }
	.navbar-nav ul>.nav-item-primary .nav-link { margin-left:0px !important; margin-top:8px !important; padding:0.5rem 1rem !important; }
	.navbar-nav ul>.nav-item-primary .nav-link { font-size:16px; }	
	.img-segment .segment-body .img-wrapper img { width:100%; }	
	.main-wrap .segment-wrap:first-child { padding:3.3rem 0 2.7rem 0; }
	.main-wrap .segment-wrap { padding:1rem 0 2.7rem 0; }
	.segment-wrap .segment-header { margin-bottom:1rem !important; }
	.segment-wrap .segment-header h2 { font-size:24px; line-height:32px !important; }
	.segment-wrap .segment-header h2:after { margin-bottom:10px !important; }
	.segment-wrap .segment-header p { font-size:14px !important; }
	
	#mainIntro1.segment-wrap,
	#mainIntro2.segment-wrap,
	#mainIntro3.segment-wrap { padding-top:50px; }
	
    #mainIntro2.segment-wrap .segment-body .img-wrapper { border:none; box-shadow:none; filter:drop-shadow(0 1mm 1mm rgba(0, 0, 0, 0.1)); }
    #mainIntro3.segment-wrap .segment-body .video-wrapper { border:none; box-shadow:none; filter:drop-shadow(0 1mm 1mm rgba(0, 0, 0, 0.1)); }
	
	#serviceFeature.segment-wrap .segment-body .row .grid-col .box-icon { width:130px; height:130px; margin:0 auto 0; }
	#serviceFeature.segment-wrap .grid-col p { font-size:16px; }
    #serviceIntro1.segment-wrap .segment-body .img-wrapper { filter:drop-shadow(0 1mm 1mm rgba(0, 0, 0, 0.1)); }
	#serviceIntro1.segment-wrap .segment-body .txt-wrapper { padding:25px; }
	#serviceIntro1.segment-wrap .segment-body .txt-wrapper p { color:#333; font-size:14px; line-height:22px; }
	#serviceIntro1.segment-wrap .segment-body .txt-wrapper p br { line-height:34px; }
	.service-segment .grid-col .box-item { padding:0.5rem 1rem 1rem 1rem; }
	#formApply.segment-wrap .segment-body form .form-label-tel { padding:0; top:10px; font-size:14px; }
	#formApply.segment-wrap .segment-body form .form-label-tel span { top:-8px; font-size:24px; }
	#formApply.segment-wrap .btn-default { padding:0.6rem; font-size:22px; }
	#formApply.segment-wrap.form-segment .box-item-process .list-group li:not(:last-child)::after { top:93%; border:inherit; content:"\e90d"; font-family:'tencon'; font-size:20px; color:#1456d1; }
	.segment-wrap.form-segment { padding-bottom:50px; }
	.segment-wrap.form-segment img { display:none; }
	.form-segment.segment-wrap .segment-body form { padding:1.5rem 1rem 2rem; }
	.form-segment.segment-wrap .segment-body form .row+.clearfix+.row { padding-top:0; }
	.form-segment .box-item-process .list-group li span { font-size:16px; }
	.form-segment .box-item-process .list-group li span { font-size:18px; line-height:24px; }
	.form-segment .box-item-process .list-group li { padding:1rem 1rem; border-radius:100px; }
	.report-wrap { position:fixed; bottom:4.8rem; right:1.5rem; text-align:right; z-index:10; }
	.return-to-top { bottom:1rem; }
	.box-item i { top:-9px; left:0; width:60px; height:60px; font-size:24px !important; }
}
@media (max-width:320px) {
	fixed-top .navbar-wrap.navbar-shrink { min-height:3.5rem; }
	.navbar-brand h1 a span img { height:inherit !important; max-width:140px; max-height:45px; }
	.navbar-brand h1 a span { font-size:19px; }
	.navbar-nav ul>.nav-item-primary .nav-link { font-size:15px; padding:6px 12px 10px 12px !important; }
	.navbar-brand h1 { height:inherit; }
	.navbar-brand h1 a span { margin:1rem 0; }
	.navbar-nav ul>.nav-item-primary .nav-link { margin-top:13px; }
	#formApply.segment-wrap .segment-body form .form-label-tel span { font-size:19px; }
}


/***************************************************************
	[theme6 : cutepurple ]
***************************************************************/
/************ [hearder] ************/
.theme6 .navbar-nav ul>.nav-item-primary .nav-link { background-color:#1456d1; color:#fff !important; }

/************ [main segment] ************/
.theme6 .main-wrap { background-color:#e4dff3; background-image:url(../images/theme6_cutepurple.png); background-position:center top; }
.theme6 .segment-wrap .segment-header h2 { color:#444; }
.theme6 .segment-wrap .segment-header h2:after { background-color:#444; }

/************ [box icon style] ************/
.theme6 .box-item i { background-image:url(../images/ribbon_purple.png); background-size:cover; position:absolute; top:-12px; left:-4px; width:80px; height:80px; color:#fff; font-size:30px !important; padding-top:10px; font-weight:700 !important; }

/************ [intro segment] ************/
.theme6 #serviceIntro1.segment-wrap .segment-body .txt-wrapper:before { background-image:url(../images/clip_purple.png); }

/************ [form segment] ************/
.theme6 #formApply.segment-wrap .btn-default { border-color:#1456d1; background-color:#1456d1; color:#fff; }
.theme6 #formApply.segment-wrap .btn-default:hover { border-color:#1149b2; background-color:#1149b2; color:#fff; }
.theme6 #formApply.segment-wrap .btn-default:active,.btn-default.active,.btn-default.disabled,.btn-default[disabled] { border-color:#1149b2; background-color:#1149b2; color:#fff; }
.theme6 #formApply.segment-wrap.form-segment .box-item-process .list-group li:not(:last-child)::after { color:#1456d1; }
.theme6 .form-segment.segment-wrap .segment-body form { border:3px solid #88579e; }

/****** responsive & retina specific ******/
@media (max-width:767px) {
	.theme6 .main-wrap { background-image:url(../images/theme6_cutepurple_mobile.png); }
}


/***************************************************************
	[theme7 : minimint ]
***************************************************************/
/************ [hearder] ************/
.theme7 .navbar-nav ul>.nav-item-primary .nav-link { background-color:#1456d1; color:#fff !important; }

/************ [main segment] ************/
.theme7 .main-wrap { background-color:#a2e7e8; background-image:url(../images/theme7_minimint.png); background-position:center top; }
.theme7 .segment-wrap .segment-header h2 { color:#444; }
.theme7 .segment-wrap .segment-header h2:after { background-color:#444; }

/************ [box icon style] ************/
.theme7 .box-item i { background-image:url(../images/ribbon_blue.png); background-size:cover; position:absolute; top:-12px; left:-4px; width:80px; height:80px; color:#fff; font-size:30px !important; padding-top:10px; font-weight:700 !important; }

/************ [intro segment] ************/
.theme7 #serviceIntro1.segment-wrap .segment-body .txt-wrapper:before { background-image:url(../images/clip_purple.png); }

/************ [form segment] ************/
.theme7 #formApply.segment-wrap .btn-default { border-color:#1456d1; background-color:#1456d1; color:#fff; }
.theme7 #formApply.segment-wrap .btn-default:hover { border-color:#1149b2; background-color:#1149b2; color:#fff; }
.theme7 #formApply.segment-wrap .btn-default:active,.btn-default.active,.btn-default.disabled,.btn-default[disabled] { border-color:#1149b2; background-color:#1149b2; color:#fff; }
.theme7 #formApply.segment-wrap.form-segment .box-item-process .list-group li:not(:last-child)::after { color:#1456d1; }
.theme7 .form-segment.segment-wrap .segment-body form { border:3px solid #4cd8cf; }

/************ [feature segment] ************/
@media (max-width:767px) {
	.theme7 .main-wrap { background-image:url(../images/theme7_minimint_mobile.png); }
}


/***************************************************************
	[theme8 : toypink ]
***************************************************************/
/************ [hearder] ************/
.theme8 .navbar-nav ul>.nav-item-primary .nav-link { background-color:#472d95; color:#fff !important; }

/************ [main segment] ************/
.theme8 .main-wrap { background-color:#ffd1de; background-image:url(../images/theme8_toypink.png); background-position:center top; }
.theme8 .segment-wrap .segment-header h2 { color:#444; }
.theme8 .segment-wrap .segment-header h2:after { background-color:#444; }

/************ [box icon style] ************/
.theme8 .box-item i { background-image:url(../images/ribbon_candy.png); background-size:cover; position:absolute; top:-12px; left:-4px; width:80px; height:80px; color:#fff; font-size:30px !important; padding-top:10px; font-weight:700 !important; }

/************ [intro segment] ************/
.theme8 #serviceIntro1.segment-wrap .segment-body .txt-wrapper:before { background-image:url(../images/clip_purple.png); }

/************ [form segment] ************/
.theme8 #formApply.segment-wrap .btn-default { border-color:#472d95; background-color:#472d95; color:#fff; }
.theme8 #formApply.segment-wrap .btn-default:hover { border-color:#371e83; background-color:#371e83; color:#fff; }
.theme8 #formApply.segment-wrap .btn-default:active,.btn-default.active,.btn-default.disabled,.btn-default[disabled] { border-color:#371e83; background-color:#371e83; color:#fff; }
.theme8 #formApply.segment-wrap.form-segment .box-item-process .list-group li:not(:last-child)::after { color:#1456d1; }
.theme8 .form-segment.segment-wrap .segment-body form { border:3px solid #88579e; }

/****** responsive & retina specific ******/
@media (max-width:767px) {
	.theme8 .main-wrap { background-image:url(../images/theme8_toypink_mobile.png); }
}


/***************************************************************
	[theme9 : undersea ]
***************************************************************/
/************ [hearder] ************/
.theme9 .navbar-nav ul>.nav-item-primary .nav-link { background-color:#f93755; color:#fff !important; }

/************ [main segment] ************/
.theme9 .main-wrap { background-color:#3d4cee; background-image:url(../images/theme9_undersea.png); background-position:center top; }
.theme9 .segment-wrap .segment-header h2 { color:#fff; }
.theme9 .segment-wrap .segment-header h2:after { background-color:#fff; }
.theme9 .segment-wrap .segment-header p { color:#fff; }

/************ [box icon style] ************/
.theme9 .box-item i { background-image:url(../images/ribbon_blue.png); background-size:cover; position:absolute; top:-12px; left:-4px; width:80px; height:80px; color:#fff; font-size:30px !important; padding-top:10px; font-weight:700 !important; }

/************ [intro segment] ************/
.theme9 #serviceIntro1.segment-wrap .segment-body .txt-wrapper:before { background-image:url(../images/icon_starfish.png); }

/************ [form segment] ************/
.theme9 #formApply.segment-wrap .segment-header p { color:#fff; }
.theme9 #formApply.segment-wrap .btn-default { border-color:#f93755; background-color:#f93755; color:#fff; }
.theme9 #formApply.segment-wrap .btn-default:hover { border-color:#d42f48; background-color:#d42f48; color:#fff; }
.theme9 #formApply.segment-wrap .btn-default:active,.btn-default.active,.btn-default.disabled,.btn-default[disabled] { border-color:#d42f48; background-color:#d42f48; color:#fff; }
.theme9 #formApply.segment-wrap.form-segment .box-item-process .list-group li:not(:last-child)::after { color:#fff; }
.theme9 .form-segment.segment-wrap .segment-body form { border:3px solid #00199b; }
.theme9 .form-segment .box-item-process h3 { color:#fff; }

/****** responsive & retina specific ******/
@media (max-width:767px) {
	.theme9 .main-wrap { background-image:url(../images/theme9_undersea_mobile.png); }
}


/***************************************************************
	[theme10 : festival ]
***************************************************************/
/************ [hearder] ************/
.theme10 .navbar-nav ul>.nav-item-primary .nav-link { background-color:#f93755; color:#fff !important; }

/************ [main segment] ************/
.theme10 .main-wrap { background-color:#572cbb; background-image:url(../images/theme10_festival.png); background-position:center top; }
.theme10 .segment-wrap .segment-header h2 { color:#fff; }
.theme10 .segment-wrap .segment-header h2:after { background-color:#fff; }
.theme10 .segment-wrap .segment-header p { color:#fff; }

/************ [box icon style] ************/
.theme10 .box-item i { background-image:url(../images/ribbon_blue.png); background-size:cover; position:absolute; top:-12px; left:-4px; width:80px; height:80px; color:#fff; font-size:30px !important; padding-top:10px; font-weight:700 !important; }

/************ [intro segment] ************/
.theme10 #serviceIntro1.segment-wrap .segment-body .txt-wrapper:before { background-image:url(../images/clip_purple.png); }

/************ [form segment] ************/
.theme10 #formApply.segment-wrap .segment-header p { color:#fff; }
.theme10 #formApply.segment-wrap .btn-default { border-color:#f93755; background-color:#f93755; color:#fff; }
.theme10 #formApply.segment-wrap .btn-default:hover { border-color:#d42f48; background-color:#d42f48; color:#fff; }
.theme10 #formApply.segment-wrap .btn-default:active,.btn-default.active,.btn-default.disabled,.btn-default[disabled] { border-color:#d42f48; background-color:#d42f48; color:#fff; }
.theme10 #formApply.segment-wrap.form-segment .box-item-process .list-group li:not(:last-child)::after { color:#fff; }
.theme10 .form-segment.segment-wrap .segment-body form { border:3px solid #00199b; }
.theme10 .form-segment .box-item-process h3 { color:#fff; }

/****** responsive & retina specific ******/
@media (max-width:767px) {
	.theme10 .main-wrap { background-image:url(../images/theme10_festival_mobile.png); }
}


/***************************************************************
	[theme11 : polygonblue ]
***************************************************************/
/************ [hearder] ************/
.theme11 .navbar-nav ul>.nav-item-primary .nav-link { background-color:#f93755; color:#fff !important; }

/************ [main segment] ************/
.theme11 .main-wrap { background-color:#212643; background-image:url(../images/theme11_polygonblue.png); background-position:center top; }
.theme11 .segment-wrap .segment-header h2 { color:#fff; }
.theme11 .segment-wrap .segment-header h2:after { background-color:#fff; }
.theme11 .segment-wrap .segment-header p { color:#fff; }

/************ [box icon style] ************/
.theme11 .box-item i { background-image:url("../images/ribbon_purple.png"); background-size:cover; position:absolute; top:-12px; left:-4px; width:80px; height:80px; color:#fff; font-size:30px !important; padding-top:10px; font-weight:700 !important; }

/************ [intro segment] ************/
.theme11 #serviceIntro1.segment-wrap .segment-body .txt-wrapper:before { background-image:url(../images/clip_purple.png); }

/************ [form segment] ************/
.theme11 #formApply.segment-wrap .segment-header p { color:#fff; }
.theme11 #formApply.segment-wrap .btn-default { border-color:#f93755; background-color:#f93755; color:#fff; }
.theme11 #formApply.segment-wrap .btn-default:hover { border-color:#d42f48; background-color:#d42f48; color:#fff; }
.theme11 #formApply.segment-wrap .btn-default:active,.btn-default.active,.btn-default.disabled,.btn-default[disabled] { border-color:#d42f48; background-color:#d42f48; color:#fff; }
.theme11 #formApply.segment-wrap.form-segment .box-item-process .list-group li:not(:last-child)::after { color:#fff; }
.theme11 .form-segment.segment-wrap .segment-body form { border:3px solid #88579e; }
.theme11 .form-segment .box-item-process h3 { color:#fff; }

/****** responsive & retina specific ******/
@media (max-width:767px) {
	.theme11 .main-wrap { background-image:url(../images/theme11_polygonblue_mobile.png); }
}


/***************************************************************
	[theme12 : winterblue ]
***************************************************************/
/************ [hearder] ************/
.theme12 .navbar-nav ul>.nav-item-primary .nav-link { background-color:#f93755; color:#fff !important; }

/************ [main segment] ************/
.theme12 .main-wrap { background-color:#0f2763; background-image:url(../images/theme12_winterblue.jpg); background-position:center top; }
.theme12 .segment-wrap .segment-header h2 { color:#fff; }
.theme12 .segment-wrap .segment-header h2:after { background-color:#fff; }
.theme12 .segment-wrap .segment-header p { color:#fff; }

/************ [box icon style] ************/
.theme12 .box-item i { background-image:url(../images/ribbon_blue.png); background-size:cover; position:absolute; top:-12px; left:-4px; width:80px; height:80px; color:#fff; font-size:30px !important; padding-top:10px; font-weight:700 !important; }

/************ [intro segment] ************/
.theme12 #serviceIntro1.segment-wrap .segment-body .txt-wrapper:before { background-image:url(../images/clip_purple.png); }

/************ [form segment] ************/
.theme12 #formApply.segment-wrap .segment-header p { color:#fff; }
.theme12 #formApply.segment-wrap .btn-default { border-color:#f93755; background-color:#f93755; color:#fff; }
.theme12 #formApply.segment-wrap .btn-default:hover { border-color:#d42f48; background-color:#d42f48; color:#fff; }
.theme12 #formApply.segment-wrap .btn-default:active,.btn-default.active,.btn-default.disabled,.btn-default[disabled] { border-color:#d42f48; background-color:#d42f48; color:#fff; }
.theme12 #formApply.segment-wrap.form-segment .box-item-process .list-group li:not(:last-child)::after { color:#fff; }
.theme12 .form-segment.segment-wrap .segment-body form { border:3px solid #00199b; }
.theme12 .form-segment .box-item-process h3 { color:#fff; }

/****** responsive & retina specific ******/
@media (max-width:767px) {
	.theme12 .main-wrap { background-image:url(../images/theme12_winterblue_mobile.jpg); }
}


/***************************************************************
	[theme13 : white ]
***************************************************************/
/************ [hearder] ************/
.theme13 .navbar-nav ul>.nav-item-primary .nav-link { background-color:#1456d1; color:#fff !important; }

/************ [main segment] ************/
.theme13 .main-wrap { background-color:#fff; }
.theme13 .segment-wrap .segment-header h2 { color:#444; }
.theme13 .segment-wrap .segment-header h2:after { background-color:#444; }

/************ [box icon style] ************/
.theme13 .box-item i { background-image:url(../images/ribbon_purple.png); background-size:cover; position:absolute; top:-12px; left:-4px; width:80px; height:80px; color:#fff; font-size:30px !important; padding-top:10px; font-weight:700 !important; }

/************ [intro segment] ************/
.theme13 #serviceIntro1.segment-wrap .segment-body { border:1px solid #ddd; }
.theme13 #serviceIntro1.segment-wrap .segment-body .txt-wrapper:before { background-image:url(../images/clip_purple.png); }

/************ [form segment] ************/
.theme13 #formApply.segment-wrap .btn-default { border-color:#1456d1; background-color:#1456d1; color:#fff; }
.theme13 #formApply.segment-wrap .btn-default:hover { border-color:#1149b2; background-color:#1149b2; color:#fff; }
.theme13 #formApply.segment-wrap .btn-default:active,.btn-default.active,.btn-default.disabled,.btn-default[disabled] { border-color:#1149b2; background-color:#1149b2; color:#fff; }
.theme13 #formApply.segment-wrap.form-segment .box-item-process .list-group li:not(:last-child)::after { color:#1456d1; }
.theme13 #formApply.form-segment.segment-wrap .segment-body form { border:3px solid #666; }

/************ [feature segment] ************/
.theme13 #serviceFeature.segment-wrap .grid-col .box-item { border:1px solid #ddd; }


/***************************************************************
	[theme14 : skyblue ]
***************************************************************/
/************ [hearder] ************/
.theme14 .navbar-nav ul>.nav-item-primary .nav-link { background-color:#1456d1; color:#fff !important; }

/************ [main segment] ************/
.theme14 .main-wrap { background-color:#dcf3ff; }
.theme14 .segment-wrap .segment-header h2 { color:#444; }
.theme14 .segment-wrap .segment-header h2:after { background-color:#444; }

/************ [box icon style] ************/
.theme14 .box-item i { background-image:url(../images/ribbon_purple.png); background-size:cover; position:absolute; top:-12px; left:-4px; width:80px; height:80px; color:#fff; font-size:30px !important; padding-top:10px; font-weight:700 !important; }

/************ [intro segment] ************/
.theme14 #serviceIntro1.segment-wrap .segment-body .txt-wrapper:before { background-image:url(../images/clip_purple.png); }

/************ [form segment] ************/
.theme14 #formApply.segment-wrap .btn-default { border-color:#1456d1; background-color:#1456d1; color:#fff; }
.theme14 #formApply.segment-wrap .btn-default:hover { border-color:#1149b2; background-color:#1149b2; color:#fff; }
.theme14 #formApply.segment-wrap .btn-default:active,.btn-default.active,.btn-default.disabled,.btn-default[disabled] { border-color:#1149b2; background-color:#1149b2; color:#fff; }
.theme14 #formApply.segment-wrap.form-segment .box-item-process .list-group li:not(:last-child)::after { color:#1456d1; }
.theme14 #formApply.form-segment.segment-wrap .segment-body form { border:none; }


/***************************************************************
	[theme15 : lightgreen ]
***************************************************************/
/************ [hearder] ************/
.theme15 .navbar-nav ul>.nav-item-primary .nav-link { background-color:#1456d1; color:#fff !important; }

/************ [main segment] ************/
.theme15 .main-wrap { background-color:#cef3a5; }
.theme15 .segment-wrap .segment-header h2 { color:#444; }
.theme15 .segment-wrap .segment-header h2:after { background-color:#444; }

/************ [box icon style] ************/
.theme15 .box-item i { background-image:url(../images/ribbon_purple.png); background-size:cover; position:absolute; top:-12px; left:-4px; width:80px; height:80px; color:#fff; font-size:30px !important; padding-top:10px; font-weight:700 !important; }

/************ [intro segment] ************/
.theme15 #serviceIntro1.segment-wrap .segment-body .txt-wrapper:before { background-image:url(../images/clip_purple.png); }

/************ [form segment] ************/
.theme15 #formApply.segment-wrap .btn-default { border-color:#1456d1; background-color:#1456d1; color:#fff; }
.theme15 #formApply.segment-wrap .btn-default:hover { border-color:#1149b2; background-color:#1149b2; color:#fff; }
.theme15 #formApply.segment-wrap .btn-default:active,.btn-default.active,.btn-default.disabled,.btn-default[disabled] { border-color:#1149b2; background-color:#1149b2; color:#fff; }
.theme15 #formApply.segment-wrap.form-segment .box-item-process .list-group li:not(:last-child)::after { color:#1456d1; }
.theme15 #formApply.form-segment.segment-wrap .segment-body form { border:none; }


/***************************************************************
	[theme16 : beige ]
***************************************************************/
/************ [hearder] ************/
.theme16 .navbar-nav ul>.nav-item-primary .nav-link { background-color:#1456d1; color:#fff !important; }

/************ [main segment] ************/
.theme16 .main-wrap { background-color:#f7ecd7; }
.theme16 .segment-wrap .segment-header h2 { color:#444; }
.theme16 .segment-wrap .segment-header h2:after { background-color:#444; }

/************ [box icon style] ************/
.theme16 .box-item i { background-image:url(../images/ribbon_purple.png); background-size:cover; position:absolute; top:-12px; left:-4px; width:80px; height:80px; color:#fff; font-size:30px !important; padding-top:10px; font-weight:700 !important; }

/************ [intro segment] ************/
.theme16 #serviceIntro1.segment-wrap .segment-body .txt-wrapper:before { background-image:url(../images/clip_purple.png); }

/************ [form segment] ************/
.theme16 #formApply.segment-wrap .btn-default { border-color:#1456d1; background-color:#1456d1; color:#fff; }
.theme16 #formApply.segment-wrap .btn-default:hover { border-color:#1149b2; background-color:#1149b2; color:#fff; }
.theme16 #formApply.segment-wrap .btn-default:active,.btn-default.active,.btn-default.disabled,.btn-default[disabled] { border-color:#1149b2; background-color:#1149b2; color:#fff; }
.theme16 #formApply.segment-wrap.form-segment .box-item-process .list-group li:not(:last-child)::after { color:#1456d1; }
.theme16 #formApply.form-segment.segment-wrap .segment-body form { border:none; }


/***************************************************************
	[theme17 : pink ]
***************************************************************/
/************ [hearder] ************/
.theme17 .navbar-nav ul>.nav-item-primary .nav-link { background-color:#1456d1; color:#fff !important; }

/************ [main segment] ************/
.theme17 .main-wrap { background-color:#fed2de; }
.theme17 .segment-wrap .segment-header h2 { color:#444; }
.theme17 .segment-wrap .segment-header h2:after { background-color:#444; }

/************ [box icon style] ************/
.theme17 .box-item i { background-image:url(../images/ribbon_purple.png); background-size:cover; position:absolute; top:-12px; left:-4px; width:80px; height:80px; color:#fff; font-size:30px !important; padding-top:10px; font-weight:700 !important; }

/************ [intro segment] ************/
.theme17 #serviceIntro1.segment-wrap .segment-body .txt-wrapper:before { background-image:url(../images/clip_purple.png); }

/************ [form segment] ************/
.theme17 #formApply.segment-wrap .btn-default { border-color:#1456d1; background-color:#1456d1; color:#fff; }
.theme17 #formApply.segment-wrap .btn-default:hover { border-color:#1149b2; background-color:#1149b2; color:#fff; }
.theme17 #formApply.segment-wrap .btn-default:active,.btn-default.active,.btn-default.disabled,.btn-default[disabled] { border-color:#1149b2; background-color:#1149b2; color:#fff; }
.theme17 #formApply.segment-wrap.form-segment .box-item-process .list-group li:not(:last-child)::after { color:#1456d1; }
.theme17 #formApply.form-segment.segment-wrap .segment-body form { border:none; }


/***************************************************************
	[theme18 : black ]
***************************************************************/
/************ [hearder] ************/
.theme18 .navbar-nav ul>.nav-item-primary .nav-link { background-color:#f93755; color:#fff !important; }

/************ [main segment] ************/
.theme18 .main-wrap { background-color:#000; }
.theme18 .segment-wrap .segment-header h2 { color:#fff; }
.theme18 .segment-wrap .segment-header h2:after { background-color:#fff; }
.theme18 .segment-wrap .segment-header p { color:#fff; }

/************ [box icon style] ************/
.theme18 .box-item i { background-image:url("../images/ribbon_purple.png"); background-size:cover; position:absolute; top:-12px; left:-4px; width:80px; height:80px; color:#fff; font-size:30px !important; padding-top:10px; font-weight:700 !important; }

/************ [intro segment] ************/
.theme18 #serviceIntro1.segment-wrap .segment-body .txt-wrapper:before { background-image:url(../images/clip_purple.png); }

/************ [form segment] ************/
.theme18 #formApply.segment-wrap .segment-header p { color:#fff; }
.theme18 #formApply.segment-wrap .btn-default { border-color:#f93755; background-color:#f93755; color:#fff; }
.theme18 #formApply.segment-wrap .btn-default:hover { border-color:#d42f48; background-color:#d42f48; color:#fff; }
.theme18 #formApply.segment-wrap .btn-default:active,.btn-default.active,.btn-default.disabled,.btn-default[disabled] { border-color:#d42f48; background-color:#d42f48; color:#fff; }
.theme18 #formApply.segment-wrap.form-segment .box-item-process .list-group li:not(:last-child)::after { color:#fff; }
.theme18 .form-segment.segment-wrap .segment-body form { border:none; }
.theme18 .form-segment .box-item-process h3 { color:#fff; }