/*Fonts*/ @font-face { font-family: 'GT America Compressed Black'; src:url('https://cdn.sums.su/ma-assets/fonts/gt-america-compressed-black.woff2') format('woff2'), url('https://cdn.sums.su/ma-assets/fonts/gt-america-compressed-black.woff') format('woff'); font-weight: normal; font-style: normal; } @font-face { font-family: 'GT America Black'; src:url('https://cdn.sums.su/ma-assets/fonts/gt-america-standard-black-webfont.woff2') format('woff2'), url('https://cdn.sums.su/ma-assets/fonts/gt-america-standard-black-webfont.woff') format('woff'); font-weight: normal; font-style: normal; } @font-face { font-family: 'GT America Bold'; src:url('https://cdn.sums.su/ma-assets/fonts/gt-america-standard-bold.woff2') format('woff2'), url('https://cdn.sums.su/ma-assets/fonts/gt-america-standard-bold.woff') format('woff'); font-weight: normal; font-style: normal; } @font-face { font-family: 'GT America Regular'; src:url('https://cdn.sums.su/ma-assets/fonts/gt-america-standard-regular.woff2') format('woff2'), url('https://cdn.sums.su/ma-assets/fonts/gt-america-standard-regular.woff') format('woff'); font-weight: normal; font-style: normal; } @font-face { font-family: 'GT America Light'; src:url('https://cdn.sums.su/ma-assets/fonts/gt-america-standard-light.woff2') format('woff2'), url('https://cdn.sums.su/ma-assets/fonts/gt-america-standard-light.woff') format('woff'); font-weight: normal; font-style: normal; } /*Global*/ html, body { padding: 0; margin: 0; font-family: 'GT America Regular',Arial; color: #000; } main {position: relative;} * { -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; outline: 0; -webkit-tap-highlight-color: rgba(0,0,0,0); box-sizing: border-box; } .clear:after { content: "."; visibility: hidden; display: block; height: 0; clear: both; } .bk1 { position: absolute; right: 0px; top: 30px; z-index: 99; pointer-events: none; opacity: 0.5; } .bk2 { position: absolute; left: 0px; bottom: 30px; z-index: 99; pointer-events: none; opacity: 0.5; } input[type=text],input[type=submit],input[type=button], input[type=email],input[type=password]{ -webkit-appearance:none; -moz-appearance:none; appearance:none; border-radius:0; } input[type=text],input[type=email],input[type=password] { font-family: 'GT America Bold'; } .container {margin: 0px auto;padding: 0px 30px;position: relative; z-index: 99;line-height: 0px;} .width_1200 {max-width: 1200px;} .width_1140 {max-width: 1140px;} h1, h2, h3, h4, h5, h6 { font-family: 'GT America Bold',Arial; font-weight: normal; } a { outline: none; text-decoration: none; } a:focus, a:hover { text-decoration: underline; } hr { margin: 28px 0px; border: 0; border-top: 1px solid rgba(0,0,0,.1); } button { font-family: "GT America Bold"; text-transform: uppercase; border: 0; padding: 5px 25px 5px 25px; font-size: 12px; font-weight: normal; } button:focus, button:hover { text-decoration: underline; cursor: pointer; } [role="button"], a, area, button, input:not([type="range"]), label, select, summary, textarea { -ms-touch-action: manipulation; touch-action: manipulation; } /*Margins*/ .m0 {margin:0px !important;} ul { padding: 0; margin: 0; list-style: none; } ul li { padding: 0; margin: 0; list-style: none; } p { margin-top: 0; margin-bottom: 20px; } .full_button { display: inline-block; width: 100%; font-size: 15px; padding: 0px 25px 0px 20px; font-family: "GT America Bold"; text-transform: uppercase; border: 0; font-weight: normal; line-height: 17px; height: 60px; position: relative; -webkit-transition: all .25s ease; transition: all .25s ease; margin-bottom: 12px; } .full_button:hover {cursor: pointer;} .full_button:last-child {margin-bottom: 0px;} .col_black {color: #000;} /*black*/ .col_white {color: #fff;} /*white*/ .col_green {color: #00a493;} /*Green*/ .col_yellow {color: #ffd301;} /*Yellow*/ .col_pink {color: #c71e5c;} /*Yellow*/ .colbk_black {background-color: #000;} /*black*/ .colbk_white {background-color: #fff;} /*white*/ .colbk_grey {background-color: #ececec;} .colbk_green {background-color: #00a493;} /*Green*/ .colbk_yellow {background-color: #ffd301;} /*Yellow*/ .colbk_pink {background-color: #c71e5c;} /*Yellow*/ .colbk_transparent {background-color: rgba(255,255,255,0.9);} .hov_green:hover {color: #00a493;background-color: #ffd301;} .hov_yellow:hover {color: #ffd301;background-color: #00a493;} .hov_pink:hover {color: #ffd301;background-color: #c71e5c;} .nounderline {text-decoration:none !important;} /*Themes*/ .home .col_main {color: #5a60ac;} .home .colbk {background-color: #5a60ac} .home .newsfeed .latestnews .marquee-message a:after {background-color: #5a60ac;} .home .intro {background-color: #ececec;} .home #skew polygon {fill:#ececec} .home footer .top svg#su path {fill:#000 !important;} .home footer .socials a:hover svg path {fill: #5a60ac !important;} .home .intro .content .pagetitle { font-size: 90px; line-height: 90px; color: #5a60ac; } .news .col_main {color: #5a60ac;} .news .colbk {background-color: #5a60ac} .news .newsfeed .latestnews .marquee-message a:after {background-color: #5a60ac;} .news .intro {background-color: #ececec;} .news #skew polygon {fill:#ececec} .news footer .top svg#su path {fill:#000 !important;} .news footer .socials a:hover svg path {fill: #5a60ac !important;} .news footer .top svg#su path {fill:#f3afca !important;} /*Second*/ .news .intro .content .pagetitle { font-size: 90px; line-height: 90px; color: #5a60ac; } .news #breadcrumb ul li:nth-child(4) { display: none; } .news #breadcrumb ul li:nth-child(5) { display: none; } .advice .col_main {color: #00a493;} /*First*/ .advice .colbk {background-color: #00a493} /*First*/ .advice .newsfeed .latestnews .marquee-message a:after {background-color: #00a493;} /*First*/ .advice .intro .content .pagetitle {color: #00a493;} /*First*/ .advice #breadcrumb ul li a:hover {color: #00a493;} /*First*/ .advice .intro .content ul#sidemenu li a {background-color: #00a493;color: #fff;} /*First*/ .advice #page_content .content p a,.advice #page_content .content table td a,.advice #page_content .content ul li a,.advice #page_content .content ol li a {color: #00a493;} /*First*/ .advice .intro .content ul#sidemenu li .sub-menu a:hover span, .advice .intro .content ul#sidemenu li .sub-menu a.list-group-item-active span {color: #00a493;} /*First*/ .advice #page_content .content .card .card-header a {background-color: #00a493;} /*First*/ .advice footer .socials a:hover svg path {fill: #00a493 !important;} /*First*/ .advice footer .top svg#su path {fill:#ffd301 !important;} /*Second*/ .advice #page_content .content a.button,.advice .content a.button {color: #000; background-color:#ffd301} /*Second*/ .advice .intro {background-color: #c6e8e9;} /*Light*/ .advice #skew polygon {fill:#c6e8e9} /*Light*/ .get-involved .col_main {color: #ee7378;} /*First*/ .get-involved .colbk {background-color: #ee7378} /*First*/ .get-involved .newsfeed .latestnews .marquee-message a:after {background-color: #ee7378;} /*First*/ .get-involved .intro .content .pagetitle {color: #ee7378;} /*First*/ .get-involved #breadcrumb ul li a:hover {color: #ee7378;} /*First*/ .get-involved .intro .content ul#sidemenu li a {background-color: #ee7378;color: #fff;} /*First*/ .get-involved #page_content .content p a,.get-involved #page_content .content table td a,.get-involved #page_content .content ul li a,.get-involved #page_content .content ol li a {color: #ee7378;} /*First*/ .get-involved .intro .content ul#sidemenu li .sub-menu a:hover span, .get-involved .intro .content ul#sidemenu li .sub-menu a.list-group-item-active span {color: #ee7378;} /*First*/ .get-involved #page_content .content .card .card-header a {background-color: #ee7378;} /*First*/ .get-involved footer .socials a:hover svg path {fill: #ee7378 !important;} /*First*/ .get-involved #page_content .content a.button,.get-involved .content a.button {color: #000; background-color:#f4afca} /*Second*/ .get-involved footer .top svg#su path {fill:#f4afca !important;} /*Second*/ .get-involved .intro {background-color: #fce3e4;} /*Light*/ .get-involved #skew polygon {fill:#fce3e4} /*Light*/ .student-voice .col_main {color: #fed404;} /*First*/ .student-voice .colbk {background-color: #fed404} /*First*/ .student-voice .newsfeed .latestnews .marquee-message a:after {background-color: #fed404;} /*First*/ .student-voice .intro .content .pagetitle {color: #fed404;} /*First*/ .student-voice #breadcrumb ul li a:hover {color: #fed404;} /*First*/ .student-voice .intro .content ul#sidemenu li a {background-color: #fed404;color: #fff;} /*First*/ .student-voice #page_content .content p a,.student-voice #page_content .content table td a,.student-voice #page_content .content ul li a,.student-voice #page_content .content ol li a {color: #c81e5c;} /*First*/ .student-voice .intro .content ul#sidemenu li .sub-menu a:hover span, .student-voice .intro .content ul#sidemenu li .sub-menu a.list-group-item-active span {color: #c81e5c;} /*First*/ .student-voice #page_content .content .card .card-header a {background-color: #fed404;} /*First*/ .student-voice footer .socials a:hover svg path {fill: #fed404 !important;} /*First*/ .student-voice .intro .content h1 {font-size: 50px; line-height: 55px;} .student-voice #page_content .content a.button,.student-voice .content a.button {color: #000; background-color:#c61e5b} /*Second*/ .student-voice footer .top svg#su path {fill:#c61e5b !important;} /*Second*/ .student-voice .intro {background-color: #fff6db;} /*Light*/ .student-voice #skew polygon {fill:#fff6db} /*Light*/ .student-reps .col_main {color: #4f6e5b;} /*First*/ .student-reps .colbk {background-color: #4f6e5b} /*First*/ .student-reps .newsfeed .latestnews .marquee-message a:after {background-color: #4f6e5b;} /*First*/ .student-reps .intro .content .pagetitle {color: #4f6e5b;} /*First*/ .student-reps #breadcrumb ul li a:hover {color: #4f6e5b;} /*First*/ .student-reps .intro .content ul#sidemenu li a {background-color: #4f6e5b;color: #fff;} /*First*/ .student-reps #page_content .content p a,.student-reps #page_content .content table td a,.student-reps #page_content .content ul li a,.student-reps #page_content .content ol li a {color: #4f6e5b;} /*First*/ .student-reps .intro .content ul#sidemenu li .sub-menu a:hover span, .student-reps .intro .content ul#sidemenu li .sub-menu a.list-group-item-active span {color: #4f6e5b;} /*First*/ .student-reps #page_content .content .card .card-header a {background-color: #4f6e5b;} /*First*/ .student-reps footer .socials a:hover svg path {fill: #4f6e5b !important;} /*First*/ .student-reps #page_content .content a.button,.student-reps .content a.button {color: #000; background-color:#3ec1e3} /*Second*/ .student-reps footer .top svg#su path {fill:#3ec1e3 !important;} /*Second*/ .student-reps .intro {background-color: #dce2df;} /*Light*/ .student-reps #skew polygon {fill:#dce2df} /*Light*/ .jobs .col_main {color: #f4b0cc;} /*First*/ .jobs .colbk {background-color: #f4b0cc} /*First*/ .jobs .newsfeed .latestnews .marquee-message a:after {background-color: #f4b0cc;} /*First*/ .jobs .intro .content .pagetitle {color: #f4b0cc;} /*First*/ .jobs #breadcrumb ul li a:hover {color: #f4b0cc;} /*First*/ .jobs .intro .content ul#sidemenu li a {background-color: #f4b0cc;color: #fff;} /*First*/ .jobs #page_content .content p a,.jobs #page_content .content table td a,.jobs #page_content .content ul li a,.jobs #page_content .content ol li a {color: #f4b0cc;} /*First*/ .jobs .intro .content ul#sidemenu li .sub-menu a:hover span, .jobs .intro .content ul#sidemenu li .sub-menu a.list-group-item-active span {color: #f4b0cc;} /*First*/ .jobs #page_content .content .card .card-header a {background-color: #f4b0cc;} /*First*/ .jobs footer .socials a:hover svg path {fill: #f4b0cc !important;} /*First*/ .jobs #page_content .content a.button,.jobs .content a.button {color: #fff; background-color:#5960ab} /*Second*/ .jobs footer .top svg#su path {fill:#5960ab !important;} /*Second*/ .jobs .intro {background-color: #fcebf1;} /*Light*/ .jobs #skew polygon {fill:#fcebf1} /*Light*/ .about-us .col_main {color: #43c0e1;} /*First*/ .about-us .colbk {background-color: #43c0e1} /*First*/ .about-us .newsfeed .latestnews .marquee-message a:after {background-color: #43c0e1;} /*First*/ .about-us .intro .content .pagetitle {color: #43c0e1;} /*First*/ .about-us #breadcrumb ul li a:hover {color: #43c0e1;} /*First*/ .about-us .intro .content ul#sidemenu li a {background-color: #43c0e1;color: #fff;} /*First*/ .about-us #page_content .content p a,.about-us #page_content .content table td a,.about-us #page_content .content ul li a,.about-us #page_content .content ol li a{color: #43c0e1;} /*First*/ .about-us .intro .content ul#sidemenu li .sub-menu a:hover span, .about-us .intro .content ul#sidemenu li .sub-menu a.list-group-item-active span {color: #43c0e1;} /*First*/ .about-us #page_content .content .card .card-header a {background-color: #43c0e1;} /*First*/ .about-us footer .socials a:hover svg path {fill: #43c0e1 !important;} /*First*/ .about-us #page_content .content a.button,.about-us .content a.button {color: #000; background-color:#fed404} /*Second*/ .about-us footer .top svg#su path {fill:#fed404 !important;} /*Second*/ .about-us .intro {background-color: #d0eff6;} /*Light*/ .about-us #skew polygon {fill:#d0eff6} /*Light*/ .eat-drink-shop .col_main {color: #c91e5b;} /*First*/ .eat-drink-shop .colbk {background-color: #c91e5b} /*First*/ .eat-drink-shop .newsfeed .latestnews .marquee-message a:after {background-color: #c91e5b;} /*First*/ .eat-drink-shop .intro .content .pagetitle {color: #c91e5b;} /*First*/ .eat-drink-shop #breadcrumb ul li a:hover {color: #c91e5b;} /*First*/ .eat-drink-shop .intro .content ul#sidemenu li a {background-color: #c91e5b;color: #fff;} /*First*/ .eat-drink-shop #page_content .content p a,.eat-drink-shop #page_content .content table td a,.eat-drink-shop #page_content .content ul li a,.eat-drink-shop #page_content .content ol li a{color: #c91e5b;} /*First*/ .eat-drink-shop .intro .content ul#sidemenu li .sub-menu a:hover span, .eat-drink-shop .intro .content ul#sidemenu li .sub-menu a.list-group-item-active span {color: #c91e5b;} /*First*/ .eat-drink-shop #page_content .content .card .card-header a {background-color: #c91e5b;} /*First*/ .eat-drink-shop footer .socials a:hover svg path {fill: #c91e5b !important;} /*First*/ .eat-drink-shop #page_content .content a.button,.eat-drink-shop .content a.button {color: #000; background-color:#43c0df} /*Second*/ .eat-drink-shop footer .top svg#su path {fill:#43c0df !important;} /*Second*/ .eat-drink-shop .intro {background-color: #fcebf1;} /*Light*/ .eat-drink-shop #skew polygon {fill:#fcebf1} /*Light*/ .events .col_main {color: #fed404;} /*First*/ .events .colbk {background-color: #fed404} /*First*/ .events .newsfeed .latestnews .marquee-message a:after {background-color: #fed404;} /*First*/ .events .intro .content .pagetitle {color: #000;} /*First*/ .events #breadcrumb ul li a:hover {color: #fed404;} /*First*/ .events .intro .content ul#sidemenu li a {background-color: #fed404;color: #fff;} /*First*/ .events #page_content .content p a,.events #page_content .content table td a,.events #page_content .content ul li a,.events #page_content .content ol li a {color: #c81e5c;} /*First*/ .events .intro .content ul#sidemenu li .sub-menu a:hover span, .events .intro .content ul#sidemenu li .sub-menu a.list-group-item-active span {color: #c81e5c;} /*First*/ .events #page_content .content .card .card-header a {background-color: #fed404;} /*First*/ .events footer .socials a:hover svg path {fill: #fed404 !important;} /*First*/ .events .intro .content h1 {font-size: 50px; line-height: 55px;} .events #page_content .content a.button,.events .content a.button {color: #000; background-color:#c61e5b} /*Second*/ .events footer .top svg#su path {fill:#fff !important;} /*Second*/ .events .intro {background-color: #ececec;} /*Light*/ .events #skew polygon {fill:#ececec} /*Light*/ .activities .col_main {color: #43c0e1;} /*First*/ .activities .colbk {background-color: #43c0e1} /*First*/ .activities .newsfeed .latestnews .marquee-message a:after {background-color: #43c0e1;} /*First*/ .activities .intro .content .pagetitle {color: #43c0e1;} /*First*/ .activities #breadcrumb ul li a:hover {color: #43c0e1;} /*First*/ .activities .intro .content ul#sidemenu li a {background-color: #43c0e1;color: #fff;} /*First*/ .activities #page_content .content p a,.activities #page_content .content table td a,.activities #page_content .content ul li a,.activities #page_content .content ol li a{color: #43c0e1;} /*First*/ .activities .intro .content ul#sidemenu li .sub-menu a:hover span, .activities .intro .content ul#sidemenu li .sub-menu a.list-group-item-active span {color: #43c0e1;} /*First*/ .activities #page_content .content .card .card-header a {background-color: #43c0e1;} /*First*/ .activities footer .socials a:hover svg path {fill: #43c0e1 !important;} /*First*/ .activities #page_content .content a.button,.activities .content a.button {color: #000; background-color:#fed404} /*Second*/ .activities footer .top svg#su path {fill:#fed404 !important;} /*Second*/ .activities .intro {background-color: #ececec;} /*Light*/ .activities #skew polygon {fill:#ececec} /*Light*/ .exec .col_main {color: #ee7378;} /*First*/ .exec .colbk {background-color: #ee7378} /*First*/ .exec .newsfeed .latestnews .marquee-message a:after {background-color: #ee7378;} /*First*/ .exec .intro .content .pagetitle {color: #ee7378;} /*First*/ .exec #breadcrumb ul li a:hover {color: #ee7378;} /*First*/ .exec .intro .content ul#sidemenu li a {background-color: #ee7378;color: #fff;} /*First*/ .exec #page_content .content p a,.exec #page_content .content table td a,.exec #page_content .content ul li a,.exec #page_content .content ol li a {color: #ee7378;} /*First*/ .exec .intro .content ul#sidemenu li .sub-menu a:hover span, .exec .intro .content ul#sidemenu li .sub-menu a.list-group-item-active span {color: #ee7378;} /*First*/ .exec .intro .content a.link,.exec .intro .content a.link:hover,.exec .intro .content a.link:focus {color: #ee7378;} .exec #page_content .content .card .card-header a {background-color: #ee7378;} /*First*/ .exec footer .socials a:hover svg path {fill: #ee7378 !important;} /*First*/ .exec footer .top svg#su path {fill:#f4afca !important;} /*Second*/ .exec .intro {background-color: #fce3e4;} /*Light*/ .exec #skew polygon {fill:#fce3e4} /*Light*/ .officer1 .col_main {color: #ffd400;} /*First*/ .officer1 .colbk {background-color: #ffd400} /*First*/ .officer1 .newsfeed .latestnews .marquee-message a:after {background-color: #ffd400;} /*First*/ .officer1 .intro .content .pagetitle {color: #ffd400;} /*First*/ .officer1 #breadcrumb ul li a:hover {color: #ffd400;} /*First*/ .officer1 .intro .content ul#sidemenu li a {background-color: #ffd400;color: #fff;} /*First*/ .officer1 #page_content .content p a,.officer1 #page_content .content table td a,.officer1 #page_content .content ul li a,.office1 #page_content .content ol li a {color: #ffd400;} /*First*/ .officer1 .intro .content ul#sidemenu li .sub-menu a:hover span, .officer1 .intro .content ul#sidemenu li .sub-menu a.list-group-item-active span {color: #ffd400;} /*First*/ .officer1 .intro .content a.link,.office1 .intro .content a.link:hover,.officer1 .intro .content a.link:focus {color: #ffd400;} .officer1 #page_content .content .card .card-header a {background-color: #ffd400;} /*First*/ .officer1 footer .socials a:hover svg path {fill: #ffd400 !important;} /*First*/ .officer1 #page_content .content a.button,.officer1 .content a.button {color: #fff; background-color: #000;} /*Second*/ .officer1 footer .top svg#su path {fill:#fff !important;} /*Second*/ .officer1 .intro {background-color: #ececec;} /*Light*/ .officer1 #skew polygon {fill:#ececec} /*Light*/ .officer1 .content h4, .officer1 #page_content .content h4 {color: #ffd400;} .officer1 .officerdetails .exechelp {background-color:#ffd400; color:#000;} .officer2 .col_main {color: #4f6e5b;} /*First*/ .officer2 .colbk {background-color: #4f6e5b} /*First*/ .officer2 .newsfeed .latestnews .marquee-message a:after {background-color: #4f6e5b;} /*First*/ .officer2 .intro .content .pagetitle {color: #4f6e5b;} /*First*/ .officer2 #breadcrumb ul li a:hover {color: #4f6e5b;} /*First*/ .officer2 .intro .content ul#sidemenu li a {background-color: #4f6e5b;color: #fff;} /*First*/ .officer2 #page_content .content p a,.officer2 #page_content .content table td a,.officer2 #page_content .content ul li a,.office2 #page_content .content ol li a {color: #4f6e5b;} /*First*/ .officer2 .intro .content ul#sidemenu li .sub-menu a:hover span, .officer2 .intro .content ul#sidemenu li .sub-menu a.list-group-item-active span {color: #4f6e5b;} /*First*/ .officer2 .intro .content a.link,.officer2 .intro .content a.link:hover,.officer2 .intro .content a.link:focus {color: #4f6e5b;} .officer2 #page_content .content .card .card-header a {background-color: #4f6e5b;} /*First*/ .officer2 footer .socials a:hover svg path {fill: #4f6e5b !important;} /*First*/ .officer2 #page_content .content a.button,.officer2 .content a.button {color: #fff; background-color: #000;} /*Second*/ .officer2 footer .top svg#su path {fill:#fff !important;} /*Second*/ .officer2 .intro {background-color: #ececec;} /*Light*/ .officer2 #skew polygon {fill:#ececec} /*Light*/ .officer2 .content h4, .officer2 #page_content .content h4 {color: #4f6e5b;} .officer2 .officerdetails .exechelp {background-color:#4f6e5b; color:#fff;} .officer3 .col_main {color: #f4afca;} /*First*/ .officer3 .colbk {background-color: #f4afca} /*First*/ .officer3 .newsfeed .latestnews .marquee-message a:after {background-color: #f4afca;} /*First*/ .officer3 .intro .content .pagetitle {color: #f4afca;} /*First*/ .officer3 #breadcrumb ul li a:hover {color: #f4afca;} /*First*/ .officer3 .intro .content ul#sidemenu li a {background-color: #f4afca;color: #fff;} /*First*/ .officer3 #page_content .content p a,.officer3 #page_content .content table td a,.officer3 #page_content .content ul li a,.officer3 #page_content .content ol li a {color: #f4afca;} /*First*/ .officer3 .intro .content ul#sidemenu li .sub-menu a:hover span, .officer3 .intro .content ul#sidemenu li .sub-menu a.list-group-item-active span {color: #f4afca;} /*First*/ .officer3 .intro .content a.link,.officer3 .intro .content a.link:hover,.officer3 .intro .content a.link:focus {color: #f4afca;} .officer3 #page_content .content .card .card-header a {background-color: #f4afca;} /*First*/ .officer3 footer .socials a:hover svg path {fill: #f4afca !important;} /*First*/ .officer3 #page_content .content a.button,.officer3 .content a.button {color: #fff; background-color: #000;} /*Second*/ .officer3 footer .top svg#su path {fill:#fff !important;} /*Second*/ .officer3 .intro {background-color: #ececec;} /*Light*/ .officer3 #skew polygon {fill:#ececec} /*Light*/ .officer3 .content h4, .officer3 #page_content .content h4 {color: #f4afca;} .officer3 .officerdetails .exechelp {background-color:#f4afca; color:#fff;} .officer4 .col_main {color: #46bedd;} /*First*/ .officer4 .colbk {background-color: #46bedd} /*First*/ .officer4 .newsfeed .latestnews .marquee-message a:after {background-color: #46bedd;} /*First*/ .officer4 .intro .content .pagetitle {color: #46bedd;} /*First*/ .officer4 #breadcrumb ul li a:hover {color: #46bedd;} /*First*/ .officer4 .intro .content ul#sidemenu li a {background-color: #46bedd;color: #fff;} /*First*/ .officer4 #page_content .content p a,.officer4 #page_content .content table td a,.officer4 #page_content .content ul li a,.officer4 #page_content .content ol li a {color: #46bedd;} /*First*/ .officer4 .intro .content ul#sidemenu li .sub-menu a:hover span, .officer4 .intro .content ul#sidemenu li .sub-menu a.list-group-item-active span {color: #46bedd;} /*First*/ .officer4 .intro .content a.link,.officer4 .intro .content a.link:hover,.officer4 .intro .content a.link:focus {color: #46bedd;} .officer4 #page_content .content .card .card-header a {background-color: #46bedd;} /*First*/ .officer4 footer .socials a:hover svg path {fill: #46bedd !important;} /*First*/ .officer4 #page_content .content a.button,.officer4 .content a.button {color: #fff; background-color: #000;} /*Second*/ .officer4 footer .top svg#su path {fill:#fff !important;} /*Second*/ .officer4 .intro {background-color: #ececec;} /*Light*/ .officer4 #skew polygon {fill:#ececec} /*Light*/ .officer4 .content h4, .officer4 #page_content .content h4 {color: #46bedd;} .officer4 .officerdetails .exechelp {background-color:#46bedd; color:#fff;} .officer5 .col_main {color: #62569a;} /*First*/ .officer5 .colbk {background-color: #62569a} /*First*/ .officer5 .newsfeed .latestnews .marquee-message a:after {background-color: #62569a;} /*First*/ .officer5 .intro .content .pagetitle {color: #62569a;} /*First*/ .officer5 #breadcrumb ul li a:hover {color: #62569a;} /*First*/ .officer5 .intro .content ul#sidemenu li a {background-color: #62569a;color: #fff;} /*First*/ .officer5 #page_content .content p a,.officer5 #page_content .content table td a,.officer5 #page_content .content ul li a,.officer5 #page_content .content ol li a {color: #62569a;} /*First*/ .officer5 .intro .content ul#sidemenu li .sub-menu a:hover span, .officer5 .intro .content ul#sidemenu li .sub-menu a.list-group-item-active span {color: #62569a;} /*First*/ .officer5 .intro .content a.link,.officer5 .intro .content a.link:hover,.office5 .intro .content a.link:focus {color: #62569a;} .officer5 #page_content .content .card .card-header a {background-color: #62569a;} /*First*/ .officer5 footer .socials a:hover svg path {fill: #62569a !important;} /*First*/ .officer5 #page_content .content a.button,.officer5 .content a.button {color: #fff; background-color: #000;} /*Second*/ .officer5 footer .top svg#su path {fill:#fff !important;} /*Second*/ .officer5 .intro {background-color: #ececec;} /*Light*/ .officer5 #skew polygon {fill:#ececec} /*Light*/ .officer5 .content h4, .officer5 #page_content .content h4 {color: #62569a;} .officer5 .officerdetails .exechelp {background-color:#62569a; color:#fff;} .officer6 .col_main {color: #00a393;} /*First*/ .officer6 .colbk {background-color: #00a393} /*First*/ .officer6 .newsfeed .latestnews .marquee-message a:after {background-color: #00a393;} /*First*/ .officer6 .intro .content .pagetitle {color: #00a393;} /*First*/ .officer6 #breadcrumb ul li a:hover {color: #00a393;} /*First*/ .officer6 .intro .content ul#sidemenu li a {background-color: #00a393;color: #fff;} /*First*/ .officer6 #page_content .content p a,.officer6 #page_content .content table td a,.officer6 #page_content .content ul li a,.officer6 #page_content .content ol li a {color: #00a393;} /*First*/ .officer6 .intro .content ul#sidemenu li .sub-menu a:hover span, .officer6 .intro .content ul#sidemenu li .sub-menu a.list-group-item-active span {color: #00a393;} /*First*/ .officer6 .intro .content a.link,.officer6 .intro .content a.link:hover,.officer6 .intro .content a.link:focus {color: #00a393;} .officer6 #page_content .content .card .card-header a {background-color: #00a393;} /*First*/ .officer6 footer .socials a:hover svg path {fill: #00a393 !important;} /*First*/ .officer6 #page_content .content a.button,.officer6 .content a.button {color: #fff; background-color: #000;} /*Second*/ .officer6 footer .top svg#su path {fill:#fff !important;} /*Second*/ .officer6 .intro {background-color: #ececec;} /*Light*/ .officer6 #skew polygon {fill:#ececec} /*Light*/ .officer6 .content h4, .officer6 #page_content .content h4 {color: #00a393;} .officer6 .officerdetails .exechelp {background-color:#00a393; color:#fff;} .officer7 .col_main {color: #ed7378;} /*First*/ .officer7 .colbk {background-color: #ed7378} /*First*/ .officer7 .newsfeed .latestnews .marquee-message a:after {background-color: #ed7378;} /*First*/ .officer7 .intro .content .pagetitle {color: #ed7378;} /*First*/ .officer7 #breadcrumb ul li a:hover {color: #ed7378;} /*First*/ .officer7 .intro .content ul#sidemenu li a {background-color: #ed7378;color: #fff;} /*First*/ .officer7 #page_content .content p a,.officer7 #page_content .content table td a,.officer7 #page_content .content ul li a,.officer7 #page_content .content ol li a {color: #ed7378;} /*First*/ .officer7 .intro .content ul#sidemenu li .sub-menu a:hover span, .officer7 .intro .content ul#sidemenu li .sub-menu a.list-group-item-active span {color: #ed7378;} /*First*/ .officer7 .intro .content a.link,.officer7 .intro .content a.link:hover,.officer7 .intro .content a.link:focus {color: #ed7378;} .officer7 #page_content .content .card .card-header a {background-color: #ed7378;} /*First*/ .officer7 footer .socials a:hover svg path {fill: #ed7378 !important;} /*First*/ .officer7 #page_content .content a.button,.officer7 .content a.button {color: #fff; background-color: #000;} /*Second*/ .officer7 footer .top svg#su path {fill:#fff !important;} /*Second*/ .officer7 .intro {background-color: #ececec;} /*Light*/ .officer7 #skew polygon {fill:#ececec} /*Light*/ .officer7 .content h4, .officer7 #page_content .content h4 {color: #ed7378;} .officer7 .officerdetails .exechelp {background-color:#ed7378; color:#fff;} .officer8 .col_main {color: #c60759;} /*First*/ .officer8 .colbk {background-color: #c60759} /*First*/ .officer8 .newsfeed .latestnews .marquee-message a:after {background-color: #c60759;} /*First*/ .officer8 .intro .content .pagetitle {color: #c60759;} /*First*/ .officer8 #breadcrumb ul li a:hover {color: #c60759;} /*First*/ .officer8 .intro .content ul#sidemenu li a {background-color: #c60759;color: #fff;} /*First*/ .officer8 #page_content .content p a,.officer8 #page_content .content table td a,.officer8 #page_content .content ul li a,.office8 #page_content .content ol li a {color: #c60759;} /*First*/ .officer8 .intro .content ul#sidemenu li .sub-menu a:hover span, .officer8 .intro .content ul#sidemenu li .sub-menu a.list-group-item-active span {color: #c60759;} /*First*/ .officer8 .intro .content a.link,.officer8 .intro .content a.link:hover,.officer8 .intro .content a.link:focus {color: #c60759;} .officer8 #page_content .content .card .card-header a {background-color: #c60759;} /*First*/ .officer8 footer .socials a:hover svg path {fill: #c60759 !important;} /*First*/ .officer8 #page_content .content a.button,.officer8 .content a.button {color: #fff; background-color: #000;} /*Second*/ .officer8 footer .top svg#su path {fill:#fff !important;} /*Second*/ .officer8 .intro {background-color: #ececec;} /*Light*/ .officer8 #skew polygon {fill:#ececec} /*Light*/ .officer8 .content h4, .officer8 #page_content .content h4 {color: #c60759;} .officer8 .officerdetails .exechelp {background-color:#c60759; color:#fff;} .welcome .col_main {color: #ffd400;} /*First*/ .welcome .colbk {background-color: #ffd400} /*First*/ .welcome .newsfeed .latestnews .marquee-message a:after {background-color: #eb297b;} /*First*/ .welcome .newsfeed .latestnews .title {color:#eb297b;} .welcome .intro .content .pagetitle {color: #ffd400;} /*First*/ .welcome #breadcrumb ul li a:hover {color: #ffd400;} /*First*/ .welcome .intro .content ul#sidemenu li a {background-color: #ffd400;color: #fff;} /*First*/ .welcome #page_content .content p a,.welcome #page_content .content table td a,.welcome #page_content .content ul li a,.office1 #page_content .content ol li a {color: #ffd400;} /*First*/ .welcome .intro .content ul#sidemenu li .sub-menu a:hover span, .welcome .intro .content ul#sidemenu li .sub-menu a.list-group-item-active span {color: #ffd400;} /*First*/ .welcome .intro .content a.link,.welcome .intro .content a.link:hover,.welcome .intro .content a.link:focus {color: #ffd400;} .welcome #page_content .content .card .card-header a {background-color: #ffd400;} /*First*/ .welcome footer .socials a:hover svg path {fill: #ffd400 !important;} /*First*/ .welcome #page_content .content a.button,.welcome .content a.button {color: #fff; background-color: #000;} /*Second*/ .welcome footer .top svg#su path {fill:#fff !important;} /*Second*/ .welcome .intro {background-color: #ececec; position: relative;} /*Light*/ .welcome #skew polygon {fill:#ececec} /*Light*/ .welcome .content h5, .welcome #page_content .content h5 {color: #000;} .welcome .officerdetails .exechelp {background-color:#ffd400; color:#000;} .welcome footer .top {background-color: transparent; position: relative;} .welcome footer .top img {width: 100%; position: absolute; bottom: 0px; left: 0px;} .shop .col_main {color: #43c0e1;} /*First*/ .shop .colbk {background-color: #43c0e1} /*First*/ .shop .newsfeed .latestnews .marquee-message a:after {background-color: #43c0e1;} /*First*/ .shop .intro .content .pagetitle {color: #43c0e1;} /*First*/ .shop #breadcrumb ul li a:hover {color: #43c0e1;} /*First*/ .shop .intro .content ul#sidemenu li a {background-color: #43c0e1;color: #fff;} /*First*/ .shop #page_content .content p a,.shop #page_content .content table td a,.shop #page_content .content ul li a,.activities #page_content .content ol li a{color: #43c0e1;} /*First*/ .shop .intro .content ul#sidemenu li .sub-menu a:hover span, .shop .intro .content ul#sidemenu li .sub-menu a.list-group-item-active span {color: #43c0e1;} /*First*/ .shop #page_content .content .card .card-header a {background-color: #43c0e1;} /*First*/ .shop footer .socials a:hover svg path {fill: #43c0e1 !important;} /*First*/ .shop #page_content .content a.button,.shop .content a.button {color: #000; background-color:#fed404} /*Second*/ .shop footer .top svg#su path {fill:#fed404 !important;} /*Second*/ .shop .intro {background-color: #ececec;} /*Light*/ .shop #skew polygon {fill:#ececec} /*Light*/ .left {float: left;} .right {float:right;} .content {display: inline-block; width: 100%} /*Breadcrumb*/ #breadcrumb { margin-bottom: 20px; } #breadcrumb ul li { display: inline-block; } #breadcrumb ul li a { line-height: 15px; color: #000; text-decoration: none; font-family: GT America Regular,Arial; font-size: 12px; text-transform: uppercase; -webkit-transition: all .25s ease; transition: all .25s ease; border-bottom: none; } #breadcrumb ul li i { font-size: 12px; padding: 0px 5px; } #breadcrumb ul li a:hover {color: #5a60ac;} /*Header*/ header {position: relative; z-index: 100;} header .top { padding: 20px 0px; position: relative; z-index: 100; } header .top button#search {margin-left: 12px;line-height: 16px;} header .top .searchicon { position: relative; top: 4px; } header .top a.button { font-family: "GT America Bold"; text-transform: uppercase; border: 0; padding: 7px 15px 9px 15px; font-size: 12px; font-weight: normal; line-height: 12px; float: left; height: 26px; margin-right: 5px; } header .top a.button:focus { text-decoration: none; color: #fff; } header .top a.button:hover { color: #fff; } header .top a.button { font-family: "GT America Bold"; text-transform: uppercase; border: 0; padding: 7px 15px 9px 15px; font-size: 12px; font-weight: normal; line-height: 13px; float: left; margin-right: 10px; } header .top a#searchicon {position: relative;top: 3px;font-size: 20px;} header .top a #shop-basket-badge { border-radius: 50%; width: 18px; position: relative; height: 18px; font-size: 11px; text-align: center; line-height: 18px; top: -4px; right: 0px; display: inline-block; overflow: hidden; } header .top a#shop-basket { font-size: 20px; position: relative; top: 3px; padding-right: 15px; margin-left: 12px; } header .top .profile { float: left; position: relative; } header .top .profile .options { width: 100%; position: absolute; top: 26px; left: 0px; z-index: 16; display: none; } header .top .profile.show .options {display:block;} header .top .profile .options a { display: block; font-size: 12px; font-weight: normal; line-height: 14px; padding: 8px 12px; text-transform: uppercase; } header .top .profile .options a:hover { color:#000; } header .bottom {padding: 30px 0px; position: relative; } header .bottom .logo svg {width: auto; height: 90px; } header .bottom .navigation { position: absolute; right: 30px; top: 0px; } header nav {font-size: 0px;} header nav div.menu-item { display: inline-block; position: relative; } header nav div.menu-item:after {content: '|'; position: absolute; top:0px; right:0px;font-size: 17px; line-height: 15px;} header nav div.menu-item:last-child:after {display: none;} header .bottom .navigation .menuoptions { position: absolute; padding: 20px; background: rgba(255,255,255,0.9); width: 100%; opacity: 0; left: 0px; top: 37px; opacity: 0; visibility: hidden; pointer-events: none; -webkit-transition: all .25s ease; transition: all .25s ease; } header .bottom .navigation .menuoptions.active { opacity: 1; visibility: visible; pointer-events: initial; } header .bottom .navigation .menuoptions ul { margin: -10px 0px; font-size: 0px; } header .bottom .navigation .menuoptions ul li { display: inline-block; width: 33.33%; padding: 10px 0px; } header .bottom .navigation .menuoptions ul li a { color: #000; text-decoration: none; font-family: 'GT America Light'; font-size: 16px; line-height: 21px; -webkit-transition: all .25s ease; transition: all .25s ease; text-transform: uppercase; } header .bottom .navigation .menuoptions ul li i { -webkit-transition: all .25s ease; transition: all .25s ease; margin-right: 5px; } header nav div.menu-item a { color: #000; text-decoration: none; font-family: 'GT America Bold'; font-size: 17px; line-height: 15px; padding: 0 0 1px 0; border-bottom: 5px solid transparent; margin: 0px 10px; -webkit-transition: all .25s ease; transition: all .25s ease; padding-bottom: 5px; } header .bottom .navigation .menuoptions#menu1 ul li a:hover i { color: #41c0e1; } header .bottom .navigation .menuoptions#menu2 ul li a:hover i { color: #fdd406; } header .bottom .navigation .menuoptions#menu3 ul li a:hover i { color: #ef7278; } header .bottom .navigation .menuoptions#menu4 ul li a:hover i { color: #c81e5c; } header nav div.menu-item a:hover,header nav div.menu-item a.active { text-decoration: none; border-bottom: 5px solid #62579a; } header nav div.menu-item a#option1:hover, header nav div.menu-item a#option1.active { border-color: #41c0e1; } header nav div.menu-item a#option2:hover, header nav div.menu-item a#option2.active { border-color: #fdd406; } header nav div.menu-item a#option3:hover, header nav div.menu-item a#option3.active { border-color: #41c0e1; } header nav div.menu-item a#option4:hover, header nav div.menu-item a#option4.active { border-color: #fdd406; } header nav div.menu-item a#option5:hover, header nav div.menu-item a#option5.active { border-color: #ef7278; } header nav div.menu-item a#option6:hover, header nav div.menu-item a#option6.active { border-color: #c81e5c; } header nav div.menu-item a#option7:hover, header nav div.menu-item a#option7.active { border-color: #19b7a8; } header nav div.menu-item a:focus { text-decoration: none; } header .mobile_buttons { position: absolute; top: 22px; right: 30px; display: none; } .mobile_buttons .searchicon { font-size: 26px; height: 41px; width: 41px; line-height: 44px; text-align: center; margin-right: 15px; } .mobile_buttons .basketicon { font-size: 26px; height: 41px; width: 41px; line-height: 44px; text-align: center; margin-right: 15px; } header .mobile_buttons .menu { width: 41px; height: 41px; position: relative; } header .mobile_buttons .menu .bar { background-color: #000; width: 100%; height: 9px; position: absolute; transform-origin: 50% 50%; transition: transform 400ms ease-out; } header .mobile_buttons .menu .bar.one { top: 0px; left: 0px; } header .mobile_buttons .menu .bar.two { top: 16px; left: 0px; opacity: 1; } header .mobile_buttons .menu .bar.three { top: 32px; left: 0px; } header .mobile_buttons .menu.active .bar.one { -webkit-animation: burger-open-top 400ms ease-out forwards; animation: burger-open-top 400ms ease-out forwards; } header .mobile_buttons .menu.active .bar.two { opacity: 0; transition: transform 400ms ease-out, opacity 0ms linear 200ms; } header .mobile_buttons .menu.active .bar.three { -webkit-animation: burger-open-bot 400ms ease-out forwards; animation: burger-open-bot 400ms ease-out forwards; } header .mobile_buttons .menu.closing .bar.one { top: 0px; left: 0px; -webkit-animation: burger-close-top 400ms ease-out forwards; animation: burger-close-top 400ms ease-out forwards; } header .mobile_buttons .menu.closing .bar.two { top: 16px; left: 0px; opacity: 1; transition: transform 400ms ease-out, opacity 0ms linear 200ms; } header .mobile_buttons .menu.closing .bar.three { -webkit-animation: burger-close-bot 400ms ease-out forwards; animation: burger-close-bot 400ms ease-out forwards; } @keyframes burger-open-top { 50% { transform: translate3d(0, 16px, 0); } 100% { transform: translate3d(0, 16px, 0) rotate(45deg); } } @keyframes burger-open-bot { 50% { transform: translate3d(0, -16px, 0); } 100% { transform: translate3d(0, -16px, 0) rotate(-45deg); } } @keyframes burger-close-top { 0% { transform: translate3d(0, 12px, 0) rotate(45deg); } 50% { transform: translate3d(0, 12px, 0) rotate(0deg); } 100% { transform: translate3d(0, 0, 0); } } @keyframes burger-close-bot { 0% { transform: translate3d(0, -12px, 0) rotate(-45deg); } 50% { transform: translate3d(0, -12px, 0) rotate(0deg); } 100% { transform: translate3d(0, 0, 0); } } /*Homepage*/ .keymessage { margin-top: -95px; position: relative; z-index: 99; } .slider { line-height: 0px; } .keymessage .slide {line-height: 0px;position: relative;} .keymessage .slide img {display:none;} .keymessage .slide:first-child img {display:block;} .keymessage .slide.slick-slide img {display:block;} .keymessage .search { position: absolute; z-index: 99; top:180px; left: 0px; width: 100%; opacity: 0; -webkit-transition: all .25s ease; transition: all .25s ease; pointer-events: none; } .keymessage .search.active { opacity: 1; top: 160px; pointer-events: initial; } .keymessage .search .searchbar { opacity: 0.9; padding: 30px; display: inline-block; width: 100%; position: relative; } .keymessage .search .searchbar button { background: transparent; padding: 0px; font-size: 27px; line-height: 40px; height: 40px; width: 40px; float: left; position: relative; z-index: 1; margin-right: 20px; } .keymessage .search .searchbar input[type="text"] { border: 0; font-family: GT America Regular; font-size: 21px; line-height: normal; float: left; padding: 8px 30px 8px 230px; text-align: center; position: absolute; width: 100%; top: 30px; left: 0px; background: transparent; z-index: 0; } .keymessage .search .searchbar .title { float: left; font-size: 25px; font-family: GT America Bold; line-height: 40px; position: relative; z-index: 1; } .searchresults { margin:50px 0px 80px 0px; } .searchresults .results { padding:30px 0px 20px 0px; } .searchresults .title { font-size: 25px; font-family: GT America Bold; line-height: 40px; position: relative; z-index: 1; } .slick-prev, .slick-next { z-index: 99; margin-top: 40px; } .slick-prev::before, .slick-next::before { font-family: "Font Awesome 5 Free"; font-weight: 900; font-size: 30px; } .slick-next::before { content: "\f054"; } .slick-prev::before { content: "\f053"; } .slick-next { right: 25px; } .slick-prev { left: 25px; } /*Google Search*/ .gsc-table-cell-thumbnail.gsc-thumbnail { display: none; } .gsc-url-top { padding: 7px 0px !important; } .gs-promotion .gs-visibleUrl, .gs-webResult .gs-visibleUrl { color: #7173ac; padding: 0px !important; font-size: 18px; } .gsc-thumbnail-inside { padding: 0px; } .gsc-table-result { padding: 0px; } .gs-title a, .gs-title b { color: #000 !important; font-weight: normal; font-family: "GT America Bold"; text-transform: uppercase; font-size: 18px !important; line-height: 22px !important; } .gs-title a:hover { text-decoration:underline !important; } .gs-bidi-start-align.gs-snippet, .gs-bidi-start-align.gs-snippet b { font-family: "GT America Regular" !important; font-size: 18px; line-height: 24px; } .gsc-expansionArea { position: relative; display: inline-block; padding: 0px; margin: 0px -20px; } .gsc-webResult.gsc-result { border: none; width: 100%; float: left; padding: 20px; line-height: normal; } .gsc-above-wrapper-area { display: none; } .gsc-control-cse.gsc-control-cse-en { padding: 0px; background: transparent; border: none; } .gs-title.gsc-table-cell-thumbnail.gsc-thumbnail-left { display: none; } .gsc-url-bottom { display: none; } .gs-watermark { display: none; } .gsc-results .gsc-cursor-box { margin: 0px; margin-top: 0px; margin-top: 25px !important; } .gsc-results .gsc-cursor-box .gsc-cursor-page { text-decoration: none; color: #fff; background: #000; padding: 7px 14px; font-weight: normal !important; font-family: "GT America Bold"; text-transform: uppercase; font-size: 17px !important; line-height: 22px !important; width: 36px !important; overflow: hidden; display: inline-block; height: 36px; } .gsc-results .gsc-cursor-box .gsc-cursor-current-page { color: #fff; background: #7173ac; } .gcsc-find-more-on-google { display: none !important; } .gsc-adBlock { height: 0px !important; display: none; } .newsfeed { position: relative; z-index: 99; background-color: #fff; } .newsfeed .latestnews { position: relative; width: 100%; padding: 40px 0px 40px 0px; background: #fff; overflow: hidden; } .newsfeed .latestnews .marquee-message {white-space:nowrap;display:inline-block} .newsfeed .latestnews .marquee-message a { margin: 0px 15px; font-size: 21px; position: relative; } .newsfeed .latestnews .marquee-message a:hover,.newsfeed .latestnews .marquee-message a:focus { color: #000; } .newsfeed .latestnews .marquee-message a:after {content: " "; position: absolute; top:11px; right:-16px;font-size: 43px; line-height: 15px; height: 5px; width: 5px; background-color: #000; display: block; border-radius: 50%; } .newsfeed .latestnews .marquee-message a:last-child:after { display: none; } .newsfeed .latestnews .title { position: absolute; top: 0px; height: 100%; font-size: 32px; font-family: "GT America Bold"; padding: 20px 20px 0px 0px; line-height: 34px; z-index: 1; } .intro {padding: 70px 0px 0px 0px;} .intro .content div.left,.intro .content div.right { width: 50%; } .intro .content .pagetitle { font-size: 120px; line-height: 110px; font-family: "GT America Compressed Black"; text-transform: uppercase; margin-bottom: 10px; color: #000; margin-top:-20px; } .intro .content div.right div {width: 50%;} .intro .content a { display: inline-block; width: 100%; font-size: 15px; padding: 0px 25px 0px 20px; font-family: "GT America Bold"; text-transform: uppercase; border: 0; font-weight: normal; line-height: 17px; height: 60px; position: relative; -webkit-transition: all .25s ease; transition: all .25s ease; } .intro .content ul { display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; margin: -7px -12px; padding: 0px; list-style: none; } .intro .content ul li { float: left; width: 50%; line-height: 0px; padding: 7px 12px; list-style: none; margin: 0px; } .intro .content ul#sidemenu { width: 65%; float: right; margin: 0px; } .intro .content ul#sidemenu li { width: 100%; position: relative; padding: 0px 0px; margin-bottom: 14px; } .intro .content ul#sidemenu li:last-child { margin-bottom: 0px; } .intro .content ul#sidemenu li .sub-menu { width: 100%; position: absolute; z-index: 1; background: rgba(255,255,255,0.9); top: 100%; display: none; } .intro .content ul#sidemenu li .sub-menu.active {display:block;} .intro .content ul#sidemenu li .sub-menu a { background-color: transparent; color: #000; font-family: GT America Regular; text-transform: initial; padding: 0px 20px 0px 20px; height: 50px; } .intro .content ul#sidemenu li .sub-menu a::after { display: none; } .intro .content ul#sidemenu li a { padding-right: 60px; } .intro .content ul#sidemenu li a:after { font-family: "Font Awesome 5 Free"; font-weight: 900; font-size: 30px; line-height: 1; color: #000; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; content: "\f054"; position:absolute; margin-top: -15px; top:50%; right:20px; pointer-events:none; } .intro .content ul#sidemenu li a:hover::after,.intro .content ul#sidemenu li a.active::after { color: #fff; } .intro .content ul#sidemenu li a.withitems:after { content: "\f078"; } .intro .content ul li a span { position: absolute; top: 50%; left: 20px; transform: translate(0%,-50%); padding-right: 60px; } .intro .content ul li a:hover { background-color: #5a60ac; } .intro .content ul#sidemenu li a:hover,.intro .content ul#sidemenu li a.active { background-color: #000; } .intro .content ul#sidemenu li .sub-menu a:hover, .intro .content ul#sidemenu li .sub-menu a.active { background-color: transparent; text-decoration:underline; } .intro .content ul#sidemenu li .sub-menu a:hover span, .intro .content ul#sidemenu li .sub-menu a.list-group-item-active span { color: #62579a; } .intro .content a:hover span { color: #fff; } .intro .content a:hover i { color: #000; } .intro .content a.link { height: auto; width: auto; text-transform: none; font-family: "GT America Regular"; font-size: 18px; line-height: 24px; padding: 0px; display: initial; } .intro .content a i { position: absolute; top: 50%; right: 20px; transform: translate(0%,-50%); font-size: 25px; } .execteam {margin-bottom:80px;} .execteam .content p { font-size: 25px; line-height: 26px; } .execteam ul { display: inline-block; } .execteam ul li { width: 25%; float: left; text-align: center; } .execteam ul li img { width: 100%; padding: 0px 20px; } .execteam ul li a { font-size: 18px; line-height: 20px; font-family: "GT America Bold"; margin-top: 10px; display: block; } .execteam ul li span { display: block; font-size: 18px; line-height: 20px; margin-top: 10px; } .execteam .line { background-color: #ececec; height: 3px; width: 50%; margin: 30px auto 20px auto; } .whatson {margin-bottom: 80px;} .whatson .content { padding: 27px 0px 0px 0px; } .whatson button { margin-bottom: 30px; } .whatson .events-list { font-size: 0px; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; margin: 30px -10px -20px -10px; } .whatson .events-list .event-wrap { padding: 0px 10px; display: inline-flex; width: 33.333%; margin-bottom: 20px; } .whatson .events-list .event-item { display: inline-flex; width: 100%; padding: 25px 75px 25px 25px; -webkit-transition: all .25s ease; transition: all .25s ease; position: relative; text-decoration: none; } /*.events .events-list .event-item:last-child { margin-bottom: 0px; }*/ .whatson .events-list .event-item:hover,.whatson .events-list .event-item:focus { background: #c60e5a; color: #fff; } .whatson .events-list .event-item svg { position: absolute; top: 50%; right: 35px; margin-top: -15px; } .whatson .events-list .event-item time { float: left; text-align: center; margin-right: 20px; } .whatson .events-list .event-item time span.month { display: block; font-family: "GT America Bold"; font-size: 14px; line-height: 17px; text-transform: uppercase; } .whatson .events-list .event-item time span.day { font-size: 39px; font-family: "GT America Black"; line-height: 42px; text-transform: uppercase; } .whatson .events-list .event-item .details { float: left; font-family: "GT America Bold"; font-size: 17px; line-height: 20px; margin-top: 0px; text-transform: uppercase; } /*Content*/ /*#page_content { margin: 60px 0px; }*/ #page_content .container { background: #fff; padding: 30px 30px; } .content h1,#page_content .content h1 { font-size: 56px; margin-top: 0px; line-height: 60px; margin-bottom: 20px; } .content h2,#page_content .content h2 { font-size: 40px; line-height: 44px; margin: 25px 0px; } .content h3, #page_content .content h3 { font-size: 34px; line-height: 40px; margin: 20px 0px 20px 0px; } #page_content .content .box { padding: 30px; margin: 30px -30px; display: block; -webkit-transition: all .25s ease; transition: all .25s ease; } #page_content .content .box.arrow { padding: 30px 90px 30px 30px; position:relative; } #page_content .content .box.arrow::after { content: "\f0da"; font-family: "Font Awesome 5 Free"; font-weight: 900; font-size: 50px; position: absolute; top: 50%; right: 35px; line-height: 46px; margin-top: -23px; color:#fff; } #page_content .content .box h2 { margin-top: 0px; } #page_content .content .box p:last-child { margin-bottom: 0px; } .content p { font-size: 18px; line-height: 24px; } #page_content .content p a,#page_content .content ul li a,#page_content .content ol li a { color: #62579a; } #page_content .content p strong,.content p strong { font-family:"GT America Bold"; font-weight: normal; } #page_content .content ul { font-size: 18px; line-height: 24px; margin: 20px 0px; list-style: initial; padding: 0px 0px 0px 25px; } #page_content .content ol { font-size: 18px; line-height: 24px; margin: 20px 0px; padding: 0px 0px 0px 25px; } #page_content .content hr,.content hr { margin: 28px 0px; border: 0; border-top: 3px solid rgb(236, 236, 236); } #page_content .content ul li { list-style: initial; margin: 15px 0px; } #page_content .content ol li { margin: 15px 0px; } #page_content .content table { font-size: 18px; line-height: 24px; } #page_content .content table td { padding: 5px 0px; } .content a.button, #page_content .content a.button { font-family: "GT America Bold"; text-transform: uppercase; border: 0; padding: 10px 15px 10px 15px; font-size: 12px; font-weight: normal; background-color: #62579a; color: #fff; line-height: 15px; display: inline-block; margin-right: 10px; } .content a.button.big, #page_content .content a.button.big { padding: 20px 25px; font-family: "GT America Bold"; text-transform: initial; font-size: 16px; margin-right: 15px; } .content a.button:hover,#page_content .content a.button:hover { text-decoration:underline; } #page_content .content .accordion { margin-bottom: 20px; } #page_content .content .card .card-header { margin-bottom: 14px; position: relative; padding: 0px !important; } #page_content .content .card .card-header::after { font-family: "Font Awesome 5 Free"; font-weight: 900; font-size: 30px; line-height: 1; color: #000; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; content: "\f067"; position: absolute; margin-top: -15px; top: 50%; right: 20px; transform-origin: center; transform: rotate(0deg); -webkit-transition: all .25s ease; transition: all .25s ease; pointer-events:none; } #page_content .content .card .card-header:hover::after, #page_content .content .card.active .card-header::after { color: #fff; } #page_content .content .card.active .card-header::after { transform: rotate(45deg); } #page_content .content .card .card-header .u-accordion__control-icon { display: none; } #page_content .content .card .card-header a { color: #fff; font-family: "GT America Bold"; text-transform: uppercase; font-weight: normal !important; line-height: 16px; font-size: 15px !important; padding: 22px 60px 22px 20px; background-color: #62579a; display: block; width: 100%; text-decoration: none; } #page_content .content .card .card-header a:hover,#page_content .content .card.active .card-header a {background-color:#000;} #page_content .content .card .card-block { margin: 0px 0px; overflow: hidden; display: none; padding: 0px !important; } .card .collapse { display: block !important; height: auto !important; } #page_content .content .card.active .card-block { display:block; } /*User Profile*/ .userprofile .content .left { width: 30%; } .userprofile .content .right { width: 70%; line-height: normal; padding-left: 50px; } .userprofile .content .left img { width: 100%; background-position: center; background-size: cover; background-repeat: no-repeat; } .userprofile .content .options .option { float: left; width: 100%; } .userprofile .content .options a { display: block; width: 100%; font-size: 15px; padding: 0px 25px 0px 20px; padding-right: 25px; padding-right: 25px; font-family: "GT America Bold"; text-transform: uppercase; border: 0; font-weight: normal; line-height: 17px; height: 60px; position: relative; -webkit-transition: all .25s ease; transition: all .25s ease; background: black; color: #fff; margin-bottom: 14px; } .userprofile .content .options a.active { background-color: #c81e5c; } .userprofile .content a.nav-link { border-radius: 0px !important; font-family: "GT America Bold"; text-transform: uppercase; margin-bottom: 10px; } .userprofile .content .options a::after { font-family: "Font Awesome 5 Free"; font-weight: 900; font-size: 30px; line-height: 1; color: #000; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; content: "\f054"; position: absolute; margin-top: -15px; top: 50%; right: 20px; pointer-events: none; display: none; } .userprofile .content .options a:hover::after, .userprofile .content .options a.active::after { color: #fff; } .userprofile .content .options a span { position: absolute; top: 50%; left: 20px; transform: translate(0%,-50%); padding-right: 60px; } .userprofile .profile { line-height: normal; margin-bottom: 20px; } .userprofile .profile .name { font-family: "GT America Bold"; font-size: 30px; margin: 5px 0px; } .userprofile .profile .course { font-family: "GT America Light"; text-transform: uppercase; font-size: 14px; } .userprofile .container { background: #fff; padding: 30px 30px; } /*Footer*/ footer .adspace { line-height: 0px; margin: 40px 0px 40px 0px; } footer .top svg { margin: 0px auto; display: block; } footer .top svg { margin: 0px auto; display: block; } footer .top { padding: 80px 0px; } footer .bottom { text-align: center; padding: 40px 0px; } footer .socials { font-size: 0px; } footer .socials svg { width: auto !important; height: 24px !important; } footer .socials a:hover svg path { -webkit-transition: all .25s ease; transition: all .25s ease; } footer .socials a { margin: 0px 4px; line-height: 0px; display: inline-block; margin: 0px 12px; } footer .footermenu a { font-size: 15px; font-family: 'GT America Bold'; line-height: 19px; } footer .footermenu { padding: 23px 0px 20px 0px; } footer small { font-size: 14px; line-height: 18px; } /*footer small span { width: 15px; display: inline-block; text-indent: -99999px; margin: 0; border: 0; padding: 0; }*/ /*Events*/ .events .intro .content form { margin: 20px 0px 0px 0px; display: inline-block; width: 100%; } .intro .content form div.right .field, .intro .content form div.left .field { margin-bottom: 20px; padding: 0px 0px; width: 100%; } form .field label { line-height: 17px; display: block; font-family: "GT America Bold"; font-size: 18px; padding: 0px 15px; margin-bottom: 10px; } form .field .chosen-single div { display: none; } form .field .chosen-container { width: 100% !important; } .intro .content form .field a.chosen-single { background: #000; border-radius: 0px; border: none; box-shadow: none; color: #fff; padding: 0px 15px; text-transform: initial; position: relative; } form .field .chosen-container-single .chosen-single span { position: absolute; top: 50%; transform: translate(0%,-50%); } form .field .chosen-container-single .chosen-single div { display: none; } .chosen-container.chosen-with-drop .chosen-drop { left: 0; border-radius: 0px; border: none; background: #fff; box-shadow: none; } .intro .content ul.chosen-results { display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; margin: 0px -12px; padding: 0px; list-style: none; padding: 0px 0px; margin: 0px; color: #000; } .chosen-container .chosen-results li.active-result { display: list-item; cursor: pointer; line-height: 20px; } .chosen-container .chosen-results li.disabled-result { display: none; } .intro .content div.right div.chosen-drop { width: 100%; } .chosen-container .chosen-results li.highlighted { background-color: #fff; background-image: none; background-image: none; background-image: none; background-image: none; background-image: none; color: #c71e5c; } .intro .content .reset_button { background: #ffd402; color: #000; margin-top: 27px; } .intro .content a.reset_button:hover span { color: #ffd402; text-decoration:none; } .intro .content a.reset_button:hover { background: #c60e5a; text-decoration:none; } .reset_button span { position: absolute; top: 50%; transform: translate(0%,-50%); } .eventslist { padding: 0px 0px 600px 0px; background-image: url('https://581d2ee6de4ce0c28c42-0d1ce07a64a2be08d81db16caf4cc51b.ssl.cf3.rackcdn.com/events_main_bk.png'); background-repeat: no-repeat; background-position: left bottom; background-size: 100%; margin-bottom: -220px; } .eventslist .event .middle { position: absolute; top: 50%; left: 0px; transform: translate(0%,-50%); height: auto !important; width: 100%; } .eventslist .event { display: inline-block; padding: 35px 0px; border-bottom: 3px solid #ececec; width:100%; } .eventslist .event div { float: left; height: 167px; position: relative; } .eventslist .img { width: 250px; text-align: center; } .eventslist .img img { width: 100%; max-width: 450px; } .eventslist .date { width: 200px; } .eventslist .date time { font-family: GT America Bold; text-align: center; } .eventslist .date time span.day { display: block; font-size: 90px; line-height: 94px; } .eventslist .date time span.rest { display: block; font-size: 23px; line-height: 30px; } .eventslist .date.two { display: none; } .eventslist .details { width: 320px; } .eventslist .details h3 { margin-top: 0px; margin-bottom: 10px; } .eventslist .details p { font-size: 16px; line-height: 20px; margin-bottom: 0px; } .eventslist .event .buttons { width: 220px; text-align: right; float: right; } .buttons a { padding: 15px 25px; background: #ffd402; font-family: GT America Bold; color: #fff; font-size: 15px; line-height: 20px; display: inline-block; position: absolute; width: 165px; bottom: 0px; right: 0px; } .buttons a::before { font-family: "Font Awesome 5 Free"; font-size: 24px; color: #c60e5a; position: absolute; top: 13px; left: -43px; content: "\f164"; font-weight: 900; } .buttons i { font-size: 24px; color: #c60e5a; display: inline-block; position: relative; top: 2px; margin-right: 15px; display:none; } .events .intro .content { position: relative; } .events .bee { position: absolute; top: -110px; right: 0px; width: 300px; } .events .intro .content div.left { padding: 0px 20px 0px 0px; } .events .intro .content div.right { padding: 0px 0px 0px 20px; } .event_image { margin: 0px -30px 30px -30px; } .event_image img { width: 100%; } .events #breadcrumb.special ul li:nth-child(4) { display: none; } .events #breadcrumb.special ul li:nth-child(5) { display: none; } /*Activities*/ .activities .intro .content .activities_search .searchbar { padding: 10px 15px; display: inline-block; width: 100%; position: relative; background: #fff; } .activities .intro .content .activities_search .searchbar .title { float: left; font-size: 20px; font-family: GT America Bold; line-height: 30px; position: relative; z-index: 1; } .activities .intro .content .activities_search .searchbar button { background: transparent; padding: 0px; font-size: 19px; line-height: 30px; height: 30px; width: 30px; float: left; position: relative; z-index: 1; margin-right: 10px; } .activities .intro .content .activities_search .searchbar input[type="text"] { border: 0; font-family: GT America Regular; font-size: 16px; line-height: normal; float: left; padding: 8px 30px 8px 230px; text-align: left; position: absolute; width: 100%; top: 7px; left: 0px; background: transparent; z-index: 0; } .activities .activities_search { padding-right: 130px; margin: 20px 0px 0px 0px; position: relative; } .activities .intro .content .activities_search .reset_button { max-width: 100px; text-align: center; padding: 0px; margin-top: 0px; position: absolute; top: 0px; right: 0px; height: 50px; background: #fcd406; color: #000; } .activities .intro .content .activities_search .reset_button span { width: 100%; left: 0px; } .activities .intro .content .activities_search a.reset_button:hover { text-decoration: none; background: #c51e5b; } .activities .intro .content .activities_search a.reset_button:hover span { color:#fcd406; } .activities .intro .content ul li { padding: 0px 7px 0px 7px; width: auto; margin-bottom: 14px; } .activities .intro .content ul { margin: 30px -7px -14px -7px; display: block; } .activities .intro .content a { background: #000; padding: 20px 20px 20px 20px; height: auto; color: #fff; } .activities .intro .content ul li a:hover, .activities .intro .content ul li a:focus, .activities .intro .content ul li a.active { background-color: #43c0e1; text-decoration: none; } .activitieslist { padding: 0px 0px 600px 0px; background-image: url('https://581d2ee6de4ce0c28c42-0d1ce07a64a2be08d81db16caf4cc51b.ssl.cf3.rackcdn.com/activities_bk.png'); background-repeat: no-repeat; background-position: left bottom; background-size: 100%; margin-bottom: -220px; } .activitieslist .list { font-size: 0px; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; margin: 0px -15px -30px -15px; } .activitieslist .list .activity { display: inline-flex; width: 33.333%; padding: 0px 15px; margin-bottom: 30px; } .activitieslist .list .activity a { width: 100%; position: relative; display: block; transform: scale(1); text-decoration:none; -webkit-transition: all .25s ease; transition: all .25s ease; color:#000; } .activitieslist .list .activity a:hover,.activitieslist .list .activity a:focus{ transform: scale(1.05); text-decoration:none; cursor:pointer; color:#000; } .activitieslist .list .activity img { width: 100%; } .activitieslist .list .activity .title { display: block; line-height: 20px; font-family: "GT America Bold"; text-align: center; font-size: 16px; margin-top: 10px; color: #000; } .activitieslist .left,.activitydetails .left { width: 65%; } .activitieslist .right,.activitydetails .right { width: 35%; padding-left: 60px; position:relative; } .activitieslist .right:after,.activitydetails .right:after { background-color: #ececec; width: 3px; position: absolute; height: 100%; left: 28px; top: 0px; content: ' '; } .activitieslist .content .news h2 { font-size: 34px; line-height: 27px; font-family: "GT America Compressed Black"; text-transform: uppercase; margin-bottom: 30px; color: #3dc1e4; margin-top: 0px; } .activitieslist .content .news article { margin-bottom: 30px; } .activities #breadcrumb.special ul li:nth-child(4) { display: none; } .activities #breadcrumb.special ul li:nth-child(5) { display: none; } .activitydetails .contactinfo { margin-bottom: 20px; } .activitydetails .contactlink { font-size: 30px; color: #000; -webkit-transition: all .25s ease; transition: all .25s ease; display: -ms-flexbox; display: flex; -ms-flex-align: start; align-items: flex-start; margin-top: 20px; } .activitydetails .contactlink .icon { display: -ms-flexbox !important; display: flex !important; font-size: 25px; margin-top: 9px; margin-right: 15px; margin-left: 0px; width: 25px; } .activitydetails .contactlink .contactlink-body { -ms-flex: 1; flex: 1; } .activitydetails .contactlink span.title { font-size: 14px; font-family: "GT America Bold"; text-transform: uppercase; line-height: 20px; } .activitydetails .contactlink a { display: block; font-size: 14px; font-family: "GT America Regular"; color: #000; line-height: 20px; } .activitydetails .soc_image { display: block; margin: auto; width: 100%; } .activitydetails .contact {display:none} /*Exec*/ .officerdetails .left { width: 65%; } .officerdetails .right { width: 35%; padding-left: 60px; position:relative; } .officerdetails .right:after { background-color: #ececec; width: 3px; position: absolute; height: 100%; left: 28px; top: 0px; content: ' '; } .officerdetails .content .news h2 { font-size: 34px; line-height: 27px; font-family: "GT America Compressed Black"; text-transform: uppercase; margin-bottom: 30px; color: #000; margin-top: 0px; } .officerdetails .content .news h3 {color: #000 !important;} .officerdetails .content .news article { margin-bottom: 30px; } .officerdetails h4 { font-size: 100px; line-height: 100px; font-family: "GT America Compressed Black"; text-transform: uppercase; margin-bottom: 15px; color: #000; } .officerdetails h5 { font-family: 'GT America Light'; font-size: 24px; line-height: 30px; margin-bottom: 30px; } .officerdetails .execfaq {display:inline-block;} .officerdetails .execcircle { background-color: #000; line-height: 35px; height: 140px; width: 140px; color: #fff; font-family: "GT America Black"; padding: 35px 30px; text-align: left; border-radius: 50%; font-size: 33px; float: left; } .officerdetails .exechelp { font-family: "GT America Bold"; text-transform: uppercase; border: 0; padding: 10px 15px 10px 15px; font-size: 12px; font-weight: normal; background-color: #000; color: #fff; line-height: 15px; float: left; margin-left: 20px; width: 300px; margin-top: 90px; } .officerdetails .content .news a.button { background-color: #62569a; } .officerdetails { padding: 50px 0px 600px 0px; margin-bottom: -220px; background-image: url(https://581d2ee6de4ce0c28c42-0d1ce07a64a2be08d81db16caf4cc51b.ssl.cf3.rackcdn.com/skew_bk.png), url(https://581d2ee6de4ce0c28c42-0d1ce07a64a2be08d81db16caf4cc51b.ssl.cf3.rackcdn.com/exec_bk.png); background-position: left top, left bottom; background-repeat: no-repeat, no-repeat; background-size: 100%,100%; margin-top: -60px; } /*Welcome*/ .welcomedetails { padding:0px 0px 1300px 0px; position: relative; } .welcomedetails h4 { font-size: 100px; line-height: 100px; font-family: "GT America Compressed Black"; text-transform: uppercase; margin-bottom: 15px; color: #000; } .welcomedetails h5 { font-family: 'GT America Light'; font-size: 24px; line-height: 30px; margin-bottom: 30px; } .welcome .intro .pigeon { position: absolute; top: 150px; right: -150px; width: 400px; z-index: 3; } .welcome .intro .bee { position: absolute; bottom: -70px; left: -40px; width: 300px; z-index: 3; } /*Shop*/ .shop select.form-control:not([size]):not([multiple]) { height: auto; line-height: normal; } .shop .u-btn-primary { background-color: #43c0e1 !important; color: #fff !important; font-family: "GT America Bold"; border: none; } .shop .u-btn-primary:hover, .shop .u-btn-primary.active { border: none; text-decoration: underline !important; } .shop #breadcrumb.special ul li:nth-child(4) { display: none; } .shop #breadcrumb.special ul li:nth-child(5) { display: none; } @media only screen and (min-width:1px) and (max-width:1600px){ .keymessage {margin-top: -95px;} .keymessage .search {top:180px;} .keymessage .search.active {top:160px;} } @media only screen and (min-width:1px) and (max-width:1500px){ .keymessage {margin-top: -85px;} .keymessage .search {top:170px;} .keymessage .search.active {top:150px;} } @media only screen and (min-width:1px) and (max-width:1400px){ .keymessage {margin-top: -80px;} .keymessage .search {top:165px;} .keymessage .search.active {top:145px;} } @media only screen and (min-width:1px) and (max-width:1300px){ .keymessage {margin-top: -75px;} .keymessage .search {top:160px;} .keymessage .search.active {top:140px;} .slick-prev, .slick-next {margin-top: 30px;} } @media only screen and (min-width:1px) and (max-width:1200px){ .keymessage {margin-top: -70px;} .keymessage .search {top:155px;} .keymessage .search.active {top:135px;} } @media only screen and (min-width:1px) and (max-width:1100px){ .keymessage {margin-top: -65px;} .keymessage .search {top:150px;} .keymessage .search.active {top:130px;} } @media only screen and (min-width:1px) and (max-width:1000px){ .keymessage {margin-top: -60px;} .keymessage .search {top:145px;} .keymessage .search.active {top:125px;} .slick-prev, .slick-next {margin-top: 20px;} } @media only screen and (min-width:1px) and (max-width:900px){ .keymessage {margin-top: -55px;} .keymessage .search {top:140px;} .keymessage .search.active {top:120px;} } @media only screen and (min-width:1px) and (max-width:800px){ .keymessage {margin-top: -50px;} .keymessage .search {top:135px;} .keymessage .search.active {top:100px;} .slick-prev, .slick-next {margin-top: 15px;} } @media only screen and (min-width:1px) and (max-width:760px){ .keymessage {margin-top: -20px;} .keymessage .search {top:120px;} .keymessage .search.active {top:70px;} } @media only screen and (min-width:1px) and (max-width:560px){ .keymessage {margin-top: -10px;} .keymessage .search {top:70px;} .keymessage .search.active {top:30px;} .slick-prev, .slick-next {margin-top: 8px;} } @media only screen and (min-width:1px) and (max-width:1300px){ .welcomedetails { padding: 0px 0px 1000px 0px; } .welcome .intro .bee { bottom: -180px; width: 200px; } .welcome .intro .pigeon { top: auto; width: 250px; right: -50px; bottom: -250px; } .welcomedetails .content { padding: 0px 125px; } .welcome .welcomedetails h4 { font-size: 80px; } .welcome .welcomedetails h5 { font-size: 20px; line-height: 28px; } } @media only screen and (min-width:1px) and (max-width:1200px){ .search .container { padding: 0px 60px; } .intro .content ul#sidemenu { width: 80%; } } @media only screen and (min-width:1px) and (max-width:1100px) { .eventslist .date { width: 165px; } .eventslist .details { width: 300px; } .eventslist .event .buttons { width: 210px; } .welcome .time span { font-size: 150px; } } @media only screen and (min-width:1px) and (max-width:1000px){ header .bottom .navigation { position: initial; right: auto; top: auto; max-height: 0px; overflow: hidden; -webkit-transition: all 1s ease; transition: all 1s ease; } header .bottom .navigation.active { -webkit-transition: all 1s ease; transition: all 1s ease; max-height: 2000px; } nav { margin-top: 30px; } header nav div.menu-item::after { display: none; } header nav div.menu-item { display: block; position: relative; width: 100%; } header nav div.menu-item a { display: inline-block; margin: 10px 0px; } header .bottom .navigation .menuoptions { position: relative; top: 0px; left: 0px; padding: 0px 0px; max-height: 0px; display: none; opacity: 1; background-color: transparent; } header .bottom .navigation .menuoptions ul {padding: 20px 0px;} header .bottom .navigation .menuoptions.active { opacity: 1; visibility: visible; pointer-events: initial; display: block; max-height: 1000px; } header .mobile_buttons {display: inline-block;} header .top a#shop-basket {display:none;} header .top .left { display: none; } header .top a.button { padding: 7px 6px 9px 6px; margin-right: 5px; } .intro { padding: 50px 0px 20px 0px; } .intro .content div.left, .intro .content div.right { width: 100%; float: none; } .content h1,#page_content .content h1 { font-size: 50px; line-height: 54px; } .content h2, #page_content .content h2 { font-size: 40px; line-height: 44px; } .content h3, #page_content .content h3 { font-size: 28px; line-height: 32px; } .content h1 br { display: none; } .content p br {display: none;} .execteam {margin-bottom: 50px;} .execteam ul li { width: 50%; } .execteam .line {display: none;} .execteam .content p { font-size: 23px; line-height: 26px; } .whatson .events-list .event-wrap { width: 50%; } .whatson { margin-bottom: 50px; } footer .top { padding: 50px 0px; } .whatson .content { padding: 0px 0px 0px 0px; } .whatson .events-list .event-item .details { width: 80%; } .keymessage .search .searchbar .title {display: none;} .keymessage .search .searchbar input[type="text"] { padding: 8px 30px 8px 90px; text-align: left; } /*Page*/ .intro .content ul#sidemenu { width: 100%; float: none; } .intro .content .pagetitle { font-size: 100px; line-height: 100px; } .eventslist .img { width: 40%; } .eventslist .date { width: 20%; } .eventslist .details { width: 40%; } .eventslist .event div { float: left; height: auto; position: relative; } .eventslist .event .buttons { width: 100%; height: auto !important; display: inline-block; margin-top: 20px; text-align: center; padding-top: 0px; float: none; } .buttons a { width: 100%; position: relative; top: 0px; right: 0px; } .buttons a:before {display:none} .buttons i { display: none; } .events .intro .content div.left { padding: 0px 0px 0px 0px; } .events .intro .content div.right { padding: 0px 0px 0px 0px; } .eventslist { padding: 0px 0px 400px 0px; } .activitieslist { padding: 0px 0px 400px 0px; } .activitieslist .content .news h2 { font-size: 34px; line-height: 34px; } .activities .intro .content .activities_search .searchbar input[type="text"] { padding: 8px 30px 8px 180px; } .activitieslist .left, .activitydetails .left { width: 100%; } .activitieslist .right, .activitydetails .right { width: 100%; margin-top: 60px; padding-left: 0px; } .activitieslist .right::after, .activitydetails .right::after { left: 0px; height: 3px; width: 100%; top: -28px; } .activitydetails .right {margin-top: 0px;} .activitydetails .right::after {display:none;} .activitydetails .soc_image {display:none;} .activitydetails .contact {display:block} .activitydetails .contactlink {margin-top: 0px;} .userprofile .profile { line-height: normal; margin-bottom: 20px; max-width: 350px; margin: 0px auto 30px auto; text-align: center; } .userprofile .content .left { width: 100%; } .userprofile .content .right { width: 100%; padding-left: 0px; margin-top: 20px; } .userprofile .content .options { margin: 0px -7px; } .userprofile .content .options .option { float: left; width: 25%; padding: 0px 7px; } .officerdetails .left { width: 100%; } .officerdetails .right { width: 100%; margin-top: 60px; padding-left: 0px; } .officerdetails .right::after { left: 0px; height: 3px; width: 100%; top: -28px; } /*Welcome*/ .welcome .time span { font-size: 125px; } .welcome .side_welcome_1 { width: 250px; } .welcome .side_welcome_2 { width: 300px; right: -200px; } .welcome .welcomedetails h4 { font-size: 50px; line-height: 55px; } } @media only screen and (min-width:1px) and (max-width:760px){ header .bottom .navigation .menuoptions ul li { width: 50%; } .keymessage .search .searchbar input[type="text"] { font-size: 16px; } .keymessage .search .searchbar input[type="text"] { padding: 8px 30px 8px 55px; } .keymessage .search .searchbar { padding: 15px; } .keymessage .search .searchbar input[type="text"] { padding: 8px 30px 8px 50px; } .keymessage .search .searchbar input[type="text"] { top: 11px; } .content h1, #page_content .content h1 { font-size: 40px; line-height: 44px; } .content h2, #page_content .content h2 { font-size: 30px; line-height: 34px; } .content h3, #page_content .content h3 { font-size: 24px; line-height: 28px; } .whatson .events-list .event-item svg { max-width: 14px !important; } .whatson .events-list { margin: 30px 0px -20px 0px; } .whatson .events-list .event-item .details { width: 75%; margin-top: 4px; } .whatson .events-list .event-wrap { width: 100%; padding: 0px; } footer .top svg { max-width: 350px !important; } #su { max-width: 150px !important; margin-bottom: 30px !important; } footer .footermenu a { font-size: 16px; font-family: 'GT America Bold'; line-height: 19px; } .keymessage .search .searchbar button { font-size: 19px; line-height: 30px; height: 30px; width: 30px; } .intro .content .pagetitle { font-size: 85px; line-height: 85px; } .home .intro .content .pagetitle { font-size: 76px; line-height: 76px; } .eventslist { padding: 0px 0px 300px 0px; } .eventslist .event div { width: 100% !important; height: auto !important; } .eventslist .details { margin-top: 20px; } .eventslist .event .middle { top: auto; position: relative; transform: none; } .eventslist .date.two { display: block; } .eventslist .date.one { display: none; } .activitieslist { padding: 0px 0px 300px 0px; } .activities .intro .content .activities_search .searchbar .title { display:none; } .activities .intro .content .activities_search .searchbar input[type="text"] { padding: 8px 30px 8px 60px; } .userprofile .content .options .option { width: 33.333%; } .events .bee { width: 250px; } .officerdetails {padding: 0px 0px 300px 0px;} .welcome .time_wrap { width: 50%; margin-bottom: 30px; } .welcome .time.second::after, .welcome .time.second::before {display:none;} .welcome .newsfeed .latestnews .title {display:none} .welcomedetails { padding: 0px 0px 700px 0px; } } @media only screen and (min-width:1px) and (max-width:560px){ header .bottom .navigation .menuoptions ul li { width: 100%; } .whatson .events-list .event-item time span.month { font-size: 12px; line-height: 17px; } .whatson .events-list .event-item time span.day { font-size: 30px; line-height: 30px; } .home .intro .content .pagetitle { font-size: 65px; line-height: 65px; } .intro { padding: 30px 0px 20px 0px; } .intro .content ul li { padding: 5px 5px; } .intro .content ul { margin: -5px -5px; } footer .top { padding: 30px 0px; } .bk1, .bk2 { max-width: 400px; width: 100%; } #page_content .content .card .card-header a { font-size: 12px; } .content h1, #page_content .content h1 { font-size: 27px; line-height: 32px; margin-bottom: 15px; } .content h2, #page_content .content h2 { font-size: 20px; line-height: 24px; } .content h3, #page_content .content h3 { font-size: 18px; line-height: 22px; } .content p,#page_content .content p { font-size: 16px; line-height: 22px; } #page_content .content ul { font-size: 16px; line-height: 22px; } .exec .content p { font-size: 19px; line-height: 26px; margin-top: -10px; } .whatson .events-list .event-item .details { font-family: "GT America Bold"; font-size: 15px; line-height: 20px; } .intro .content a { font-size: 12px; } .execteam ul li span { display: block; font-size: 12px; line-height: 16px; margin-top: 5px; } .execteam ul li a { font-size: 12px; } .newsfeed .latestnews { padding: 30px 0px 30px 0px; } .newsfeed .latestnews .title { padding: 12px 20px 0px 0px; } .newsfeed .latestnews .title { position: absolute; top: 0px; height: 100%; font-size: 20px; font-family: "GT America Bold"; padding: 12px 20px 0px 0px; line-height: 34px; z-index: 1; } .newsfeed .latestnews .marquee-message a { font-size: 15px; } .newsfeed .latestnews .marquee-message a:after { top:7px; } footer .top svg { max-width: 300px !important; } #su { max-width: 100px !important; } footer small { font-size: 12px; line-height: 18px; } footer .footermenu a { font-size: 13px; font-family: 'GT America Bold'; line-height: 19px; } .intro .content ul li a span { padding-right: 30px; } .eventslist { padding: 0px 0px 200px 0px; } .activitieslist { padding: 0px 0px 200px 0px; } .activitieslist .list .activity { width: 50%; } .activities .activities_search { padding-right: 0px; } .activities .intro .content .activities_search .reset_button { max-width: 100%; margin-top: 15px; position: relative; } .userprofile .content .options .option { width: 50%; } .userprofile .content .options .option a { font-size: 12px; } .events .bee { width: 120px; top: -50px; right: -35px; } .js-custom-select { width: 100%; } .officerdetails {padding: 0px 0px 200px 0px;} .welcome .welcomedetails h4 { font-size: 30px; line-height: 35px; } .welcome .side_welcome_1 { width: 220px; } .welcome .side_welcome_2 { width: 270px; right: -200px; } .welcome .intro .bee { bottom: -75px; width: 146px; } .welcome .intro .pigeon { width: 150px; bottom: -135px; } .welcomedetails .content { padding: 0px 50px; } .welcomedetails { padding: 0px 0px 300px 0px; } .welcome .time_label span { font-size: 17px; } }