@font-face {
   font-family: 'BasisGrotesque';
   src: url('https://d2qakxn0oh6mu0.cloudfront.net/assets/fonts/BasisGrotesque/BasisGrotesque-Regular.eot');
   src: url('https://d2qakxn0oh6mu0.cloudfront.net/assets/fonts/BasisGrotesque/BasisGrotesque-Regular.eot') format('embedded-opentype'),
     url('https://d2qakxn0oh6mu0.cloudfront.net/assets/fonts/BasisGrotesque/BasisGrotesque-Regular.woff2') format('woff2'),
     url('https://d2qakxn0oh6mu0.cloudfront.net/assets/fonts/BasisGrotesque/BasisGrotesque-Regular.woff') format('woff'),
     url('https://d2qakxn0oh6mu0.cloudfront.net/assets/fonts/BasisGrotesque/BasisGrotesque-Regular.ttf') format('truetype'),
     url('https://d2qakxn0oh6mu0.cloudfront.net/assets/fonts/BasisGrotesque/BasisGrotesque-Regular.svg#BasisGrotesque') format('svg');
 font-weight: normal;
 font-style: normal;
}
@font-face {
    font-family: 'BasisGrotesque';
    src: url('https://d2qakxn0oh6mu0.cloudfront.net/assets/fonts/BasisGrotesque/BasisGrotesque-Medium.eot');
    src: url('https://d2qakxn0oh6mu0.cloudfront.net/assets/fonts/BasisGrotesque/BasisGrotesque-Medium.eot') format('embedded-opentype'),
      url('https://d2qakxn0oh6mu0.cloudfront.net/assets/fonts/BasisGrotesque/BasisGrotesque-Medium.woff2') format('woff2'),
      url('https://d2qakxn0oh6mu0.cloudfront.net/assets/fonts/BasisGrotesque/BasisGrotesque-Medium.woff') format('woff'),
      url('https://d2qakxn0oh6mu0.cloudfront.net/assets/fonts/BasisGrotesque/BasisGrotesque-Medium.ttf') format('truetype'),
      url('https://d2qakxn0oh6mu0.cloudfront.net/assets/fonts/BasisGrotesque/BasisGrotesque-Medium.svg#BasisGrotesque') format('svg');
  font-weight: 500;
  font-style: normal;
}

* { margin: 0; padding: 0; box-sizing: border-box; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; }
* { -webkit-tap-highlight-color: rgba(0, 0, 0, 0); }
html, body.eu, .eu div, .eu span, .eu applet, .eu object, .eu iframe, .eu h1, .eu h2, .eu h3, .eu h4, .eu h5, .eu h6, .eu p, .eu blockquote, .eu pre, .eu a, .eu abbr, .eu acronym, .eu address, .eu big, .eu cite, .eu code, .eu del, .eu dfn, .eu em, .eu font, .eu img, .eu ins, .eu kbd, .eu q, .eu s, .eu samp, .eu small, .eu strike, .eu strong, .eu sub, .eu sup, .eu tt, .eu var, .eu dl, .eu dt, .eu dd, .eu ol, .eu ul, .eu li, .eu fieldset, .eu form, .eu label, .eu legend, .eu table, .eu caption, .eu tbody, .eu tfoot, .eu thead, .eu tr, .eu th, .eu td, .eu select, .eu input, .eu option { margin: 0; padding: 0; border: 0; outline: 0;}
html { -webkit-text-size-adjust: none;}
.eu article, .eu aside, .eu details, .eu figcaption, .eu figure, .eu footer, .eu header, .eu hgroup, .eu nav, .eu section { display: block }
.eu audio, .eu canvas, .eu video { display: inline-block; }
.eu audio:not([controls]) { display: none; height: 0; }
.eu pre { white-space: pre; white-space: pre-wrap; word-wrap: break-word }
.eu q { quotes: none }
.eu q:before, .eu q:after { content: ''; content: none }
.eu small { font-size: 80% }
.eu sub, .eu sup { font-size: 75%; line-height: 0; position: relative; vertical-align: baseline }
.eu sup { top: -0.5em; }
.eu sub { bottom: -0.25em }
.eu nav .eu ul, .eu ol .eu li { list-style: none; list-style-image: none; }
.eu button, .eu input, .eu select, .eu textarea { font-size: 100%; margin: 0; vertical-align: baseline; box-shadow: none;}
.eu textarea { overflow: auto; vertical-align: top }
.eu input[type="button"], .eu input[type="submit"] { -webkit-appearance: none !important; }
:focus { outline: 0; }
.eu caption, .eu th, .eu td { text-align: left; font-weight: normal; }
.eu blockquote:before, .eu blockquote:after, .eu q:before, .eu q:after { content: ""; }
.eu blockquote, .eu q { quotes: "" ""; }
.eu table { border: 0 none; border-collapse: collapse; border-spacing: 0; }
.eu td { vertical-align: top; }
.eu img { border: 0 none; max-width: 100%; vertical-align: top; }
.eu a { outline: none; cursor: pointer; text-decoration: none !important; cursor: pointer; }
.eu a:hover { text-decoration: underline;}
.eu a:focus { text-decoration: none !important; outline: none !important; }
.eu .none { display: none; }
.eu .clear { clear: both; }
.eu .cf:before, .cf:after { content: ""; display: table }
.eu .cf:after { clear: both; }
.eu .cf { *zoom:1;}
.eu .text-transform { text-transform: uppercase; }
.eu .break { float: left; width: 100%; }
.eu .preloader { display: none; }
.eu .flw{float: left; width: 100%;}

.eu input::-webkit-input-placeholder{color:#707070;opacity:1;}
.eu input:-moz-placeholder{color:#707070;opacity:1;}
.eu input::-moz-placeholder{color:#707070;opacity:1;}
.eu input:-ms-input-placeholder{color:#707070;opacity:1;}
.eu textarea::-webkit-input-placeholder{color:#707070;opacity:1;}
.eu textarea:-moz-placeholder{color:#707070;opacity:1;}
.eu textarea::-moz-placeholder{color:#707070;opacity:1;}
.eu textarea:-ms-input-placeholder{color:#707070;opacity:1;}
.eu button::-moz-focus-inner, input[type="submit"]::-moz-focus-inner{border:0;}

body.eu{margin:0;padding:0;font-size:16px;background:#ffffff;font-family:'BasisGrotesque', sans-serif;}
.eu .wrapper{width:100%;}
.eu a{display:inline-block;transition:0.5s;-webkit-transition:0.5s;-moz-transition:0.5s;-o-transition:0.5s;}
.eu .container{max-width:1200px;padding:0 15px;margin:0 auto;}
.eu .container2{max-width:1020px;margin:0 auto;}
.eu .main_box{max-width:1034px;padding:0 15px;margin:0 auto;}

/* Home Page Style */
.eu div.title_1,.eu h1,.eu h1 div{color:#222222;font-size:40px;line-height:1.25;font-weight:500;font-family:'BasisGrotesque', sans-serif;}
.eu div.title_2,.eu h2,.eu h2 div{color:#222222;font-size:36px;line-height:1.5;font-weight:500;font-family:'BasisGrotesque', sans-serif;}
.eu div.title_3,.eu h3,.eu h3 div{color:#000F48;font-size:28px;line-height:1.2;font-weight:700;font-family:'BasisGrotesque', sans-serif;}
.eu div.title_4,.eu h4,.eu h4 div{color:#222222;font-size:24px;font-style:italic;line-height:1.2;font-weight:500;font-family:'BasisGrotesque', sans-serif;}
.eu div.title_5,.eu h5,.eu h5 div{color:#222222;font-size:18px;line-height:1.2;font-weight:500;font-family:'BasisGrotesque', sans-serif;}
.eu div.sub_text,.eu div.sub_text div{color:#666666;font-size:15px;font-weight:400;line-height:1.34;font-family:'BasisGrotesque', sans-serif;}
.eu div.sub_text20,.eu div.sub_text20 div{color:#222222;font-size:20px;font-weight:normal;line-height:1.45;font-family:'BasisGrotesque', sans-serif;}

.eu div.footer_sub_text,.eu div.footer_sub_text div{color:#222222;font-size:14px;font-style:italic;font-weight:400;line-height:1.5;font-family:'BasisGrotesque', sans-serif;}
.eu .color_black,.eu .color_black div,.eu .color_black h2{color:#222222;}

.eu .btn_all a{font-size:18px;line-height:1.2;min-width:300px;font-weight:400;padding:25px 85px 25px 30px;background-color:#E9CECA;color:#222222;background-repeat:no-repeat;background-size:25px; background-position:89% center;background-image:url('https://engage.csu.edu.au/rs/075-KSK-811/images/lp2fff-btn_arrow.svg');border-radius:0;-webkit-border-radius:0;text-align:left;display:inline-block;vertical-align:middle;  box-shadow:0 8px 18px 4px rgba(34, 34, 34, 0.17);}
.eu .btn_all a:hover{background-color: #222944;}

/* ===== Form Section ===== */
.eu form.mktoForm{width:100% !important;padding:20px 0 0!important;}
.eu .mktoForm .mktoFormCol{width:100% !important;float:left!important;margin-bottom:0px!important;border:none!important;padding:0!important;}
.eu .mktoForm .mktoFormRow{padding-bottom:0px!important;width:100%!important;float:left!important;clear:none!important;}
.eu .mktoForm .mktoFieldWrap{width:100% !important;float:left!important;font-weight:normal!important;color:#FFF!important;font-size:14px!important;margin-bottom:3px!important;padding-top:0px!important;line-height:18px!important;font-family:'BasisGrotesque', sans-serif!important;}
.eu .mktoOffset{width:0px !important;}
.eu .mktoForm .mktoGutter{width:0px !important;}

/* Form Input */
.eu .mktoForm input[type="text"], .eu .mktoForm input[type="url"], .eu .mktoForm input[type="email"], .eu .mktoForm input[type="tel"], .eu .mktoForm input[type="number"], .eu .mktoForm input[type="date"], .eu .mktoForm textarea.mktoField, .eu .mktoForm select.mktoField{width: 100%!important; float: left!important;padding:10px 10px!important; color: #262626!important; font-size:15px!important; font-family: 'BasisGrotesque', sans-serif!important; -webkit-border-radius: 0px!important; -o-border-radius: 0px!important; border-radius: 0px!important; font-weight:500!important; outline: 0!important; border:1px solid #878787!important; height: 49px !important; background-color: #fff!important; -webkit-appearance: none!important;margin: 0 0 17px!important;box-shadow:none!important;}
.eu .mktoForm select.mktoField{background-image:url(https://engage.csu.edu.au/rs/075-KSK-811/images/lp2-down_arrow.png)!important;background-origin:content-box;background-position-x:100%!important;background-position-y:center!important;background-size: 14px!important; background-repeat: no-repeat!important; cursor: pointer!important; font-size: 15px!important; color: #6d6d6d!important;}
.eu .mktoForm textarea[rows="2"]{padding: 10px 0!important; border: 0px solid #b2b2b2!important; border-bottom: 1px solid #b2b2b2!important;}

/* Form Lable */
.eu .mktoForm .mktoLabel{padding-top:0!important;}
.eu .mktoForm label.mktoLabel{font-weight:normal!important;color:#FFF!important;width:auto!important;font-size:14px!important;margin-bottom:3px!important;padding-top:0px!important;line-height:18px!important;font-family:'BasisGrotesque', sans-serif!important;}

/* Form Button */
.eu .mktoButtonRow span{margin-left:0px !important;}
.eu .mktoButtonRow{width:100%!important;margin-top:0px!important;text-align:left!important;}
.eu .mktoButton{background-image: none !important; background-color: transparent!important; border: 2px solid #F0572A!important; -webkit-border-radius:0px!important; -moz-border-radius:0px!important; -ms-border-radius:0px!important; -o-border-radius:0px!important; border-radius:0px!important; padding: 10px!important; color:#222222!important;font-size:18px!important;font-weight:500!important; margin: 0 auto!important; display: inherit!important; -webkit-transition: all 0.3s!important; -o-transition: all 0.3s!important; transition: all 0.3s!important; font-family: 'BasisGrotesque', sans-serif!important; height:70px!important; width: 100%;box-shadow:none!important;}
.eu .mktoButton:hover, .eu .mktoButton:focus, .eu .mktoButton.active{background-color:#FFFFFF!important;border:2px solid #FFFFFF!important;color:#222222!important;}

/* Radio Button and checkbox */
.eu .mktoForm .mktoRadioList, .mktoForm .mktoCheckboxList{padding:0!important;}
.eu .mktoForm .mktoRadioList > label, .eu .mktoForm .mktoCheckboxList > label{margin:0px!important;}
.eu .mktoForm .mktoCheckboxList input, .eu .mktoForm .mktoRadioList input{opacity:0!important;position:absolute!important;width:20px!important;height:20px!important;top:0px!important;z-index:5!important;}

/* Form Checkbox */
.eu .mktoFormRow.checkboxField{margin-top:10px!important;padding-bottom:0!important;}
.eu .mktoForm .mktoCheckboxList input, .eu .mktoForm .mktoCheckboxList label{cursor:pointer;}
.eu .mktoForm .mktoCheckboxList label{position: absolute; color: #f3f3f3; font-size: 12px; font-weight:300; font-family: 'BasisGrotesque', sans-serif;line-height:24px; top: 7px;padding-left: 29px;}
.eu .mktoForm strong{font-size:14px;font-weight:600;}
.eu .mktoForm .mktoCheckboxList input + label:before{content: ''; position:absolute;background: transparent; border: 1px solid #f3f3f3!important; display: inline-block; vertical-align: middle; width: 12px; height: 12px; padding: 0px; text-align: center; -moz-box-shadow: none!important; -webkit-box-shadow: none!important; box-shadow: none!important; margin-right: 9px; margin-top: 0; border-radius: 0; top: 4px; left: 0;}
.eu .mktoForm .mktoCheckboxList input:checked + label:before{content:"\f00c";font-family:'FontAwesome';background:#fff;border:1px solid #fff!important;color:#6d6d6d;line-height:13px;font-size:12px;}

/* Form Radio Button */
.eu .mktoForm .mktoRadioList{width:100% !important;padding:10px 0 5px!important;}
.eu .mktoForm .mktoRadioList input{opacity:0;position:absolute;}
.eu .mktoForm .mktoRadioList input, .eu .mktoForm .mktoRadioList label{display:inline-block;vertical-align:middle;margin:0px;cursor:pointer;}
.eu .mktoForm .mktoRadioList label{position:relative;width:auto;padding-bottom:5px;color:#666666;font-size:12px;font-weight:400;font-family:'BasisGrotesque', sans-serif;display:inline-block;padding-right:13px;}
.eu .mktoForm .mktoRadioList input + label:before{content:'';background:#fff;border:1px solid #ddd;display:inline-block;vertical-align:middle;width:20px;height:20px;padding:2px;line-height:15px;margin-right:10px;text-align:center;border-radius:50%;}
.eu .mktoForm .mktoRadioList input:checked + label:before{content:'';color:#6d6d6d;background:#fff;}

/* Form Text */
.eu .mktoForm .mktoHtmlText a{font-weight:normal!important;color:#e9ceca!important;width:auto!important;font-size:14px!important;margin-bottom:3px!important;padding-top:0px!important;line-height:18px!important;font-family:'BasisGrotesque', sans-serif!important;}
.eu .mktoForm .mktoHtmlText a:hover{color:#e9ceca !important;text-decoration: underline !important;}

/* Form Error Message */
.eu .mktoForm .mktoError{left:0px !important;top:42px !important;}
.eu .mktoForm .mktoError .mktoErrorMsg{display:inline-block!important;font-weight:300!important;background-image:none!important;text-shadow:none!important;border-radius:0 !important;box-shadow:none!important;border:none!important;padding:10px!important;min-width:150px;}
.eu .mktoForm .mktoRequiredField .mktoAsterix{float: right!important;display:none;}
.em .mktoForm fieldset legend {display: none;}
.eu .mktoForm .mktoAsterix{color:#fff!important;}

.eu .mktoForm fieldset legend{margin:0!important;}

/* scroll_page */
.eu .scroll_page {position: fixed; right: 23px; bottom: 70px; width: 40px; height: 40px; padding-top: 13px; margin-bottom: 0; z-index: 998; border-radius: 50% !important; background-color: #414141; opacity: 0.7; text-align: center; transition: 0.5s; -webkit-transition: 0.5s; }
.eu .scroll_page:hover{background-color: #0E3A32; }
.eu .scroll_page a{text-align: center;}
.eu .scroll_page img{max-width: 21px; width: 100%;}

/* header_sec */
.eu .header_sec{display: block; padding:29px 0;  box-shadow: 0 6px 12px 6px rgba(0, 0, 0, 0.05);}
.eu .header_sec .header_main{display: flex; align-items: center; justify-content: space-between;}
.eu .header_sec .logo_sec img{max-width: 210px; width: 100%;}
.eu .header_sec .call_sec a{font-size:20px; font-weight: 500; color: #222222; position: relative; padding-left: 32px;}
.eu .header_sec .call_sec a:hover{text-decoration: underline !important;}
.eu .header_sec .call_sec a:after{content: ""; width:27px; height: 27px; background-position: center; position: absolute; left: 0; top: 0; background-image: url('https://engage.csu.edu.au/rs/075-KSK-811/images/lp2-call_img.png'); background-repeat: no-repeat; background-size: 25px;}
/* header_sec */

/* banner_sec */
.eu .banner_sec{background-repeat: no-repeat; background-size: cover; background-position: center; padding:170px 0 0;}
.v2 .banner_sec{position: relative;}
.v2 .banner_sec:after{content: ""; position: absolute; left: 50%; top: 50%; width: 90%; height: 5%; z-index: 0; background-color: #567dc3; transform: translate(-50%, -50%);}
.v2 .banner_main{position: relative;width:50%}
.eu .banner_sec .title_2{margin-bottom: 0px;}
.eu .banner_main{display:flex;align-items:normal; z-index: 4; justify-content:space-between;}
.eu .banner_left{width:50%; padding-bottom: 0px;}
.eu .desktop-formarea{width:50%;margin: 0 -65px -137px 0;padding-left: 15px;}
.eu .sec_form{max-width:570px;background-color:#0E3A32;padding:43px 50px;margin:0 0 0 auto;}
.eu .form_title h4 {color: #fff; font-style: normal; }
.eu .form_title div.sub_text20, .eu .form_title div.sub_text20 div{color:#fff;font-weight:normal;margin:16px 0 0;}

/* bannerCTA*/
.eu .bannerCTA {display:block;background-color:#ffffff;padding:40px 0 100px;}
.eu .bannerCTA_box_btn {display: block; width: 33%; padding-top: 20px;}
.eu .bannerCTA_box_btn a {display:inline-block;color:#FFFFFF; background-color: #F0572A; text-align:center;padding:12px 10px;width:100%;border:2px solid #F0572A;border-radius:2px;font-size:18px;font-weight:500;}
.eu .bannerCTA_box_btn a:hover{background-color:#567dc3; border:2px solid #567dc3; color:#fff;}

/* section1 */
.eu .section1{display: block; background-color: #ffffff; padding:124px 0 30px;}
.eu .section1 .sub_text20{margin:13px 0 0;}
.eu .sec1_top {width:50%;}

/* video section */
.eu .videosection {display: block; background-color: #ffffff; padding:50px 0 30px;}
.eu .videosection .sub_text20{margin:13px 0 0;}
.eu .sec1_top {width:50%;}
.eu .vid_container {width: 100%; height: 100%;}
.eu .hero-section {width: 100%; height: 100%;}
.eu .embedded-video {position: relative; width: 100%; height: 0; padding-bottom: 56.25%;}
.eu iframe.yt-video {position: absolute; top: 0; left: 0; width: 100%; height: 100%;}

/* video2 section */
.eu .video2section{display:block;background-color:#ffffff;padding:60px 0 75px;}
.eu .video2section .title_2{margin-bottom:5px;}
.eu .video2section .sec3_main{display:flex;justify-content:space-between; margin-top: 25px;}
.eu .video2section .sec3_inner_box{width:48.7%;}
.eu .video2section .sec3_inner_box .sec3_inner_box_img{position: relative; }
.eu .video2section .sec3_inner_box .sec3_inner_box_img img{position: absolute; left: 0; top: 0; width: 100%; height: 100%; z-index: 5; object-fit: cover;}
.eu .video2section .sec3_inner_box .sec3_inner_box_content{background-color: #c7b8a0; padding:20px 22px 22px;}
.eu .video2section .sec3_inner_box .sec3_inner_box_content strong{font-size: 19px; display: block; font-weight: 500; margin-bottom: 15px;}
.eu .video2section .sec3_inner_box .sec3_inner_box_content .link_btn a{font-size: 15px; color: #222222; font-weight: 500; text-decoration: underline !important;}
.eu .video2section .sec3_inner_box .sec3_inner_box_content .link_btn a:hover{text-decoration: none !important;}
.eu .video2section .sec3_inner_box .sec3_inner_box_content .link_btn{margin-top: 15px;}
.eu .video2section .sec3_inner_box .sec3_inner_box_content .sub_text div,.eu .section3 .sec3_inner_box .sec3_inner_box_content .sub_text{color: #222222;}

/* carousel section 1*/
.eu .carouselsec1 {display: block; background-color: #ffffff; padding:50px 0 30px;}
.eu .timeline-section {width: 100%; padding: 25px 0 0;}
.eu .timeline-section h2 {color: #222222; font-family: 'BasisGrotesque', sans-serif; font-size: 40px; line-height: 1.2; text-align: left;}
.eu .timeline-section p {color: #222222; font-family: 'BasisGrotesque', sans-serif; font-size: 23px; font-weight: 300; line-height: 32px; text-align: left;}
.eu .slider-container {margin-top: 55px; margin-bottom: 55px;}
.eu .year-container {background-color: #F0572A;height: 72px; width: 100%; display: flex; justify-content: center; align-items: center; }
.eu .year-container p{color: #FFFFFF; font-family: 'BasisGrotesque', sans-serif; font-size: 29px; font-weight: 500; line-height: 21px; text-align: center; margin: 0;}
.eu .content-year {width: 100%; background-color: #C7B8AC; padding: 35px 40px 35px; }
.eu .content-year p{color: #222222; font-family: 'BasisGrotesque', sans-serif; font-size: 16px; font-weight: 300; line-height: 23px; text-align: left;}

/* carousel section 2*/
.eu .carouselsec2 {display: block; background-color: #ffffff; padding:10px 0;}
.eu .timeline-section2 {width: 100%; padding: 25px 0 0;}
.eu .timeline-section2 h2 {color: #222222; font-family: 'BasisGrotesque', sans-serif; font-size: 40px; line-height: 1.2; text-align: left;}
.eu .timeline-section2 p {color: #222222; font-family: 'BasisGrotesque', sans-serif; font-size: 23px; font-weight: 300; line-height: 32px; text-align: left;}
.eu .slider-container2 {margin-top: 20px; margin-bottom: 55px;}
.eu .year-container2 {background-color: #F0572A;height: 72px; width: 100%; display: flex; justify-content: center; align-items: center; }
.eu .year-container2 p{color: #FFFFFF; font-family: 'BasisGrotesque', sans-serif; font-size: 29px; font-weight: 500; line-height: 21px; text-align: center; margin: 0;}
.eu .content-year2 {width: 100%; padding: 20px; }
.eu .content-year2 p{color: #FFFFFF; font-family: 'BasisGrotesque', sans-serif; font-size: 16px; font-weight: 300; line-height: 23px; text-align: center; padding-top: 10px;}

/* section2 */
.eu .section2{display:block;background-color:#ffffff;padding:0px 0 100px;}
.eu .section2 .sec2_main{display:flex;justify-content:space-between;}
.eu .sec2_inner_box{width:31.5%;}
.eu .sec2_box_title{margin: 36px 0 14px; }
.eu .sec2_box_title div{color:#222222;font-size:19px;font-weight:500;line-height:1.3;font-family:'BasisGrotesque', sans-serif;}
.eu .sec2_box_text a:hover{text-decoration: underline !important;}
.eu .sec2_box_text div{color:#666666;font-size:16px;line-height:25px;font-family:BasisGrotesque, sans-serif;font-weight:normal;}
.eu .sec2_box_btn{margin:44px 0 0;}
.eu .sec2_box_btn a{display:inline-block;color:#F0572A;text-align:center;width:100%;padding:12px 10px;border:2px solid #F0572A;border-radius:2px;font-size:18px;font-weight:500;}
.eu .sec2_box_btn a:hover{background-color:#F0572A;color:#fff;}

/* VidAccordion */
.eu .vid_accordion_container { display: flex; flex-wrap: wrap; padding: 15px 0 0; }
.eu .vid_accordion_container .vid_accordion_panel { width: 32.9%; margin: 2px;}
.eu .vid_accordion_container .vid_accordion_panel .accordion { border: none; background-color: #567dc3; color: #ffffff; }
.eu .vid_accordion_container .vid_accordion_panel .panel { background-color: #D5DFF0; }

/* accordion */
.eu .accordionSection {display:block;background-color:#ffffff;padding:40px 0 40px;}
	/* Style the buttons that are used to open and close the accordion panel */
.eu .accordionSection .accordion {background-color: #F2F2F2; color: #2d2d2d; cursor: pointer; padding: 20px; width: 100%; text-align: left; border-color: #ffffff; border-style: solid; outline: none; transition: 0.5s;}
	/* Add a background color to the button if it is clicked on (add the .active class with JS), and when you move the mouse over it (hover) */
.eu .active {background-color: #567dc3 !important; color: #ffffff !important;}
.eu .accordion:hover {background-color: #567dc3; color: #ffffff;}
	/* Style the accordion panel. Note: hidden by default */
.eu .accordionSection .panel {padding: 15px; background-color: #ffffff; display: none; overflow: hidden;}
.eu .accordion:after { content: '\FF0B'; /* Unicode character for "plus" sign (+) */ font-size: 20px; color: #2d2d2d; float: right; margin-left: 5px; }
.eu .active:after {content: "\FF0D"; /* Unicode character for "minus" sign (-) */ color: #ffffff; }

/* parallaxSection*/
.eu .parallaxSection {display:block;background-color:#ffffff;padding:40px 0 100px;}
.eu .parallaxSection .parallax_main{display:flex;justify-content:space-between;}
.eu .parallax_inner_box{width:31.5%;}
.eu .parallax_inner_box_img {display: block; margin-left: auto; margin-right: auto; width: 15%;}
.eu .parallax_box_title{margin: 20px 0 14px; }
.eu .parallax_box_title div{color:#222222;font-size:19px;font-weight:500;line-height:1.3;font-family:'BasisGrotesque', sans-serif; text-align: center;}
.eu .parallax_box_text{}
.eu .parallax_box_text div{color:#666666;font-size:13px;line-height:20px;font-family:'BasisGrotesque', sans-serif;font-weight:normal; text-align: center;}
.eu .parallax_box_btn{margin:44px 0 0;}
.eu .parallax_box_btn a{display:inline-block;color:#F0572A;text-align:center;width:100%;padding:12px 10px;border:2px solid #F0572A;border-radius:2px;font-size:18px;font-weight:500;}
.eu .parallax_box_btn a:hover{background-color:#F0572A;color:#fff;}

/* blankSectionCTA*/
.eu .blankSectionCTA {display:block;background-color:#ffffff;padding:40px 0 100px;}
.eu .blankSectionCTA_box_btn {margin-top:44px; display: block; margin-left: auto; margin-right: auto; width: 25%;}
.eu .blankSectionCTA_box_btn a {display:inline-block;color:#F0572A;text-align:center;padding:12px 10px;width:100%;border:2px solid #F0572A;border-radius:2px;font-size:18px;font-weight:500;}
.eu .blankSectionCTA_box_btn a:hover{background-color:#F0572A;color:#fff;}

/* parallaxCTASection*/
.eu .parallaxCTASection {display:block;background-color:#ffffff;padding:40px 0 100px;}
.eu .parallaxCTA_box_btn {margin:44px 0 0;}
.eu .parallaxCTA_box_btn a {display:inline-block;color:#F0572A;text-align:center;width:25%;padding:12px 10px;border:2px solid #F0572A;border-radius:2px;font-size:18px;font-weight:500;}
.eu .parallaxCTA_box_btn a:hover{background-color:#F0572A;color:#fff;}

/* parallax Image*/
#parallaxbanner {padding-top: 30px; padding-bottom: 30px; background: #1a1a1a; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover; height:100%; position: relative; background-attachment: fixed;}
#parallaxCTAbanner {padding-top: 60px; padding-bottom: 70px; background: #1a1a1a; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover; height:100%; position: relative; background-attachment: fixed;}

.banner-content { clear: both; padding-top: 40px;}
.banner-content h1 {font-size: 50px; color: #FFF;}
.banner-content h2 {color: #FFF;}
.banner-content h5 {font-weight: bold; font-size: 16px; color: #FFF;}
.banner-content p { color: rgba(255,255,255,0.7); }

/* cubesection*/
.eu .cubesection {display:block;background-color:#f2f2f2;padding:60px 0 75px;}
.eu .cubesection .row {display: flex; flex-wrap: wrap; margin-top: 50px;}
.eu .cubesection .cubesquare {position: relative; width: 100%; margin: 0px; padding: 0px; webkit box sizing: border-box; box-sizing: border-box;}
.eu .cubesection .cubesquare .div {display: block;}
.eu .cubesection .col-md-6,.col-sm-12 {position: relative; width: 100%; padding-right: 15px; padding-left: 15px}
.eu .cubesection .col-sm-12 {-ms-flex:0 0 100%;flex:0 0 100%;max-width:100%}
.eu .cubesection .col-md-6 {-ms-flex:0 0 50%;flex:0 0 50%;max-width:50%}
.eu .cubesection .no-pads-col {padding: 0 !important;}
.eu .cubesection a{display: block!important; height: auto; width: auto; color: #007bff; background-color: transparent; margin: 0; padding: 0;}
	/*blue container*/
.eu .cubesection .container-blue {width: 100%; height: 421px; background: #222944 url(https://engage.csu.edu.au/rs/075-KSK-811/images/Group-23.png) no-repeat; background-size: cover; background-position: center; display: flex; justify-content: center; align-items: center;}
.eu .cubesection .bluebox {height: 328px; width: 438px; background-color: #222944; text-align: center; padding: 0 30px; display: flex; justify-content: center; align-items: center;}
.eu .cubesection .bluebox h2 {color: #FFFFFF; font-family: 'BasisGrotesque', sans-serif; font-size: 28px; font-weight: 500; line-height: 1.2; text-align: center; margin-bottom: 17px;}
.eu .cubesection .bluebox p {color: #FFFFFF; font-family: 'BasisGrotesque', sans-serif; font-size: 16px; font-weight: 300; line-height: 23px; text-align: center;}
	/*brown container*/
.eu .cubesection .container-brown {width: 100%;height: 421px;background-color: #C7B8AC;display: flex;justify-content: center;align-items: center;}
.eu .cubesection .brownbox {height: 328px;width: 438px;background-color: #222944;text-align: center;padding: 0;display: flex;justify-content: center;align-items: center;}
.eu .cubesection .brownbox h2 {color: #222222;font-family: 'BasisGrotesque', sans-serif;font-size: 28px;font-weight: 500;line-height: 1.2;text-align: center;margin-bottom: 17px;}
.eu .cubesection .brownbox p {color: #222222;font-family: 'BasisGrotesque', sans-serif;font-size: 16px;font-weight: 300;line-height: 23px;text-align: center;}
	/*green container*/
.eu .cubesection .container-green {width: 100%;height: 421px;background-color: #0E3A32;display: flex;justify-content: center;align-items: center;}
.eu .cubesection .greenbox {height: 328px;width: 438px;background-color: #222944;text-align: center;padding: 0;display: flex;justify-content: center;align-items: center;}
.eu .cubesection .greenbox h2 {color: #FFFFFF;font-family: 'BasisGrotesque', sans-serif;font-size: 28px;font-weight: 500;line-height: 1.2;text-align: center;margin-bottom: 17px;}
.eu .cubesection .greenbox p {color: #FFFFFF;font-family: 'BasisGrotesque', sans-serif;font-size: 15px;line-height: 23px;text-align: center;}
	/*orange container*/
.eu .cubesection .container-orange {width: 100%;height: 421px;background: #222944 url(https://engage.csu.edu.au/rs/075-KSK-811/images/1111231232132132.png) no-repeat;background-size: cover;background-position: center;display: flex;justify-content: center;align-items: center;}
.eu .cubesection .orangebox {height: 328px;width: 438px;background-color: #F0572A;text-align: center;padding: 0 30px;display: flex;justify-content: center;align-items: center;}
.eu .cubesection .orangebox h2 {color: #FFFFFF;font-family: 'BasisGrotesque', sans-serif;font-size: 28px;font-weight: 500;line-height: 1.2;text-align: center;margin-bottom: 17px;}
.eu .cubesection .orangebox p {color: #FFFFFF;font-family: 'BasisGrotesque', sans-serif;font-size: 16px;font-weight: 300;line-height: 23px;text-align: center;}
	/*cube cards*/
.eu .cubesection h2.card-title {color: #222222;font-family: 'BasisGrotesque', sans-serif;font-size: 28px;font-weight: 500;line-height: 1.2;margin-bottom: 20px;}
.eu .cubesection h2.card-title:hover{color: #FFFFFF;text-decoration: underline;}
.eu .cubesection h4.card-title {color: #222222;font-family: 'BasisGrotesque', sans-serif;font-size: 28px;font-weight: 500;line-height: 1.2;margin-bottom: 20px;}
.eu .cubesection h4.card-title:hover{color: #FFFFFF;text-decoration: underline;}
.eu .cubesection p.card-text {color: #222222;font-family: 'BasisGrotesque', sans-serif;font-size: 16px;font-weight: 300;line-height: 23px;}
.eu .cubesection .card-body {padding: 30px 30px;}

/* cubesection interact*/
.eu .cubesection .container-blue:hover {box-shadow: 0 8px 17px 0 rgba(0, 0, 0, .2), 0 6px 20px 0 rgba(0, 0, 0, .15) !important; transform: scale(1.030); position: absolute; z-index: 1;}
.eu .cubesection .container-green:hover {box-shadow: 0 8px 17px 0 rgba(0, 0, 0, .2), 0 6px 20px 0 rgba(0, 0, 0, .15) !important; transform: scale(1.030); position: absolute; z-index: 1;}
.eu .cubesection .container-orange:hover {box-shadow: 0 8px 17px 0 rgba(0, 0, 0, .2), 0 6px 20px 0 rgba(0, 0, 0, .15) !important; transform: scale(1.030); position: absolute; z-index: 1;}
.eu .cubesection .container-brown:hover {box-shadow: 0 8px 17px 0 rgba(0, 0, 0, .2), 0 6px 20px 0 rgba(0, 0, 0, .15) !important; transform: scale(1.030); position: absolute; z-index: 1;}

/* section3 */
.eu .section3{display:block;background-color:#ffffff;padding:60px 0 75px;}
.eu .section3 .title_2{margin-bottom:5px;}
.eu .section3 .sec3_main{display:flex;justify-content:space-between; margin-top: 25px;}
.eu .section3 .sec3_inner_box{width:48.7%;}
.eu .section3 .sec3_inner_box .sec3_inner_box_img{position: relative; padding-bottom: 59%;}
.eu .section3 .sec3_inner_box .sec3_inner_box_img img{position: absolute; left: 0; top: 0; width: 100%; height: 100%; z-index: 5; object-fit: cover;}
.eu .section3 .sec3_inner_box .sec3_inner_box_content{background-color: #c7b8a0; padding:20px 22px 22px;}
.eu .section3 .sec3_inner_box .sec3_inner_box_content strong{font-size: 19px; display: block; font-weight: 500; margin-bottom: 15px;}
.eu .section3 .sec3_inner_box .sec3_inner_box_content .link_btn a{font-size: 15px; color: #222222; font-weight: 500; text-decoration: underline !important;}
.eu .section3 .sec3_inner_box .sec3_inner_box_content .link_btn a:hover{text-decoration: none !important;}
.eu .section3 .sec3_inner_box .sec3_inner_box_content .link_btn{margin-top: 15px;}
.eu .section3 .sec3_inner_box .sec3_inner_box_content .sub_text div,.eu .section3 .sec3_inner_box .sec3_inner_box_content .sub_text{color: #222222;}

/* disclaimerSection*/
.eu .disclaimerSection {display:block;background-color:#ffffff;padding:0 0 10px;}

/* footer_sec */
.eu .footer_mob_logo{display: none;}
.eu .footer_sec{display: block; padding:0 40px; background-color: #C7B8A0; position: relative; overflow: hidden;}
.eu .footer_sec .footer_img{position: absolute; right: -20px; bottom: -60px; z-index: 0;}
.eu .footer_sec .footer_main{position: relative; z-index: 5;}
.eu .footer_sec .footer_img img{max-width: 340px; width: 100%;}
.eu .footer_sec .top_nav ul{list-style: none; padding:12px 0;}
.eu .footer_sec .top_nav{position: relative;}
.eu .footer_sec .top_nav:after{content: ""; position: absolute; left: -100%; bottom: 0; width: 1000%; height: 1px; border-bottom: 1px solid #cec0ac;}
.eu .footer_sec .top_nav ul li:first-child:after {content: ""; position: absolute; right: -22px; bottom: 0; background-image: url(https://engage.csu.edu.au/rs/075-KSK-811/images/lp2-footer_top_arrow_img.png); background-size: 7px; background-repeat: no-repeat; background-position: center 1px; width: 15px; height: 15px;}

.eu .footer_sec .top_nav ul li{display: inline-block;vertical-align: middle; position: relative; margin-right: 25px;}
.eu .footer_sec .top_nav ul li a{color:#000000;font-size: 13px; font-family:"arial",sans-serif; }
.eu .footer_sec .top_nav ul li a:hover{text-decoration: underline !important;}

.eu .footer_sec .footer_content{display: flex; padding:50px 0;}
.eu .footer_sec .footer_content .footer_logo{padding-right:20px; min-width: 100px;}
.eu .footer_sec .footer_content .footer_logo img{max-width: 75px; width: 100%;}

.eu .footer_sec .footer_three_cloum{display: flex; padding-left:100px; justify-content: space-between; align-items: flex-start; padding-bottom: 30px;}
.eu .footer_sec .footer_three_cloum .title_4 div,.eu .footer_sec .footer_three_cloum .title_4 h4{font-style: normal;}
.eu .footer_sec .footer_three_one{width: 33.33%; border-right: 1px solid rgba(34, 34, 34, 0.1);}
.eu .footer_sec .footer_three_one ul{list-style: none; column-count:2; column-width: 100px; margin: 0; padding: 0;}
.eu .footer_sec .footer_three_one ul li a{font-size:15px; color:#222222; margin: 5px 0;}
.eu .footer_sec .footer_three_one ul li a:hover{text-decoration: underline !important;}
.eu .footer_sec .tab_content,.eu .footer_sec .footer_inner_box{margin-top: 20px;}

.eu .footer_sec .box_content{margin-top:10px;}
.eu .footer_sec .box_content span{font-size:14px;color:#222222;margin-bottom:2px;}
.eu .footer_sec .box_content a{font-size:15px;color:#222222; }
.eu .footer_sec .box_content a:hover{text-decoration:underline!important;}
.eu .footer_sec .enquire_text a{font-size:15px;font-weight:500;letter-spacing:0.5px;color:#222222;text-decoration:underline!important;}
.eu .footer_sec .enquire_text a:hover{text-decoration:none!important;}
.eu .footer_sec .enquire_text{margin-top:25px;}

.eu .footer_sec .footer_three_two{width:33.33%;padding-left:5%;}
.eu .footer_sec .footer_three_three{width:33.33%;}
.eu .footer_sec .footer_three_three ul{list-style:none;margin-top:20px;margin-left:-10px}
.eu .footer_sec .footer_three_three ul li {display:inline-block;vertical-align:middle;}

.eu .footer_sec .footer_three_three ul li a{color:#222222;}
.eu .footer_sec .footer_three_three ul li a img{max-width:45px;width:100%;padding:8px 5px;}
.eu .footer_sec .footer_three_three ul li a:hover{outline:auto!important;color:#222222;text-decoration:underline!important;}

.eu .footer_sec .footer_content .title_4{margin-bottom:12px;}
.eu .feedback_right{position:fixed;right:0;bottom:180px;z-index: 9999;}
.eu .feedback_right img{max-width:36px;width:100%;}
.eu .footer_bottom_content{background-color:#222222;padding:15px;align-items:center;display:flex;justify-content:space-between;}
.eu .footer_bottom_content .footer_sub_text div,.eu .footer_bottom_content .footer_sub_text{font-size:13px;font-style:normal;color:#ffffff;font-family:"arial",sans-serif;}
.eu .footer_bottom_content ul{list-style:none;}
.eu .footer_bottom_content ul li{display:inline-block;vertical-align:middle;position:relative;padding-left:0px;}
.eu .footer_bottom_content ul li:after {content: "|"; font-size:15px;color:#ffffff;left:0;bottom:0;padding-left:3px;}
.eu .footer_bottom_content ul li:last-child:after{display:none;}
.eu .footer_bottom_content ul li a{color:#ffffff;font-size:13px;font-family:"arial",sans-serif;text-decoration:none!important;}
.eu .footer_bottom_content ul li a:hover{text-decoration:underline!important;}

.v2 .banner_sec .title_2 h2 {color: #fff; }


/*Variant one*/
.v1 .banner_sec{padding:172px 0 174px;background-size:cover;}
.v1 .banner_left h2, .v1 .banner_left h2 div,.v3 .banner_left h2, .v3 .banner_left h2 div{background-color:#fff;padding:5px 10px 7px;-webkit-box-decoration-break:clone;box-decoration-break:clone;display:inline;}
.v1 .btn_all a{background-color:#E9CECA;}
.v1 .btn_all a:hover{background-color:#E9CECA;}
.v1 .sec1_top_main{display:flex;align-items:normal;justify-content:space-between;}
.v1 .desktop-formarea{margin:-330px -65px 0px 0;padding-left:20px;}
.v1 .mktoButton{background-color:transparent!important; border:2px solid #FFFFFF!important;}
.v1 .mktoButton:hover, .v1 .mktoButton:focus, .v1 .mktoButton.active{background: #FFFFFF!important; border: 2px solid #FFFFFF!important;}
.v1 .section1{padding:102px 0 50px;}
.v1 .section2{padding:20px 0 140px;}

/*Variant three*/
.v3 .banner_main{display:block;}
.v3 .banner_sec{padding:208px 0;text-align:center;background-size:cover;background-position: 65% 50%;}
.v3 .banner_left{width:100%;}
.v3 .sec_form {max-width:970px;background-color:#0E3A32;padding:54px 48px 47px;margin:-140px auto 0;text-align:center;}
.v3 .form_title {max-width:490px;margin:0 auto; }
.v3 .mktoForm input[type="text"], .v3 .mktoForm input[type="url"], .v3 .mktoForm input[type="email"], .v3 .mktoForm input[type="tel"], .v3 .mktoForm input[type="number"], .v3 .mktoForm input[type="date"], .v3 .mktoForm textarea.mktoField, .v3 .mktoForm select.mktoField{margin:0 0 23px!important;}
.v3 .mktoForm .mktoFormCol .mktoFormRow{width:49%!important;margin:0 1%!important;}
.v3 .mktoForm .mktoFormCol .mktoFormRow:nth-child(even){margin-left:0!important;}
.v3 .mktoForm .mktoFormCol .mktoFormRow:nth-child(odd){margin-right:0!important;}
.v3 form.mktoForm{padding:32px 0 0!important;}
.v3 .mktoButtonRow{    margin-top: 10px!important; text-align: left!important;}
.v3 .mktoButton{border: 2px solid #FFFFFF!important;min-width: 300px!important; color: #FFFFFF!important; text-align: left!important; background-repeat: no-repeat!important; background-size: 25px!important; background-position: 89% center!important; background-image: url(https://engage.csu.edu.au/rs/075-KSK-811/images/arrow-wht%402x.png)!important;padding: 23px 85px 25px 30px!important;width:auto!important;}
.v3 .mktoButton:hover, .v3 .mktoButton:focus, .v3 .mktoButton.active {background-color: #FFFFFF!important; border: 2px solid #FFFFFF!important; color: #222222!important; background-image: url(https://engage.csu.edu.au/rs/075-KSK-811/images/arrow-dk%402x.png)!important; }
.v3 .sec1_top{width:100%;}
.v3 .section1{padding:50px 0 30px;}
.v3 .section2{padding:5px 0 60px;}
.v3 .section3{padding:60px 0 75px;}


.v4 .banner_sec{text-align:left;padding:170px 0 247px;}
.v4 .sec_form{max-width:100%;}
.v4 form.mktoForm{margin:0 auto!important;}

.eu .right_menu.slide{right: -170px; transition: 0.5s; -webkit-transition: 0.5s;}
.eu .right_menu .arrow_img img{transform: rotate(180deg);}
.eu .right_menu.slide .arrow_img img{transform: rotate(0deg);}
.eu .right_menu.slide .arrow_img{box-shadow: 0px 5px 10px 0px rgba(0,0,0,0.29);}
.eu .right_menu{position: fixed; width: 170px; transition: 0.5s; -webkit-transition: 0.5s; right:0; bottom: 200px; background-color: #f8f8f8; z-index: 9999;}
.eu .right_menu .arrow_img {width: 40px; height: 50px; box-shadow:-4px 5px 6px 0px rgba(0,0,0,0.2); margin-bottom: -48px; cursor: pointer; margin-left: -40px; background-color: #f8f8f8; display: flex; align-items: center; justify-content: center;}
.eu .right_menu .arrow_img img {max-width: 11px; width: 100%;}
.eu .right_menu ul{list-style: none; box-shadow: 0px 5px 10px 0px rgba(0,0,0,0.29);}
.eu .right_menu ul li a{font-size: 13px; font-weight: 400; padding:15px; text-decoration: underline !important; width: 100%; color:#717171;  font-family: 'BasisGrotesque', sans-serif !important;}
.eu .right_menu ul li a:hover{text-decoration: none !important;}
.eu .right_menu ul li .active_btn{background-color: #C92D0C !important; color: #ffffff;}
.eu .right_menu .show_call,.eu .right_menu .show_call div{font-size: 13px; font-weight: 400; line-height: 1.4; color:#717171;}
.eu .right_menu .show_call{padding:0 15px 18px;}