@charset "utf-8";
/* CSS Document */
@import url('https://fonts.googleapis.com/css?family=Open+Sans:300,300i,400,400i,600,600i,700,700i,800,800i&display=swap');
@import url('https://fonts.googleapis.com/css?family=Raleway:100,100i,200,200i,300,300i,400,400i,500,500i,600,600i,700,700i,800,800i,900,900i&display=swap');

/* 	-----------------------------------------------------
	------------------- General Styles ------------------
	----------------------------------------------------- */
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section, main {display:block;}
	
* {margin:0; padding:0; outline:none;}
* {-webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box;}

html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {margin:0; padding:0; border:0; outline:0; font-size:100%; background-color:transparent;}

blockquote, q {quotes:none;}
blockquote:before, blockquote:after, q:before, q:after {content:''; content:none;}
:focus {outline:0;}
ins {text-decoration:none;}
del {text-decoration:line-through;}
table {border-collapse:collapse; border-spacing:0;}
a {outline:none; outline-style:none; outline-width:0; color:#000000; text-decoration:none;}
a:hover, a:active, a:focus {outline:none; outline-style:none; outline-width:0; color:#000000; text-decoration:none;}

input:focus, select:focus, textarea:focus, button:focus {outline:none;}
[contenteditable="true"]:focus {outline:none;}
*:focus {outline:none;}

img {margin:0; padding:0; outline-style:none; outline-width:0; max-width:100%; height:auto;}

@-webkit-viewport {width:device-width; }
@-moz-viewport {width:device-width; }
@-ms-viewport {width:device-width; }
@-o-viewport {width:device-width; }
@viewport {width:device-width; }

body {margin:0; padding:0; font-family:'Open Sans', sans-serif; color:#000000; -webkit-text-size-adjust:100%; -ms-text-size-adjust:100%; text-size-adjust:100%; font-size:100%; overflow-x:hidden;}

.clr {font-size:0; height:0; line-height:0; clear:both;}
.left {margin:0; padding:0; width:auto; height:auto; float:left;}
.right {margin:0; padding:0; width:auto; height:auto; float:right;}

.clearfix:before, .clearfix:after {content:"."; display:block; height:0; overflow:hidden;}
.clearfix:after {clear:both}
.clearfix {zoom:1}

strong {font-weight:700;}
em {font-style:italic;}

.img-left {float:left; margin:10px 30px 30px 0;}
.img-right {float:right; margin:10px 0 30px 30px;}

.container {max-width:1226px;}
.container-fluid {max-width:1470px;}


/* 	-----------------------------------------------------
	-------------------- Header Styles ------------------
	----------------------------------------------------- */
	.header-section {transition:all .4s ease-in-out; position:fixed; top:0; left:0; z-index:999; width:100%; min-height:104px; padding:22px 0;}
	.header-section .logo {float:left;}	
		
	.share {float:right; margin-top:32px;}
	.share ul {margin:0; padding:0; list-style:none;}
	.share ul li {margin:0; padding:0 0 0 25px; display:inline-block; font-size:18px; font-weight:normal; line-height:20px; color:#adadad;}
	.share ul li a {color:#adadad; transition:all .4s ease-in-out;}
	.share ul li a:hover {color:#ff9933; transition:all .4s ease-in-out;}	
	
	.menu {float:right; margin-top:32px;}
	.menu ul {margin:0; padding:0; list-style:none;}
	.menu ul li {margin:0; padding:0 25px; float:left; font-family:'Raleway', sans-serif; font-size:14px; font-weight:400; line-height:20px; color:#ffffff; text-transform:uppercase; letter-spacing:0.1em;}
	.menu ul li a {color:#ffffff; display:block; transition:all .4s ease-in-out;}
	.menu ul li a:hover, .menu ul li a.active {color:#ff9933; transition:all .4s ease-in-out;}
	
	#nav-trigger {display:none; width:100%;}
	#nav-trigger span {display:block; padding-left:15px; font-size:18px; font-weight:400; line-height:50px; color:#FFFFFF; text-transform:uppercase; cursor:pointer; text-align:left;}
	#nav-trigger span:after {display:inline-block; width:50px; height:50px; content:""; background:url(../images/menu-bar.png) no-repeat center; float:right;}
	#nav-trigger span:hover {}
	#nav-trigger span.open:after {background:url(../images/menu-close.png) no-repeat center;}
	nav {}
	nav#nav-main {}
	nav#nav-mobile {position:relative; display:none; width:100%;}
	nav#nav-mobile ul {display:none; margin:0; padding:0; list-style:none; width:100%; position:absolute; top:0; right:0; background-color:#ff9933;}
	nav#nav-mobile ul li {margin:0; padding:0; float:none; font-family:'Raleway', sans-serif; font-size:14px; font-weight:400; line-height:1.4; color:#FFFFFF; text-align:left; white-space:nowrap;}
	nav#nav-mobile ul li a {padding:10px 15px; color:#FFFFFF; display:block; border:none;}
	nav#nav-mobile ul li a:hover, nav#nav-mobile ul li a.active {color:#FFFFFF; background:none; background-color:#4b944b; border:none;}
	nav#nav-mobile ul li:after {display:none;}
		
	.sticky {position:fixed !important; top:0; z-index:999; width:100%; min-height:104px; background-color:#000000; transition:all .4s ease-in-out;}
	.sticky + .content-section {padding-top:112px;}	

	

/* 	-----------------------------------------------------
	-------------------- Banner Styles ------------------
	----------------------------------------------------- */
	.banner-section {position:relative; min-height:780px; background-color:#5b5b5b;}
	.banner-section .item {min-height:780px !important; background-size:cover !important; position:relative;}
	.banner-section .item section {min-height:780px; width:640px; float:right; background-color:rgba(0,0,0,0.7); padding:240px 20px 20px 20px;}
	.banner-section h1 {font-family:'Raleway', sans-serif; font-size:58px; font-weight:400; line-height:1; color:#a5a5a5; text-transform:uppercase; padding:10px 0; max-width:400px;}
	.banner-section h1 strong {font-size:110px; font-weight:700; color:#ff9933; display:block;}
	.banner-section p {font-size:18px; font-weight:400; line-height:1.6; color:#989898; padding:10px 0; max-width:400px;}
	.banner-section p strong {font-weight:700; color:#ffffff; display:block;}
	.banner-section .btn-book a {margin:20px 0 0 0; padding:0; width:100%; max-width:214px; height:36px; background-color:#4b944b; border:2px solid #FFFFFF; font-size:13px; font-weight:600; line-height:32px; color:#FFFFFF; text-transform:uppercase; letter-spacing:0.1em; text-align:center; display:block; transition:all .4s ease-in-out;}
	.banner-section .btn-book a:hover {color:#FFFFFF; background-color:#cd7233; transition:all .4s ease-in-out;}
	
/* 	-----------------------------------------------------
	------------------- Content Styles ------------------
	----------------------------------------------------- */
	.content-section {}
	.content-section h1 {font-family:'Raleway', sans-serif; font-size:40px; font-weight:700; line-height:1.2; color:#2c2c2c; padding:10px 0;}
	.content-section h2 {font-family:'Raleway', sans-serif; font-size:36px; font-weight:700; line-height:1.2; color:#2c2c2c; padding:10px 0;}
	.content-section h3 {font-family:'Raleway', sans-serif; font-size:32px; font-weight:700; line-height:1.2; color:#2c2c2c; padding:10px 0;}
	.content-section h4 {font-family:'Raleway', sans-serif; font-size:28px; font-weight:700; line-height:1.2; color:#2c2c2c; padding:10px 0;}
	.content-section h5 {font-family:'Raleway', sans-serif; font-size:24px; font-weight:700; line-height:1.2; color:#2c2c2c; padding:10px 0;}
	.content-section h6 {font-family:'Raleway', sans-serif; font-size:20px; font-weight:700; line-height:1.2; color:#2c2c2c; padding:10px 0;}
	.content-section p {font-size:16px; font-weight:400; line-height:1.5; color:#7e8597; padding:10px 0;}
	.content-section ul {margin:0; padding:10px 15px; list-style:disc;}
	.content-section ul li {font-size:16px; font-weight:400; line-height:1.5; color:#777777;}
	.content-section ul ul {list-style:square;}
	.content-section ol {margin:0; padding:10px 25px; list-style:decimal-leading-zero;}
	.content-section ol li {font-size:16px; font-weight:400; line-height:1.5; color:#777777;}
	.content-section ol ol {list-style:lower-roman;}	
	.content-section hr {margin:0 auto 25px auto; padding:0; width:24px; height:3px; background-color:#ee7624; border:none;}
	
	.book-section {background-color:#FFFFFF; padding:80px 0; text-align:center;}
	
	.feed-section {background-color:#FFFFFF; text-align:center;}
	.feed-section .container-fluid {padding:0;}
	.feed-section ul {margin:0; padding:0; list-style:none;}
	.feed-section ul li {margin:0; padding:0; float:left; width:14.285%; position:relative;}
	.feed-section ul li .middle {transition:.5s ease; opacity:0; position:absolute; top:0; left:0; right:0; bottom:0; transform:translate(-0%, -0%); -ms-transform:translate(-0%, -0%); text-align:center;}
	.feed-section ul li img {opacity:1; display:block; transition:.5s ease; backface-visibility:hidden;}
	.feed-section ul li:hover img {opacity:1;}
	.feed-section ul li:hover .middle {opacity:1; background-color:rgba(75,148,75,0.85);}
	.feed-section ul li:hover figure:after { border:5px solid rgba(75,148,75,0.1);}
	.feed-section ul li p img {opacity:1 !important; display:inline-block; text-align:center; margin-top:35%;}
	
	.services-section {background-color:#cd7233; padding:80px 0; text-align:center;}
	.services-section h6 {font-size:22px; color:#FFFFFF; text-transform:uppercase;}
	.services-section p {color:#ffe7d6;}
	.services-section hr {margin:5px auto; background-color:#FFFFFF;}
	
	.join-section {position:relative;}
	.join-section section {position:absolute; left:0; top:0; z-index:99; width:100%; height:100%; background-color:rgba(0,0,0,0.65); padding:130px 15px; text-align:center;}
	.join-section h2 {color:#ee7624; text-transform:uppercase;}
	.join-section h2 strong {font-size:90px; display:block;}
	.join-section p {color:#FFFFFF;}
	.join-section .btn-join a {margin:10px auto; padding:0; width:100%; max-width:214px; height:36px; background-color:#4b944b; border:2px solid #FFFFFF; font-size:13px; font-weight:600; line-height:32px; color:#FFFFFF; text-transform:uppercase; letter-spacing:0.1em; text-align:center; display:block; transition:all .4s ease-in-out;}
	.join-section .btn-join a:hover {color:#FFFFFF; background-color:#cd7233; transition:all .4s ease-in-out;}
	
	.join-section video {width:100%; height:auto;}
	.join-section #toggler {position:absolute; bottom:20px; left:20px; z-index:99; width:40px; height:40px; background-color:#f79839; border:none; font-size:18px; font-weight:normal; line-height:40px; color:#FFFFFF; text-align:center;}
		
	.customers-section {background-color:#dddddd; padding:70px 0;}
	.customers-section h2 {text-align:center;}
	
	.semester-section {background-color:#FFFFFF; padding:70px 0;}
	.semester-section h2 {text-align:center;}
	
	
	
	
/* 	-----------------------------------------------------
	-------------------- Footer Styles ------------------
	----------------------------------------------------- */
	.footer-section {background-color:#000000; padding:60px 0;}
	.footer-section p {font-size:14px; font-weight:400; line-height:1.6; color:#8b8b8b; padding:10px 0;}
	.footer-section p .orange {color:#f79839;}
	.footer-section p .white {color:#FFFFFF;}
	.footer-section p strong {display:block; font-size:17px; font-weight:400; color:#FFFFFF;}
	.footer-section p strong img {margin-right:5px;}
	.footer-section h4 {font-size:15px; font-weight:700; line-height:1.4; color:#ffffff; text-transform:uppercase; padding:20px 0 0 0;}
	.footer-section ul.links {margin:0; padding:5px 0; list-style:none;}
	.footer-section ul.links li {margin:5px 0; padding:0; font-size:14px; font-weight:400; line-height:1.6; color:#8b8b8b;}
	.footer-section ul.links li a {color:#8b8b8b; transition:all .4s ease-in-out;}
	.footer-section ul.links li a:hover, .footer-section ul.links li a.active {color:#f79839; transition:all .4s ease-in-out;}
	.footer-section ul.socials {margin:0; padding:25px 0; list-style:none;}
	.footer-section ul.socials li {margin:0; padding:0 25px 0 0; display:inline-block; font-size:20px; font-weight:normal; line-height:20px; color:#ffffff;}
	.footer-section ul.socials li a {color:#ffffff; transition:all .4s ease-in-out;}
	.footer-section ul.socials li a:hover {color:#ff9933; transition:all .4s ease-in-out;}
	

	
	.cd-top {display:inline-block; height:40px; width:40px; position:fixed; bottom:20px; right:20px; z-index:999; box-shadow:0 0 10px rgba(0, 0, 0, 0.05); overflow:hidden; text-indent:100%; white-space:nowrap; background:#f79839 url(../fonts/cd-top-arrow.svg) no-repeat center 50%; visibility:hidden; opacity:0; -webkit-transition:opacity .3s 0s, visibility 0s .3s; -moz-transition:opacity .3s 0s, visibility 0s .3s; transition:opacity .3s 0s, visibility 0s .3s;}
	.cd-top.cd-is-visible, .cd-top.cd-fade-out, .no-touch .cd-top:hover {-webkit-transition:opacity .3s 0s, visibility 0s 0s; -moz-transition:opacity .3s 0s, visibility 0s 0s; transition:opacity .3s 0s, visibility 0s 0s;}
	.cd-top.cd-is-visible {visibility:visible; opacity:1;}
	.cd-top.cd-fade-out {opacity:1;}
	.no-touch .cd-top:hover {background-color:#000000; opacity:1;}

	@media only screen and (min-width:768px) {
	.cd-top {right:20px; bottom:20px;}
	}
	@media only screen and (min-width:1024px) {
	.cd-top {height:40px; width:40px; right:20px; bottom:20px;}
	}