@charset "UTF-8";
@font-face { font-family: arial; src: url('fonts/arial.ttf'); -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; }
@font-face { font-family: arialbd; src: url('fonts/arialbd.ttf'); font-weight:bold; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; }
@font-face { font-family: Avenir-Light; src: url('fonts/Avenir-Light.otf'); font-weight:bold; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; }
@font-face { font-family: Avenir-Medium; src: url('fonts/Avenir-Medium.otf'); font-weight:bold; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; }
@font-face { font-family: Avenir-Bold; src: url('fonts/Avenir-Bold.otf'); font-weight:bold; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; }
@font-face { font-family: basic-sans-heavy-bold; src: url('fonts/basic-sans-heavy-bold.ttf'); font-weight:900; font-stretch:extra-condensed; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; }
@font-face { font-family: notoserif-bold; src: url('fonts/NotoSerif-Bold.ttf'); font-weight:600; font-stretch:extra-condensed; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; }
@font-face { font-family: notoserif-bold-italic; src: url('fonts/NotoSerif-BoldItalic.ttf'); font-weight:600; font-stretch:extra-condensed; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; }
@font-face { font-family: notoserif-italic; src: url('fonts/NotoSerif-Italic.ttf'); font-weight:600; font-stretch:extra-condensed; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; }
@font-face { font-family: notoserif-regular; src: url('fonts/NotoSerif-Regular.ttf'); font-weight:600; font-stretch:extra-condensed; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; }
@font-face { font-family: opensans; src: url('fonts/opensans-regular.ttf'); font-weight:600; font-stretch:extra-condensed; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; }
@font-face { font-family: opensans-bold; src: url('fonts/opensans-bold.ttf'); font-weight:600; font-stretch:extra-condensed; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; }
@font-face { font-family: roboto-light; src: url('fonts/roboto-light.ttf'); font-weight:400; font-stretch:extra-condensed; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; }
@font-face { font-family: roboto-bold; src: url('fonts/roboto-bold.ttf'); font-weight:500; font-stretch:extra-condensed; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; }
@font-face { font-family: roboto-boldcond; src: url('fonts/roboto-boldcond.ttf'); font-weight:500; font-stretch:extra-condensed; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; }
@font-face { font-family: shentox-bold; src: url('fonts/shentox-bold.woff'); font-weight:600; font-stretch:extra-condensed; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; }

a { text-decoration:none; }
h1, h2, h3, h4, h5, h6 { font-family:"notoserif-regular","opensans-bold",sans-serif; color:#713e9b; font-weight:800; }
h1 { font-size:48px; font-weight:900; }
h2 { font-size:40px; font-weight:600; }
h3 { font-size:36px; font-weight:400; }
h4 { font-size:32px; font-weight:400; }
h5 { font-size:28px; font-weight:400; }
h6 { font-size:24px; font-weight:400; }
p { margin:10px 10px 20px 0px; font-family:opensans-regular,sans-serif; color:#232323; font-weight:400; font-size:18px; line-height:1.6em; }
/*iframe { width:100%; min-width:240px; max-width:840px; height:450px; }*/
hr { border-bottom:1px;border-color:#713e9b; }

body { background-color:#ffffff; }
.clear { clear:both; height:10px; }
.clear20 { clear:both; height:20px; }
.clear30 { clear:both; height:30px; }
.clear40 { clear:both; height:40px; }
.clear60 { clear:both; height:60px; }
.clear80 { clear:both; height:80px; }
.img-container { padding:6px; border:1px solid #dedede; border-radius: 4px; box-shadow: 0px 0px 8px #cdcdcd; background-color:#ffffff; width:100%; min-width:80px; max-width:800px; }
.scroll-to-top { bottom:30px; }
#google-container { z-index:9999; float:right; position:fixed; top:0px; right:0px; height:24px; width:auto; }

.page-wrapper { position:relative; top:0px; }
.page-header { z-index:999; position:relative; display:block; width: 100%; height:auto; padding: 0px; margin:0px; border-bottom:0px; box-shadow: 0 10px 50px -2px rgb(0 0 0 / 14%); }
.page-header-top { position: relative; margin: 0 auto; padding: 0px; width:100%; height:31px; background-color: #713e9b; }
.page-header-top-inner { position: relative; margin: 0 auto; padding: 0px; width:100%; max-width: 1200px; height:31px; }

.top-social { position:relative; margin:0px; width: 180px; height: 31px; display: inline-block; }
.top-social a { display: inline-block; position: relative; left:10px; margin: 0; padding: 2px 10px; justify-content: center; text-decoration:none; height:31px;
	text-transform: uppercase !important; color: #ffffff; font-family: "opensans-bold"; font-weight: 200; font-size: 20px; letter-spacing: 1px; font-style: normal; }

.top-links { position:absolute; float: right; height: 49px; top:0px; right: 0px; width:260px; display: inline-block; }
.top-links ul { padding: 0px; margin: 0 auto; display: flex; justify-content: center; flex-wrap: wrap; list-style: none; height:31px; }
.top-links li { float: left; margin: 0; padding: 0px; position: relative; width: 130px; cursor: pointer; height:31px; }
.top-links a { display: inline-block; position: relative; margin: 0; padding: 14px 10px; justify-content: center; text-decoration:none;
	text-transform: uppercase !important; color: #212934; font-family: 'opensans'; font-weight: 400; font-size: 14px; letter-spacing: 1px; font-style: normal; }
.top-links a:hover { color:#7b0f8e!important; }
.top-links .active { color: #da45ef; border-bottom: 2px solid #da45ef; }
.top-links .sub-menu { z-index:1009; display: none; position:absolute; top: 46px; left: 0px; width:200px; height:auto; border-top: 2px solid #da45ef; background-color:#ffffff; box-shadow: rgb(0 0 0 / 12%) 0 2px 3px; }
.top-links .sub-menu ul { padding: 0px; margin: 0px; display: inline-block; list-style: none; }
.top-links .sub-menu li { float: left; margin: 0; padding: 0; position: relative; cursor: pointer; height: auto; width:100%; }
.top-links .sub-menu a { display: block; width: 100%; text-decoration:none; padding:15px 5px 15px 15px; border-bottom: 0px solid #ffffff; text-align: left; 
	background-color: #ffffff; transition: background 0.3s; transition-timing-function: linear; color: #212934; font-family: 'opensans'; font-weight: 400; font-size: 14px; letter-spacing: 1px; font-style: normal; }
.top-links .sub-menu a:hover { background-color: #efefef; border-bottom: 0px solid #ffffff; }

.page-header-inner { position: relative; margin: 0; padding: 0; width:100%; height:87px; background-color: rgb(255, 255, 255, 90%); background-blend-mode: soft-light;
	background-position: center center; background-size: cover; background-image: url('../images/backgrounds/wave-animation.gif'); }
.page-header-inner-container { position: relative; margin: 0 auto; padding: 5px; width:100%; max-width: 1200px; height:87px; }

.page-logo { position: relative; display: inline-block; top:10px; left:10px; width:100%; max-width: 190px; height: auto; margin: 2px 0px 0px 5px; padding: 0; text-align: center; }
.page-logo img { width:100%; height:auto; max-width:190px; }
.page-content-wrapper { margin: 0px!important; min-height: 400px; }

.page-navigation { z-index:8888; position: -webkit-sticky; position: sticky; top: 0; display:block; background-color: #ffffff; width: 100%; height:auto; padding: 0px; margin:0px; border-bottom:0px;
	box-shadow: rgb(0 0 0 / 12%) 0 2px 3px; }
.page-navigation-inner { display: block; position: relative; margin: 0 auto; padding: 20px 30px 0px 30px; width:100%; height:auto; }

.navigation-menu { margin: 0; padding: 0; position: absolute; top: 0px; right: 10px; width: 90%; max-width: 900px; height: 100%; max-height: 87px; text-align:center; }
.navigation-menu ul { float: right; margin: 24px 0px; padding: 0; display: flex; justify-content: center; flex-wrap: wrap; list-style: none; }

.navigation-menu li { float: left; margin: 0; padding: 0px; position: relative; display: inline-block; cursor: pointer; height: 40px; }
.navigation-menu a { position:relative; top: 9px; text-decoration:none; padding:10px 20px; text-transform: uppercase !important; color: #713e9b; font-family: roboto-bold,opensans;
	font-weight: 400; font-size: 16px; letter-spacing: 1px; font-style: normal; }
.navigation-menu a:active { color:#da45ef; }
.navigation-menu a:hover { color:#da45ef; }
.navigation-menu .active { color: #da45ef; border-bottom: 2px solid #da45ef; }

.navigation-menu .submenu-account { z-index:1009; display: none; position:absolute; padding:0px; top: 62px; left: 0px; width:220px; height:auto; background-color:#ffffff; box-shadow: rgb(0 0 0 / 15%) 3px 5px 10px;
	border-bottom-left-radius:8px; border-bottom-right-radius:8px; }
.navigation-menu .sub-menu { z-index:1009; display: block; position:relative; top: 0px; left: 0px; margin:0; padding:8px; width:100%; height:auto; background-color:#ffffff; }
.navigation-menu .sub-menu ul { padding: 0px; margin: 0px; display: inline-block; list-style: none; }
.navigation-menu .sub-menu li { float: left; margin: 0; padding: 0; position: relative; cursor: pointer; height: auto; width:100%; }
.navigation-menu .sub-menu a { display: block; width: 100%; text-decoration:none; padding:10px; text-align: left; border-radius:7px; border: 1px solid #713e9b; margin-bottom:10px; text-align:center;
	background-color: #ffffff; transition: background 0.3s; transition-timing-function: linear; color: #713e9b; font-family: 'Avenir-Bold'; font-weight: 400; font-size: 12px; letter-spacing: 1px; font-style: normal; }
.navigation-menu .sub-menu a:hover { background-color: #713e9b; color:#ffffff; }

.responsive-container { position: relative; overflow: hidden; width: 100%; padding-top: 56.25%; }
.responsive-iframe { position: absolute; top: 0; left: 0; bottom: 0; right: 0; width: 100%; height: 100%; }

.menu-toggler.responsive-toggler { z-index:99999; float: right; position: absolute; top: 25px; right: 20px; margin: 5px; padding: 5px; display: none; width: 40px; height: 30px; cursor: pointer; }
.menu-toggler.responsive-toggler span { background: #6d1c5a; display: block; position: relative; padding: 0; margin-bottom: 5px; left: 0; content: ''; width: 30px; height: 2px; }
.menu-toggler-close { z-index:99999; float: right; position: relative; top: -12px; Right: -20px; margin: 0; padding: 0px;
	display: block; padding: 0; margin-bottom: 5px; left: 0; font-size: 30px; color: #6d1c5a; width: 30px; height: 30px; }

.mobile-navigation { z-index:999; position: fixed; top: 0; display:none; background-color: #ffffff; width: 100%; height:auto; padding: 0px; margin:0px; border-bottom:0px; box-shadow: rgb(0 0 0 / 12%) 0 2px 3px; }

.mobile-navigation-inner { display: block; position: relative; margin: 0 auto; padding: 20px; width:100%; height:auto; background-color:#f7f7f7; }
.mobile-nav-logo { float:left; position: absolute; top: 10px; left: 0px; text-align: center; width:100%; margin:0 auto; }
.mobile-nav-logo img { width: 100%; max-width:190px; }

.navigation-mobile { margin: 0 auto; padding: 0; width: 100%; max-width: 1200px; height: auto; text-align:center; background-color:#ffffff; overflow-y:scroll; }
.navigation-mobile ul { padding: 0px; margin: 0 auto; display: block; justify-content: center; list-style: none; }
.navigation-mobile li { display: block; margin: 0; padding: 16px 20px 16px 20px; position: relative; cursor: pointer; height: 50px; border-top: 1px solid #f7f7f7; }
.navigation-mobile a { justify-content: center; text-decoration:none; padding:0px 0px 10px 0px; border-bottom: 2px solid #ffffff; transition: border 0.3s; transition-timing-function: linear;
	text-transform: uppercase !important; color: #212934; font-family: 'opensans'; font-weight: 400; font-size: 15px; letter-spacing: 1px; font-style: normal; display: block; width:100%; }
.navigation-mobile a:hover { border-bottom: 2px solid #da45ef; }
.navigation-mobile .active { color: #da45ef; border-bottom: 2px solid #da45ef; }

.img-rounded { border-radius: 20px 20px 20px 20px; }
.img-shadow { box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.5); }
.btn.purple {
	text-transform:uppercase; color:#ffffff; font-size:16px; padding:10px 30px; font-family: 'opensans-bold',sans-serif; margin:20px 0px;
	background-color: transparent; background-image: linear-gradient(0deg, rgb(85,2,93,100), rgb(156,69,164,100)); border-radius: 200px 200px 200px 200px;
}
.btn.purple:active, .btn.purple:hover { background-image: linear-gradient(0deg, rgb(218,69,239,100), rgb(156,69,164,100)); }

@media (max-width: 1100px) {
	.navigation-menu { display:none; }
	.menu-toggler.responsive-toggler { display: block; }
}
@media (max-width: 626px) {
	.page-logo { margin-right:0px; }
	.top-links { clear: both; display:block; position:relative; width:100%; text-align:center; }

}
@media (max-width: 558px) {
	.page-header { position: -webkit-sticky; position: sticky; }
	.page-navigation { display: none; }
	.page-header-inner { height: auto; }
}
@media (max-width: 480px) {
	.col-xs-6 { width: 100%; }

}



/* CONTENT */
.page-content-wrapper .page-content { margin: 0 auto; width: 100%; max-width: 1200px; min-height: 600px; padding: 25px 20px 60px 20px; }
hr { border-width:3px; }
.content-banner { margin:0; padding:0px; position:relative; display:block; background-color: #f5f7f9; width:100%; height:auto; }
.content-banner-container { margin:0px; padding:0px; display:block; position:relative; border-radius: 0px; width:100%; height:100%;
	background-color: transparent; background-attachment: fixed; background-position: center center; background-repeat: no-repeat; background-size: cover; 
}
.content-banner-content { display:block; position:relative; margin:0 auto; width:100%; max-width:1200px; padding:40px 60px; height:800px; }
.content-banner-content h1 { position:relative; top:44%; margin:0px; color:#ffffff; font-size:60px; text-shadow: 0px 1px 10px rgba(0,0,0,0.7); }
.content-banner-content p { display:inline-block; position:relative; margin:30px 0px 0px 0px; padding:0; font-family: 'opensans',sans-serif; color:#ffffff; font-size:24px; line-height:44px; }

.subscribe-content { margin:0 auto; width:100%; }


/*notification*/
#notification { margin-top:0px; margin-bottom:20px; display:none; position:relative; width:100%; min-height:40px; max-height:200px; height:auto; }
#notification2 { margin-top:0px; margin-bottom:10px; display:none; position:relative; width:100%; min-height:40px; max-height:200px; height:auto; }
.notifcrumb { padding: 10px; background-color:#ffffff; border: 1px solid #dedede; height:44px; border-radius:4px; min-height:40px; max-height:200px; height:auto; }
.notifcrumb .title { float:left; position:relative; display:inline-block; margin-left:10px; font-size:15px; color:#ffffff; }
.notifcrumb .message { position:relative; display:inline-block; margin:0px; font-size:15px; color:#ffffff; }
.notifcrumb .errors { float:left; position:relative; display:inline-block; }
.notifcrumb .errors ul { float:left; position:relative; list-style: none; margin:5px 0px 0px 0px; padding:0px; }
.notifcrumb .errors li { position:relative; float:left; display:inline-block; margin-right:5px; }
.notifcrumb a { font-size:15px; margin-left:8px; position:relative; top:0px; }
.notifcrumb span { font-size:15px; font-family:tahoma,verdana;position:relative; top:1px; margin:0px 0px 0px 8px; color:#ababab; }
.notifcrumb img { float:left; position:relative; display:inline-block; margin-right:10px; width:100%; max-width:24px; }

/*modal*/
#modal-message { margin-top:0px; margin-bottom:10px; display:none; position:relative; width:100%; min-height:40px; max-height:200px; height:auto; }
.modal-content { background:transparent; }
.modal-header { background-color:#f7f7f7!important; border-bottom: 1px solid #dedede!important; border-top-left-radius:6px; border-top-right-radius:6px; }
.modal-header .clear-modal { float:right; }
.modal-title { color:#787878!important; }
.modal-body { padding: 10px 10px 10px 10px; background-color:#ffffff; }
.modal-footer { background-color:#f7f7f7!important; border-top: 1px solid #dedede!important; border-bottom-left-radius:6px; border-bottom-right-radius:6px; }
.modal-footer .clear-modal { float:right; }
.modal-goBack { float:right;display:none;margin-right:10px; }
.alert { padding: 15px; margin-bottom: 20px; border: 1px solid transparent; border-radius: 4px; }
.alert i { float:left; display:inline-block; position:relative; top:2px; margin-right:10px; font-size:14px; }
.alert ul { margin-top: 0; margin-bottom: 0px; padding-inline-start: 20px; }
.alert-success { background-color:#26C281; border-color:#26C281; color:#ffffff; }
.alert-info { background-color:#5C9BD1; border-color:#5C9BD1; color:#ffffff; }
.alert-warning { background-color:#E87E04; border-color:#E87E04; color:#ffffff; }
.alert-danger { background-color:#D91E18; border-color:#D91E18; color:#ffffff; }


/* FOOTER */
.page-footer-container { margin: 0; padding: 50px 0px; position: relative; display: block; width: 100%; height: 100%; text-align: center; border-top: 1px solid #ffffff; background-color: #9C45A4;  }
.page-footer-overlay {
    background-image: url('../images/backgrounds/wave-animation.gif'); background-position: center center; background-repeat: no-repeat; background-size: cover; opacity: 0.11;
    transition: background 0.3s, border-radius 0.3s, opacity 0.3s; height: 100%; width: 100%; top: 0; left: 0; position: absolute;
}

.page-footer { float:none!important; margin: 0 auto; padding: 0px; width:100%; max-width:1200px; height:auto; min-height:200px; }
.page-footer-inner { margin:0; padding:0px 60px; position:relative; width:100%; height:auto; text-align:left; }
.page-footer-inner h2 { text-align: left; font-size:34px; color:#ffffff; font-family:'opensans-bold',sans-serif; font-weight:400; }
.page-footer-inner h3 { text-align: left; font-size:28px; color:#ffffff; font-family:'opensans',sans-serif; font-weight:400; }
.page-footer-inner img { width:100%; max-width: 500px; height:auto; }

.page-footer-inner ul { padding: 0px; margin: 30px 0px 0px 0px; list-style: none; }
.page-footer-inner li { margin: 0; padding: 0px; position: relative; cursor: pointer; height: 46px; align-items:center; }
.page-footer-inner li span { position:relative; top:-2px; font-size:16px; color:#20f3dd; margin-right:8px; }
.page-footer-inner a { justify-content: center; text-decoration:none; padding:0px 0px 2px 0px; color: #ffffff; font-family: 'opensans',sans-serif; font-weight: 400; font-size: 22px; font-style: normal; }

.page-footer-inner .active { color: #da45ef; border-bottom: 2px solid #da45ef; }
.copyright { margin:0; padding:10px 20px; position:absolute; bottom:0px; left:0px; width:100%; background-color:#C103DB; color:#ffffff; }


@media (max-width: 1198px) {
	.content-banner-content { height:760px; }
	.content-banner-content h1 { top:42%; font-size:56px; }
}

@media (max-width: 991px) {
	.content-banner-content { height:720px; }
	.content-banner-content h1 { top:38%; font-size:52px; }
	.subscribe-container { clear:both; }
}

@media (max-width: 767px) {
	.content-banner-content { height:680px; }
	.content-banner-content h1 { top:34%; font-size:48px; }
}
@media (max-width: 599px) {
	.content-banner-content { height:640px; }
	.content-banner-content h1 { top:30%; font-size:44px; }
}
@media (max-width: 521px) {
	.page-footer-inner .col-xs-6 { width:100%; }
}
@media (max-width: 440px) {
	.content-banner-content { height:600px; }
	.content-banner-content h1 { top:26%; font-size:40px; }
}
@media (max-width: 380px) {
	.content-banner-content { height:560px; }
	.content-banner-content h1 { top:22%; font-size:38px; }
}