@charset "utf-8";
/* CSS Document */

/* ==========================================================================
   Reset
   ========================================================================== */

html { -webkit-text-size-adjust: none; /* Prevent font scaling in landscape */}
body { margin: 0px; padding: 0px; font: 15px 'Muli', sans-serif; color: #616161; }
		
h1,h2,h3,h4,h5,h6,
ul,ol,li,
form,input,textarea,select { margin: 0; padding: 0; }
header, nav, article, footer, address, section { display: block; }
ul { list-style-type: none; }
p {	margin: 10px 0; }
img { border: 0; }
a { text-decoration: none; outline: none; }
a:focus { outline: none; }


/* ==========================================================================
   General
   ========================================================================== */

.left {	text-align: left !important; }
.right { text-align: right !important; }
.center { text-align: center !important; }
.justify { text-align: justify !important; }

.nofloat { float: none !important; }
.float-left { float: left !important; }
.float-right { float: right !important; }
.clear { clear: both; }

.block { display: block !important; }
.inline-block { display: inline-block !important; }
.inline { display: inline !important; }

.absolute { position: absolute !important; }
.relative { position: relative !important; }
.fixed { position: fixed !important; }

.mt10 { margin-top: 10px; }
.mb10 { margin-bottom: 10px; }

/*font-family: 'Playfair Display', serif;
font-family: 'Raleway', sans-serif;*/

.lesspad { margin-left: -4px; margin-right: -4px; }
.lesspad > [class*=col-] { padding-left: 4px; padding-right: 4px; }


/* ==========================================================================
   Layout
   ========================================================================== */
   
#wrapper { width: 100%; background: #fff; }
.social {  }
.social a { width: 26px; height: 26px; display: inline-block; border-radius: 50%; border: 1px solid #02aed6; text-align: center; padding: 2px 0 0 !important; }
.social a .fa { font-size: 12px; color: #02aed6; }

.heading { font: 36px 'Playfair Display', serif; color: #0e0e0e; text-transform: uppercase; }
.heading strong { font-weight: 900; color: #02aed6; }
.darkbg .heading { color: #fff; }

.heading-line { position: relative; margin-top: 10px; margin-bottom: 10px; height: 3px; font-size: 0; }
.heading-line:before,
.heading-line:after { content: ""; display: inline-block; height: 3px; background-color: #02aed6; }
.heading-line:before { width: 18px; }
.heading-line:after { width: 62px; margin-left: 4px; }

.darkbg .heading-line:before,
.darkbg .heading-line:after { background-color: #fff; }

.slick-slide:focus { outline: none; }

/* Header */
header { position: relative; overflow: hidden; padding-bottom: 42px; }
.skewed { position: absolute; bottom: 0; left: 0; right: 0; height: 42px; -webkit-transform: skewY(-3deg); transform: skewY(-3deg); -webkit-transform-origin: left bottom; transform-origin: left bottom; background-color: #fff; z-index: 1010; }
.skewed.alt { bottom: auto; top: 0; }

.topbar { position: relative; }
.top-links { position: absolute; top: 0; right: 65px; z-index: 1010; margin-top: 6px; }
.top-links ul { }
.top-links ul li { display: inline-block; }
.top-links a { font-weight: 600; font-size: 14px; color: #000; padding: 10px; display: inline-block; position: relative; -webkit-transition: color .3s ease; transition: color .3s ease; }
.top-links a span { -webkit-transition: color .3s ease; transition: color .3s ease; }
.top-links a:hover,
.top-links a:hover span { text-decoration: none; color: #02aed6; }
.top-links a + a:before { content: ''; position: absolute; display: inline-block; vertical-align: middle; }
.top-links .fa { color: #02aed6; }
.top-link-text { display: none; }

/* Navigation */
nav { position: absolute; top: 0; }
.divider { background-color: #ddd; height: 1px; margin-top: 5px; margin-bottom: 5px; }
.nav-top-links {  }
.nav > .nav-login > a { display: inline-block; }
.navbar-default .nav > .nav-login > a { color: #02aed6; }
.nav > .nav-login > a .fa { margin-right: 5px; }
.nav > .nav-top-links > a { display: inline-block; }
.nav > .nav-social { padding: 7px 13px; }
.nav > .nav-social > a { display: inline-block; margin-left: 2px; margin-right: 2px; }

/* Slider */
.slide { position: relative; }
.slide-overlay { position: absolute; left: 0; right: 0; top: 0; bottom: 0; z-index: 8; background: rgba(2,174,214,0.67) url(../images/slider-dots.png) repeat left top; }
.slide-img { position: relative; z-index: 7; height: 350px; overflow: hidden; }
.slide-img img { height: 350px; width: auto; max-width: none; }
.slide-text { position: absolute; top: 50%; left: 0; right: 0; transform: translateY(-50%); z-index: 10; text-align: center; }
.slide-text h3 { font: 700 38px 'Playfair Display', serif; text-transform: uppercase; color: #fff; }
.slide-text h3 span { display: block; font-size: 26px; }
.slide-text h3 span i { font-style: normal; background-color: #fff; padding: 0 7px; color: #02aed6; }
.slide-text p { font-size: 16px; font-weight: 500; color: #fff; }
.slide-text .btn { margin-top: 15px; color: #fff; }

/* Content */

/* Welcome */
.welcome { padding-bottom: 20px; }
.welcome .heading { margin-bottom: 15px; text-transform: none; }
.welcome p { line-height: 29px; }
.welcome .heading-line { margin-bottom: 20px; }
.welcome .btn { margin-top: 15px; }
.welcome-img { max-width: 290px; box-shadow: 0 0 5px 1px rgba(165,165,165,0.5); margin-bottom: 20px; }

/* Services */
.services { background: url(../images/services-bg.jpg) no-repeat center center / cover; position: relative; padding-top: 72px; padding-bottom: 72px; }
.services-overlay { background-color: rgba(27,27,27,.86); position: absolute; left: 0; right: 0; top: 0; bottom: 0; z-index: 1; }
.services .container { position: relative; z-index: 2; }
.services .heading-line { text-align: center; }
.services .skewed:not(.alt) { -webkit-transform-origin: right top; transform-origin: right top; }
.service-box { background: #fff; border: 1px solid #02aed6; padding: 15px 20px 25px; border-radius: 4px; max-width: 270px; margin-left: auto; margin-right: auto; margin-top: 80px; text-align: center; }
.service-img { width: 110px; height: 110px; background-color: #02aed6; border-radius: 50%; margin: -70px auto 0; background-image: url(../images/sprite-icons.png); background-repeat: no-repeat; border: 15px solid #02aed6; }
.service-img.education { background-position: 0 0; }
.service-img.marriage { background-position: -80px 0; }
.service-img.retirement { background-position: -160px 0; }
.service-img.buy-online { background-position: -240px 0; }
.service-title { font: 700 19px 'Playfair Display'; color: #171717; margin-top: 15px; margin-bottom: 20px; }
.service-box p { font-size: 13px; line-height: 23px; font-weight: 300; color: #000; }
.service-box .btn { margin-top: 5px; }

/* Videos */
.videos { padding-top: 25px; padding-bottom: 25px; text-align: center; overflow: hidden; }
.videos-wrap { margin-top: 25px; }
.video-item { width: 280px; height: 158px; }
.iframe-cover { background-color: rgba(0,0,0,0.4); position: absolute; z-index: 10; left: 0; right: 0; top: 0; bottom: 0; display: block; }
.flipster__item--current .iframe-cover { display: none; }
.flipster__button { background-color: #02aed6; color: #fff; opacity: 1; width: 30px; height: 30px; border-radius: 50%; padding-top: 3px; z-index: 7; }
.flipster__button:focus { outline: none; }
.flipster__button--next { right: -20px; }
.flipster__button--prev { left: -20px; }
.flipster__button svg { width: .7em; margin-left: auto; margin-right: auto; }

/* Contact */
.contact { background: url(../images/contact-bg.jpg) no-repeat center center / cover; position: relative; padding-top: 72px; padding-bottom: 72px; }
.contact-overlay { background-color: rgba(0,0,0,.74); position: absolute; left: 0; right: 0; top: 0; bottom: 0; z-index: 1; }
.contact .skewed:not(.alt) { -webkit-transform-origin: right top; transform-origin: right top; }

.contact-box { padding: 25px; position: relative; z-index: 2; }
.contact-box:before,
.contact-box:after { content: ''; position: absolute; border: 1px solid rgba(255,255,255,0.3); z-index: 2; }
.contact-box:before { left: 0; right: 0; top: 0; bottom: 0; }
.contact-box:after { left: 10px; right: 10px; top: 10px; bottom: 10px; }
.contact .container { position: relative; z-index: 3; }
.contact .heading-line { margin-bottom: 30px; }
.contact-map { background-color: #fff; min-height: 260px; margin-bottom: 30px; z-index: 5; }
.contact-map iframe { width: 100%; height: 260px; }
.contact-form { position: relative; z-index: 5; }
.contact .form-control { background-color: rgba(255,255,255,0.1); border-color: rgba(255,255,255,0.2); padding: 10px 12px; font-size: 13px; color: #fff; border-radius: 2px; height: 44px; }
.contact textarea.form-control { height: auto; }
.contact .form-control:focus { border-color: rgba(255,255,255,.5); }
.contact .btn { background-color: #02aed6; color: #fff; border-radius: 0; }
.contact .btn:hover { background-color: #03a0c5; }

/* Testimonials */
.testimonials { padding-top: 20px; }
.testimonial-slider { margin-top: 20px; margin-bottom: 40px; }
.testimonial-slide { padding-left: 10px; padding-right: 10px; }
.testimonial { border: 2px solid #e5e5e5; border-radius: 4px; padding: 15px; text-align: center; margin-top: 75px; position: relative; -webkit-transition: background-color .3s ease; transition: background-color .3s ease; }
.testimonial:hover { background-color: #f7f7f7; }
.testimonial-message { margin-top: 25px; margin-bottom: 15px; }
.tu-arc { width: 126px; height: 63px; border: 1px solid #e5e5e5; border-bottom: none; border-radius: 63px 63px 0 0; position: absolute; top: -65px; left: 50%; -webkit-transform: translateX(-50%); transform: translateX(-50%); }
.tu-arc:before,
.tu-arc:after { content: ''; background-color: #fff; border-top: 1px solid #e5e5e5; width: 60px; height: 19px; position: absolute; bottom: 0; }
.tu-arc:before { left: -57px; }
.tu-arc:after { right: -57px; }
.tu-img { width: 100px; height: 100px; border-radius: 50%; border: 5px solid #e5e5e5; overflow: hidden; margin: -65px auto 0; }
.tu-img img { border-radius: 50%; }
.tu-name { font: 700 22px 'Playfair Display'; color: #000; margin-top: 15px; }
.tu-role { font-size: 13px; color: #a1a1a1; margin-top: 3px; padding-bottom: 10px; position: relative; }
.tu-role:after { content: ''; width: 80px; height: 1px; background-color: #02aed6; position: absolute; bottom: 0; left: 50%; -webkit-transform: translateX(-50%); transform: translateX(-50%); }

/* Footer */
.footer-top { background-color: #161616; padding-top: 25px; padding-bottom: 15px; }
.footer-top .heading-line:before,
.footer-top .heading-line:after { width: 13px; }
.footer-top .heading-line:after { background-color: #fff; }
.footer-title { font: 700 20px 'Playfair Display'; color: #fff; text-transform: uppercase; }

.footer-about p { font-size: 13px; line-height: 28px; color: #b6b6b6; margin-top: 20px; margin-bottom: 15px; }
.footer-social a { width: 35px; height: 35px; display: inline-block; border-radius: 50%; color: #7d7d7d; text-align: center; border: 1px solid #7d7d7d; padding-top: 7px; -webkit-transition: border-color .3s ease, color .3s ease; }
.footer-social a:hover { border-color: #02aed6; color: #02aed6; }
.footer-social a + a { margin-left: 3px; }

.footer-links { margin-top: 30px; }
.footer-links ul { margin-top: 20px; }
.footer-links ul li a { font-size: 13px; line-height: 25px; color: #b6b6b6; padding: 6px 6px 6px 26px; display: block; position: relative; -webkit-transition: color .3s ease; transition: color .3s ease; }
.footer-links ul li a:before { content: '\f0a4'; position: absolute; left: 0; top: 11px; font: 14px/1 FontAwesome; color: #02aed6; }
.footer-links ul li a:hover { color: #fff; text-decoration: none; }

.footer-contact { margin-top: 30px; }
.footer-contact ul { margin-top: 25px; }
.footer-contact ul li { font-size: 13px; color: #b6b6b6; margin-bottom: 8px; }
.footer-contact ul a { color: #b6b6b6; -webkit-transition: border-color .3s ease, color .3s ease; }
.footer-contact ul a:hover { color: #fff; text-decoration: none; }
.fc-icon { width: 30px; float: left; }
.fc-icon .fa { font-size: 15px; color: #02aed6; margin-top: 4px; }
.fc-icon .fa-envelope { font-size: 12px; margin-top: 6px; }
.fc-value { margin-left: 30px; line-height: 25px; }

.footer-btm { background-color: #202020; font-size: 13px; line-height: 22px; color: #b1b1b1; text-align: center; padding-top: 19px; padding-bottom: 19px; }
.footer-btm a { color: #b1b1b1; -webkit-transition: color .3s ease; transition: color .3s ease; padding: 0 4px; }
.footer-btm a:hover { color: #fff; text-decoration: none; }

/* Login Modal */
.login-modal .modal-dialog { width: 95%; max-width: 500px; margin-left: auto; margin-right: auto; }
.loginform { max-width: 350px; margin: 20px auto 0; }
.loginform .form-control { height: 44px; border-radius: 2px; box-shadow: none; border-width: 2px; border-color: #eee; }
.loginform .form-control:focus { border-color: #02aed6; }
.forgot { color: #02aed6; -webkit-transition: color .3s ease; transition: color .3s ease; }
.forgot:hover { text-decoration: none; color: #000; }
.btn-login { padding: 10px 30px; height: 44px; margin-bottom: 20px; }



/* Small devices (480px and up) */
@media (min-width: 480px) {

}


/* Small devices (tablets, 768px and up) */
@media (min-width: 768px) {

	body { background-color: transparent; }
	
	/* Header */
	header { padding-bottom: 55px; }
	.skewed { height: 55px; }
	.topbar { text-align: right; }
	.top-links { position: relative; right: auto; top: auto; display: inline-block; float: left; margin-top: 0; }
	.top-links .email:after,
	.top-links .phone:after { content: "|";  }
	.top-links a { padding-left: 7px; padding-right: 7px; position: relative; }
	.top-links a + a:before { content: "•"; position: absolute; top: 9px; left: -6px; color: #02aed6; }
	
	.top-social { float: right; margin-top: 6px; }
	.top-social ul {  }
	.top-social ul li { display: inline-block; }
	.top-social ul a { display: block; width: 26px; height: 26px; font-size: 11px; color: #02aed6; border: 1px solid #02aed6; border-radius: 50%; text-align: center; padding-top: 5px; }
	
	.top-login { float: right; margin-top: 6px; padding-top: 4px; padding-bottom: 3px; margin-left: 7px; }
	.top-login a { font-size: 14px; color: #02aed6; padding: 2px 5px; margin-left: 5px; }
	.top-login a:hover { text-decoration: none; }
	.top-login .fa { margin-right: 7px; font-size: 18px; }
	
	/* Slider */
	.slide-img { height: 450px; }
	.slide-img img { height: 100%; }
	.slide-text h3 { font-size: 52px; }
	.slide-text h3 span { font-size: 36px; }
	.slide-text p { font-size: 18px; }
	.slide .heading-line { margin-top: 25px; margin-bottom: 25px; }

	/* Content */
	.heading { font-size: 48px; }

	/* Welcome */
	.welcome-img { position: relative; top: -90px; z-index: 1100; max-width: 400px; }

	/* Services */
	.services { padding-top: 100px; padding-bottom: 100px; }

	/* Videos */
	.videos { padding-top: 40px; padding-bottom: 40px; }
	.videos-wrap { margin-top: 50px; }
	.video-item { width: 560px; height: 315px; }
	.flipster__button { width: 38px; height: 38px; }
	/*.flipster__button svg { width: .8em; }*/

	/* Contact */
	.contact { padding-top: 100px; padding-bottom: 100px; }
	.contact-box { padding: 35px; }
	.contact-box:after { left: 15px; right: 15px; top: 15px; bottom: 15px; }

	/* Testimonials */
	.testimonial-slider { margin-top: 30px; margin-bottom: 50px; }

	/* Footer */
	.footer-top { padding-top: 50px; padding-bottom: 30px; }
	.footer-links,
	.footer-contact { margin-top: 40px; }
		
}


/* Medium devices (desktops, 992px and up) */
@media (min-width: 992px) { 

	/* Header */
	header { padding-bottom: 65px; }
	.skewed { height: 65px; }

	/* Content */

	/* Welcome */
	.welcome-img { top: -120px; margin-right: 15px; }

	/* Services */

	/* Videos */
	.videos { padding-top: 42px; padding-bottom: 42px; }

	/* Contact */

	/* Testimonials */
	.testimonials { padding-top: 42px; padding-bottom: 42px; }

	/* Footer */

}


/* Large devices (large desktops, 1200px and up) */
@media (min-width: 1200px) { 

	/* Header */
	header { padding-bottom: 95px; }
	.skewed { height: 95px; }
	
	.top-link-text { display: inline-block; }
	
	/* Slider */
	.slide-img { height: 700px; overflow: hidden; }
	.slide-text h3 { font-size: 82px; }
	.slide-text h3 span { font-size: 68px; }
	.slide-text p { font-size: 20px; }

	/* Content */
	.heading { font-size: 54px; }

	/* Welcome */
	.welcome { padding-bottom: 0; }
	.welcome-img { max-width: 500px; top: -150px; margin-right: 30px; }

	/* Services */
	.services { padding-top: 150px; padding-bottom: 150px; }

	/* Videos */
	.videos { padding-bottom: 60px; }

	/* Contact */
	.contact { padding-top: 120px; padding-bottom: 120px; }

	/* Testimonials */

	/* Footer */
	.footer-links,
	.footer-contact { margin-top: 0; }
	
}


/* Extra Large devices (large desktops, 1500px and up) */
@media (min-width: 1500px) { 
	
	/* Header */
	header { padding-bottom: 120px; }
	.skewed { height: 120px; }

	/* Slider */
	.slide-img { height: 700px; }
	.slide-img img { width: 100%; height: auto; }
	
	/* Welcome */
	.welcome { position: relative; top: -100px; z-index: 1100; }
	.welcome-img { top: -100px; }
	
	/* Services */
	.services { padding-top: 175px; padding-bottom: 175px; top: -100px; }
	
	/* Videos */
	.videos { position: relative; top: -50px; padding-top: 0; padding-bottom: 20px; }
	
	/* Contact */
	.contact { padding-top: 140px; padding-bottom: 140px; }
	
	/* Testimonials */
	.testimonials { padding-top: 60px; }
	
}


/* Extra Large devices (large desktops, 1920px and up) */
@media (min-width: 1920px) { 
	
	/* Header */
	header { padding-bottom: 135px; }
	.skewed { height: 135px; }
	
	/* Welcome */
	.welcome-img { top: -120px; }
	
	/* Services */
	.services { padding-top: 200px; padding-bottom: 200px; }
	
	/* Testimonials */
	.testimonials { padding-top: 70px; }
	
}