@charset "UTF-8";
.HLast, h1, h2, h3 { color: #43494d }
.BgBubb01, .BgBubb03, .BgBubb04, .BgBubb05, .BgBubb051 { -webkit-animation-duration: 5s; -webkit-animation-timing-function: linear; -webkit-animation-iteration-count: infinite }
.Banner p, .Banner02, .Banner02Left, .Banner04, .Banner05, .Btn, .Center, .Sect02 p, .TopH1, .iconGroup { text-align: center }
.BannerLightBlueIcon:before, .BgBubb01, .BgBubb02, .BgBubb03, .BgBubb04, .BgBubb05, .BgBubb051, .BgLighthouse, .BgLighthouseAlt, .Frame:before, .TopRight span { background-repeat: no-repeat }
#tns1-iw, .Banner, .Banner04, .FrameUp, .Head, .Over, .Quotes, .Sect02, .video-responsive { position: relative }
.BgLighthouse, .BgLighthouseAlt { min-width: 459px; background-position: center bottom }
.Banner p, .Banner05 p, h1 { line-height: 100% }
.Banner, .BannerHover, .testimonialBox { box-shadow: 0 4px 8px 0 rgba(0,0,0,.2),0 6px 20px 0 rgba(0,0,0,.19) }
body { font-family: Arial,Verdana,Tahoma,Sans-Serif; font-size: 112% }
.Banner02, .Banner02Left, .Banner04, .HLast, .TestimonName, h1, h2 { font-family: "Slabo 27px",serif }
h1, h2 { font-size: 195% }
h3 { font-family: Arial,Verdana,Tahoma,Sans-Serif; font-size: 165%; font-weight: 700 }
.HLast { font-size: 245% }
.ParHighlight, .ParStand { font-size: 120% }
.Banner, .ParTestimon, li { font-size: 89% }
.Head { border-bottom: 2px solid #bed3dc; background-color: #fff; z-index: 51 }
.Sect03, .Sect15 { z-index: 10 }
.Banner04:after, .Banner04:before, .Head:after, .Head:before { margin-left: -16px; content: ""; position: absolute; width: 0; height: 0; border-style: solid; border-color: transparent; border-bottom: 0 }
.Quotes:after, .Quotes:before { content: ""; height: 78px; width: 82px; background-image: url("/assets/res/quotes.png"); background-repeat: no-repeat }
.Head:before { bottom: -18px; left: 50%; border-top-color: #cdd9df; border-width: 17px 17px 0 }
.Head:after { bottom: -17px; left: 50%; border-top-color: #fff; border-width: 17px 16px 0 }
.Head .HCtn { padding-top: 10px; padding-bottom: 30px }
.LogoPlus { margin-top: 20px; width: 243px; height: 59px }
.TopH1 { padding-top: 35px }
.SectTop { padding-top: 17px; background-image: linear-gradient(#d6edf7,#fff 1165px) }
.SectBottom { padding-bottom: 80px; background-image: linear-gradient(#fff,#d6edf7 1165px) }
ul { list-style: none }
li { padding-left: 1.2em; line-height: 165% }
li::before { content: "\f058"; font-family: FontAwesome; font-size: 138%; color: #45bdf3; display: inline-block; margin-left: -1.6em; width: 1.6em }
ul.ListGreen li::before { color: #69c597 }
ul.ListBlue li::before { color: #45bdf3 }
.BgBubb01, .BgBubb02, .BgBubb03, .BgBubb04, .Quotes:after, .Quotes:before { position: absolute }
.Sect02 p { max-width: 360px; margin: auto }
.Banner .LogoBanner, .Banner p { margin: 30px auto; display: block }
.Sect03 { margin-top: 50px }
.Sect04 { margin-top: 108px }
.Sect041 { margin-top: 22px }
.Sect042, .Sect043, .Sect044, .Sect08, .Sect09, .Sect10, .Sect11, .Sect12, .Sect14 { margin-top: 80px }
.Sect045 { margin-top: 150px }
.Sect046 { margin-top: 110px }
.Sect05 { margin-top: 58px }
.Sect06 { margin-top: 104px }
.Sect07 { margin-top: 26px }
.Sect13 { margin-top: 60px }
.Sect15, .Sect16 { margin-top: 130px }
.Sect17 { margin-top: 100px; width: 640px }
.ParHighlight { font-weight: 700; color: #25b7c9 }
.ParTestimon span { font-style: normal; font-weight: 700 }
.HeadTestimon { font-size: 100% }
.TestimonName { display: block; font-size: 140% }
.ParHighlightBig { font-size: 120%; font-weight: 700; color: #45bdf3 }
.Btn { display: block; max-width: 240px; height: 53px; margin: 15px 0; font-size: 112%; color: #fff; line-height: 53px; background-color: #b21b80; border-color: #b21b80; border-radius: 5px; white-space: nowrap }
.Btn:active, .Btn:hover { background-color: #754e8a; color: #fff; text-decoration: none }
.BtnTrans { max-width: 450px; color: #b21b80; border: 1px solid #b21b80; background-color: transparent }
.BtnTrans:active, .BtnTrans:hover { border: 1px solid #754e8a }
.Quotes:before { display: block; transform: rotate(180deg) }
.Quotes:after { display: block; bottom: -78px; right: 10px }
.BgLighthouse { min-height: 260px; background-image: url("/assets/res2/Group 89.png") }
.BgLighthouseAlt { min-height: 271px; top: -11px; background-image: url("/assets/res2/Group 105.png") }
.BgBubb01 { top: -78px; left: -66px; width: 201px; height: 282px; z-index: 50; background-image: url("/assets/res2/Group 132.png"); -webkit-animation-name: blinker5 }
.BgBubb02 { top: -30px; width: 1570px; left: -470px; height: 432px; background-image: url("/assets/res2/Group 130.png") }
.BgBubb03 { top: 750px; left: 380px; width: 230px; height: 156px; background-image: url("/assets/res2/Group 131.png"); -webkit-animation-name: blinker4 }
.BgBubb04 { margin-top: -200px; left: -150px; width: 1228px; z-index: 1; height: 626px; background-image: url("/assets/res/bg-bubb-04.png"); -webkit-animation-name: blinker }
.BgBubb05, .BgBubb051 { left: 380px; position: absolute }
.BgBubb05 { margin-top: -55px; margin-left: -80px; width: 372px; height: 138px; background-image: url("/assets/res2/Group 133.png"); -webkit-animation-name: blinker2 }
.BgBubb051 { margin-top: 200px; margin-left: 150px; width: 103px; height: 103px; background-image: url("/assets/res2/Ellipse 21.png"); -webkit-animation-name: blinker3 }
.Banner02:after, .Banner02:before, .Banner03:after, .Banner03:before, .Banner05:after, .Banner05:before, .Banner:after, .Banner:before, .FrameUp:after, .FrameUp:before { content: ""; position: absolute; width: 0; height: 0; border-style: solid; border-color: transparent; border-top: 0 }
.Banner:before { top: -17px; left: 50%; border-bottom-color: #cdd9df; border-width: 16px }
.Banner:after { top: -16px; left: 50%; border-bottom-color: #fff; border-width: 16px }
.Banner05:after, .Banner05:before { left: 50%; border-bottom-color: #e4f3f9 }
.Banner .Action, .Banner .ActionAlt { font-family: "Slabo 27px",serif; display: block; margin: 38px auto 10px; text-align: center; line-height: 100%; font-size: 27px }
.Banner .Action span, .Banner05 .Action span { font-size: 35px; line-height: 45px }
.Banner .Benefit { display: block; margin: 6px auto; color: #25b7c9 }
.Banner .BenefitSpec { color: #25b7c9 }
.Banner .ActionDesc { display: block; padding: 0; text-align: right; line-height: 120%; font-size: 112%; font-weight: 700 }
.Banner05 .Action, .Banner05 p { text-align: left; display: block }
.Banner .Btn { margin: 0 auto }
.Banner01 { height: 262px; background-color: #fff }
.Banner05 { height: 262px; background-color: #e4f3f9 }
.Banner02, .Banner02Left { padding: 42px; font-size: 140%; background-color: #25b7c9; width: 100%; color: #fff; position: relative }
.Banner05:before { top: -17px; border-width: 16px }
.Banner05:after { top: -16px; border-width: 16px }
.Banner02:after, .Banner02:before { left: 39px; border-bottom-color: #25b7c9; border-width: 16px }
.Banner05 .Action { font-family: Arial; margin: 70px auto 10px; font-size: 20px }
.Banner05 .Btn { margin-left: 235px; background-color: #25b8c9 }
.Banner05 p { margin: 35px 20px }
.Banner02 { margin-top: 35px }
.Banner02:before, .Banner03:before { top: -17px }
.Banner02:after, .Banner03:after { top: -16px }
.Banner02Left { margin-top: 0; border: 1px solid #25b7c9 }
.Banner02Left:after, .Banner02Left:before { display: block; margin-top: -16px; content: ""; position: absolute; width: 0; height: 0; border-style: solid; border-color: transparent; border-left: 0 }
.Banner02Left:before { top: 39px; left: -18px; border-right-color: #25b7c9; border-width: 16px 17px 16px 0 }
.Banner02Left:after { top: 39px; left: -17px; border-right-color: transparent; border-width: 16px 17px 16px 0 }
.Banner03:after, .Banner03:before { left: 50%; border-bottom-color: #d5edf7; border-width: 16px }
.Banner03 { margin-top: 60px; height: 292px; background-color: #d5edf7 }
.Banner04:after, .Banner04:before { left: 39px; border-top-color: #45bdf3; border-width: 17px 16px 0 }
.Banner04 { margin-top: 46px; margin-bottom: 42px; padding: 32px; width: 100%; color: #fff; font-size: 195%; line-height: 112%; background-color: #45bdf3 }
.Banner04:before { bottom: -18px }
.Banner04:after { bottom: -17px }
.Frame { padding: 38px 28px 24px; border-top: 1px solid silver; border-right: 1px solid silver; border-bottom: 1px solid silver }
.Frame:before { content: ""; display: block; position: absolute; height: 70px; width: 21px; top: 0; left: -20px; background-image: url("/assets/res/frame-arrow-left.png") }
.Frame:after { content: ""; display: block; position: absolute; height: calc(100% - 70px); top: 70px; left: 0; border-left: 1px solid silver }
.FrameUp { border: 1px solid #7796b2; padding: 50px }
.FrameUp:before { top: -17px; left: 50%; border-bottom-color: #7796b2; border-width: 16px }
.FrameUp:after { top: -16px; left: 50%; border-bottom-color: #d6edf7; border-width: 16px }
.Over { z-index: 10; margin-top: 80px }
.Logo { padding-top: 65px; width: 240px }
.Copyright { margin: 60px auto 120px; font-size: 80%; color: #222527 }
.Copyright .CopyrightText { padding-top: 18px; border-top: 1px solid #d3dce0 }
.Link { color: #b11b7f }
.Link:active, .Link:hover { color: #754e8a; text-decoration: none }
.video-responsive { overflow: hidden; padding-bottom: 56.25%; height: 0 }
.video-responsive iframe { left: 0; top: 0; height: 100%; width: 100%; position: absolute }

@media (max-width:768px) {
	.TopRight a, .TopRight p { text-align: center !important }
	.TopRight p { width: 100%; border-top: 1px solid #ddd; padding-top: 20px }
	.TopRight a { display: block }
	.LogoPlus { margin-top: 0 }
	.Banner, .Banner .Action, .Banner .Benefit { text-align: center }
	.Banner .Btn { margin: 15px auto }
	.BannerBottom { margin-top: 280px !important }
	.iconGroup { text-align: left; margin-left: 0 !important; margin-bottom: 30px }
	.col-features { display: inline-flex; margin-bottom: 50px }
	.Sect17 { width: 100% }
}

.TopRight a, .TopRight p { text-align: left }

@media (max-width:992px) {
	.Frame:after, .Frame:before, .Quotes:before { content: ""; display: block; position: absolute }
	.Frame:before, .Quotes:before { background-repeat: no-repeat }
	.Banner .LogoBanner { margin: 30px auto }
	.Banner03 { margin-top: 40px }
	.Frame { margin-top: 20px; border-top: 0; border-left: 1px solid silver; border-right: 1px solid silver; border-bottom: 1px solid silver }
	.Frame:before { height: 21px; width: 70px; top: -20px; left: 0; background-image: url("/assets/res/frame-arrow-up.png") }
	.Frame:after { height: 0; width: calc(100% - 70px); top: 0; left: 70px; border-top: 1px solid silver }
	.Quotes:before { height: 78px; width: 82px; top: -82px; left: 5px; background-image: url("/assets/res/quotes.png") }
}

.BannerGreen { background-color: #80c342; padding: 50px }
.BannerBlue h2, .BannerGreen h2 { color: #fff; font-size: 32px; max-width: 700px; margin: auto }
.BannerBlue { background-color: #45bdf3; padding: 50px }
.BannerLightBlue { background-color: #daf2fd; padding: 80px }
.BannerLightBlue h2 { font-size: 32px; max-width: 700px; margin: auto; color: #000 }
.BannerLightBlueIcon { text-align: center; position: absolute; margin-top: -130px; left: 50%; margin-left: -40px }
.BannerBottom p, .FeaturesTitle { text-align: right }
.slider_nav_next, .slider_nav_prev { left: 50%; margin-top: -40px; position: absolute }
.BannerLightBlueIcon:before { content: ""; display: block; height: 103px; width: 103px; background-image: url("/assets/res2/Group 134.png") }
.slider_nav_next:before, .slider_nav_prev:before { font-family: FontAwesome; font-size: 138%; color: #45bdf3; display: inline-block; margin-left: -1.6em; width: 1.6em }
.testimonialHeader { margin-left: 200px; margin-right: 90px; margin-bottom: 50px; font-weight: 600; font-size: 20px }
#tns1-iw { margin: 0; z-index: 99999 }
.testimonial-item { border-bottom: 1px solid #ccc; padding: 20px; z-index: 50; -moz-user-select: -moz-none; -khtml-user-select: none; -webkit-user-select: none; -o-user-select: none; user-select: none }
.slider_nav_prev { margin-left: 20px }
.slider_nav_prev:before { content: "\f0aa" }
.slider_nav_next { margin-left: 50px }
.slider_nav_next:before { content: "\f0ab" }
.FeaturesTitle { font-size: 28px; padding-right: 10px }
.testimonialBox { position: absolute; width: 38%; margin-top: -10px; right: 0; background: no-repeat padding-box #45bdf3; border-top-left-radius: 20px; border-bottom-left-radius: 20px }
.BannerHover, .Btn-Outline { position: absolute; text-align: center; background-color: #fff }
.testimonialBox img { position: absolute; margin-left: -62px; height: 100% }
.testimonialBox p { padding: 20px; color: #fff; margin-left: 80px; line-height: 20px }
.Btn-Outline, .TopRight a { color: #b21b80; font-weight: 600 }
.testimonialBox .testimonialBoxText { color: #fff; font-style: italic; font-weight: 100; font-size: 17px; margin-bottom: 0; padding-bottom: 0 }
.testimonialBox .testimonialBoxSignature { color: #fff; margin-top: 0; padding-bottom: 0; font-size: 17px }
.TopSliderH2 { font-size: 30px; max-width: 700px; margin: auto auto 12px; letter-spacing: 0 }
.TopRight p { margin-top: 20px; line-height: 22px; opacity: 1; margin-bottom: 10px }
.TopRight span { background-image: url("/assets/res2/Group 129.png"); width: 21px; height: 21px; position: absolute; margin-left: 10px }
.BannerBottom { margin-top: 300px }
.BannerBottom p strong { font-size: 28px; line-height: 60px }
.iconGroup img { width: 135px; height: 135px }
.iconGroup h3 { margin-top: 15px; font-size: 16px }
.BannerHover { margin-top: -42px; padding: 15px; left: -5%; width: 220px; border-bottom: 3px solid #ccc; z-index: 99999 }
.BannerHover:before { content: ""; position: absolute; width: 0; height: 0; border-style: solid; border-color: transparent transparent #fff; border-top: 0; top: -16px; left: 43%; border-width: 16px }
.BannerHover h3 { font-size: 18px }
.BannerHover p { font-size: 15px }
.ListImage li::before { position: absolute; width: 33px; border: 1px solid #ccc; height: 33px; padding-right: 15px; vertical-align: middle; margin-left: -55px; content: "" }
.ListImage li#first_child::before { background: url("/assets/res2/Group 124.png") center no-repeat }
.ListImage li#second_child::before { background: url("/assets/res2/Group 126.png") center no-repeat }
.ListImage li#third_child::before { background: url("/assets/res2/Group 128.png") center no-repeat }
.ListImage li#fourth_child::before { background: url("/assets/res2/Group 127.png") center no-repeat }
.ListImage li#fifth_child::before { background: url("/assets/res2/Group 125.png") center no-repeat }
.Btn-Outline { width: 350px; border: 1px solid #b21b80; padding: 10px; border-radius: 7px; margin-left: 20px }
.LogoBannerAlt { float: left; padding: 20px; margin-top: 15px; height: 88px }
.btnTrans { position: relative; z-index: 50; float: right; padding-right: 20px; padding-left: 20px }
.btnTrans2 { margin-right: 100px; }

@media (max-width:576px) {
	.BgBubb02 { margin-top: 100px !important }
	.BannerBottom { margin-top: 190px !important }
	.Btn-Outline { max-width: 280px }
}

@media (max-width:360px) {
	.BgBubb02 { margin-top: 150px !important }
}

@media (max-width:1200px) {
	.Banner03 { margin-top: 80px }
	.BgBubb02 { background-image: url(/assets/res2/Home-Res.png); background-size: contain; background-position: center; width: 100%; left: -5px; margin-top: 60px }
}

@media (max-width:992px) {
	.Banner05 .Action, .Banner05 .Btn, .Banner05 p { text-align: center }
	.testimonialHeader { margin-left: 90px }
	.Banner img, .iconGroup h3, .testimonialBox { display: none }
	.BannerHover, .iconGroup { position: relative; display: inline-block }
	.iconGroup { text-align: left; margin-left: 20px; margin-bottom: 30px }
	.BannerHover { top: 20px; left: 5%; width: 60% }
	.BannerHover:before { content: ""; display: block; position: absolute; height: 70px; width: 21px; top: 0; left: -35px; background-image: url(/assets/res/frame-arrow-left.png); background-repeat: no-repeat; border-bottom-color: transparent }
	.Banner05 .Action { font-family: "Slabo 27px",serif; font-size: 195%; margin-top: 45px }
	.Banner05 .Btn { margin: auto }
}

@media (min-width:992px) {
	.BannerHover { display: none }
	.BannerHover:hover, .iconGroup:hover + .BannerHover { display: block }
}

@media (min-width:1200px) {
	.Widthlimit { max-width: 1034px }
	.HeaderWidthlimit { max-width: 1334px }
	.Widthlimit1 { max-width: 1166px }
}

@keyframes blinker {
	50% { transform: scale(1.01); filter: blur(3px) }
}

@keyframes blinker2 {
	50% { transform: scale(1.03); filter: blur(3px) }
}

@keyframes blinker3 {
	50% { transform: scale(1.1); filter: blur(3px) }
}

@keyframes blinker4 {
	0%,100% { opacity: 1 }
	50% { opacity: .7; transform: scale(1.05); filter: blur(3px) }
}

@keyframes blinker5 {
	0%,100% { opacity: 1 }
	50% { opacity: .5; transform: scale(1.05); filter: blur(3px) }
}