@charset "utf-8";
/* -------- Import Fonts ------------ */
@import url('https://fonts.googleapis.com/css?family=Red+Hat+Display:400,500,700,900&display=swap');
@font-face {
    font-family: 'Grifter';
    src: url('../fonts/grifterbold.woff') format('woff');
    font-weight: 700;
    font-style: normal;
}


/**
 * glide.core.css
 */

.glide {
    position: relative;
    width: 100%;
    box-sizing: border-box; }
.glide * {
    box-sizing: inherit; }
.glide__track {
    overflow: hidden; }
.glide__slides {
    position: relative;
    width: 100%;
    list-style: none;
    backface-visibility: hidden;
    transform-style: preserve-3d;
    touch-action: pan-Y;
    overflow: hidden;
    padding: 0;
    white-space: nowrap;
    display: flex;
    flex-wrap: nowrap;
    will-change: transform; }
.glide__slides--dragging {
    user-select: none; }
.glide__slide {
    width: 100%;
    height: 100%;
    flex-shrink: 0;
    white-space: normal;
    user-select: none;
    -webkit-touch-callout: none;
    -webkit-tap-highlight-color: transparent; }
.glide__slide a {
    user-select: none;
    -webkit-user-drag: none;
    -moz-user-select: none;
    -ms-user-select: none; }
.glide__arrows {
    -webkit-touch-callout: none;
    user-select: none; }
.glide__bullets {
    -webkit-touch-callout: none;
    user-select: none; }
.glide--rtl {
    direction: rtl; }


/**
 * main.css
 */

/*
body {
    font-family: "Open Sans", Helvetica, Arial, sans-serif;
    font-size: 16px;
    font-weight: 300;
}

header {
}

.navbar-default .navbar-brand,
.navbar-default .navbar-brand:focus,
.navbar-default .navbar-brand:hover {
    font-weight: 700;
    color: #000;
}
.navbar-default .navbar-nav > li > a {
    font-weight: 400;
    color: #000;
}
.navbar-default .navbar-nav > li.current > a {
    color: #337ab7;
}

footer {
    padding: 5rem 0;
    background-color: #f0f0f0;
}

label {
    font-weight: inherit;
}
#main .userform .left {
    font-weight: 600;
}

.userform .form-control {
    margin-bottom: 15px;
}

#main {
    min-height: 500px;
    padding: 3rem 0;
}

.navbar {
    margin-bottom: 0;
}

#SearchForm_SearchForm_Search_Holder {
    float: left;
}
#SearchForm_SearchForm_Search {
    border-radius: 4px 0 0 4px;
    border-right: none;
}
#SearchForm_SearchForm_action_results {
    border-radius: 0 4px 4px 0;
}
*/



/* -------- HTML / Body ------------ */
html, body {margin:0; padding:0; height:100%; font-size:16px;}
body  {text-align:center; font-family:'Red Hat Display', sans-serif; font-weight:400; line-height:1.625; color:#231F20; height:100%; overflow-x:hidden;}

/* -------- Colors ------------ */
.green {color:#00953A;}
.yellow {color:#DFAE00;}
.black {color:#231F20;}
.grey {color:#EEEEEE;}

/* -------- Icons ------------ */
.btn-nav,
.btn-top:after,
.btn-header:after,
.btn-social,
.btn-icon:after,
.icon-email:before,
.icon-phone:before,
.close,
button.close,
.scroll-top,
.scroll-down:before,
.glide__arrow,
.checkbox input[type="checkbox"]:checked + label:before,
.radio input[type="radio"]:checked + label:before,
.footer-links-wrap h3:after,
.banner-links a.modal-login:before,
.btn-more:after,
.btn-return:after,
.btn-reset,
.filters-wrap h3:after,
.expand header h3:before,
.company-more,
.member-team:before,
.load-more:after,
.winner-tag:before {background-image:url(../images/icons.png); background-image:url(../images/icons.svg), linear-gradient(transparent, transparent), none;}

button.close {
    background-color: #00924D;
    background-size: 10em auto;
    background-position: -2em -0.33em;
}

/* -------- Text ------------ */
h1 {font-family:'Grifter', sans-serif; font-size:48px; line-height:1.4; font-weight:700; color:#2E3133; margin:1rem 0;}
h2 {font-size:32px; font-size:2rem; line-height:1.5; font-weight:700; color:#231F20; margin:1rem 0;}
h3 {font-size:30px; font-size:1.875rem; line-height:1.5; font-weight:900; color:#231F20; margin:1rem 0;}
h4 {font-size:21px; font-size:1.3125rem; line-height:1.6; font-weight:500; color:#231F20; margin:1rem 0; letter-spacing:0.05em;}
h5 {font-size:18px; font-size:1.125rem; line-height:1.5; font-weight:500; color:#231F20; margin:1rem 0; letter-spacing:0.05em;}
h6 {font-size:14px; font-size:0.875rem; line-height:1.44; font-weight:900; color:#00934D; margin:1rem 0; text-transform:uppercase; letter-spacing:0.1em;}
p {font-size:16px; font-size:1rem; line-height:1.625; font-weight:400; color:#231F20; margin:1rem 0; letter-spacing:0.025em;}

.lead p,
p.lead { font-size: 21px; font-size: 1.3125rem; font-weight:500; letter-spacing: 0.05em; }

a  {color:#00934D; text-decoration:none;}
a:hover {text-decoration:underline;}
a img {border:none;}
b, strong {font-weight:700;}
h5.heavy, p.heavy {font-weight:900;}

hr {border:none; border-top:1px solid rgba(33,33,33,0.5); margin:10px 0;}
blockquote {position:relative; padding:35px 40px; margin:16px 0; font-size:21px; line-height:1.6; font-weight:500; color:#231F20; letter-spacing:0.05em;}
blockquote:before {content:""; display:block; width:135px; height:135px; position:absolute; z-index:-1; left:0; top:0; background-size:contain; background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 1 1'%3E%3Cpath fill='%23E9ECEE' d='M1 .5C1 .7.7 1 .5 1S0 .7 0 .5.3 0 .5 0s.5.3.5.5z'/%3E%3C/svg%3E");}
blockquote * {margin:0;}
table {font-size:16px;}

.underline {border-bottom:1px solid #231F20;}
.highlight {background:#DFAE00; box-shadow: 0.2em 0 0 #DFAE00,-0.2em 0 0 #DFAE00; -webkit-box-decoration-break:clone; box-decoration-break:clone;}
.center, .align-center {text-align:center;}
.right, .align-right {text-align:right;}
.col-1 .overhang {margin-right:-30%;}
.col-2 .outdent {margin-left:-80px;}

/* -------- Lists ------------ */
ul {list-style:none; padding:0; margin:16px 0;}
ul li {position:relative; list-style:none; padding:0 0 0 50px; margin:16px 0; font-size:18px; line-height:1.5; font-weight:500;}
ul li:before {content:""; display:block; width:20px; height:20px; position:absolute; left:0; top:5px; background:#00924D; border-radius:10px; clip-path:url('#clip');}
ul.inline-list {margin:16px -40px; text-align:center;}
ul.inline-list li {display:inline-block; padding:0; margin:16px 40px;}
ul li.nobullet {padding-left:0;}
ul li.nobullet:before {display:none;}
ul.inline-list li:before {left:-50px;}

ol {list-style:none; padding:0; margin:16px 0; counter-reset:item;}
ol li {position:relative; list-style:none; counter-increment:item; padding:0 0 0 50px; margin:16px 0; font-size:18px; line-height:1.5; font-weight:500;}
ol li:before {content:counter(item); display:block; width:40px; height:40px; position:absolute; left:0; top:-7px; background:#00924D; border-radius:20px; clip-path:url('#clip'); color:#ffffff; text-align:center; line-height:40px;}
.block-list {display:flex; flex-wrap:wrap; font-size:0; text-align:center; justify-content:center;}
.block-list li {display:inline-block; width:31.33%; min-height:90px; flex:0 0 31.33%; padding:3% 3% 3% 145px; margin:1%; box-sizing:border-box; background:#F5F5F5; text-align:left;}
.block-list li:before {content:counter(item)"."; left:0; top:0; width:145px; height:auto; margin:8% 0; color:#00934D; background:none; border-radius:0; clip-path:none; font-size:90px; line-height:1; font-weight:900;}

/* -------- Table Scroll Wrap ------------ */
.table-wrap {font-size:16px; overflow-x:auto;}
table {width:100%; margin:16px 0; border-spacing:0; background:#DDDEDE;}
th {padding:30px 20px; background:#EEEEEE; font-size:24px; font-weight:900;}
td {padding:30px 20px; font-weight:500; vertical-align:top; position:relative;}
td:first-child {background:#EEEEEE; font-size:24px; font-weight:900;}
td:not(:first-child) {min-width:180px;}
td:not(:first-child):after {content:""; display:block; position:absolute; left:0; right:0; bottom:0; margin:0 20px; border-bottom:1px solid #EEEEEE;}

/* -------- Forms ------------ */
form {margin:0 auto;}
label {display:block; font-size:16px; font-weight:700; letter-spacing:0.025em; color:#231F20; line-height:26px; margin:20px 30px 10px 30px;}
input[type="submit"] {position:relative; display:inline-block; vertical-align:middle; width:auto; background-color:#00924D;  color:#ffffff; font-family:'Red Hat Display', sans-serif; font-size:16px; font-weight:700; line-height:26px; text-align:center; text-decoration:none; padding:17px 40px; margin:0; border-radius:30px; letter-spacing:0.025em; transition:all 0.3s; white-space:normal; border:none; height:auto;}
input[type="submit"]:hover {background-color:#007F3F; color:#ffffff; text-decoration:none; cursor:pointer; box-shadow:inset 0 0 0 10px rgba(0,0,0,0.05);}
input, textarea, select, option {width:100%; font-family:'Red Hat Display', sans-serif; font-size:16px; line-height:26px; font-weight:700; letter-spacing:0.025em; color:#231F20; padding:17px 30px; box-sizing:border-box; border:none; border-radius:30px; background:#E8EBED;}
select {padding:0 44px 0 30px; height:60px; line-height:60px;  -moz-appearance:none; -webkit-appearance:none; background-position:right center; background-repeat:no-repeat; background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='-20 -25 60 60'%3E%3Cpath fill='%2300924D' d='M10 10L20 0h-4.71l-5.3 5.29L4.72 0H0z'/%3E%3C/svg%3E"); cursor:pointer;}
select::-ms-expand {display:none;}
textarea {resize:vertical;}
input[type="checkbox"], input[type="radio"] {width:auto;}

.checkbox, .radio {position:relative; display:inline-block; vertical-align:top;}
.checkbox input[type="checkbox"], .radio input[type="radio"] {position:absolute; top:0; left:0; opacity:0; width:60px; height:60px;}
.checkbox input[type="checkbox"] + label, .radio input[type="radio"] + label {display:block; position:relative; padding:17px 0 17px 80px; margin:5px 20px 5px 0;}
.checkbox input[type="checkbox"] + label:before, .radio input[type="radio"] + label:before {content:""; display:block; top:0; left:0; position:absolute; width:60px; height:60px; background:#E8EBED; cursor:pointer; border-radius:6px;}
.radio input[type="radio"] + label:before {border-radius:30px;}
.checkbox input[type="checkbox"]:checked + label:before {background-position:-520px -320px;}
.radio input[type="radio"]:checked + label:before {background-position:-520px -420px;}

#SearchForm_SearchForm .field,
.fieldwrap {margin:0 0 16px 0; max-width:600px;}
#SearchForm_SearchForm .field,
.drawer-search .fieldwrap {display:inline-block;}
#SearchForm_SearchForm .field.text,
.drawer-search .fieldwrap_type_input {width:600px; max-width:100%;}

.drawer-login .fieldwrap {display:inline-block;}
.drawer-login .fieldwrap_type_input {width:300px; max-width:100%;}

#ChangePasswordForm_ChangePasswordForm,
#LostPasswordForm_lostPasswordForm,
#MemberLoginForm_LoginForm {
    margin: 0;
    max-width: 500px;
}
#LostPasswordForm_lostPasswordForm_action_forgotPassword,
#ChangePasswordForm_ChangePasswordForm_action_doChangePassword {
    margin-top: 15px;
}

.btn-toolbar {
    margin-left: 0;
    padding-top: 22px;
}
#LostPasswordForm_lostPasswordForm .btn-toolbar,
#ChangePasswordForm_ChangePasswordForm .btn-toolbar,
#MemberLoginForm_LoginForm .btn-toolbar {
    padding-top: 0;
}

.drawer-login #MemberLoginForm_LoginForm_Email_Holder,
.drawer-login #MemberLoginForm_LoginForm_Password_Holder { float:left; width:50%; }
.drawer-login #MemberLoginForm_LoginForm_Email_Holder { padding-right:1px; }
.drawer-login #MemberLoginForm_LoginForm_Password_Holder { padding-left:1px; }
.drawer-login #MemberLoginForm_LoginForm:after { content:' '; display:table; float:none; clear:both; }
.drawer-login #MemberLoginForm_LoginForm { position:relative; max-width:725px; }
.drawer-login #MemberLoginForm_LoginForm fieldset { float:left; width:81%; }
.drawer-login #MemberLoginForm_LoginForm .btn-toolbar { float:left; width:19%; padding-top:3.5rem; padding-left:9px; }
.drawer-login #MemberLoginForm_LoginForm .btn-toolbar .action { width:100%; padding-left:5px; padding-right:5px; }
.drawer-login #ForgotPassword { position:absolute; right:10px; margin-top:32px; }

.drawer-login.drawer-login--is-logged-in #MemberLoginForm_LoginForm .btn-toolbar { float:none; width:auto; padding:0; }
.drawer-login.drawer-login--is-logged-in #MemberLoginForm_LoginForm .btn-toolbar .action { width:auto; padding-left:40px; padding-right:40px; }

@media (max-width: 575px) {
    .drawer-login #MemberLoginForm_LoginForm { padding-right:1rem; }
    .drawer-login #MemberLoginForm_LoginForm .btn-toolbar,
    .drawer-login #MemberLoginForm_LoginForm fieldset,
    .drawer-login #MemberLoginForm_LoginForm_Email_Holder,
    .drawer-login #MemberLoginForm_LoginForm_Password_Holder { float:none; width:auto; }
    .drawer-login #MemberLoginForm_LoginForm .btn-toolbar { padding-top:0; }
    .drawer-login #ForgotPassword { position:static; margin-top:1rem; }
}


/* -------- Top ------------ */
#top {position:fixed; left:0; right:0; top:0; height:50px; min-width:320px; z-index:120; background:#ffffff; font-size:0; text-align:right;}

.btn-top {position:relative; display:inline-block; vertical-align:top; padding:12px 70px 12px 30px; font-size:16px; line-height:26px; font-weight:700; color:#231F20; border-left:1px solid rgba(33,33,33,0.5); transition:background-color 0.3s;}
.btn-top:after {content:""; display:block; font-size:50px; width:1em; height:1em; position:absolute; right:10px; top:0; background-size:12em auto; background-position:-6.5em -0.5em;}
.btn-top:hover {text-decoration:none; background-color:#F5F5F5;}
.btn-top.icon-search:after {background-position:-8.5em -0.5em;}
.btn-top.icon-login:after {background-position:-10.5em -0.5em;}

/* -------- Header ------------ */
#header, #header-sticky {height:130px; position:absolute; left:0; right:0; top:50px; min-width:320px; z-index:50; text-align:right; font-size:0; background:#E8EBED;}
#header .content-inner, #header-sticky .content-inner {box-sizing:border-box; padding-left:90px;}
#header-sticky {position:fixed; z-index:100; height:60px; top:-10px; transition:transform 0.5s, box-shadow 0.5s;}
#header-sticky.scroll {transform:translateY(100%); box-shadow:4px 4px 16px rgba(0,0,0,0.1);}

.btn-nav {display:block; position:absolute; z-index:10; left:0; top:0; font-size:90px; width:1em; height:1em; cursor:pointer; text-align:center; background-color:#ECEFF1; white-space:nowrap; background-size:6.66em; background-position:-0.05em -0.05em; transition:background-color 0.3s;}
.btn-nav span {display:block; width:100%; position:absolute; left:0; top:100%; font-size:16px; font-weight:700; color:#231F20;}
.btn-nav:hover {background-color:#E3E4E5;}
.btn-nav.open {background-position:-2.27em -0.05em;}
#header-sticky .btn-nav {height:60px; background-position:-0.05em -0.22em;}
#header-sticky .btn-nav span {display:none;}
.scroll-bottom .btn-nav span {display:none;}

.header-logo {display:block; position:absolute; width:220px; padding:34px 20px; box-sizing:border-box; background:#ffffff;}
.logo2 {display:none;}
#header-sticky .header-logo {padding:5px; height:60px;}
#header-sticky .logo1 {display:none;}
#header-sticky .logo2 {display:block; height:100%; width:auto; margin:0 auto;}

.btn-header {position:relative; display:inline-block; vertical-align:top; padding:17px 78px 17px 10px; margin:35px 15px; font-size:16px; line-height:26px; font-weight:700; color:#231F20;}
.btn-header:after {content:""; display:block; font-size:60px; width:1em; height:1em; border-radius:0.5em; position:absolute; right:0; top:0; background-color:#00924D; background-size:10em auto; background-position:-2em -2em; clip-path:url('#clip'); transition:background-color 0.3s;}
.btn-header:hover {text-decoration:none;}
.btn-header:hover:after {background-color:#007A3D;}
.btn-header.icon-join:after {background-position:-0.33em -2em;}
#header-sticky .btn-header {padding:12px 60px 12px 10px; margin:5px 10px;}
#header-sticky .btn-header:after {font-size:50px;}

/* -------- Modals ------------ */
.overlay {overscroll-behavior:contain; position:fixed; width:1920px; min-width:320px; left:50%; margin-left:-960px; top:0; bottom:100%; background:rgba(35,31,32,0); overflow:hidden; -webkit-overflow-scrolling:touch; overflow-y:auto; z-index:130; transition:background 0.5s, top 0s 0.5s, bottom 0s 0.5s;}
.overlay.open {bottom:0; background:rgba(35,31,32,0.9); transition:background 0.5s, top 0s, bottom 0s;}
.drawer-box {position:relative; box-sizing:border-box; overflow:hidden; margin:0 0 0 auto; -webkit-transform:translateX(-100%); -moz-transform:translateX(-100%); transform:translateX(-100%); transition:transform 0.5s; box-shadow:0 4px 16px rgba(0,0,0,0.3); background:#ffffff; text-align:left;}
.overlay.open .drawer-box { -webkit-transform:translateX(0); -moz-transform:translateX(0); transform:translateX(0);}
.close {position:absolute; top:0; right:0; margin:1em; z-index:10; font-size:60px; width:1em; height:1em; border-radius:0.5em; background-color:#00924D; background-size:10em auto; background-position:-2em -0.33em; clip-path:url('#clip'); cursor:pointer; transition:background-color 0.3s;}
.close:hover {background-color:#007A3D;}

.drawer-box .columns {margin:0; padding:0;}
.drawer-box .col-1 .content-padding {padding-right:40px; padding-top:20px;}
.drawer-box .col-2 .content-padding {padding-left:40px; padding-top:20px;}

.overlay.drawer-login.open {top:50px;}
.overlay.drawer-search.open {top:50px;}
.overlay.drawer-contact .col-1 {background:#DDDEDE;}
.overlay.drawer-contact .col-2 {background:#DFAE00; width:40%;}

/* -------- Nav Drawer ------------ */
.overlay.drawer-nav.open {top:50px;}
.drawer-nav .drawer-box {background:#ffffff url(../images/bg-awia-symbol.svg) no-repeat center; background-size:130% auto;}
.drawer-nav .btn-nav {background-color:transparent; background-position:-2.27em -0.05em;}

.nav-columns-wrap {max-width:960px; margin:4% auto 8% auto; border-top:1px solid #231F20;}
.nav-columns {display:table; table-layout:fixed; width:110%; margin:0 -5%;}
.nav-col {display:table-cell; position:relative; padding:0 5%;}
.nav-col:not(:last-child):after {content:""; position:absolute; right:0; top:100px; bottom:0; border-right:1px solid #231F20;}
.nav-col h2 {border-bottom:1px solid #231F20; padding:0 30px 20px 30px;}
.nav-col ul {display:block; list-style:none; padding:0; margin:0;}
.nav-col ul li {display:block; list-style:none; padding:0; margin:0;}
.nav-col ul li:before { top:19px; }
.nav-col ul li a {display:block; padding:17px 30px; font-size:16px; font-weight:700; line-height:26px; letter-spacing:0.025em; color:#231F20; transition:background-color 0.3s;}
.nav-col ul li a:hover {text-decoration:none; background-color:rgba(0,0,0,0.05);}

/* -------- Nav ------------ */
/* Nav First Level */
.nav {position:absolute; margin-left:250px;}
.nav ul {position:relative; display:block; margin:0; list-style:none; font-size:0; padding:0; text-align:left; white-space:nowrap;}
.nav ul li {position:relative; display:inline-block; vertical-align:top; padding:0; margin:0;}
.nav ul li:before {display:none;}
.nav ul li a {position:relative; display:block; overflow:hidden; padding:17px 30px; border:35px solid transparent; border-width:35px 0; color:#231F20; text-decoration:none; font-size:16px; font-weight:700; line-height:26px; letter-spacing:0.025em; transition:background-color 0.3s, color 0.3s;}
#header-sticky .nav ul li a {border:none;}
.nav ul li:hover {z-index:1;}
.nav ul li:hover > a {text-decoration:none; background-color:rgba(0,0,0,0.03); color:#00953A;}
/* Nav Second Level */
.nav ul li ul {display:block; overflow:hidden; position:absolute; background:#E8EBED; width:300px; max-height:0; border-radius:0 30px 30px 30px; white-space:normal; box-shadow:4px 4px 16px rgba(0,0,0,0.1); transform:translateY(-20px); opacity:0; transition:max-height 0s 0.3s, transform 0.3s, opacity 0.3s;}
.nav ul li:hover > ul {max-height:800px; transform:translateY(0); opacity:1; transition:max-height 0s 0s, transform 0.3s, opacity 0.3s;}
.nav ul li ul li {display:block;}
.nav ul li ul li.sub:after {content:""; display:block; width:40px; height:40px; background-position:-55px -105px; background-size:300px auto; position:absolute; right:0; top:50%; margin-top:-20px;}
.nav ul li ul li a {transition:none; border:none;}
.nav ul li ul li:hover > a {background-color:#00953A; color:#ffffff;}

/* -------- Body ------------ */
#body{display:table; table-layout:fixed; font-size:0; width:1920px; max-width:1920px; margin:0 auto; height:100%; min-height:100%; min-width:320px; position:relative; text-align:left; background:#ffffff;}
.body-cell {display:table-cell;}

/* -------- Content ------------ */
#content {display:table-row; position:relative;}
#content .body-cell {box-sizing:border-box; padding:180px 0 120px 0;}

.content-inner {position:relative; max-width:1920px; margin:0 auto;}
.columns{display:table; table-layout:fixed; width:100%; box-sizing:border-box;}
.col {position:relative; z-index:1; display:table-cell; vertical-align:top;}
.content-padding {padding:0 110px; margin:60px 40px;}
.columns-padding {padding:0 110px; margin:60px 0;}
.content-padding .content-padding {padding:0;}
.columns-padding .content-padding {padding:0;}
.ce-text {max-width:560px;}
.ce-text.content-wide {max-width:none;}

.clear {clear:both;}
iframe {max-width:100%;}
img {max-width:100%; height:auto; vertical-align:bottom;}
svg {display:inline-block; vertical-align:top; max-width:100%; height:auto;}
.image {display:inline-block; border-radius:0 0 60px 0; overflow:hidden;}
.col-2 .image {border-radius:0 0 0 60px;}
.clip {position:absolute; z-index:-1;}
.inline {display:inline-block; vertical-align:middle; margin:0 20px 0 0;}

.col-2 header {margin-left:-80px;}
header.header-section, header.header-button {position:relative; z-index:1;}
header.header-section h1, header.header-button h1 {position:relative; max-width:840px; border-bottom:1px solid #231F20; padding:0 0 0.4em 0; margin-top:2.24em;}
header.header-section div.lead, header.header-button div.lead,
header.header-section h4, header.header-button h4 {max-width:840px;}
header.header-button h1 {position:relative; }
header.header-section h1:before, header.header-button h1:before {content:attr(data-title); z-index:-1; font-size:4em; line-height:1; color:#F5F5F5; position:absolute; bottom:100%; margin-bottom:-0.44em; display:block;}
header.header-button h1:after {content:""; display:inline-block; width:100%;}
header.header-button h1 span {position:relative; display:inline-block;}
header.header-section.align-center {display:table; max-width:840px; margin-left:auto; margin-right:auto;}
header.header-section.align-center h1:before {left:50%; transform:translateX(-50%);}
header.header-winners {padding-right:280px;}
header.header-winners .btn-circle {position:absolute; right:0;}

/* -------- Buttons ------------ */
button {-webkit-appearance:none; -moz-appearance:none; border:none; font-family:inherit; font-size:100%; line-height:inherit; text-transform:none; padding:0; margin:0; background:none; cursor:pointer;}

.btn, .btn2, .btn3 {position:relative; display:inline-block; vertical-align:middle; background-color:#00924D; color:#ffffff; font-family:'Red Hat Display', sans-serif; font-size:16px; font-size:1rem; font-weight:700; line-height:26px; text-align:center; text-decoration:none; text-transform:none; padding:17px 40px; padding:1.0625‬em 2.5em; margin:1em 0; border-radius:30px; letter-spacing:0.025em; transition:all 0.3s;}
.btn:hover, .btn2:hover, .btn3:hover {background-color:#007A3D; color:#ffffff; text-decoration:none; box-shadow:inset 0 0 0 10px rgba(0,0,0,0.05);}

.btn2 {background-color:#EEC018; color:#231F20;}
.btn2:hover {background-color:#DFAE00; color:#231F20;}

.btn3 {background:none; color:#231F20; border:2px solid #231F20; padding:15px 38px;}
.btn3:hover {background-color:rgba(35,31,32,0.1); color:#231F20;}

.btn-more {display:inline-block; vertical-align:top; position:relative; padding:17px 100px 17px 10px; font-family:'Red Hat Display'; font-size:16px; line-height:26px; font-weight:700; color:#231F20; text-align:right;}
.btn-more:before {content:""; display:block; position:absolute; right:0; top:50%; margin-top:-0.5em; font-size:60px; width:1em; height:1em; border-radius:0.5em; background:#EEEEEE; clip-path:url('#clip'); transition:background 0.3s;}
.btn-more:after {content:""; position:absolute; right:0; top:50%; margin-top:-0.5em; display:block; font-size:60px; width:1.66em; height:1em; padding:0; background-position:-1.66em -5.33em; background-size:10em auto;}
.btn-more:hover {text-decoration:none;}
.btn-more:hover:before {background:#DFAE00;}

.btn-return {display:inline-block; vertical-align:top; position:relative; padding:25px 25px 25px 108px; font-family:'Red Hat Display'; font-size:16px; line-height:26px; font-weight:700; color:#231F20; border:2px solid #212121; border-radius:40px; text-align:left;}
.btn-return:before {content:""; display:block; position:absolute; left:10px; top:50%; margin-top:-0.5em; font-size:60px; width:1em; height:1em; border-radius:0.5em; background:#00934D; clip-path:url('#clip'); transition:background 0.3s;}
.btn-return:after {content:""; position:absolute; left:10px; top:50%; margin-top:-0.5em; display:block; font-size:60px; width:1.66em; height:1em; padding:0; background-position:0 -5.33em; background-size:10em auto;}
.btn-return:hover {text-decoration:none;}
.btn-return:hover:before {background:#007A3D;}

.btn-reset {position:relative; display:inline-block; vertical-align:middle; font-size:60px; width:1em; height:1em; border-radius:0.5em; clip-path:url('#clip'); background-color:#E8EBED; background-size:10em auto; background-position:-5.33em -2em; transition:background-color 0.3s;}
.btn-reset:hover {background-color:#D6D6D6; text-decoration:none;}

.btn-icon {display:inline-block; position:relative; font-size:16px; font-weight:700; padding:17px 70px 17px 10px; margin:5px;}
.btn-icon:after {content:""; display:block; font-size:60px; width:1em; height:1em; border-radius:0.5em; position:absolute; right:0; top:0; background-color:#00924D; background-size:10em auto; background-position:-2em -2em; clip-path:url('#clip'); transition:background-color 0.3s;}
.btn-icon:hover {text-decoration:none;}
.btn-icon:hover:after {background-color:#007A3D;}
.btn-icon.icon-login:after {background-position:-8.66em -2em;}
.btn-icon.icon-join:after {background-position:-0.33em -2em;}
.btn-icon.icon-contact:after {background-position:-2em -2em;}
.btn-icon.icon-search:after {background-position:-7em -2em;}

#main .if-preview .file-input .btn {
    padding: 15px 30px;
    border-radius: 30px;
    font-size: 16px;
    border: none;
}

.icon-phone,
.icon-email {display:inline-block; position:relative; word-break:break-word; font-size:16px; font-weight:700; color:#231F20; padding:17px 30px; border-left:1px solid rgba(33,33,33,0.5); margin:12px 0 12px 110px;}
.icon-phone:before,
.icon-email:before {content:""; display:block; font-size:60px; width:1em; height:1em; border-radius:0.5em; position:absolute; left:-92px; top:50%; margin-top:-0.5em; background-size:10em auto; background-position:-3.66em -2em; clip-path:url('#clip'); transition:background-color 0.3s;}
.icon-phone:hover,
.icon-email:hover {text-decoration:none;}
.icon-phone:hover:before,
.icon-email:hover:before {background-color:rgba(0,0,0,0.05);}
.icon-phone:before { background-position:-3.66em -2em; } /* @TODO: update this when a phone icon is added to icons.png and icons.svg */

.btn-social {position:relative; display:inline-block; vertical-align:middle; font-size:60px; width:1em; height:1em; border-radius:0.5em; clip-path:url('#clip'); margin:20px; overflow:hidden; text-indent:200px; white-space:nowrap; color:transparent; background-color:#F5F5F5; background-size:10em auto; transition:background-color 0.3s;}
.btn-social:hover {background-color:#D6D6D6; text-decoration:none;}
.icon-facebook {background-position:-0.33em -7em;}
.icon-instagram {background-position:-2em -7em;}
.icon-twitter {background-position:-3.66em -7em;}
.icon-linkedin {background-position:-5.33em -7em;}
.icon-youtube {background-position:-7em -7em;}
.icon-google-plus {background-position:-7em -7em;}
.icon-pinterest {background-position:-7em -7em;}

.glide__arrows {position:relative; text-align:center; margin:16px 0; z-index:1; font-size:60px;}
.glide__arrows span {display:inline-block; vertical-align:top; position:relative; margin:0.16em 5px; width:0.66em; height:0.66em; border-radius:0.33em; background:#00924D; clip-path:url('#clip');}
.glide__arrow {position:relative; display:inline-block; vertical-align:top; width:1.66em; height:1em; padding:0; background-position:0 -5.33em; cursor:pointer; margin:0 5px; background-size:10em auto;}
.glide__arrow.glide__next {background-position:-1.66em -5.33em;}
.glide__arrow:before {content:""; display:block; position:absolute; z-index:-1; left:0; top:0; width:1em; height:1em; border-radius:0.5em; background:#EEEEEE; clip-path:url('#clip'); opacity:0; transition:opacity 0.3s;}
.glide__arrow.glide__next:before {left:auto; right:0;}
.glide__arrow:hover:before {opacity:1;}

.btn-circle {display:inline-block; vertical-align:middle;}
.btn-circle-bg, .btn-circle-bg2 {transition:fill 0.3s;}
.btn-circle:hover .btn-circle-bg {fill:#CC9B00;}
.btn-circle:hover .btn-circle-bg2 {fill:#007A3D;}
.btn-circle:hover {text-decoration:none;}
.btn-circle-text {animation:turn 9s infinite linear; animation-play-state:paused; transform-origin:center;}
.btn-circle:hover .btn-circle-text {animation-play-state:running; }
@keyframes turn {
    from {transform:rotate(0);}
    to {transform:rotate(360deg);}
}
.btn-circle-top {display:block; max-width:160px; margin:-140px 0 0 auto;}
.btn-winners svg {background:url(../images/btn-winners.svg); background-size:contain; background-repeat:no-repeat;}
.btn-video-large {display:block; padding:20% 20px; box-sizing:border-box; background:#00934D; border-radius:0 0 0 60px; text-align:center;}

.scroll-down {position:fixed; display:none; padding-left:100px; z-index:1; right:100%; margin:30px -15px; font-size:16px; font-weight:700; line-height:60px; color:#212121; white-space:nowrap; cursor:pointer; transition:color 0.3s; transform-origin:right top; transform:rotate(-90deg);}
.scroll-down:before {content:""; display:block; position:absolute; left:0; bottom:100%; width:60px; height:100px; background-position:-320px -300px; cursor:pointer; transition:color 0.3s; animation:scrolldown 0.5s infinite; animation-play-state:paused; transform-origin:left bottom; transform:rotate(90deg);}
.scroll-down span {display:inline-block;}
.scroll-down strong {margin-left:30px;}
.scroll-down:hover {color:#00924D;}
.scroll-down:hover:before {animation-play-state:running;}
@keyframes scrolldown {
    0%,100% {background-position:-320px -300px;}
    50% {background-position:-320px -306px;}
}
@supports(transform-origin:right top) {
    .scroll-down {display:block;}
}
@media screen and (max-height:640px) {
    .scroll-down {font-size:12px; margin-top:20px;}
    .scroll-down strong {margin-left:20px;}
}
@media screen and (max-height:540px) {
    .scroll-down strong {display:none;}
}

/* -------- Banner ------------ */
.banner-wrap {position:relative; padding:0 150px;}

.banner {display:inline-block; width:100%; position:relative; background-position:center; background-size:cover;}
.banner-img {position:absolute; width:50%; right:0; top:0; bottom:0; background-position:center; background-size:cover;}
.banner-text {float:left; text-align:right; position:relative; z-index:2; padding:5.2% 6%; box-sizing:border-box; width:50%;}
.banner-text-full {text-align:center; padding:6%;}

.banner-links {position:relative; z-index:1; float:right; font-size:30px; width:10.66em; margin-right:-1.66em;}
.banner-links a {display:block; margin:1.33em 0; background:#ffffff; padding:1.5em 1.66em; box-shadow:4px 4px 16px rgba(0,0,0,0.1); line-height:1.4; font-weight:700; text-align:center; color:#00924D; transition:transform 0.3s, background 0.3s;}
.banner-links a .small {font-size:0.52em;}
.banner-links a.modal-login {padding-top:0.66em; padding-bottom:0.66em;}
.banner-links a.modal-login:before {content:""; display:block; margin:0 auto; width:2em; height:2em; background-size:20em auto; background-position:-17.33em -7.33em;}
.banner-links a:first-child {border-radius:0.5em 0 0 0;}
.banner-links a:last-child {border-radius: 0 0 0 0.5em;}
.banner-links a:hover {text-decoration:none; transform:translateX(-10px); background:#EEEEEE;}

.banner-wrap .awia-box {padding:30px 50px 50px 50px; box-sizing:border-box; border-radius:0;}
.banner-wrap .awia-box .ce-text {max-width:620px;}

.banner-links2 {position:relative; z-index:1; text-align:center; margin-top:-70px;}
.banner-links2 a {display:inline-block; vertical-align:middle; padding:40px 60px; background-color:#E0AF00; font-size:21px; font-weight:900; line-height:30px; color:#231F20; margin:20px; border-radius:0 0 30px 0;letter-spacing:0.025em; transition:all 0.3s;}
.banner-links2 a:last-child {background-color:#00934D; border-radius:0 0 0 30px; color:#ffffff;}
.banner-links2 a:hover {background-color:#CC9B00; color:#231F20; text-decoration:none; box-shadow:inset 0 0 0 10px rgba(0,0,0,0.05);}
.banner-links2 a:last-child:hover {background-color:#007A3D; color:#ffffff;}

.countdown {font-size:24px; color:#00924D; text-align:right; margin-bottom:40px;}
#countdown {display:inline-block; font-size:21px; margin-left:20px;}
#countdown span {position:relative; display:inline-block; background:#E9ECEE; line-height:30px; padding:15px 10px; text-align:center; min-width:60px; box-sizing:border-box;}
#countdown span:after {font-size:16px; font-weight:700; color:#231F20; display:block; width:100%; position:absolute; left:0; top:100%;}
.countdown-days:after {content:"Days";}
.countdown-days.single-day:after {content:"Day";}
.countdown-hours:after {content:"Hrs";}
.countdown-mins:after {content:"Min";}
.countdown-secs:after {content:"Sec";}

.winner-tag {display:block; position:absolute; right:0; top:50%; padding:9px 20px 9px 49px; margin-top:-20px; background:#00914D; border-radius:20px 0 0 20px; font-size:14px; line-height:22px; font-weight:500; color:#ffffff;}
.winner-tag:before {content:""; display:block; width:40px; height:40px; position:absolute; left:0; top:0; background-position:-330px -30px;}

/* -------- Search Box ------------ */
.search-box {position:relative; background:#DFAE00; border-radius:60px 0; padding:10px 40px 20px 16%;}
.search-box:before {content:""; display:block; width:10%; height:0; padding-bottom:10%; position:absolute; left:0; top:0; margin:-1.8% 0 0 2.8%; filter:drop-shadow(4px 4px 16px rgba(0,0,0,0.2)); background-size:contain; background-image:url(../images/logo-awia3d.png); background-image:url(../images/logo-awia3d.svg), linear-gradient(transparent, transparent), none;}

.search-box .fieldwrap {position:relative; display:inline-block; vertical-align:top; padding:5px; box-sizing:border-box; white-space:nowrap;}
.search-box label {position:absolute; right:100%; margin:17px 10px;}
.search-box input[type=submit] {margin:0 10px 0 0;}
.search-box .btn3 {margin:0;}
.fieldwrap_field-searchbox01 {width:22%;}
.fieldwrap_field-searchbox02, .fieldwrap_field-searchbox03, .fieldwrap_field-searchbox04 {width:16%;}

/* -------- Awia Box ------------ */
.awia-box {position:relative; display:inline-block; width:100%; background:#F5F5F5 url(../images/bg-awia.svg) no-repeat center bottom; background-size:contain; border-radius:0 60px 0 0;}
.awia-box .ce-text {max-width:none;}

/* -------- Grey Box ------------ */
.grey-box {position:relative; display:inline-block; width:100%; background:#F5F5F5; border-radius:0 0 0 60px;}

/* -------- Video Box ------------ */
.video-box {position:relative; height:0; padding-bottom:56.25%; background:#E8EBED url(../images/bg-awia-symbol.svg) no-repeat center; background-size:130% auto;}
.video-box iframe, .video-box video {position:absolute; left:0; right:0; width:100%; height:100%;}

/* -------- Newsletter Box ------------ */
.newsletter-box {position:relative; max-width:1080px; margin:8% auto; text-align:center;}
.newsletter-box:before {content:"awia"; font-size:200px; font-weight:900; line-height:0; color:#F5F5F5; display:block;}
.newsletter-box .fieldwrap {display:inline-block; vertical-align:top; margin:8px 5px;}
.newsletter-box label {display:inline-block; margin-right:10px;}
.newsletter-box input {display:inline-block; width:auto;}
.newsletter-box div.lead,
.newsletter-box h4 {max-width:760px; margin:16px auto;}

/* -------- Image Slider ------------ */
.image-slider-wrap {position:relative;}
.image-slider-wrap .glide__arrows {text-align:right;}

.image-slider-wrap .glide__slides {align-items:center;}
.image-slider-wrap .glide__slide img {display:block; margin:0 auto;}

.image-slide {display:none;}
.image-slide:first-child, .glide .image-slide {display:block;}

/* -------- News ------------ */
/* News List */
.news-list-view {display:flex; flex-wrap:wrap; margin:0 -30px;}
.news-list-view .article {position:relative; overflow:hidden; display:inline-block; vertical-align:top; width:33.33%; flex:0 1 33.33%; padding:0 30px; box-sizing:border-box; margin:30px 0;}
.news-card {position:relative; max-width:620px; min-height:100%; margin:0 auto; background:#E8EBED; border-radius:0 60px 0 0;}
.news-card-basic {border-radius:0;}
.news-type {position:absolute; z-index:1; color:#ffffff; margin:4% 8%;}
.news-img {position:relative; padding-bottom:65%; background-position:center; background-size:cover;}
.news-text {padding:4% 8%;}
.event-date {display:block; font-weight:900; color:#00924D;}
.event-location {display:block; font-weight:900;}
.btn-news-full {display:block; width:100%; height:100%; position:absolute; left:0; top:0;}

/* News Slider */
.news-slider-wrap {position:relative; margin:0 -150px 0 -30px;}
.news-slider-basic {position:relative; margin:0 -30px;}
.news-slider-wrap .news-list-view, .news-slider-basic .news-list-view {margin:0;}
.news-slider-wrap .news-list-view .article,
.news-slider-basic .news-list-view .article {flex:none; height:auto;}

/* News Single */
.news-list-view.news-single {display:block;}
.news-list-view.news-single .article {display:block; flex:none; width:auto;}
.news-list-view.news-single .news-card {max-width:none; min-height:none; border-radius:0; background:none;}

/* News Scroll Box */
.news-list-view.news-scroll-box {max-height:950px; overflow:auto; -webkit-overflow-scrolling:touch; scrollbar-width:thin; scrollbar-color:#E0E0E0 rgba(255,255,255,0.1);}
.news-list-view.news-scroll-box::-webkit-scrollbar {width:8px;}
.news-list-view.news-scroll-box::-webkit-scrollbar-track {width:6px; background:rgba(255,255,255,0.1);}
.news-list-view.news-scroll-box::-webkit-scrollbar-thumb {background:#E0E0E0;}

.news-list-view.news-scroll-box {display:block; margin:0;}
.news-list-view.news-scroll-box .article {display:block; width:auto; flex:none; padding:0; margin:0 0 30px 0;}
.news-list-view.news-scroll-box .news-card {max-width:none; min-height:auto; border-radius:0; padding-left:28%; min-height:200px;}
.news-list-view.news-scroll-box .news-card .news-img {position:absolute; left:0; top:0; width:28%; height:100%; padding:0;}
.news-list-view.news-scroll-box .news-card .news-title {font-size:24px;}

.EventListingPage #body,
.EventUserFormPage #body,
.EventPage #body,
.ArticleHolderPage #body,
.ArticleDetailPage #body {
    font-size: inherit;
}

/* -------- Events ------------ */
#BookingModal .modal-dialog {
    width: 1200px;
    max-width: 98%;
}
#BookingModal .modal-content {
    border-radius: 0;
}
#BookingModal .modal-content .image {
    display: block;
}
#BookingModal button.close {
    text-shadow: none;
    margin-top: 0;
    margin-right: 10px;
}
.field.optionset.optionset-inline ul {
    list-style: none;
    margin: 0;
    padding: 0;
}
.field.optionset.optionset-inline ul li input {
    margin: 7px;
}
.field.optionset.optionset-inline ul li label {
    display: inline-block;
    max-width: 95%;
    margin: 0;
    padding: 0 0 0 10px;
}
.field.optionset.optionset-inline.checkbox {
    padding-bottom: 20px;
}
.field.optionset.optionset-inline.checkbox ul li label {
    padding-left: 80px;
}
.field.optionset.optionset-inline ul li {
    padding-left: 10px;
}
.field.optionset.optionset-inline ul li:before {
    display: none;
}

#PrivacyPolicyModal {
    padding: 0 !important;
    z-index: 2001;
}
#PrivacyPolicyModal .close {
    font-size: 80px;
}
#PrivacyPolicyModal .modal-dialog {
    width: 100%;
    height: 100%;
    max-width: 100%;
    margin: 0;
}
#PrivacyPolicyModal .modal-content {
    min-height: 100%;
    border-radius: 0;
    border: none;
}
#PrivacyPolicyModal .modal-body {
    overflow: auto;
}

#PrivacyPolicyModal .modal-body button.close {
    color: #000;
    padding: 0;
    position: fixed;
    right: 0;
    top: 0;
    margin: 10px 30px;
    text-shadow: none;
}
@media (max-width: 767px) {
    #PrivacyPolicyModal .modal-body button.close {
        padding: 0.75rem 1rem;
        line-height: 0.5em;
    }
}

.home__events-search-form button.icon-search,
.home__articles-search-form button.icon-search,
.events-search__form button.icon-search,
.articles-search__form button.icon-search {
    padding-right: 50px;
    margin-top: 0;
}


/* -------- Filters -------- */
.filters-wrap {display:inline-block; vertical-align:middle;}
.filters-wrap label {display:inline-block;}
.filters-wrap input, .filters-wrap  select {display:inline-block; width:auto;}
.filters-wrap h3 {display:none; position:relative; cursor:pointer; background:#f2f2f2; border-radius:30px; padding:10px 20px; margin:0; color:#00924D;}
.filters-wrap h3:after {content:""; display:block; position:absolute; right:0; top:0; width:56px; height:56px; background-position:-322px -222px;}
.filters-wrap.open h3:after {background-position:-222px -222px;}
.filters {position:relative; overflow:hidden; height:auto; padding:0; transition:all 0.5s;}
.filters .fieldwrap {display:inline-block; vertical-align:top; margin-right:10px;}

/* -------- Grid ------------ */
.grid {display:flex; flex-wrap:wrap; font-size:0; position:relative; overflow:hidden; max-width:1160px; padding:40px 0 80px 0; margin:0 auto;}
.grid > div {position:relative; display:inline-block; vertical-align:top; flex:0 0 33.333333%; width:33.333333%; border:1px solid #122E39; border-width:1px 0; margin:-1px 0 0 0;}
.grid > div:after {content:""; display:block; position:absolute; right:-1px; top:0; bottom:0; margin:-40px 0; border-right:1px solid #122E39;}
.grid .content-padding {margin:12%;}

.grid-slider:after {content:""; position:absolute; left:0; top:0; bottom:0; border-left:1px solid #ffffff;}
.grid-slider .grid {display:block; max-width:none;}

/* -------- Grid 2 ------------ */
.grid2 {display:flex; flex-wrap:wrap; font-size:0; position:relative; overflow:hidden;}
.grid2 > div {position:relative; display:inline-block; vertical-align:top; width:25%; flex:0 0 25%; padding:20px; box-sizing:border-box;}
.grid2 > div .content-padding {position:relative; z-index:1; padding:0; margin:0 auto; max-width:300px;}
.grid2 > div .content-padding:before {content:""; display:block; width:100%; padding-bottom:100%; position:absolute; z-index:-1; background:#E9ECEE; border-radius:50%; clip-path:url('#clip');}

/* -------- Expand ------------ */
.expand.content-padding {}
.expand header {position:relative; border-top:1px solid #212121; cursor:pointer;}
.expand header h3 {padding:0.86em 16px 0.86em 70px; margin:0;}
.expand header h3:before {content:""; display:block; position:absolute; left:0; top:1.6em; width:40px; height:40px; margin:-20px 10px; background-color:#00934D; background-position:-130px -530px; border-radius:20px; clip-path:url('#clip'); transition:background-color 0.3s;}
.expand header h3:hover:before {background-color:#007A3D;}
.expand.expanded header h3:before {background-position:-30px -530px;}
.expand > .ce-text {max-width:none; height:0; padding:0 16px; overflow:hidden; position:relative; border-bottom:1px solid #212121; transition:height 0.5s, padding 0.5s;}
.expand.expanded > .ce-text {padding-bottom:16px;}

/* -------- Profiles ------------ */
.profile {display:inline-block; vertical-align:top; width:50%;}
.profile-card {position:relative; overflow:hidden; padding:20px; box-sizing:border-box; max-width:640px; margin:0 auto;}
.profile-img {float:left; width:33%; padding-bottom:33%; border-radius:100px; clip-path:url('#clip'); background-size:cover; background-position:center; background-color:#EEEEEE;}
.profile-text {margin-left:40%;}
.profile-name {font-size:24px; margin:0;}
.profile-title {color:#00934D; margin:0;}

.profile .modal-box {position:relative; max-width:1620px; margin:0 auto; overflow:hidden; background:#DEDFDF; border-bottom:16px solid #00934D; border-radius:0 0 0 30px; transform:translateY(-10%); opacity:0; transition:all 0.5s;}
.modal-profile.open .modal-box {opacity:1; transform:translateY(0);}
.modal-profile .modal-box .content-padding {position:relative; overflow:hidden;}
.modal-profile .profile-img {width:22%; padding-bottom:22%;}
.modal-profile .profile-text {margin-left:26%; max-width:540px;}

/* -------- Companies ------------ */
.companies {display:flex; flex-wrap:wrap; font-size:0; max-width:1260px; margin:40px auto;}
.company {display:inline-block; vertical-align:top; width:33.33%; flex:0 0 33.33%; padding:2%; box-sizing:border-box; text-align:center;}
.company-card {position:relative; background:#F5F5F5; padding:6%; border-radius:16px; box-sizing:border-box; min-height:0; transition:min-height 0.5s;}
.company-logo {padding:0 40px;}
.company-title {font-weight:900;}
.company-description {position:relative; overflow:hidden; height:0; transition:height 0.5s;}
.company-more {display:block; width:40px; height:40px; border-radius:20px; position:absolute; right:0; top:0; margin:6%; background-position:-330px -530px; background-color:#ffffff; clip-path:url('#clip'); transition:background-color 0.3s;}
.company-more:hover {background-color:#D6D6D6;}
.company-card.expanded {min-height:100% !important;}
.company-card.expanded .company-more {background-position:-230px -530px;}

/* -------- Projects ------------ */
.projects {font-size:0;}
.project {display:inline-block; vertical-align:top; width:33.33%; padding:16px; box-sizing:border-box; text-align:center;}
.project-card {position:relative; max-width:480px; margin:0 auto;}
.project-image {padding:0 0 56.25% 0; background-size:cover; background-position:center; background-color:#eeeeee; border-radius:8px;}
.project-text {padding:2% 4%;}
.project h4 {font-size:24px; font-weight:900;}

/* -------- CTA Edge of the Web ------------ */
.cta-edge {display:table; width:100%; margin:40px 0 120px 0;}
.cta-edge-left {display:table-cell; vertical-align:top; width:34%; background:#2E3133; border-radius:0 0 0 60px;}
.cta-edge-left * {color:#ffffff;}
.cta-edge-right {display:table-cell; vertical-align:top; background:#E0AF00; position:relative;}
.cta-edge-right h2 {font-size:36px; font-weight:900;}
.cta-edge-right h2:before {content:""; display:inline-block; float:right; margin:0 0 0 10px; width:10%; padding-bottom:10%; border-radius:100%; background:#00934D;}
.cta-edge .btn-more {float:right; background:#E9ECEE; border:40px solid #E9ECEE; border-width:60px 40px; margin:-40px 0 -140px 0;}

/* -------- Join Block ------------ */
.join-block {position:relative; text-align:right; padding:30px 180px 30px 0;}
.join-block .btn-circle {position:absolute; right:0; top:50%; margin:-80px 0 0 0;}

/* -------- Members ------------ */
.members {display:flex; flex-wrap:wrap; font-size:0; margin:40px auto;}
.member {display:inline-block; vertical-align:top; width:25%; flex:0 0 25%; padding:10px; box-sizing:border-box;}
.member-card {position:relative; background:#E8EBED; min-height:100%; max-width:380px; margin:0 auto;}
.member-image {position:relative; height:0; padding:0 0 80% 0; overflow:hidden; background-size:cover; background-position:center;}
.member-image:before {content:""; display:block; width:100%; height:100%; position:absolute; left:0; top:0; background:rgba(59,61,66,0.15);}
.member-logo {position:relative; display:block; margin:8%; padding:10px; background-color: white}
.member-text {padding:4% 8%;}
.member-text h5 {font-weight:900;}
.member-text p {font-size:14px; font-weight:500;}
.member-team:before {content:""; display:inline-block; vertical-align:middle; width:40px; height:40px; margin:0 10px 0 0; background-position:-430px -530px; border-radius:20px; background-color:#F5F5F5;}

.load-more {display:table; margin:0 auto; font-size:16px; font-weight:700;}
.load-more:after {content:""; display:inline-block; vertical-align:middle; margin:0 0 0 10px; width:60px; height:60px; border-radius:30px; background-color:#E7EAEC; background-position:-520px -518px; transition:background-color 0.3s;}
.load-more:hover:after {background-color:#D6D6D6;}

.pagination {text-align:right; margin:40px 0; display:block;}
.pagination a {display:inline-block; vertical-align:middle; line-height:60px; min-width:60px; border-radius:30px; margin:4px; background:#E7EAEC; text-align:center; font-size:16px; font-weight:700; color:#231F20; transition:background-color 0.3s;}
.pagination a:hover {text-decoration:none; background:#D6D6D6;}
.pagination a.page-current {color:#ffffff; background:#00914D;}

.members-account-section .columns {
    max-width: 1000px;
}
.members-account-section .columns .col-1 {
    width: 40%;
}

.member-profile__details .btn-social { margin:0 10px 0 0; }

/* -------- Button Box ------------ */
.button-box {display:table; background:#00934D; color:#ffffff; padding:30px 40px; margin:0 0 40px auto; border-radius:80px 0 0 80px; text-align:center;}

/* -------- Footer ------------ */
#footer {display:table-row; width:100%; height:1px;}
#footer .body-cell {position:relative; box-sizing:border-box; padding:0 90px;}

#footer .content-padding {padding:0;}

.scroll-top {position:absolute; z-index:1; right:15px; top:0; width:60px; height:100px; color:#212121; background-position:-220px -300px; cursor:pointer; transition:color 0.3s; animation:scrolltop 0.5s infinite; animation-play-state:paused;}
.scroll-top span {display:block; position:absolute; left:100%; top:100%; font-size:16px; font-weight:700; line-height:60px; white-space:nowrap; -webkit-transform-origin:left top; -webkit-transform:rotate(90deg); -moz-transform-origin:left top; -moz-transform:rotate(90deg); transform-origin:left top; transform:rotate(90deg);}
.scroll-top:hover {animation-play-state:running; color:#00924D;}

@keyframes scrolltop {
    0%,100% {background-position:-220px -300px;}
    50% {background-position:-220px -306px;}
}

.footer-top .columns {padding:0; margin:0; overflow:hidden; border-radius:0 0 165px 0;}
.footer-top .col-1 {background:#E8EBED url(../images/bg-awia-symbol.svg) no-repeat center; background-size:130% auto; border-bottom:16px solid #00924D;}
.footer-top .col-2 {background:#00924D; width:26%; text-align:right;}
.footer-top .col-2 * {color:#ffffff;}
.footer-top h3 {float:left; width:260px; padding:12px 0; box-sizing:border-box;}

.footer-links-wrap h3 {position:relative; padding:0 60px 0 0;}
.footer-links {position:relative; overflow:hidden;}
.footer-links ul {display:inline-block; vertical-align:top; width:33.33%; list-style:none; padding:0; margin:0;}
.footer-links ul li {display:block; list-style:none; padding:0; margin:0; max-width:240px;}
.footer-links ul li:before {display:none;}
.footer-links ul li a {display:block; font-size:16px; font-weight:700; line-height:26px; color:#231F20; padding:17px 30px; transition:background 0.3s;}
.footer-links ul li a:hover {text-decoration:none; background:rgba(0,0,0,0.05);}

.footer-bottom {margin:0; padding:35px 0;}
.footer-bottom .col {vertical-align:middle;}
.footer-bottom .col-2 {text-align:right;}
.footer-bottom p {font-weight:700;}

/* -------- Elements ------------ */
#body .silverstripe__elementalbannerblock__block__bannerblock {
    height: auto;
}




/* -------- Media Queries ------------ */

@media (min-width: 768px) {
    .members-search__form .members-search__keywords-field input { max-width: 250px; }
    .members-search__form .members-search__city-field select { max-width: 210px; }
    .members-search__form .members-search__pagesize-field select { max-width: 120px; }
}

@media screen and (max-width:1920px) {
    /* -------- Text ------------ */
    h1 {font-size:2.5vw;}
    /* -------- Modal ------------ */
    .overlay {width:auto; left:0; right:0; margin-left:0;}
    /* -------- Body ------------ */
    #body {width:100%;}
    /* -------- Banner ------------ */
    .banner-text h1 {font-size:2.5vw;}
    .banner-links {font-size:1.5625vw;}
    /* -------- Footer ------------ */
    .footer-top .columns {border-radius:0 0 8.6vw 0;}
}

@media screen and (max-width:1800px) {
    /* -------- Header ------------ */
    #header {height:100px;}
    #header .content-inner, #header-sticky .content-inner {padding-left:80px;}
    .header-logo {width:200px; padding:20px 20px;}
    .btn-nav {font-size:80px;}
    .btn-nav span {margin-top:-10px;}
    #header-sticky .btn-nav {background-position:-0.05em -0.16em;}
    .btn-header {margin:20px 15px;}
    /* -------- Nav ------------ */
    .nav {margin-left:220px;}
    .nav ul li a {border-width:20px 0; padding:17px 24px;}
    /* -------- Content ------------ */
    #content .body-cell {padding:150px 0 80px 0;}
    .content-padding {padding:0 80px;}
    .columns-padding {padding:0 80px;}
    /* -------- Banner ------------ */
    .banner-wrap {padding:0 120px;}
    .scroll-down {margin:30px -10px;}
    /* -------- Search Box ------------ */
    .search-box {padding-left:100px;}
    .search-box:before {width:100px; padding-bottom:100px; margin-top:-20px;}
    .search-box h2 {margin-left:60px;}
    /* -------- Footer ------------ */
    #footer .body-cell {padding:0 80px;}
    .scroll-top {right:10px;}
    /* -------- News ------------ */
    .news-slider-wrap {margin-right:-120px;}
    /* -------- CTA Edge of the Web ------------ */
    .cta-edge .btn-more {border-width:40px 30px; margin:-20px 0 -120px 0;}
}

@media screen and (max-width:1600px) {
    /* -------- Text ------------ */
    h2 {font-size:26px; font-size:1.625rem;}
    h3 {font-size:24px; font-size:1.5rem;}
    /* -------- Lists ------------ */
    .block-list li {min-height:60px; padding-lefT:100px;}
    .block-list li:before {width:100px; font-size:60px;}
    /* -------- Top ------------ */
    .btn-top {font-size:14px;}
    /* -------- Header ------------ */
    #header {height:80px;}
    #header .content-inner, #header-sticky .content-inner {padding-left:60px;}
    .header-logo {width:180px;}
    .btn-nav {font-size:60px;}
    .btn-nav span {margin-top:-5px; font-size:14px;}
    #header-sticky .btn-nav {background-position:-0.05em -0.05em;}
    .btn-header {padding:12px 60px 12px 10px; margin:15px 10px 15px 0; font-size:14px;}
    .btn-header:after {font-size:50px;}
    #header-sticky .btn-header {margin:5px 10px 5px 0;}
    /* -------- Modals ------------ */
    .close {font-size:50px;}
    /* -------- Nav ------------ */
    .nav {margin-left:190px;}
    .nav ul li a {border-width:10px 0; padding:17px 22px; font-size:14px;}
    .nav ul li ul {width:260px;}
    .nav ul li ul li a {padding:12px 22px;}
    /* -------- Content ------------ */
    #content .body-cell {padding:130px 0 60px 0;}
    .content-padding {padding:0 60px;}
    .columns-padding {padding:0 60px;}
    /* -------- Banner ------------ */
    .banner-wrap {padding:0 100px;}
    .scroll-down {margin:30px 0;}
    /* -------- Search Box ------------ */
    .fieldwrap_field-searchbox01 {width:40%;}
    .fieldwrap_field-searchbox02, .fieldwrap_field-searchbox03, .fieldwrap_field-searchbox04 {width:20%;}
    .search-box input[type="submit"] {width:218px;}
    .search-box .btn3 {width:218px;}
    /* -------- Footer ------------ */
    #footer .body-cell {padding:0 60px;}
    .scroll-top {right:0;}
    .footer-top h3 {width:200px;}
    .footer-links ul li a {font-size:14px; padding:12px 22px;}
    /* -------- News ------------ */
    .news-list-view .article {width:50%; flex:0 1 50%;}
    .news-slider-wrap {margin-right:-100px;}
}

@media screen and (max-width:1300px) {
    /* -------- Text ------------ */
    h1 {font-size:32px; font-size:2rem;}
    /* -------- Lists ------------ */
    .block-list li {width:48%; flex:0 0 48%;}
    .block-list li:before {margin:6% 0;}
    /* -------- Top ------------ */
    #top {height:60px; box-shadow:4px 4px 16px rgba(0,0,0,0.1);}
    .btn-top {width:60px; height:60px; padding:0; box-sizing:border-box;}
    .btn-top span {display:none;}
    .btn-top:after {right:0;}
    .btn-top.icon-awia {font-size:10px; line-height:13px; padding:17px 50px 17px 10px; width:124px;}
    .btn-top.icon-awia span {display:block;}
    .btn-top:after {margin:5px;}
    /* -------- Header ------------ */
    #header {position:fixed; height:60px; top:0; right:244px; z-index:130;}
    #header-sticky {display:none;}
    .btn-nav span {display:none;}
    .header-logo {width:auto; height:60px; padding:0;}
    .logo1 {position:relative; z-index:1; width:140px; padding:16px; box-sizing:border-box; background:#ffffff; transition:transform 0.5s;}
    .logo2 {display:block; position:absolute; padding:5px 12px; box-sizing:border-box; height:60px; width:auto; left:0; top:0; background:#ffffff;}
    #header.scroll .logo1, #header.open .logo1 {-webkit-transform:translateY(-100%); -moz-transform:translateY(-100%); transform:translateY(-100%);}
    .btn-header {margin:5px 10px 5px 0;}
    /* -------- Nav ------------ */
    .nav {display:none;}
    .drawer-nav .btn-nav {display:none;}
    /* -------- Modals ------------ */
    .close {margin:16px;}
    .overlay.open,
    .overlay.drawer-nav.open,
    .overlay.drawer-login.open,
    .overlay.drawer-search.open {top:60px;}
    .drawer-box .content-padding {margin-top:66px; margin-bottom:66px;}
    .drawer-box .col-1 .content-padding {padding:0;}
    .drawer-box .col-2 .content-padding {padding:0;}
    /* -------- Content ------------ */
    #content .body-cell {padding-top:60px;}
    .content-padding {margin:40px; padding:0;}
    .columns-padding {margin:40px 0; padding:0;}
    header.header-winners {padding-right:180px;}
    header.header-winners .btn-circle {width:160px;}
    /* -------- Buttons ------------ */
    .btn-circle-top {margin-top:-60px;}
    /* -------- Banner ------------ */
    .banner-wrap {padding:0 40px;}
    .banner-text h1 {font-size:2.9vw;}
    .banner-links {margin-right:-20px; font-size:1.8vw;}
    .scroll-down {display:none;}
    .banner-links2 {margin-top:-40px;}
    .banner-links2 a {font-size:16px; padding:17px 30px; margin:10px;}
    /* -------- Search Box ------------ */
    .fieldwrap_field-searchbox01 {width:100%; max-width:none;}
    .fieldwrap_field-searchbox02, .fieldwrap_field-searchbox03, .fieldwrap_field-searchbox04 {width:33%;}
    /* -------- Footer ------------ */
    #footer .body-cell {padding:0 60px 0 0;}
    .footer-top h3 {float:none; width:auto;}
    .footer-top .col-2 {width:300px;}
    .footer-bottom {padding-left:60px;}
    /* -------- News ------------ */
    .news-slider-wrap, .news-slider-basic {margin:0 -16px;}
    .news-list-view .article {padding:0 16px;}
    /* -------- Grid 2 ------------ */
    .grid2 > div {width:33.33%; flex:0 0 33.33%;}
    /* -------- Profiles ------------ */
    .profile {width:33.33%;}
    .profile-card .profile-img {float:none; margin:0 auto; width:200px; padding-bottom:200px;}
    .profile-card .profile-text {margin:16px 0 0 0; text-align:center;}
    /* -------- Companies ------------ */
    .company-title {font-size:16px;}
    /* -------- Projects ------------ */
    .project h4 {font-size:21px;}
    /* -------- CTA Edge of the Web ------------ */
    .cta-edge .btn-more {border-width:20px; margin:0 0 -40px 0;}
    /* -------- Members ------------ */
    .member {width:33.33%; flex:0 0 33.33%;}
}

@media screen and (max-width:1080px) {
    /* -------- Text ------------ */
    .header-button h6 {float:none; margin:0;}
    .header-button h6 .btn {margin-top:0; margin-bottom:0;}
    /* -------- Header ------------ */
    .logo1 {display:none;}
    .logo2 {position:relative;}
    /* -------- Newsletter Box ------------ */
    .newsletter-box:before {font-size:18vw;}
    /* -------- Companies ------------ */
    .company {width:50%; flex:0 0 50%;}
}


@media screen and (max-width:960px) {
    /* -------- Text ------------ */
    .col-2 .outdent {margin-left:0;}
    .col-2 header {margin-left:0;}
    /* -------- Lists ------------ */
    .block-list {display:block;}
    .block-list li {display:block; width:auto; flex:none; margin:20px auto; max-width:480px;}
    .block-list li:before {margin:5% 0;}
    /* -------- Forms ------------ */
    label {margin:20px 24px 10px 24px;}
    input, textarea, select, option {padding:12px 24px; border-radius:25px;}
    select {padding:0 24px 0 24px; height:50px; line-height:50px;}
    input[type="submit"] {padding:12px 24px; font-size:14px;}
    .checkbox input[type="checkbox"], .radio input[type="radio"] {width:50px; height:50px;}
    .checkbox input[type="checkbox"] + label, .radio input[type="radio"] + label {padding:12px 0 12px 60px;}
    .checkbox input[type="checkbox"] + label:before, .radio input[type="radio"] + label:before {width:50px; height:50px;}
    .checkbox input[type="checkbox"]:checked + label:before {background-position:-525px -325px;}
    .radio input[type="radio"]:checked + label:before {background-position:-525px -425px;}
    /* -------- Modals ------------ */
    .overlay.drawer-contact .col-2 {width:auto;}
    /* -------- Nav ------------ */
    .nav-columns {width:106%; margin:0 -3%;}
    .nav-col {padding:0 3%;}
    .nav-col h2 {font-size:21px; padding:12px 22px;}
    .nav-col ul li a {font-size:14px; padding:12px 22px;}
    /* -------- Content ------------ */
    .columns {display:block;}
    .col{display:block; overflow:hidden;}
    .content-padding {margin:30px;}
    .columns-padding {margin:0;}
    /* -------- Buttons ------------ */
    .btn,.btn2 {padding:12px 24px; font-size:14px;}
    .btn3 {padding:10px 22px; font-size:14px;}
    .btn-icon {font-size:14px; padding:12px 56px 12px 10px;}
    .btn-icon:after {font-size:50px;}
    .btn-social {font-size:50px; margin:5px 2px;}
    .btn-more {padding:12px 80px 12px 10px;}
    .btn-more:before {font-size:50px;}
    .btn-more:after {font-size:50px;}
    .btn-reset {font-size:50px;}
    /* -------- Banner ------------ */
    .banner-wrap {padding:0 0 90px 0;}
    .banner-text {padding:2%4%;}
    .banner-text h1 {font-size:3.4vw;}
    .banner-links {display:table; table-layout:fixed; border-spacing:20px 0; float:none; width:auto; clear:both; margin:0 auto -90px auto;}
    .banner-links a {display:table-cell; vertical-align:middle; width:180px; margin:0; font-size:20px;}
    .banner-links a:hover {transform:translateY(-5px);}
    .countdown {text-align:center;}
    #countdown {margin:0 16px;}
    /* -------- Search Box ------------ */
    .search-box {padding:20px;}
    .search-box:before {width:80px; padding-bottom:80px; margin:-10px;}
    .search-box label {position:relative; right:auto; margin:5px 24px;}
    .search-box .fieldwrap {vertical-align:bottom;}
    /* -------- Footer ------------ */
    .footer-top .col-1 {border:none; padding-top:20px; border-top:8px solid #00934D;}
    .footer-top .col-2 {width:auto;}
    .footer-top .col-2 p {display:inline-block; margin:5px 0; min-width:50%;}
    .footer-bottom {padding:16px;}
    .footer-bottom .col {text-align:center;}
    .footer-bottom p {font-size:12px; font-weight:500;}
    .footer-bottom img {max-width:100px;}
    /* -------- Newsletter Box ------------ */
    .newsletter-box .fieldwrap {display:block; text-align:left; max-width:280px; margin:16px auto;}
    .newsletter-box label {display:block;}
    .newsletter-box input {display:block; width:100%;}
    /* -------- Grid ------------ */
    .grid > div {width:50%; flex:0 0 50%;}
    /* -------- Grid 2 ------------ */
    .grid2 > div {width:50%; flex:0 0 50%;}
    /* -------- Image Slider ------------ */
    .image-slider-wrap {max-width:600px; margin:0 auto;}
    /* -------- Profiles ------------ */
    .profile {width:50%;}
    /* -------- Projects ------------ */
    .project {width:50%;}
    /* -------- CTA Edge of the Web ------------ */
    .cta-edge {display:block;}
    .cta-edge-left {display:inline-block; width:100%; border-radius:0;}
    .cta-edge-right {display:inline-block; width:100%; border-radius:0 0 0 30px;}
    /* -------- Members ------------ */
    .member {width:50%; flex:0 0 50%;}
    /* -------- Button Box ------------ */
    .button-box {padding:10px 20px;}
}

@media screen and (max-width:700px) {
    /* -------- Top ------------ */
    #top {height:44px;}
    .btn-top {width:44px; height:44px;}
    .btn-top:after {margin:0; font-size:44px;}
    .btn-top.icon-awia {padding:10px 44px 10px 10px;}
    /* -------- Header ------------ */
    #header {height:44px; min-width:232px; right:212px;}
    #header .content-inner {padding-left:44px;}
    .btn-nav {font-size:44px;}
    .header-logo {height:44px;}
    .logo2 {height:44px; padding:5px;}
    .btn-header {width:44px; height:44px; padding:0; margin:0 0 0 1px; font-size:10px; line-height:1.6; font-weight:500; text-align:center; color:#ffffff; background-color:#00924D; transition:background 0.3s;}
    .btn-header:hover {background-color:#007A3D;}
    .btn-header:after {border-radius:0; clip-path:none; font-size:44px; margin:-6px 0; background-color:transparent;}
    .btn-header:hover:after {background-color:transparent;}
    .btn-header span {display:block; position:relative; z-index:1; margin-top:28px;}
    /* -------- Modals ------------ */
    .close {font-size:44px; margin:10px;}
    .overlay.open,
    .overlay.drawer-nav.open,
    .overlay.drawer-login.open,
    .overlay.drawer-search.open {top:44px;}
    .drawer-box .content-padding {margin-top:54px; margin-bottom:54px;}
    /* -------- Nav ------------ */
    .nav-columns {display:block; width:auto; margin:0;}
    .nav-col {display:block; padding:0;}
    .nav-col:after {display:none;}
    .nav-col ul {-webkit-column-count:2; -webkit-column-width:200px; -moz-column-count:2; -moz-column-width:200px; column-count:2; column-width:200px;}
    /* -------- Content ------------ */
    #content .body-cell {padding-top:44px;}
    /* -------- Banner ------------ */
    .banner {padding-bottom:20px;}
    .banner-img {width:100%;}
    .banner-text {width:auto; width:320px; padding:16px; margin:4% auto; float:none; text-align:center; background:rgba(255,255,255,0.6);}
    .banner-text h1 {font-size:24px;}
    .banner-links {border-spacing:5px 0;}
    .banner-links a {width:152px; box-sizing:border-box; padding:10px; font-size:16px;}
    .winner-tag {top:auto; margin:0;}
    /* -------- Search Box ------------ */
    .fieldwrap_field-searchbox01 {width:50%;}
    .fieldwrap_field-searchbox02, .fieldwrap_field-searchbox03, .fieldwrap_field-searchbox04 {width:50%;}
    .search-box .fieldwrap.fieldwrap_field-searchbox05 {display:block; text-align:center; white-space:normal;}
    .search-box input[type="submit"] {width:170px;}
    .search-box .btn3 {width:170px;}
    /* -------- Footer ------------ */
    #footer .body-cell {padding:0;}
    .footer-top h3 {padding-left:20px;}
    .footer-top .columns {border-radius:0;}
    .footer-links {height:0; transition:height 0.5s;}
    .footer-links-wrap h3 {position:relative; cursor:pointer; background:#f2f2f2; border-radius:30px; padding:10px 20px;}
    .footer-links-wrap h3:after {content:""; display:block; position:absolute; right:0; top:0; width:56px; height:56px; background-position:-322px -222px;}
    .footer-links-wrap.open h3:after {background-position:-222px -222px;}
    .scroll-top {right:50%; margin:-22px -25px; z-index:50; width:50px; height:50px; border-radius:30px; clip-path:url('#clip'); background-color:#00924D; background-position:-425px -223px; transition:background-color 0.3s; animation:none;}
    .scroll-top span {display:none;}
    .scroll-top:hover {background-color:#007A3D;}
    /* -------- News ------------ */
    .news-list-view {margin:0;}
    .news-list-view .article {width:100%; flex:none; padding:0;}
    .news-card {max-width:400px;}
    /* -------- Filters -------- */
    .filters-wrap h3 {display:block;}
    .filters {height:0; padding:0 16px;}
    .filters-wrap.open .filters {padding:16px;}
    .filters .fieldwrap {padding:0 5px; box-sizing:border-box; width:50%; margin:5px 0;}
    .filters input, .filters select {display:block; width:100%;}
    .filters-wrap {display:block;}
    /* -------- Companies ------------ */
    .companies {display:block;}
    .company {display:block; width:auto; flex:none;}
}

@media screen and (max-width:600px) {
    /* -------- Text ------------ */
    header.header-section h1, header.header-button h1 {margin-top:1.38em;}
    header.header-section h1:before, header.header-button h1:before {font-size:3em; margin-bottom:-0.54em;}
    /* -------- Table Scroll Wrap ------------ */
    th {padding:20px; font-size:16px;}
    td {padding:20px;}
    td:first-child {font-size:16px;}
    /* -------- Content ------------ */
    .content-padding {margin:30px 16px;}
    header.header-winners {padding:0;}
    header.header-winners .btn-circle {position:relative; right:auto;}
    /* -------- Buttons ------------ */
    .icon-phone,
    .icon-email {font-size:14px; margin:0; border:none; padding:10px 20px 10px 54px;}
    .icon-phone:before,
    .icon-email:before {left:0; font-size:44px;}
    /* -------- Banner ------------ */
    .banner-wrap .awia-box {padding:0;}
    .banner-links2 {margin:0;}
    .banner-links2 a {display:block;}
    .banner-links2 a:last-child {border-radius:0 30px 0 0;}
    /* -------- Footer ------------ */
    .footer-links ul {width:50%;}
    /* -------- Grid ------------ */
    .grid {display:block; padding:1px 0 0 0;}
    .grid > div {display:block; flex:none; width:auto;}
    .grid > div:after {display:none;}
    .grid-slider .grid > div {display:inline-block;}
    /* -------- Grid 2 ------------ */
    .grid2 {display:block;}
    .grid2 > div {display:block; flex:none; width:auto; padding:16px 0;}
    /* -------- Profiles ------------ */
    .profile {display:block; width:auto;}
    .profile-card {max-width:400px;}
    .modal-profile .profile-img {float:none; margin:0 auto; width:200px; padding-bottom:200px;}
    .modal-profile .profile-text {margin:16px 0 0 0; text-align:center;}
    /* -------- Projects ------------ */
    .project {display:block; width:auto;}
    /* -------- Join Block ------------ */
    .join-block {padding:0; text-align:center;}
    .join-block .btn-circle {position:relative; margin:0; right:auto; top:auto;}
    /* -------- Members ------------ */
    .members {display:block;}
    .member {display:block; width:auto; flex:none;}
    /* -------- News ------------ */
    .news-list-view.news-single .news-text {padding-left:0; padding-right:0;}
    .news-list-view.news-scroll-box .news-card {padding-left:0;}
    .news-list-view.news-scroll-box .news-card .news-img {position:relative; left:auto; top:auto; width:auto; height:0; padding:0 0 56% 0;}
}

@media screen and (max-width:480px) {
    /* -------- Top ------------ */
    .btn-top.icon-awia {display:none;}
    /* -------- Header ------------ */
    #header {right:88px;}
    /* -------- Search Box ------------ */
    .search-box {padding:40px 16px 20px 16px; border-radius:20px 0;}
    .search-box:before {left:50%; margin:-40px; border-radius:20px 0;}
    .search-box h2 {margin:10px 0; font-size:24px;}
    .search-box .fieldwrap {display:block; width:auto; padding:0;}
    .fieldwrap_field-searchbox02, .fieldwrap_field-searchbox03, .fieldwrap_field-searchbox04 {display:block; width:auto;}
    .search-box .fieldwrap.fieldwrap_field-searchbox05 {white-space:normal;}
    .search-box input[type=submit] {margin:0; width:100%;}
    .search-box .btn3 {margin:10px 0; width:100%;}
    /* -------- Filters -------- */
    .filters .fieldwrap {display:block; width:auto;}
}

@media screen and (max-width:400px) {
    /* -------- Lists ------------ */
    .block-list li {padding-left:60px;}
    .block-list li:before {width:60px; font-size:40px; margin:3% 0;}
    /* -------- Footer ------------ */
    .footer-links ul {display:block; width:auto;}
    .footer-top .col-2 p {min-width:auto;}
}

/*--added by Adam needs to be refactored */
#card-errors{font-size: 16px; color: red; font-weight: bolder}

/* CSS fixes added by Gavin Bruce */

/* Reduce the space under the arrow navigation to match supplied files */
.glide__arrows {
    height: 50px;
}

/* Duplicate the #body styles. */
.body{display:table; table-layout:fixed; font-size:0; max-width:1920px; margin:0 auto; height:100%; min-height:100%; min-width:320px; position:relative; text-align:left; background:#ffffff;}

/* Duplicate the #content styles. */

.content {    display: table-row;
    position: relative;}

/* Remove the x padding for the accordion elements. */
.mx-0 {
    margin-left: 0 !important;
    margin-right: 0 !important;
}

/* stripe styles */
#Form_SignupForm_MembershipSelection_Holder {
  margin-bottom: 30px;
}

/* Required to style the credit card container the same as the other fields. Stripe doesn't accept these styles */
#card-element {
  border-radius: 30px;
  padding: 20px;
  background: #E8EBED;
}

/* Required to style the credit card errors so that it lines up with the labels. Stripe doesn't accept these styles */
.card-errors {
  padding-left: 30px;
  padding-bottom: 10px;
}
.card-errors:empty {
  padding-bottom: 0;
}

/* Remove large spacing between elemental blocks */
#main div.element-holder .columns-padding {
  margin-top: 0;
  margin-bottom: 0;
}
#main div.element-holder:last-child .columns-padding {
  margin-bottom: 60px;
  margin-top: 60px;
}

#main div.element-holder:first-child .columns-padding {
  margin-top: 60px;
}
.mb-0 {
  margin-bottom: 0 !important;
}
.pb-0 {
  padding-bottom: 0 !important;
}

/* Member card fixes */
.member-card a {display:block;}

.banner-logo--circle {
    border-radius: 100%;
}
li label {
    display: inline;
}
.checkboxset ul li::before,.optionset ul li::before{
    content: none;
}