@import url(https://fonts.googleapis.com/css?family=Open+Sans:300,600,700);
@font-face {
    font-family: "Microbrew";
    src: url("/css/fonts/Microbrew.otf") format("opentype");
    font-weight: normal;
    font-style: normal
}
html,
body {
    margin: 0 auto;
    padding: 0;
    background: #fff;
    color: #333;
    font-family: "Open Sans";
    font-size: 14px
}
a {
    text-decoration: none;
    color: #000
}
a.noaction:after{line-height:12vw}
h1 {
    font-size: 10vw
}
h2 {
    font-size: 10vw;
    line-height: 9vw
}
h3 {
    font-size: 7vw
}
.slick-slider{background: #0363A8}
p.tags{ font-size: 20px;margin: 20px 0;}
.fb-share-button.fb_iframe_widget{margin-top: 65px;margin-left: 17px;}
.clipImage.min.border{border: 5px solid #E5E5E5;min-height:15vw!important}
.clipImage.min.border svg{fill: #E5E5E5;bottom: -24px;left: -5px;}
.field-validation-error span{color: red}
.titleBoxWrapper h3{line-height:6vw}
.banner h3{line-height: inherit!important;position: static!important;}
.banner h2{position: static!important;}
* {
    outline: none;
    margin: 0;
    padding: 0
}
.custombox{height:60vw!important;margin-top:100px;max-height: 50vh;}
.playVideo{cursor:pointer}
.wrapperMobile{padding: 0 5%}
ul {
    list-style: none;
    margin: 0;
    padding: 0
}
.translate,
.mobileMenu,
.efttex,
h1,
h2,
h3,
a.btn,
.yellowSquare,
.latestAtEftta,
.contentBox a,
.footer p,
.links .block span,
.memberlogin,
.bigMenu,
span.desktoponly,
.loginBox label,
.loginBox a,
.loginBox button,
.search,
.search input,
.breadcrumb,
.form-group label,
.custom-select-trigger,
.main-form-group p,
.squareButton,
.mediaFooter,
.rightPart p,
.tags,
.calendar-button,
.profiles span,
.beforeMainContent.lobby .image p,
#logout,
a {
    font-family: "Microbrew";
    font-weight: normal
}
h1 {
    margin-top: 20px;
    margin-bottom: 20px
}
h1 strong {
    font-weight: normal;
    color: #f4e214
}
svg.bg {
    position: absolute;
    left: 0;
    top: 0;
    z-index: 2;
    fill: #fff;
    display: none
}
svg.bg.show {
    display: block
}
svg.blue {
    fill: #0363a8
}
svg.yellow {
    fill: #f4e214 !important
}
svg.dark {
    fill: #1f1f1f
}
svg.l {
    left: 0;
    right: auto
}
svg.r {
    right: 0;
    left: auto
}
svg.t {
    top: -1px;
    bottom: auto
}
svg.b {
    bottom: -1px;
    top: auto
}
svg.ml {
    margin-left: 3px
}
.clr{    float: left;
    width: 100%;
    height: 125px;}
.titleBox h2,
.titleBox h3,
.titleBox p,
.titleBox a {
    position: absolute;
    padding: 2vw;
    color: #fff
}
.titleBox h2 {
    line-height: 8vw;
    top: 5vw
}
.titleBox h2 strong {
    color: #f4e214;
    display: inline-block;
    width: 100%;
    font-weight: normal
}
.titleBox h3 {
    top: 30vw
}
.titleBox p {
    top: 35vw;
    font-size: 5vw
}
.titleBox a {
    top: 45vw;
    margin: 2vw;
    font-size: 7vw
}
a.btn {
    background-color: #f4e214;
    color: #035392;
    text-transform: uppercase;
	padding: 2px 10px 10px;
}
a.btn.small{padding: 7px 15px 15px!important;}
.left {
    float: left !important
}
.right {
    float: right !important
}
.playVideo {
    color: #fff
}
.playVideo i {
    font-size: 10vw !important
}
h2.special {
    padding: 2vw;
    font-size: 12vw
}
.desktoponly {
    display: none
}
.mobileonly {
    display: block
}
.maxWidth {
    max-width: 1280px;
    float: none !important;
    margin: 0 auto;
    clear: both
}

.yellowSquare.out p {
    font-size: 4vw;
    line-height: 5vw
}
.yellowSquare a,
.latestAtEftta .content span a {
    color: #035392
}
.yellowSquare {
    background: #f4e214;
    color: #035392;
    height: 20vw;
    width: 20vw;
    position: absolute;
    text-transform: uppercase;
    font-size: 5vw;
    padding: 2vw;
    line-height: 5vw;
    text-align: center
}
.yellowSquareWrapper,
.clipImage {
    position: static;
    float: right
}
.yellowSquareWrapper {
    width: 6vw
}
.clipImage {
    width: 100%;
    position: absolute
}
.yellowSquareWrapper .yellowSquare {
    left: 0 !important;
    z-index: 1
}
.yellowSquareWrapper .yellowSquare.out {
    left: -8vw !important
}
.yellowSquareWrapper .yellowSquare.out.right {
    left: 0 !important
}
.contentBox.contentBox-left .yellowSquareWrapper {
    height: 100%;
    background: #0363a8;
    position: absolute;
    right: -6vw
}
.contentBox.contentBox-left.right .yellowSquareWrapper {
    background: none;
    left: 0;
    right: auto
}
.clr, .latestAtEftta.lobby + .clr {height:0;}
.formsection {
	background: #fff url("/css/img/darkborder.png") repeat-x bottom;
    background-size: 10px;
    width:100%;
	padding:0 0 27px 0;
	margin:-20px 0 20px 0;
	float:left;
}
.article iframe{width:100%; height:50vw;}
.article .row .col-6:nth-child(1) img{width:95%!important}
.article .row .col-6:nth-child(1) .article-img{margin: 0}



.mobileMenuBox{height:100vh;width:100vw;background:#1264a5;position:fixed;z-index:9;display:none}
.mobileMenuBox svg{width:30px;position:absolute;fill:#fff;right:10px;top:10px}
.mobileMenuBox ul.mm{width:auto;padding:30vw 10vw 5vw}
.mobileMenuBox ul.mm li a{color:#fff;font-size:8vw}
.mobileMenuBox ul.mm li a.seeMore:after{content:"\f061";font-family:"FontAwesome";color:#fff;font-size:6vw;position:relative;top:-3px;left:10px}
.mobileMenuBox ul.mm li a.active:after{content:"\f063"}
.mobileMenuBox ul.mm ul.secondLevel_mobile{display:none;margin: 5px 0 20px}
.mobileMenuBox ul.mm ul.secondLevel_mobile li a{color:#f4e214;font-size:6vw}


.google_translate_element {
    position: relative;
    top: -8px;
    float: left
}
.google_translate_element span:nth-child(3),
.google_translate_element span:nth-child(5) {
    display: none
}
.google_translate_element span {
    border: none;
    top: 0;
    position: relative;
    font-size: 16px;
    color: #fff
}
.google_translate_element div {
    background: none;
    border: none
}
.google_translate_element a {
    color: #fff;
    font-size: 22px;
    font-family: "Microbrew"
}
.flag {
    display: none
}
.breadcrumb {
    font-size: 14px;
    position: relative;
    top: -20px;
    padding: 0 5%
}
.breadcrumb a, .breadcrumb i{color: #1264a5}

.calendar-container {
    width: 100%;
    text-align: center;
    position: absolute;
    z-index: 1;
    top: 70px;
    background: #1264a5;
    display: none;
    height: 300px
}
.calendar-container .btn-prev,
.calendar-container .btn-next {
    display: block;
    width: 20px;
    height: 20px;
    position: absolute;
    top: 0;
    z-index: 99;
    left: 5px
}
.calendar-container .btn-prev i,
.calendar-container .btn-next i {
    font-size: 16px;
    line-height: 20px;
    margin: 10px 0;
    color: #fff
}
.calendar-container .btn-prev i:hover,
.calendar-container .btn-next i:hover {
    color: #FBDA13
}
.calendar-container .btn-next {
    right: 5px;
    left: auto
}
.calendar-button {
    width: 150px;
    height: 40px;
    background: url(/css/img/calendar_icon.png) no-repeat;
    background-size: 40px;
    background-position: 110px 0;
    float: left;
    line-height: 40px;
    cursor: pointer;
    font-size: 18px
}
.calendarmonth {
    width: 100%
}
.calendarmonth ul.daylabels {
    color: #FBDA13;
    text-transform: uppercase;
    border-bottom: 1px solid #779fc8;
    float: left;
    width: 100%;
    font-weight: bold
}
.calendarmonth ul.daylabels li {
    float: left;
    font-size: 1.12em;
    text-align: center;
    width: 14.28%
}
.calendarmonth ul.daylabels .clr {
    clear: both;
    display: block
}
.calendarmonth ul.days li {
    color: #fff;
    line-height: 33px;
    position: relative;
    float: left;
    font-size: 1.12em;
    text-align: center;
    width: 14.28%;
    margin-top: 2px
}
.calendarmonth ul.days li a {
    background: #fbda13;
    border-radius: 50%;
    color: #09426d;
    display: block;
    height: 33px;
    margin: auto;
    width: 33px
}
.calendarmonth ul.days li:hover .popup {
    display: block
}
.calendarmonth ul.days li .popup {
    background-color: #fff;
    display: none;
    font-size: 0.81em;
    height: auto;
    left: -85px;
    line-height: normal;
    position: absolute;
    text-align: left;
    top: 50px;
    width: 220px;
    color: #111;
    z-index: 2000;
    padding: 10px
}
.calendarmonth ul.days .disabled {
    color: #779fc8
}
.calendarmonth h3 {
    color: #FBDA13;
    font-size: 24px;
    padding: 8px 0;
    margin: 0 auto;
    text-align: center
}
.savetocalendar{position:relative!important;color:#333!important;top:-7px!important;left:5px}
.topOptionsPanel {
    width: 100%;
    position: fixed;
    background: #1264a5;
    z-index: 99999;
	top: inherit;
    max-height: 42px;
    height: 40px
}
.topOptionsPanel .translate {
    font-size: 18px;
    float: left;
    padding: 12px 0 10px 2vw;
    color: #a7bcd5;
    cursor: pointer
}
.topOptionsPanel .mobileMenu {
    width: auto;
    height: 30px;
    float: right;
    font-size: 18px;
    padding: 5px;
    color: #fff;
    margin-right: 50px;
}
.topOptionsPanel .mobileMenu span {
    position: relative;
    top: -7px
}
.topOptionsPanel .mobileMenu svg {
    width: 30px;
    fill: #fff
}
.topOptionsPanel .search {
    float: right;
    font-size: 22px;
    padding: 4px;
    width: 32px;
    height: 32px;
    background: #1f1f1f;
    color: #fff;
    text-align: center;
    position: absolute;
    right: 0
}
.topOptionsPanel .search i.searchIcon {
    position: relative;
    color: #fff;
    font-size: 22px;
    top: -12px;
    right: 0;
    cursor: pointer
}
.topOptionsPanel .searchBar {
    background: #0363A8;
    z-index: 999;
    opacity: 0;
    width: 0px;
    position: absolute;
    top: 0;
    right: 0;
    height: 100%
}
.topOptionsPanel .searchBar form {
    width: inherit;
    position: absolute;
    top: -7px
}
.topOptionsPanel .searchBar form input {
	width: 60%;
    padding: 0px 40px 5px 5px;
    border: none;
    right: 2px;
    font-size: 22px;
    position: relative;
}
.topOptionsPanel .searchBar form button {
    background: none;
    border: none;
    cursor: pointer;
    position: relative;
    top: -2px;
    right: -3px;
    font-size: 22px;
    color: #fff
}
.topOptionsPanel .searchBar .closeSearchBox {
    float: left;
    position: relative;
    top: 16px;
    left: 8px;
    cursor: pointer;
    z-index: 999
}
.topOptionsPanel .memberlogin {
    display: none
}
.topPanel {
    width: 100%;
    height: 13vh;
    padding-top: 40px;
    position: absolute;
    float: left;
    z-index: 9999
}
.topPanel:before {
    content: "";
    width: 100%;
    height: 100px;
    background: #fff;
    position: absolute;
    top: 0
}
.topPanel svg {
    fill: #fff;
    max-height: 500px
}
.topPanel .logo {
    position: absolute;
    width: 12vh;
    margin: 2vh 2vw;
	border:none
}
.topPanel .efttex {
    width: 9vh;
    padding: 2vw;
    height: 9vh;
    top: 40px;
    position: absolute;
    right: 1vw;
    text-align: center;
    font-size: 3vh;
    background: #f4e214
}
.topPanel .efttex a {
    display: block;
    color: #035392;
    position: relative;
    z-index: 3
}
.topPanel .efttex p {
    position: relative;
    right: 0.3vw;
    z-index: 1
}
.topPanel .efttex p:nth-child(2) {
    font-size: 5vh
}
.topPanel .bigMenu {
    display: none
}
.updateNotice{
	background: #fff;
	width: 100vw;
	height: 30px;
	position:fixed;
	top: 0;
	line-height: 30px;
	z-index: 999;
}
.updateNotice.active{top: 40px;-webkit-transition: all 1s;transition:all 1s;}
.updateNotice p{padding: 0 10px;color:#035392}

.banner {
    width: 100%;
    height: 120vh;
    min-height: 50vw;
    top: 40px;
    background-color: transparent
}
.banner .titleBox {
    width: 100%;
    height: 50vh;
    top:70vh;
	display:table;
    position: absolute;
    background: #0363a8
}
.titleBoxWrapper{    
	display: table-cell;
    vertical-align: middle;
}
.titleBoxWrapper a {
    display: inline-block;
    position: static;
    margin-top: 0!important;
}
.slick-arrow {
    display: none !important
}
.slick-dots {
    position: relative;
    width: 100%;
    height: 20px;
    top: -60vh;
    margin: 0 auto;
    list-style: none
}
.slick-dots li {
	float: left;
    width: 30px;
    height: 30px;
    left: 15px;
    position: relative;
    cursor: pointer;
}
.slick-dots li button {
    background: transparent;
    border: none;
	display:none
}
.slick-dots li:after {
    width: 20px;
    height: 20px;
    background: #fff;
    border-radius: 20px;
    content: "";
    position: absolute;
    margin-left: -10px
}
.slick-dots li.active:after {
    background: #f4e214
}
.dottedBorder {
    width: 100%;
    float: left;
    height: 10px;
    position: relative;
    background: #fff url("/css/img/darkborder.png") repeat-x center;
    background-size: 10px
}
.dottedBorder.dark {
    background: #fff url("/css/img/darkborder.png") repeat-x 10px center;
    background-size: 10px;
    top: 0
}
.clipImage {
    height: 100%;
    width: 100%;
    position: relative
}
.clipImage.shadow:before {
    content: "";
    position: absolute;
    width: 100%;
    bottom: 0;
    height: 50%;
    background: -moz-linear-gradient(top, transparent 0%, rgba(0, 0, 0, 0.65) 50%);
    background: -webkit-linear-gradient(top, transparent 0%, rgba(0, 0, 0, 0.65) 50%);
    background: linear-gradient(to bottom, transparent 0%, rgba(0, 0, 0, 0.65) 50%);
    filter: progid: DXImageTransform.Microsoft.gradient( startColorstr='#00000000', endColorstr='#a6000000', GradientType=0)
}
.contentBox a {
    text-transform: uppercase;
    font-size: 5vw;
    line-height: 4vw;
    display: inline-block;
}
.contentBox a i {
    font-size: 6vw;
    position: relative;
    top: 1.5vw;
    margin-right: 10px
}
.contentBox-left {
    height: 50vh;
    margin-top: 0;
    float: left;
    width: 100%;
    position: relative
}
.contentBox-left .yellowSquare {
    bottom: 0;
    right: 0;
    text-align: left
}
.contentBox-left .yellowSquare p {
    padding-right: 0
}
.contentBox-right {
    height: auto;
    float: left;
    background: #1264A5;
    padding: 5vw 2vw; 
	width: calc(100% - 4vw);
}
.contentBox-right h1,
.contentBox-right h2 {
    color: #fff;
    padding: 0
}
.contentBox-right h2{margin-top: -15px;}
.contentBox-right h3 {
    color: #f4e214
}
.contentBox-right p {
    color: #8bb3d3;
    font-size: 5vw
}
.latestAtEftta {
    float: left;
    width: 100%;
    background: #fff
}
.latestAtEftta .yellowSquare {
    width: 100%;
    position: static;
    padding: 0
}
.latestAtEftta .yellowSquare.twitter {
    font-size: 6vw;
    left: 0
}
.latestAtEftta .yellowSquare.twitter i {
    font-size: 10vw;
    line-height:40px;
    padding-top: 3vw;
}
.latestAtEftta .yellowSquare.date {
    background: #0363a8;
    color: #f4e214;
    font-size: 28px;
    text-align: left;
    line-height: 24px;
    position: relative
}
.latestAtEftta .yellowSquare.date p {
    position: absolute;
    padding: 3vw 5vw;
font-size: 7vw;
    line-height: 7vw;
}
.latestAtEftta .action.notwitter {
    width: auto;
	clear:left;
}
.block {
    float: left;
    width: 100%
}
.block .block-left {
    width: 20%;
    float: left
}
.block .block-right {
    float: right;
    padding-bottom: 20px;
    width: 75%
}
.block .content {
    font-size: 7vw;
    min-height: 60px;
    text-align: left;
    padding: 0 2vw
}
.block .content span {
    color: #0363a8
}
.block .content p {
    font-size: 4vw
}
.block .action {
    text-align: left;
    padding: 5vw 2vw
}
.becomeMember {
    float: left;
    width: 100%;
    background: #fff;
     padding-top: 30px
}
.contentBox h2 strong {
	font-weight:normal;
	color:#f4e214;
}
.becomeMember a {
    color: #0363a8;
    margin-bottom: 30px;
    display: inline-block
}
.becomeMember .block-left {
    padding: 0 2vw
}
.becomeMember .block-left h2 {
    padding: 0 20px 0 0
}
.becomeMember .block-right {
    padding: 0 2vw
}
.becomeMember .block-right h2 {
    color: #0363a8;
    font-size: 6vw
}
.becomeMember .block-right p {
    font-size: 5vw
}
.becomeMember .block-right a {
    font-size: 7vw;
    display: inline-block;
    margin: 5vw 0 10vw
}
.newsline .block-left h2 {
    margin-bottom: -10px
}
.footer {
    width: 100%;
    height: 100%;
    background: #0363a8;
    float: left;
    position: relative;
	margin-top:30px;
}
.footer p {
    color: #fff;
    float: left;
    position: relative;
    z-index: 3;
    font-size: 5vw;
    color: #7a7a79;
    margin-left: 2vw;
    margin-bottom: 60px
}
.links {
    width: calc(100% - 4vw);
    height: 100%;
    margin-top: -30px;
    float: left;
    padding: 50px 2vw 0;
    position: relative;
    z-index: 3
}
.links .block {
    width: 100%;
    margin-top: 20px;
    margin-bottom: 20px;
    float: left
}
.links .block h3 {
    color: #fff;
    margin: 20px 0;
}
.links .block h3 strong {
    font-weight: normal;
    color: #f4e214
}
.links .block p {
    font-family: "Open Sans";
    color: #7caed2;
    margin: 0 0 10px 0
}
.links .block span {
    color: #f4e214;
    font-size: 5vw;
    width: 100%;
    display: inline-block
}
.links .block span a{color: #f4e214;}
.links .block ul.sitelinks a {
    color: #7caed2;
    font-size: 4vw;
    font-family: "Open Sans"
}
.links .socialmedia {
    margin-bottom: 100px
}
.links .socialmedia a {
    font-size: 10vw;
    margin-right: 10%;
    color: #7caed2
}
.headerBoxOuter {
    width: 100%;
    background: #1264A5;
    float: left;
    margin-bottom: 20px;
    position: relative
}
.headerBoxOuter .headerBox {
    width: 100%;
    height: 100vh;
    float: right;
    background: #1264A5
}
.headerBoxOuter .headerBox h1 {
    color: #fff;
    padding: 0 2vw
}
.headerBoxOuter .headerBox p {
    padding: 0 2vw;
    color: #8bb3d3;
    font-size: 4vw;
    line-height: 4vw
}
.headerBox.login{padding-bottom: 98px!important;}
.headerBoxOuter .headerBox:nth-child(2) {
    height: 100%;
    padding-top:0;
	padding-bottom:40px;
    position: relative
}
.keyareas .block {
    width: auto;
	min-width: 30%;
    padding: 2vw
}
.keyareas .block a.title {
    width: 100%;
    line-height: 50px;
    font-size: 6vw;
    color: #0363a8
}
.keyareas .block p {
    font-family: "Open Sans";
    display: block;
    font-size: 4vw
}
.keyareas .block .dottedBorder {
    top: 0
}
.contentBoxWrapper.about {
    float: left;
    width: 100%;
    margin-top: 70px;
    margin-bottom: 70px
}
.contentBoxWrapper.about .contentBox-left {
    height: 70vh
}
.contentBoxWrapper.about .contentBox-right {
    padding: 5vh 2vw;
    text-align: left
}
.contentBoxWrapper.about .contentBox-right h2 a {
    font-size: 15vw;
    line-height: 12vw
}
.contentBoxWrapper.about .contentBox-right strong {
    font-weight: normal;
    color: #f4e214
}
.loginBox {
    position: relative;
    height: 100%
}
.loginBox label,
.loginBox input {
    width: 90%;
    margin-left: 3%;
    display: inline-block
}
.loginBox label {
    color: #fff;
    font-size: 24px
}
.loginBox input {
    background: #528ebd;
    line-height: 50px;
	height:50px;
    border: 0;
    color: #fff;
    padding-left: 10px;
    padding-right: 10px
}
.loginBox a {
    color: #fff;
    float: right;
    margin-right: 4%;
    margin-top: 20px
}
.loginBox h1 {
    margin-bottom: 0
}
.loginBox button {
    background-color: #f4e214;
    padding: 20px 20px;
    color: #035392;
    text-transform: uppercase;
    border: 0;
    font-size: 5vw;
    position: absolute;
    bottom: -170px;
    right: 0
}
.loginBox button i{
    display: inherit;
    position: relative;
    top: 5px;
}
.loginBox .main-form-group p {
    font-size: 18px;
    line-height: 16px;
    width: auto;
    font-family: "Open Sans"
}
.mediaBody {
    float: left;
    width: 100%
}
.mediaBody .item {
    width: 100%;
    float: left;
    background: #fff;
    margin-bottom: 30px
}
.mediaBody .item div {
    float: left;
}
.mediaBody .item .desc {
    width: 100%
}
.mediaBody .item .clipImage {
    height: 30vh;
    position: relative
}
.mediaBody .item.firstItem {
    background: #efefef
}
.mediaBody .item.firstItem .title {
    font-size: 10vw;
    width: 80vw;
    float: left;
	line-height: 9vw;
    margin-top: 10px
}
.mediaBody .item.firstItem .title a {
    color: #0363a8
}
.mediaBody .item.firstItem .title i {
    position: relative;
    top: -6px;
    font-size: 7vw
}
.mediaBody .item.firstItem .tags {
    display: block; 
	font-size:18px;
}
.mediaBody .item.firstItem .content {
    width: calc(100% - 10px)
}
.mediaBody .item.firstItem svg.bg {
    fill: #efefef
}
.mediaBody .item .date {
    width: 20vw;
    height: 20vw;
    background: #0363a8;
    font-size: 9vw;
    line-height: 8vw;
    margin-top: 10px
}
.mediaBody .item .date p {
    padding: 2vw 4vw;
    color: #f4e214
}
.mediaBody .item .title {
    font-size: 6vw;
    width: 70vw;
    float: left;
    margin-top: 10px
}
.mediaBody .item .title p {
    padding-left: 5px;
    padding-right: 5px
}
.mediaBody .item .title p,.mediaBody .item .title p a {
    color: #0363a8;
    cursor: pointer;
}
.mediaBody .item .title p:after,
.halfWidthBox .rightPart a.noaction:after{
    content: "\f061";
    position: absolute;
    width:20px;
    height:20px;
    font-family: "FontAwesome";
    font-size: 26px;
    margin-left: 5px;
}




.mediaBody .item.firstItem .title p:after{font-size: 7vw;margin-top:1vw}
.mediaBody .item .title p.active:after,
.halfWidthBox .rightPart a.noaction.active:after{
    content: "\f063";
}
.mediaBody .item .dottedBorder {
    top: 0
}
.mediaBody .item .content {
    font-family: "Open Sans";
    padding-left: 5px;
    padding-right: 5px;
    font-size: 3vw;
    float: left;
    width: 65vw
}
.mediaBody .item .tags {
    padding: 5px;
    display: none
}
.mediaFooter {
    float: left;
    height: 10vh;
    width: 100%;
    font-size:28px;
    line-height:32px;
    margin-bottom: -40px
}
.mediaFooter .wrapper {
    margin: 0;
    width: 100%;
    float: left
}
.mediaFooter a {
    display: block;
    width: 100%;
    color: #0363a8;
    text-align: center;
    float: left;
    width: auto
}
.mediaFooter a:nth-child(1) {
    margin-right: 5px
}
.mediaFooter a:nth-last-child(1) {
    margin-left: 5px
}
.mediaFooter ul {
    margin: 0 auto;
    min-width: 280px
}
.mediaFooter ul li {
    float: left;
    width: 40px;
    height: 40px
}
.mediaFooter ul li.current {
    background: #f4e214
}
.mediaFooter ul li a {
    width: 100%;
    margin-left: auto !important
}
.mediaFooter .custom-pager {
    float: right
}
.beforeMainContent {
    width: 100%
}
.beforeMainContent .wrapper {
    margin: 20px 5%;
    width: 90%;
    float: left
}
.beforeMainContent h1 {
    line-height: 8vw
}
.mainContent {
    width: 90%;
    padding: 0 5%
}
.search {
    background: #e5e5e5;
    border: 0;
    line-height: 50px;
    height: 50px;
    font-size: 20px;
    width: calc(100% - 35px);
    padding-left: 5px;
    padding-right: 30px
}
.main-form-group {
    margin-bottom: 20px
}
.main-form-group p {
    line-height: 20px;
    font-size: 20px;
    height: 20px;
    width: 100%;
	margin-bottom: 10px;
}
.groups-space .form-group:nth-child(3) {
    margin-top: 15px
}
.squareButton {
    width: 100px;
    height: 100px;
    background: #f4e214;
    text-transform: uppercase;
    text-align: left;
    padding: 15px;
    font-size: 25px;
    border: none;
    color: #035392;
    float: right
}
.squareButton span {
    display: inline-block;
    width: 100%
}
.form-group {
    position: relative
}
.form-group .custom-select {
    position: relative;
    opacity: 0
}
.form-group label,
.form-group select {
    line-height: 50px;
    height: 50px;
    width: 100%;
    display: inline-block
}
.form-group label {
    width: 50%;
    line-height: 44px
}
.form-group input[type='checkbox'] {
    float: left;
    width: 22px
}
.form-group i.searchIcon {
    float: right;
    position: relative;
    top: -32px;
    right: 10px;
	    cursor: pointer;
}
.form-group .custom-select-trigger {
    background: #1264a5;
    position: absolute;
    width: 100%;
    height: 50px;
    font-size: 20px;
    text-transform: uppercase;
    color: #fff;
    line-height: 50px
}
.form-group .custom-select-trigger span {
    margin-left: 10px
}
.form-group .custom-select-trigger:after {
    position: absolute;
    content: "";
    font-family: "FontAwesome";
    font-size: 28px;
    color: #f4e214;
    width: 30px;
    height: 30px;
    right: 0
}
button.export {
    font-size: 14px;
    color: #0363a8;
    display: inline-block;
    margin-top: -15px;
    border: none;
    background: none;
    cursor: pointer;
}
.halfWidthBox {
    width: 100%;
    float: left;
    margin: 0 0 10px 0
}
.halfWidthBox .leftPart,
.halfWidthBox .rightPart {
    width: 100%;
    float: left
}
.halfWidthBox .leftPart {
    background: #fff;
    text-align: center;
    height: 50vw;
    position: relative;
    cursor: pointer
}
.halfWidthBox .leftPart svg {
    position: absolute;
    left: 0;
    fill: transparent
}
.halfWidthBox .leftPart svg polygon {
    stroke: #e5e5e5;
    stroke-width: 25
}
.halfWidthBox .leftPart img {
    height: 70%;
    margin-top: 5%
}
.halfWidthBox .rightPart a {
    font-size: 8vw;
    color: #0363a8
}
.halfWidthBox .rightPart p span:nth-child(1) {
    font-size: 7vw;
    color: #333
}
.halfWidthBox .rightPart p span:nth-child(2) {
    font-size: 5vw;
    font-family: "Open Sans";
    color: #333
}
.halfWidthBox .rightPart p span:nth-child(2) a {
    font-size: 5vw;
    font-family: "Open Sans";
    font-weight: 600
}
.halfWidthBox .dottedBorder {
    top: 0
}
.halfWidthBox .company_details,
.item.calendar .company_details {
    position: fixed;
    width: 100vw;
    background: #1264a5;
    height: 100vh;
    top: 0;
    left: 0;
    z-index: 99999;
    cursor: default;
    display: none
}
.halfWidthBox .company_details .wrapper,
.item.calendar .company_details .wrapper {
    width: 95%;
    margin: 1.5% 2.5%;
    height: 95%;
    background: #fff;
    overflow: auto
}
.halfWidthBox .company_details h2,
.item.calendar .company_details h2 {
    margin: 20px 2.5% 10px;
    float: left;
    text-align: left;
    color: #fff;
    line-height: 8.5vw;
    padding-right: 30px
}
.halfWidthBox .company_details i,
.item.calendar .company_details i {
    position: fixed;
    top: 10px;
    right: 2.5%;
    font-size: 30px;
    color: #fff;
    cursor: pointer
}
.halfWidthBox .details-3,
.item.calendar .details-3 {
    text-align: left;
    width: 98%;
    margin: 0 auto
}
.halfWidthBox .details-3 .logo,
.item.calendar .details-3 .logo {
    width: 100%;
    height: 25vw
}
.halfWidthBox .details-3 .logo img,
.item.calendar .details-3 .logo img{ max-height: 100%;}
.halfWidthBox .details-3 .group,
.item.calendar .details-3 .group {
    margin-top: 15px
}
.halfWidthBox .details-3 .group p,
.item.calendar .details-3 .group p {
    display: inline-block;
    width: 100%
}
.halfWidthBox .details-3 .group p span,
.item.calendar .details-3 .group p span {
    width: auto;
    font-weight: 600
}
.halfWidthBox .details-3 .group p a,
.item.calendar .details-3 .group p a {
    font-family: "Open Sans";
    font-weight: 600;
    color: #0363a8
}
.halfWidthBox .dottedBorder,
.item.calendar .dottedBorder {
    margin: 15px 0
}
.halfWidthBox .details-2,
.item.calendar .details-2 {
    text-align: left;
    width: 98%;
	height: 100%;
    margin: 0 auto
}
.halfWidthBox .details-2 .group,
.item.calendar .details-2 .group {
    margin-top: 15px
}
.halfWidthBox .details-1 .logo,
.item.calendar .details-1 .logo {
    width: 33vw;
    padding: 5vw
}
.halfWidthBox .details-1 .logo img,
.item.calendar .details-1 .logo img {
    width: 100%
}
.halfWidthBox .details-1 h3,
.item.calendar .details-1 h3 {
    display: inline-block;
    padding: 0 2vw
}
.halfWidthBox .details-1 h3:nth-child(3),
.item.calendar .details-1 h3:nth-child(3) {
    font-size: 6vw;
    line-height: 5vw
}
.halfWidthBox .details-1 p,
.item.calendar .details-1 p {
    font-family: "Open Sans";
    padding: 2vw
}
.halfWidthBox .details-1 .group,
.item.calendar .details-1 .group {
    width: 100%;
    float: left
}
.halfWidthBox .details-1 .group span,
.item.calendar .details-1 .group span {
    font-size: 5vw;
    padding-left: 2vw;
    padding-top: 15px;
    display: block
}
.halfWidthBox .details-1 .group p,
.item.calendar .details-1 .group p {
    font-size: 3vw;
    padding: 0 2vw
}
.halfWidthBox .details-1 .group p a,
.item.calendar .details-1 .group p a {
    font-family: "Open Sans";
    font-weight: 600;
    color: #0363a8;
    font-size: 3vw
}
.loginBox.article {
    width: 75%;
    float: left;
    margin: 0 4vw;
    padding: 3vw;
    position: static
}
.loginBox.article h1 {
    line-height: 8vw
}
.loginBox.article .tags {
    margin-top: 20px;
    color: #fff
}
.loginBox.article a.tag {
    float: none;
    margin-right: 0
}
.loginBox.article button {
    bottom: 0
}
.loginBox.article p.date {
    font-size: 4vw
}
.loginBox.article .yellowSquare {
    margin-right: 0;
    position: absolute;
    bottom: 0
}
.loginBox.article .yellowSquare a {
    color: #035392
}
.article {
    padding: 5%
}
.article h2 {
    font-size: 9vw;
    line-height: 8vw;
    margin-bottom: 20px
}
.article h3 {
    color: #0363a8;
    font-size: 7vw;
    line-height: 6vw;
    margin-bottom: 15px
}
.article .yellowSquare {
    right: 0;
    float: right;
    margin-right: -5%;
    position: relative;
    font-size: 6vw;
    text-align: left;
    margin-top: 20px;
    top: 45px
}
.article .yellowSquare a {
    padding-right: 20px;
    display: block;
}
.article .article-img {
    width: 100%;
    height: 60vw;
    position: relative
}
.article .article-img svg {
    display: block
}
.article ul {
    margin: 15px 0;
    padding-right: 40px;
}
.article ul li {
    margin-left: 15px
}
.article ul li:before {
    content: "";
    width: 8px;
    height: 8px;
    border-radius: 10px;
    background: #0363a8;
    position: absolute;
    margin: 6px -15px
}
.calendarDetailsLine {
    margin: 40px 1.25% 20px !important
}
.profiles .halfWidthBox .rightPart p:nth-child(2) {
    font-family: "Open Sans"
}
.profiles .halfWidthBox .leftPart {
    width: 50vw;
    height: 50vw;
    cursor: default
}
.profiles .halfWidthBox .leftPart svg polygon {
    stroke: none;
    fill: #fff
}
.profiles .halfWidthBox .leftPart img {
    height: 100%;
    width: 100%;
    margin-top: 0
}
.profiles h2 {
    font-size: 55px;
    line-height: 50px;
    margin-top: 20px
}
.profiles span {
    font-size: 7vw;
    color: #0363a8;
    margin-top: 20px;
    display: inline-block
}
.latestAtEftta.join {
    padding: 0
}
.latestAtEftta.join .mediaBody .item {
    margin: 0
}
.latestAtEftta.join .mediaBody .item .title h3 {
    font-size: 8vw;
    line-height: 7vw;
    color: #0363a8
}
.latestAtEftta.join .mediaBody .item .clipImage.min {
    height: 350px !important
}
.latestAtEftta.join .details {
    margin: 30px 0
}
.latestAtEftta.join .details span {
    font-size: 20px;
    display: inline-block;
    width: 100%
}
.latestAtEftta.join .details span a {
    font-family: "Open Sans";
    color: #0363a8;
    font-size: 16px;
    font-weight: bold
}
.becomeMember.join {
    margin-top: 40px
}
.becomeMember.join .block-left {
    margin-top: 30px
}
.becomeMember.join .block-left h2 {
    font-size: 10vw;
    line-height: 9vw
}
.becomeMember.join .block-left h3 {
    font-size: 8vw;
    line-height: 7vw;
    margin-top: 0
}
.becomeMember.join .block-right {
    margin-top: 30px
}
.becomeMember.join .block-right p {
    font-size: 4vw
}
.becomeMember.join .block-right h2 {
    line-height: 5vw
}
.becomeMember.join .yellowSquare {
    margin-top: 50px;
    text-align: left;
    line-height: 24px;
    width: 100px;
    height: 100px;
    position: relative;
    float: right;
    padding: 5px
}
.becomeMember.join .yellowSquare a {
    margin: 0;
    padding: 15px 30px 15px 15px;
    position: absolute;
    font-size: 26px
}
.contentBoxWrapper.about.join {
    margin-top: 0
}
.imageRight.lobby {
    margin-top: 50px;
    float: left
}
.beforeMainContent.lobby {
    float: left;
    margin-bottom: 50px
}
.beforeMainContent.lobby .desc,
.beforeMainContent.lobby .image {
    width: 100%;
    float: right
}
.beforeMainContent.lobby .image {
    height: 60vw;
    margin-bottom: 50px
}
.beforeMainContent.lobby .image .clipImage.min {
    height: 80%
}
.beforeMainContent.lobby .image p {
    color: #0363a8;
    font-size: 7vw
}
.beforeMainContent.lobby .image span {
    font-weight: 600
}
.beforeMainContent.lobby .desc h3 {
    color: #0363a8
}
.beforeMainContent.lobby .wrapper {
    margin: 20px 2vw;
    width: calc(100% - 4vw)
}
.latestAtEftta.lobby .dottedBorder {
    top: 0
}
.latestAtEftta.lobby .yellowSquare.date {
    margin: 2vw
}
.block.lobby .clipImage.min {
    width: 100%
}
.block.lobby .title {
    font-size: 30px
}
.block.lobby .title img {
    width: 60px;
    height: 60px;
    display: block;
    float: left;
    margin: 1vw 2vw
}
.block.lobby .title p:nth-child(2) a {
    color: #0363a8
}
#logout p {
    font-size: 5vw
}
#logout p span {
    color: #f4e214
}
#logout button {
    padding: 40px 20px;
    bottom: -100px
}
.lc {
    float: left;
    background: #efefef;
    height: 300px
}
.lc .yellowSquare {
    width: 15px;
    height: 15px;
    margin-top: 130px;
    font-size: 15px;
    cursor: pointer;
    padding: 10px
}
.lc .yellowSquare i {
    top: 25%;
    right: 40%;
    position: absolute
}
.lc .yellowSquare.next {
    right: 0
}
.lc .yellowSquare.next i {
    left: 40%
}
.lc .dottedBorder {
    top: 0
}
.lc h2 {
    line-height: 4vw;
    font-size: 5vw;
    padding-left: 4vw
}
.lc .wrapper {
    margin: 50px 0 !important;
    width: 100%
}
.linecharter {
    top: 30px;
    position: relative;
    left: 0
}
.linecharter .slick-dots {
    display: none !important
}
.linecharter .item {
    height: 100px;
    margin: 0 auto;
    max-width: 160px;
    position: relative
}
.linecharter .item svg {
    position: absolute;
    left: 0;
    fill: #fff
}
.linecharter .item svg polygon {
    stroke: #e5e5e5;
    stroke-width: 25
}
.linecharter .item img {
    height: 70%;
    position: relative;
    z-index: 1;
    display: block;
    padding-top: 5%;
    margin: 0 auto
}
@keyframes mainMenu {
    0% {
        margin-top: 50px;
        opacity: 0.3;
        visibility: hidden
    }
    20% {
        margin-top: 30px
    }
    40% {
        margin-top: 40px
    }
    60% {
        margin-top: 20px
    }
    70% {
        margin-top: 25px;
        opacity: 0.7
    }
    80% {
        margin-top: 20px
    }
    90% {
        margin-top: 15px
    }
    100% {
        opacity: 1;
        visibility: visible;
        margin-top: 10px
    }
}
.firstLevel li:hover>.secondLevel {
    -webkit-animation: mainMenu 0.3s forwards;
    -moz-animation: mainMenu 0.3s forwards;
    -o-animation: mainMenu 0.3s forwards;
    animation: mainMenu 0.3s forwards
}
.secondLevel.active {
    opacity: 1;
    visibility: visible
}
.secondLevel {
    background: #f4e214;
    width: 200px;
    position: absolute;
    margin-top: 10px;
    padding: 40px;
    visibility: hidden;
    opacity: 0;
    z-index: 9999
}
.secondLevel li {
    font-size: 20px;
    line-height: 30px;
    height: auto !important
}
.secondLevel:before {
    width: 0;
    height: 0;
    border-left: 20px solid transparent;
    border-right: 20px solid transparent;
    border-bottom: 20px solid #f4e214;
    content: "";
    position: absolute;
    top: -15px;
    left: 25px;
}
.secondLevel:after {
    width: 100%;
    height: 20px;
    content: "";
    position: absolute;
    top: -15px;
    left: 0;
}
.block .action h3 a {
    color: #333
}
.exportimport ul {
    margin-bottom: 50px;
    width: 100%;
}
.exportimport ul li {
    padding: 15px 0
}
.exportimport ul li:nth-child(even) {
    background: #efefef
}
.exportimport ul li div {
    width: 90%;
    margin-left: 5%;
    font-size: 4vw
}
.exportimport ul li a {
    font-size: 3vw;
    margin-right: 10%
}
.exportimport ul li .title {
    font-size: 6vw
}
.exportimport ul li .dottedBorder {
    width: 100% !important;
    margin-left: 0
}

.newsletter{
    top: 20px;
    position: relative;
}

.newsletter label{
    font-size: 18px;
    line-height: 18px;
    height: 20px;
	padding-bottom:5px;
}
.article.articleBar{padding: 20px 5%}


.newsletter.latestAtEftta .yellowSquare {
    width: 110px;
    height: 110px;
    float: right;
    text-align: left;
    margin-top: 20px;
}


.newsletter.latestAtEftta .yellowSquare a{
    display: block;
    padding: 25px 15px;
    font-size: 26px;
    line-height: 24px
}


.searchresult i{cursor:pointer}
.searchresult p.searchNumber{font-size: 26px!important}
.searchresult{padding: 20px 0!important}
.searchResultPage .main-form-group:nth-child(2){width: auto;}
.searchResultPage .main-form-group:nth-child(2) p{line-height:50px!important;}
.searchresult ul.sr{font-family: 'Open Sans'}
.searchresult .wrapper{padding: 0 5%;width:auto}
.searchresult .dottedBorder{margin-top: 15px;}
.searchresult ul.sr li{margin-top: 20px;display: inline-block;width: 100%;}
.searchresult ul.sr a{color: #0363a8;font-size: 24px;margin-bottom: 15px;display: inline-block;}
.searchresult ul.sr p{line-height: 16px}


table{width: 100%;border-collapse: collapse;font-family: "Microbrew";}
table th { background:#1264a5;color:#fff;text-align:left;font-weight:normal;padding:20px 15px}
table td{padding: 15px;}
table tbody tr{background: #efefef;border-bottom: 2pt dotted #333;font-size: 18px}
table tbody tr:nth-last-child(1){border-bottom: none}

.defaultcursor{
    cursor: default !important;
}



@media only screen and (min-width: 400px) and (max-width: 760px) {
	.mediaBody .item .title p:after{margin-top:2vw}
}






@media only screen and (min-width: 768px) {
	
	.titleBoxWrapper a {
		margin-top: 20px!important;
	}
    a.noaction:after{line-height:normal}
	.halfWidthBox .rightPart a.noaction:after{margin-top: 5px}
    h1 {
        font-size: 50px
    }
    h2 {
        font-size: 42px
    }
    h3 {
        font-size: 34px
    }
    a.btn {
        background-color: #f4e214;
        padding: 5px 10px;
        color: #035392;
        text-transform: uppercase
    }
    h2.special {
        font-size: 42px
    }
    .yellowSquare.out p {
        font-size: 2vw;
        line-height: 2.5vw
    }
    .google_translate_element {
        top: -2px
    }
    .google_translate_element span {
        font-size: 22px
    }
    .flag {
        display: block;
        width: 30px;
        height: 14px;
        background: url(/css/img/uk.jpg) center/contain;
        float: left;
        margin-top: 8px
    }
    .topOptionsPanel .translate {
        padding: 5px 0 20px 2vw;
        font-size: 21px
    }
    .topPanel {
        padding-top: 40px;
        height: 100px
    }
    .topPanel .logo {
        width: 80px;
        margin: 15px 2vw
    }
    .topPanel .efttex {
        width: 70px;
        padding: 1vw 2vw 2vw 2vw;
        height: 70px;
        right: 0;
        font-size: 30px
    }
    .topPanel .efttex p:nth-child(2) {
        font-size: 48px
    }
    .banner h2 {
        font-size: 42px;
        line-height: 5vw;
        top: 70px;
        padding: 0 10vw
    }
    .banner h3 {
        top: 200px;
        font-size: 30px;
        padding: 0 10vw
    }
    .banner p {
        top: 230px;
        font-size: 24px;
        padding: 0 10vw
    }
    .banner a {
        top: 300px;
        font-size: 24px;
        margin: 0 10vw
    }
    .contentBox-right {
        padding: 5vw;
		width: calc(100% - 10vw);
    }
    .contentBox-right p {
        font-size: 20px
    }
    .yellowSquare {
        height: 10vw;
        width: 10vw;
        font-size: 3vw;
        line-height: 3vw
    }
    .latestAtEftta {
        width: auto;
        padding: 5vw 2vw
    }
    .latestAtEftta h2 {
        padding: 0;
        font-size: 50px
    }
    .latestAtEftta .yellowSquare {
        width: 130px;
        height: 130px
    }
    .latestAtEftta .yellowSquare.twitter {
        font-size: 30px
    }
    .latestAtEftta .yellowSquare.twitter i {
        font-size: 70px
    }
    .latestAtEftta .yellowSquare.date {
        font-size: 44px;
        line-height: 36px
    }
    .latestAtEftta .yellowSquare.date p {
        padding: 4vw
    }
    .latestAtEftta .dottedBorder {
        top: 0
    }
    .latestAtEftta .action.notwitter, .latestAtEftta .block .action.notwitter {
        width: auto;
		bottom:10px;
    }
	.latestAtEftta .block .action {
		position:relative;
	 }
    .block .block-right {
        float: right;
        padding-bottom: 20px;
        width: 75%
    }
    .block .content {
        font-size: 26px;
        text-align: left;
        padding: 0 3vw 0 1vw
    }
    .block .content span {
        color: #0363a8
    }
    .block .content p {
        font-size: 4vw
    }
    .block .action h3 a {
        font-size: 30px;
        margin-left: 6vw
    }
    .block:nth-child(1) .action h3 a {
        margin-left: 0
    }
    .becomeMember {
        width: calc(100% - 4vw);
       
    }
    .becomeMember h2 {
        font-size: 52px;
        line-height: 46px
    }
    .becomeMember .block-right {
        padding: 0
    }
    .becomeMember .block-right h2 {
        font-size: 34px
    }
    .becomeMember .block-right p {
        font-size: 20px
    }
    .becomeMember .block-right a {
        font-size: 30px;
        margin-top: 10px
    }
    .becomeMember .block-left {
        padding: 0
    }
    .newsline .block-left {
        padding: 0 !important
    }
    .newsline .block-left h2 {
        margin: 0 2vw
    }
    .newsline h3 {
        margin-left: 0
    }
    .footer p {
        font-size: 20px;
        float: right;
        margin: 20px 20px 100px 0
    }
    .links {
		padding: 50px 5vw 0;
    	width: calc(100% - 10vw);
    }
    .links .block span {
        font-size: 24px
    }
    .links .block ul.sitelinks a {
        font-size: 20px
    }
    .links .socialmedia a {
        font-size: 50px
    }
    .headerBoxOuter .headerBox h1 {
        color: #fff;
        padding: 0 2vw;
        font-size: 10vw;
        line-height: 8vw
    }
    .headerBoxOuter .headerBox p {
        padding: 0 2vw;
        font-size: 20px;
        line-height: 20px
    }
    .keyareas .block {
        padding: 2vw 0;
		min-width: 50%
    }
    .keyareas .block a.title {
        font-size: 30px
    }
    .keyareas .block p {
        font-size: 20px
    }
    .contentBoxWrapper.about .contentBox-right {
        width: calc(100% - 4vw)
    }
    .contentBoxWrapper.about .contentBox-right h2 a {
        padding: 0 10vw;
        font-size: 60px;
        line-height: 60px
    }
    .contentBox a {
        font-size: 22px;
        line-height: 22px;
        margin-top: 0
    }
    .contentBox a i {
        font-size: 22px;
        float: left;
        position: static;
        margin-top: 5px;
    }
	.contentBox .yellowSquare a i {
        font-size: 1.5vw;
        display:inline-block;
		float:right;
		margin:3px 0 0 0;
    }
	.contentBox a .playVideo i {
		margin-top:-5px;
	}
    .contentBox a span {
        display: block;
        float: left;
        margin-top: 1.9vw;
        font-size: 2vw;
        line-height: 2vw
    }
    .loginBox {
        padding: 0 2vw
    }
    .loginBox label,
    .loginBox input {
        width: calc(100% - 20px);
        margin-left: 0
    }
    .loginBox a {
        margin-right: 0
    }
    .loginBox .main-form-group {
        width: 80%;
        margin: 0 auto
    }
    .loginBox button {
        font-size: 3vw;
        position: absolute;
        padding: 3vw 4vw;
        bottom: -135px;
        text-align: left;
        cursor: pointer;
        right: 0
    }
    .loginBox button span {
        width: 100%;
        display: block
    }
    .headerBoxOuter.login .headerBox:nth-child(1) {
        height: 60vh
    }
    .headerBoxWrapper.login {
        margin: 0 auto
    }
    svg.w120 {
        margin-left: calc(-20% - 1px);
        margin-top: 5px
    }
    .mediacentre {
        width: 100%;
        padding: 5vw 0
    }
    .mediaForm {
        width: 90%;
        margin: 0 4vw
    }
    .mediaBody {
        float: left
    }
    .mediaBody .item.firstItem .title {
        font-size: 60px;
        width: 75%;
        margin-top: 0
    }
    .mediaBody .item.firstItem .title p {
        font-size: 50px!important;
        margin-top: 5px;
    }
    .mediaBody .item.firstItem .title i {
        position: relative;
        top: -6px;
        font-size: 40px!important
    }
    .mediaBody .item.firstItem .tags {
        display: block
    }
    .mediaBody .item.firstItem .content {
        width: 100%;
        margin: 30px 0;
        font-size: 20px
    }
    .mediaBody .item .date {
        width: 125px;
        height: 125px;
        font-size: 50px;
        line-height: 40px
    }
    .mediaBody .item .title {
        width: 75%
    }
    .mediaBody .item .title i {
        font-size: 30px;
        position: relative;
        top: -5px
    }
    .mediaBody .item .title p {
        padding-left: 5px;
        padding-right: 5px;
        font-size: 40px
    }
    .mediaBody .item .dottedBorder {
        top: 0
    }
    .mediaBody .item .content {
        font-size: 20px;
        width: 73%
    }
    .mediaBody .item .tags {
        padding: 5px 100px 0 0;
        display: none
    }
    .mediaBody .maxWidth {
        width: 90%;
        padding: 5vw 0
    }
    .beforeMainContent {
        float: left
    }
    button.export {
        float: right;
        line-height: 14px
    }
    .maxWidth {
        max-width: 768px
    }
    .halfWidthBox {
        width: 47.5%
    }
    .halfWidthBox:nth-child(even) {
        margin-right: 5%
    }
    .halfWidthBox .leftPart {
        height: 30vw
    }
    .halfWidthBox .rightPart a {
        font-size: 30px;
        line-height: 30px
    }
    .halfWidthBox .rightPart p span:nth-child(1),
    .halfWidthBox .rightPart p span:nth-child(2),
    .halfWidthBox .rightPart p span:nth-child(2) a {
        font-size: 20px;
        line-height: 24px
    }
    .mainContent {
        width: 100%;
        padding: 0;
        margin: 0 auto;
        display: block;
        max-width: 768px
    }
    .mainContent .wrapper {
        margin: 0 5%;
        width: 90%;
        float: left
    }
    form.col-4 .filterBy .form-group {
        float: left;
        width: auto;
        margin-right: 5%
    }
    form.col-4 .filterBy .form-group label {
        width: auto;
        font-size: 18px
    }
    form.col-2 .main-form-group {
        width: 100%;
        float: left
    }
    form.col-2 .form-group {
        float: left;
        width: auto;
        margin-right: 5%
    }
    form.col-2 .form-group.searchGroup {
        width: inherit
    }
    form.col-2 .form-group label {
        width: auto;
        font-size: 18px
    }
    .halfWidthBox .details-3 .logo,
    .item.calendar .details-3 .logo {
        height: 15vw;
        width: 95%;
        margin: 0 auto
    }
    .halfWidthBox .details-3 .contact,
    .item.calendar .details-3 .contact {
        width: 45%;
        float: left;
        padding: 2.5%
    }
    .halfWidthBox .details-2,
    .item.calendar .details-2 {
        text-align: left;
        width: 98%;
        margin: 0 auto
    }
    .halfWidthBox .details-2 .group,
    .item.calendar .details-2 .group {
        width: 45%;
        float: left;
        padding: 2.5%
    }
    .loginBox.article {
        margin: 0
    }
    .loginBox.article h1 {
        line-height: 60px;
        font-size: 80px;
        padding-right: 25%
    }
    .loginBox.article p.date {
        font-size: 22px
    }
    .loginBox.article .yellowSquare {
        font-size: 36px;
        line-height: 30px;
        width: 100px;
        height: 100px
    }
    .loginBox.article .yellowSquare a {
        padding-right: 5%;
        margin-top: 5%
    }
    .article h2 {
        font-size: 52px;
        line-height: 48px
    }
    .article h3 {
        font-size: 40px;
        line-height: 36px
    }
    .article .yellowSquare {
        font-size: 30px;
        line-height: 24px;
        width: 100px;
        height: 100px;
        margin-right: -5.5%
    }
    .halfWidthBox .details-1 .logo,
    .item.calendar .details-1 .logo {
        width: 25vw;
        padding: 2vw
    }
    .halfWidthBox .details-1 h3,
    .item.calendar .details-1 h3 {
        display: inline-block;
        padding: 0 2vw;
        font-size: 50px;
        width: 100%
    }
    .halfWidthBox .details-1 h3:nth-child(3),
    .item.calendar .details-1 h3:nth-child(3) {
        font-size: 40px;
        line-height: 36px
    }
    .halfWidthBox .details-1 p,
    .item.calendar .details-1 p {
        font-size: 18px
    }
    .halfWidthBox .details-1 .group span,
    .item.calendar .details-1 .group span {
        float: left;
        font-size: 34px;
        line-height: 34px;
        margin-right: 10px
    }
    .halfWidthBox .details-1 .group p,
    .item.calendar .details-1 .group p {
        font-size: 20px;
        padding: 0;
        line-height: 70px
    }
    .halfWidthBox .details-1 .group p a,
    .item.calendar .details-1 .group p a {
        font-size: 20px
    }
    .profiles .halfWidthBox {
        width: 45%
    }
    .profiles .halfWidthBox:nth-child(even) {
        margin-right: 10%
    }
    .profiles .halfWidthBox:nth-child(odd) {
        margin-right: 0
    }
    .profiles .halfWidthBox .rightPart p {
        width: 310px
    }
    .profiles .halfWidthBox .leftPart {
        height: 310px;
        width: 310px
    }
    .profiles span {
        font-size: 44px
    }
    .latestAtEftta.join {
        width: 100%
    }
    .latestAtEftta.join .mediaBody .item .content {
        margin: 0
    }
    .latestAtEftta.join .mediaBody .item .title h3 {
        font-size: 60px;
        line-height: 60px
    }
    .latestAtEftta.join .mediaBody .item p {
        font-size: 20px
    }
    .latestAtEftta.join .mediaBody .item .clipImage.min {
        height: 350px !important
    }
    .latestAtEftta.join .details {
        margin: 30px 0
    }
    .latestAtEftta.join .details span {
        font-size: 28px
    }
    .latestAtEftta.join .details span a {
        font-size: 20px
    }
    .becomeMember.join .block-left h2 {
        font-size: 60px;
        line-height: 55px
    }
    .becomeMember.join .block-left h3 {
        font-size: 40px;
        line-height: 35px
    }
    .becomeMember.join .block-right p {
        font-size: 20px
    }
    .contentBoxWrapper.about.join {
        margin-top: 0
    }
    .playVideo {
        font-size: 40px !important;
        line-height: 80px !important
    }
    .playVideo i {
        font-size: 10vw !important
    }
    .block.lobby .title img {
        margin: 0.5vw 2vw
    }
    .latestAtEftta.lobby .block-right {
        float: left
    }
    .latestAtEftta.lobby .block-right .content {
        padding: 2vw 0 0
    }
    .beforeMainContent.lobby {
        margin-bottom: 20px
    }
    .beforeMainContent.lobby .image {
        height: 40vw;
        margin-bottom: 0
    }
    .beforeMainContent.lobby .image p {
        font-size: 30px
    }
    #logout p {
        font-size: 30px;
        padding: 0
    }
    #logout button {
        padding: 40px 40px
    }
    .lc .yellowSquare {
        margin-top: 140px
    }
    .lc h2 {
        font-size: 30px
    }


    .exportimport ul {
        display: inline-block
    }
    .exportimport ul li {
        float: left;
        width: 100%
    }
    .exportimport ul li:nth-child(1) {
        margin: 0
    }
    .exportimport ul li div {
        float: left;
        font-size: 18px
    }
    .exportimport ul li div:nth-child(1) {
        width: 55%
    }
    .exportimport ul li div:nth-child(2) {
        width: 35%
    }
    .exportimport ul li a {
        font-size: 14px;
        margin-right: 20px
    }
    .exportimport ul li .title {
        font-size: 24px;
        margin: 0
    }

    
    .calendarWrapper{
        top: -160px;
        margin-right: 14vw!important;
    }
    a.btn {
		padding:5px 10px 10px;
	}
    .yellowSquare a.btn {
		padding:0 5%;
	}


}














@media only screen and (min-width: 1024px) {
	.col-6.column iframe{width: 100%;height: 25vw;}
	.contentBoxWrapper.about {
		margin-top: 20px;
		margin-bottom: 20px
	}
	.loginBox button i {top: -3px;}
	.contentBox-right h2{margin-top: 0;}
	.lobby .block{width:32%}
	.lobby .block.lobby{margin-left:2%}
	.lobby .clipImage.min{min-height:auto}
	.newsletter .wrapper{padding: 0 5%}
    .newsletter .main-form-group{width: 100%;}
    .newsletter .col-6 .form-group {width: 90%;float: left}
    .newsletter .col-6:nth-child(even) .form-group {float: right;}
    .headerBox.login{padding-bottom: 0!important;}
    .wrapperMobile{padding:0}
    .google_translate_element span {
        color: #7a7a7a
    }
    svg.bg {
        display: block !important
    }
    .breadcrumb {
        padding: 0;
        font-size: 16px;
        width: calc(100% - 8vw);
        height: 50px;
        line-height: 100px
    }
    .transparent {
        background-color: transparent !important
    }
    .desktoponly {
        display: block
    }
    .mobileonly {
        display: none
    }
    .topOptionsPanel {
        background: #000
    }
    .topOptionsPanel .translate {
        float: right;
        color: #7a7a7a
    }
    .topOptionsPanel .translate i {
        display: none
    }
    .topOptionsPanel .mobileMenu {
        display: none
    }
    .topOptionsPanel .memberlogin {
        display: block;
        float: right;
        font-size: 22px;
        padding: 4px 0;
        width: 300px;
        color: #fff;
        text-align: center
    }
    .topOptionsPanel .memberlogin a {
        color: #fff
    }
    .topOptionsPanel .search {
        background: #000;
        padding-top: 4px
    }
    .google_translate_element a {
        color: #7a7a7a
    }
    .topPanel {
        height: 130px
    }
    .topPanel .logo {
        width: 100px;
        margin: 25px 2vw
    }
    .topPanel .efttex {
        right: 20px;
        height: 70px;
        width: 70px;
        font-size: 36px;
        padding: 20px 30px 40px 25px
    }
    .topPanel .bigMenu {
        width: 62vw;
        height: 40px;
        position: absolute;
        right: 150px;
        top: 80px;
        line-height: 40px;
        display: block;
        font-size: 1.4vw
    }
    .topPanel .bigMenu ul.firstLevel {
        background: blue;
        width: auto
    }
    .topPanel .bigMenu ul.firstLevel li {
        float: left;
        margin-right: 5%;
        height: 50px
    }
    .topPanel .bigMenu ul.firstLevel li a {
        color: #0363a8
    }
    .topPanel .bigMenu ul.firstLevel li a:hover {
        color: #000
    }
    .banner .titleBox {
        width: 50%;
        height: 25vw;
        min-height: 400px;
        top: 150px;
        background: none;
        position: relative
    }
    .banner h2 {
        font-size: 3.8vw;
        line-height: 3vw;
        padding: 0 4vw;
        position: static;
        margin-top: 70px
    }
    .banner h3 {
        font-size: 30px;
        padding: 0 4vw;
        position: static;
        margin-top: 20px
    }
    .banner p {
        position: static;
        font-size: 24px;
        padding: 0 4vw;
        margin-top: -10px
    }
    .banner a {
        display: inline-block;
        position: static;
        margin: 2vw 4vw;
        font-size: 24px
    }
    .banner .titleBoxWrapper {
        width: 90%;
        height: 80%;
        padding: 2%;
        position: absolute;
        z-index: 3
    }
    .slick-dots {
        float: right;
        margin: -10vh 50px
    }
    .slick-dots li {
        float: none;
        margin: 20px 50px
    }
    .slick-dots li:after {
        margin-left: -15px
    }
    .firstBorder {
        display: none
    }
    .contentBox-left {
        width: 50%;
        height: 100%;
        margin-top: 0
    }
    .contentBox .yellowSquare {
		height: 6vw;
        width: 6vw;
        line-height: 1vw;
        font-size: 1vw;
		padding:1vw;	
	}
	.contentBox-left .yellowSquare {

    }
	.contentBox-left.right .yellowSquare {
        left: -9.9vw;
    }
    .contentBox-left .yellowSquare p {
        padding-right: 2px
    }
    .contentBox-left span {
        font-size: 3vw;
        text-transform: uppercase;
        color: #fff;
        position: absolute;
        bottom: 20px;
        line-height: 2.5vw;
        padding: 0 40% 2vw 2vw
    }
    .contentBox-right {
		width:calc(50% - 15vw);
        padding: 3% 6vw 4% 9vw
    }
    .contentBox-right p {
        font-size: 14px;
        padding: 10px 20% 0 0;
    }
    .contentBox-right h1 {
        font-size: 3vw;
		line-height: 2.75vw;
    }
    .contentBox-right h3 {
        font-size: 30px;
        margin: 15px 0 10px 0
    }
    .latestAtEftta.newsletter {
        padding: 0
    }
    .latestAtEftta {
        width: 100%;
        padding: 5vw 0
    }
    .latestAtEftta.mediacentre {
        padding: 0
    }
    .latestAtEftta h2 {
        padding: 0 4vw;
        font-size: 3vw
    }
    .latestAtEftta .yellowSquare {
        width: 100px;
        height: 100px
    }
    .latestAtEftta .yellowSquare.twitter {
        font-size: 30px;
        line-height: 30px
    }
    .latestAtEftta .yellowSquare.twitter i {
        font-size: 60px;
        padding-top: 15px
    }
    .latestAtEftta .yellowSquare.date {
        font-size: 44px;
        line-height: 36px
    }
    .latestAtEftta .yellowSquare.date p {
        padding: 20px
    }
    .latestAtEftta h2.special span {
        width: 100%;
        display: block;
        float: left;
        line-height: 5vw
    }
    .block {
        width: 33.33%;
        height: 350px;
        position: relative
    }
    .block .block-left {
        float: left;
        width: 100px
    }
    .block .block-right {
        float: left;
        padding-bottom: 20px;
        width: calc(100% - 100px)
    }
    .block .content {
        font-size: 28px;
        text-align: left;
        padding: 0 3vw 0 1vw;
        height: 230px;
        line-height: 26px
    }
	.block.notwitter .content {
        font-size: 28px;
        text-align: left;
        padding: 0 3vw 0 1vw;
        height: 100px;
        line-height: 26px
    }
    .block .content span {
        color: #0363a8
    }
    .block .content p {
        font-size: 18px;
        padding-top:10px
    }
    .block .content p.date {
        font-size: 21px!important;
    }
    .block .action {
        position: absolute;
        bottom: 0;
        padding: 0;
        margin-left: 1vw
    }
    .block .action h3 {
        line-height: 24px;
        padding: 0 30% 0 0
    }
    .block .action h3 a {
        font-size: 30px;
        margin-left: 0
    }
    .block .action h3 i {
        font-size: 20px;
        position: relative;
        top: -5px
    }
    .block .notwitter {
        padding: 0;
        margin-left: 0;
        width: 100%;
        position: relative;
    }
    .block .notwitter h3 {
        padding: 0 63% 0 0;
    }
    .block .dottedBorder {
        background: none
    }
    .block h2.special {
        padding: 0
    }
    .block h2.special span {
        font-size: 30px
    }
    .block:nth-child(1) h2.special span {
        font-size: 52px;
        position: relative;
        top: -8px
    }
    .becomeMember {
        padding: 0 4vw;
        width: calc(100% - 8vw)
    }
    .becomeMember .block-left {
        width: 40%;
        float: left;
        padding: 0
    }
    .becomeMember .block-left h3 {
        font-size: 26px;
        margin-top: 0
    }
    .becomeMember .block-right {
        width: 50%;
        float: left
    }
    .becomeMember .block-right p {
        font-size: 14px
    }
    .becomeMember .block-right h2 {
        line-height: 60px;
        white-space: nowrap
    }
    .becomeMember .block-right a {
        font-size: 20px;
        margin: 5px 0 20px 0
    }
    .becomeMember h2 {
        margin: 0;
        padding: 0;
        line-height: 50px
    }
    .contentBoxWrapper {
        width: 100%;
        height: 350px;
        float: left
    }
    .contentBox-left.right {
        height: 100%;
        width: 50%;
        background: blue
    }
    .contentBox-left.right p {
        padding: 10px 0
    }
    .contentBox-right.right {
        width: 35%;
        padding: 3% 10% 3% 5%
    }
    .contentBox-right.right h2.special {
        margin: 0
    }
    .contentBox-right.right h2, .contentBox-right h2 {
		line-height: 3vw;
    	font-size: 3vw;
    }
	.contentBox h2 strong {
		font-weight:normal;
		color:#f4e214;
	}
    .contentBox-right.right h3, .contentBox-right h3 {
  		font-size: 2vw;
    	line-height: 1.7vw;
        padding-right: 15%
    }
    .contentBox-right.right h3 {
  		
    }
    .contentBox a {
        font-size: 1.7vw;
        line-height: 1.5vw
    }
    .becomeMember.newsline {
        height: 80px;
        padding: 30px 2vw 0 2vw;
        width: calc(100% - 4vw)
    }
    .becomeMember.newsline h2 {
        font-size: 40px;
		text-align: center;
    }
    .becomeMember.newsline .block-left,
    .becomeMember.newsline .block-right {
        width: auto;
        padding: 0 2vw;
        margin-right: 15px
    }
    .becomeMember.newsline .block-right {
        margin: 0;
    }
    .becomeMember.newsline h2 a {
        font-size: 24px;
        margin-left: 10px;
        line-height: 60px
    }
    .footer p {
        font-size: 20px;
        float: right;
        margin: 20px 20px 20px 0
    }
    .links {
    	padding: 5vw 5vw 0;
    	width: calc(100% - 10vw);
    }
    .links .block {
        height: auto
    }
    .links .block span {
        font-size: 18px
    }
    .links .block ul.sitelinks a {
        font-size: 16px
    }
    .links .block ul.sitelinks a:hover {
        color: #fff
    }
	ul.sitelinks{margin-top: -10px;}
    
    .links .block:nth-child(1) {
        width: 30%;
        max-width: 350px
    }
    .links .block:nth-child(2) {
        padding-left: 5%;
        width: 15%
    }
    .links .block:nth-child(3) {
        width: 30%;
        float: right
    }
    .links .block p {
        font-size: 14px
    }
    .links .socialmedia a {
        font-size: 40px;
        margin-right: 5%
    }
    .links .socialmedia a i:hover {
        color: #fff
    }
    .headerBoxOuter {
        height: 40vw;
        margin-top: 150px
    }
    .headerBoxOuter .headerBox {
        width: 50%;
        height: 100%;
        float: right;
        position: relative
    }
    .headerBoxOuter .headerBox .headerBoxWrapper {
        width: 100%;
        height: auto;
        padding: 0;
    display: table-cell;
    vertical-align: middle;
    position: static;
    }
    .headerBoxOuter .headerBox h1 {
        font-size: 3.8vw;
        white-space: normal;
        line-height: 3vw;
        padding: 9vw 4vw 0
    }
    .headerBoxOuter .headerBox p {
        padding: 0 4vw;
        color: #8bb3d3;
        width: 100%;
        font-size: 16px;
        margin-top: 2vw;
        
    }
    .headerBoxOuter .headerBox:nth-child(2) {
        height: auto;
        width: 40%;
        float: left;
        display: table;
        padding: 0 5vw 0 4vw
    }
    .headerBoxOuter .headerBox span.desktoponly {
        font-size: 4vw;
        text-transform: uppercase;
        color: #fff;
        position: absolute;
        bottom: 20px;
        line-height: 3.5vw;
        padding: 0 30% 2vw 2vw
    }
    .headerBoxOuter .headerBox .headerBoxWrapper.login {
        padding: 0;
        min-height: 300px;
        width: 100%;
		display: block
    }
    .headerBoxOuter .headerBox .headerBoxWrapper.login h1 {
        line-height: 1vw;
    }
    .headerBoxOuter .headerBox.login:nth-child(2) {
        height: 100%;
        width: 50%;
        padding: 0
    }
    .headerBoxOuter.login .headerBox:nth-child(1) {
        height: calc(100% + 5.5vw);
    }
    .loginBox {
        padding: 0;
        float: left;
        width: 100%;
		height: auto
    }
    .loginBox button {
        font-size: 2vw;
        position: absolute;
        padding: 2vw;
        bottom: -15%;
        text-align: left;
        cursor: pointer;
        right: -1px
    }
    .loginBox button span {
        width: 100%;
        display: block
    }
    .loginBox .main-form-group {
        margin: 0 4vw 80px
    }
    .loginBox .main-form-group a {
        font-size: 1.4vw
    }
    .loginBox .main-form-group a:hover {
        color: #F4E214
    }
    .loginBox .main-form-group p {
        font-size: 14px;
        line-height: 12px
    }
    .loginBox .form-group {
        height: 50px;
        margin-top: 75px
    }
	.loginBox .form-group + .form-group {
		margin-top:10px;
	}
    .loginBox .form-group label {
        width: 20%;
        margin-top: 3px;
        font-size: 21px
    }
    .loginBox .form-group input {
        width: 70%;
        float: right
    }
    .keyareas {
        width: calc(100% - 8vw);
        padding: 15px 4vw 45px 4vw
    }
	.keyareas .clr {
		clear:both;
		height:0;
		float:none
	}
    .keyareas .block {
        padding: 0;
        width: 30%;
        margin-right: 3%;
        margin-bottom: 30px;
        height: auto;
		min-width: 0;
    }
    .keyareas .block a.title {
        font-size: 25px
    }
    .keyareas .block p {
        font-size: 14px;
        min-height: 40px
    }
    .keyareas .block .dottedBorder {
        background: #fff url("/css/img/darkborder.png") repeat-x -10px center;
        background-size: 10px;
        margin-top: 10px
    }
    .keyareas h2.special {
        padding: 0;
        line-height: 5vw;
        font-size: 50px
    }
    .contentBoxWrapper.about .contentBox-right {
        width: 50%;
        float: left;
        padding: 0
    }
    .contentBoxWrapper.about .contentBox-right h2 {
        display: block;
        padding: 3.5vw 100px 5vw 15vw;
        font-size: 3.5vw;
        line-height: 3vw
    }
    .contentBoxWrapper.about .contentBox-left {
        height: 100%
    }
    .yellowSquare.out {
        right: -10vw
    }
    .yellowSquare.out p {
        padding-right: 0;
        line-height: 2vw
    }
    .yellowSquare.out a {
        padding: 0
    }
    .yellowSquare.out a,
    .yellowSquare.out i {
        color: #035392;
        line-height: 1.3vw;
        font-size: 1.5vw
    }
    .mediacentre {
        padding: 5vw 0 0 0
    }
    .clipImage.min {
        width: 45%;
        height: 220px !important;
        margin: 0 2vw 0 0;
        min-height: 17vw;
    }
    .clipImage.min:before {
        opacity: 0
    }
    .clipImage.min span {
        color: #fff;
        font-size: 2vw;
        bottom: 10%;
        left: 5%;
        position: absolute;
        opacity: 0;
        width: 80%;
        -webkit-transition: 500ms;
        -moz-transition: 500ms;
        -ms-transition: 500ms;
        -o-transition: 500ms;
        transition: 500ms
    }
    .clipImage.min .yellowSquare {
        bottom: 0 !important;
        position: absolute;
        right: 0;
        text-align: left;
        font-size: 20px;
        line-height: 20px
    }
    .clipImage.min .yellowSquare p {
        padding: 20px
    }
    .clipImage.min:hover span {
        opacity: 1
    }
    .clipImage.min:hover:before {
        opacity: 1
    }
    .mediaBody .maxWidth {
        width: calc(100% - 8vw);
        padding: 0 4vw
    }
    .mediaBody .item.firstItem {
        width: 100%;
        margin-top: 0;
    }
    .mediaBody .item.firstItem .desc {
        width: 47.5%;
    }
    .mediaBody .item.firstItem .desc .item,
    .mediaBody .item.firstItem .desc .content {
        width: 100%;
        font-size: 14px
    }
    .mediaBody .item.firstItem .desc .title {
        width: 75%;
        font-size: 40px;
		line-height:42px;
    }
	.mediaBody .item.firstItem .desc .title p {
		margin-top:-10px;
	}
    .mediaBody .item.firstItem .desc .title i {
        font-size: 26px
    }
    .mediaBody .item.firstItem .clipImage.min {
        width: 47.5%;
        margin-right: 5%
    }
    .mediaBody .item.firstItem .maxWidth .wrapper {
        margin: 50px auto;
        width: 100%;
		position: relative;
    }
    .mediaBody .item.firstItem .maxWidth .yellowSquare {
        position: absolute;
        right: 0;
        bottom: -50px;
        font-size: 20px;
        line-height: 20px;
        width: 100px;
        height: 100px;
        text-align: left
    }
    .mediaBody .item.firstItem .maxWidth .yellowSquare p {
        padding: 15px
    }
	.mediaBody .item.firstItem .maxWidth .yellowSquare .shareBox p {
		padding: 15px 15px 5px 15px
	}
    .mediaBody .item.firstItem .content {
        margin: 10px 0;
        font-size: 18px
    }
    .mediaBody .item.firstItem .content p {
        min-height: 160px
    }
    .mediaBody .item {
        width: 47.5%;
        margin-top: 30px
    }
    .mediaBody .item:nth-child(odd) {
        margin-right: 5%
    }
    .mediaBody .item .date {
        width: 80px;
        height: 80px;
        font-size: 28px;
        line-height: 26px;
        margin-top: 0;
        margin-right:18px;
    }
    .mediaBody .item .date p {
        padding: 15px 20px
    }
    .mediaBody .item .title {
        margin-top: 0;
        margin-bottom:12px
    }
    .mediaBody .item .title p {
        font-size: 30px
    }
   .mediaBody .item .clipImage.min {
        width: 100%;
        margin-bottom: 30px
    }
    .mediaBody .item .desc {
        width: 100%;
        margin-bottom: 10px;
    }
    .mediaBody .item .content {
        font-size: 14px
    }
    .mainContent,
    .maxWidth {
        max-width: 1024px
    }
    .main-form-group {
        width: 30%;
        margin-right: 5%;
        float: left
    }
    .main-form-group:nth-child(5) {
        margin-right: 0
    }
    .main-form-group:nth-child(5) .form-group {
        height: 40px
    }
    .halfWidthBox .leftPart,
    .item.calendar .leftPart {
        width: 40%;
        margin: 20px 5% 20px 0;
        height: 150px
    }
    .halfWidthBox .rightPart,
    .item.calendar .rightPart {
        width: 55%;
        margin: 35px 0
    }
    .halfWidthBox .rightPart a,
    .item.calendar .rightPart a {
        font-size: 22px;
        line-height: 22px
    }
    .halfWidthBox .rightPart p span:nth-child(1),
    .halfWidthBox .rightPart p span:nth-child(2),
    .halfWidthBox .rightPart p span:nth-child(2) a,
    .item.calendar .rightPart p span:nth-child(1),
    .item.calendar .rightPart p span:nth-child(2),
    .item.calendar .rightPart p span:nth-child(2) a {
        font-size: 12px;
        line-height: 22px
    }
    form.col-4 .filterBy {
        width: 100%
    }
    form.col-4 .filterBy p {
        width: auto;
        margin-top: 13px;
        float: left
    }
    form.col-4 .filterBy .form-group {
        margin-left: 30px
    }
    form.col-2 .main-form-group {
        width: 30%
    }
    form.col-2 .main-form-group:nth-child(4) {
        width: 60%
    }
    form.col-2 .form-group {
        float: left;
        margin-right: 5%
    }
    form.col-2 .form-group.searchGroup {
        width: 100%
    }
    .beforeMainContent h1 {
        line-height: 40px
    }
    .headerBoxOuter.about {
        margin-bottom: 0
    }
    .headerBoxOuter.about .headerBox h1 {
		margin: 0;
		padding: 0;
		margin-top: -40px;
    }
    .headerBoxOuter.about .headerBox p {
        padding: 0
    }
    .headerBoxWrapper.login p {
        width: 80%
    }
    .mediaForm {
        width: 90%;
        margin: 0 4vw
    }
    .halfWidthBox .company_details,
    .item.calendar .company_details {
        position: relative;
        max-width: 1024px;
        width: 92vw;
        height: auto;
        top: 50px;
        left: 0;
        z-index: 99;
        float: left
    }
    .halfWidthBox .company_details:before,
    .item.calendar .company_details:before {
        position: absolute;
        content: "";
        width: 0;
        height: 0;
        left: 90px;
        top: -30px;
        border-left: 35px solid transparent;
        border-right: 35px solid transparent;
        border-bottom: 35px solid #1264a5
    }
    .halfWidthBox .company_details.even,
    .item.calendar .company_details.even {
        margin-left: -112%
    }
    .halfWidthBox .company_details.even:before,
    .item.calendar .company_details.even:before {
        right: 35%;
        left: auto
    }
    .halfWidthBox .company_details.even svg,
    .item.calendar .company_details.even svg {
        -moz-transform: scale(-1, 1);
        -webkit-transform: scale(-1, 1);
        -o-transform: scale(-1, 1);
        -ms-transform: scale(-1, 1);
        transform: scale(-1, 1)
    }
    .halfWidthBox .company_details .wrapper,
    .item.calendar .company_details .wrapper {
        overflow: hidden
    }
    .halfWidthBox .company_details h3,
    .item.calendar .company_details h3 {
        font-size: 22px
    }
    .halfWidthBox .company_details i,
    .item.calendar .company_details i {
        position: absolute
    }
    .halfWidthBox .company_details .dottedBorder,
    .item.calendar .company_details .dottedBorder {
        margin: 0 2.5%;
        width: 95%
    }
    .halfWidthBox .company_details svg,
    .item.calendar .company_details svg {
        fill: #0363a8;
        top: -14px
    }
    .halfWidthBox .company_details svg polygon,
    .item.calendar .company_details svg polygon {
        stroke: none;
        stroke-width: 0
    }
    .halfWidthBox .details-3,
    .item.calendar .details-3 {
        float: left;
        margin: 40px 1%
    }
    .halfWidthBox .details-3 .logo,
    .item.calendar .details-3 .logo {
        width: 8%;
        float: left;
        height: auto
    }
    .halfWidthBox .details-3 .logo img{width: 100%}
    .halfWidthBox .details-3 .contact,
    .item.calendar .details-3 .contact {
        width: 40%;
        padding: 0
    }
    .halfWidthBox .details-3 .contact:nth-child(2),
    .item.calendar .details-3 .contact:nth-child(2) {
           margin-right: 2%;
    margin-left: 3%;
}
    }
    .halfWidthBox .details-2 .group,
    .item.calendar .details-2 .group {
        padding: 10px 2.5%
    }
    .loginBox.article {
        padding: 6vw 0
    }
    .loginBox.article h1 {
        line-height: 46px !important;
        font-size: 60px;
        padding-right: 0
    }
    .loginBox.article p.date {
        margin-top: 0
    }
    .loginBox.article .yellowSquare {
        bottom: -4vw;
        font-size: 24px;
        line-height: 20px;
        width: 60px;
        height: 60px
    }
    .loginBox.article .yellowSquare a {
        margin-top: -10%
    }
    .article {
        padding: 2% 2%;
    }
    .article .yellowSquare {
        margin-right: 0;
		top: 3vw;
        font-size: 20px;
        line-height: 16px;
        width: 70px;
        height: 70px
    }
    .article .article-img {
        width: 50%;
        max-width: 400px;
        height: 300px;
        float: right;
        margin: 15px 0 0 30px
    }
    .halfWidthBox .company_details h2,
    .item.calendar .company_details h2 {
        line-height: 50px;
        padding: 0
    }
    .halfWidthBox .details-1 .logo,
    .item.calendar .details-1 .logo {
        width: 200px;
        padding: 2vw
    }
    .halfWidthBox .details-1 h3,

    .halfWidthBox .details-1 h3:nth-child(3),
    .item.calendar .details-1 h3:nth-child(3) {
        font-size: 26px;
        line-height: 20px;
        margin-top: 0
    }
    .halfWidthBox .details-1 p,

    .halfWidthBox .details-1 .group,
    .item.calendar .details-1 .group {
        width: 70%
    }
    .halfWidthBox .details-1 .group span,
 
    .profiles .halfWidthBox .rightPart {
        margin: 0
    }
    .profiles .halfWidthBox .rightPart p {
        width: auto;
        font-family: 'Open sans';
    }
    .profiles .halfWidthBox .leftPart {
        height: 200px;
        width: 200px;
        margin-left: 0
    }
    .profiles h2 {
        font-size: 55px;
        line-height: 50px;
        margin-top: 20px;
        margin: 0 0 30px;
    }
    .profiles span {
        font-size: 30px
    }
    .latestAtEftta.join {
        width: 100%
    }
    .latestAtEftta.join .mediaBody .item .content {
        margin: 0
    }
    .latestAtEftta.join .mediaBody .item .title h3 {
        font-size: 60px;
        line-height: 60px
    }
    .latestAtEftta.join .mediaBody .item p {
        font-size: 20px
    }
    .latestAtEftta.join .mediaBody .item .clipImage.min {
        height: 350px !important
    }
    .latestAtEftta.join .details {
        margin: 30px 0
    }
    .latestAtEftta.join .details span {
        font-size: 28px
    }
    .latestAtEftta.join .details span a {
        font-size: 20px
    }
    .becomeMember.join .block-left h2 {
        font-size: 54px;
        line-height: 44px
    }
    .becomeMember.join .block-left h3 {
        font-size: 32px;
        line-height: 25px
    }
    .becomeMember.join .block-right {
        width: 40%
    }
    .becomeMember.join .block-right p {
        font-size: 20px
    }
    .becomeMember.join .block-right h2 {
        line-height: 57px
    }
    .becomeMember.join .yellowSquare {
        margin-right: -4vw;
        margin-top: 160px
    }
    .contentBoxWrapper.about.join {
        margin-top: 0
    }
    .playVideo {
        font-size: 36px !important;
        line-height: 30px !important;
        margin-top: 30px;
		padding-right:15%;
    }
    .playVideo i {
        font-size: 60px !important;
        position: absolute;
        margin-top: -5px
    }
    .newsline .block-left h2 {
        margin: 0
    }
    .beforeMainContent.lobby {
        margin-bottom: 0
    }
    .beforeMainContent.lobby .desc {
        width: 50%;
        margin-right: 10%
    }
    .beforeMainContent.lobby .desc h2 {
        line-height: 40px;
        margin-bottom: 20px
    }
    .beforeMainContent.lobby .image {
        width: 40%;
        height: auto
    }
    .beforeMainContent.lobby .image .clipImage {
        width: 100%;
        margin: 0
    }
    .block.lobby .item {
        float: left;
        width: 100%
    }
    .block.lobby .clipImage.min {
        float: left;
        margin: 0 5px
    }
    .block.lobby .title {
        float: left;
        width: 100%
    }
    .block.lobby .title img {
        margin: 19px 10px 0 5px
    }
    .block.lobby .title p {
        display: block;
		margin-top:-2px;
    }
    .block.lobby .title p:nth-child(2) {
        margin: 7px 0 0 0
    }
    .latestAtEftta.lobby {
        padding: 0;
        width: calc(100% - 4vw)
    }
    .latestAtEftta.lobby .block h2 {
        padding: 0
    }
    .latestAtEftta.lobby .block:nth-child(3) {
        margin-right: 0
    }
    .latestAtEftta.lobby .block-right .content {
        padding: 0 10px;
        display: block
    }
    .latestAtEftta.lobby .yellowSquare.date {
        margin: 0
    }
    #logout p {
        font-size: 30px !important;
        padding: 0 4vw !important;
        min-height: 60px !important;
    }
    #logout button {
        padding: 20px 20px
    }
    .lc h2 {
        line-height: 50px
    }
    .lc .yellowSquare {
        width: 20px;
        height: 20px;
        margin-top: 155px
    }


    .exportimport ul {
        padding: 0 4vw
    }
    .exportimport ul li div {
        font-size: 22px
    }
    .exportimport ul li a {
        font-size: 18px
    }
    .exportimport ul li .title {
        font-size: 28px
    }
    
    .calendarWrapper{    position: relative;
    top: -200px;
    float: right!important;margin-right:0!important}
    

    
    
}







@media only screen and (min-width: 1024px) {
	

    .becomeMember.newsline h2 {font-size: 44px;}
	.halfWidthBox .company_details h2, .item.calendar .company_details h2 {margin: 20px 2.5%;}
	
    .topOptionsPanel .searchBar form input{width:78%}
    .latestAtEftta.lobby .block {
        width: 30%;
        margin-right: 3vw;
    }
    .headerBoxOuter .headerBox .headerBoxWrapper.login{display:block!important;}
    	.block.lobby .title p:nth-child(2){
	    margin: 13px 0;
	    font-size: 22px!important;
	}
    .loginBox{height:auto}
    
    p {
        font-size: 14px !important;
        line-height: 25px !important;
        margin-bottom: 20px !important
    }
    .latestAtEftta .yellowSquare.date p,
    .becomeMember .block-right a,
    .becomeMember a,
    .playVideo,
    .playVideo i,
    .block .action h3 a,
    .keyareas .block a.title,
    .loginBox button,
    .loginBox button i,
    .loginBox .main-form-group a,
    .becomeMember.join .yellowSquare a i,
    .date p,
    .yellowSquare p {
        font-size: 28px !important;
        line-height: 24px !important
    }
    .latestAtEftta .yellowSquare.date p {
        padding: 25px
    }
    .playVideo i {
        margin-top: 0
    }
    .yellowSquare.twitter i {
        font-size: 60px !important
    }
    h1,
    .banner h2 {
        font-size: 4vw !important;
        line-height: 3vw !important
    }
    .topOptionsPanel .memberlogin a,
    .banner p,
    .main-form-group p,
    .tags {
        font-size: 21px !important;
        line-height: 24px !important
    }
    .breadcrumb {
        font-size: 21px !important
    }
    .topPanel .efttex p {
        font-size: 36px !important
    }
    .headerBoxOuter .headerBox span.desktoponly {
        font-size: 3vw !important;
        line-height: 2.5vw
    }
    .becomeMember.newsline .block-right h3 a {
        line-height: 63px !important
    }
    .links .block span,
    .footer p:nth-last-child(1) {
        font-size: 24px !important;
        line-height: 27px !important
    }
    .links .block p,
    .links .block ul.sitelinks a {
        font-size: 16px !important;
        line-height: 24px !important
    }
    .rightPart p,
    .company_details p {
        margin-bottom: 0 !important
    }
    .article .yellowSquare {
        font-size: 28px !important;
        line-height: 22px !important
    }
    .article .yellowSquare a {
        margin-top: -15px
    }
    .calendar-container {
        top: 90px
    }
    .mediaBody .item .title p {
        font-size: 30px !important;
        margin-bottom: 0 !important
    }
    .becomeMember .block-left,
    .becomeMember .block-right {
        margin: 30px 0
    }
    .becomeMember.newsline .block-left,
    .becomeMember.newsline .block-right {
        margin: 0
    }
    .yellowSquare a {
        width: 70%
    }
    .contentBox a {
        padding: 15px
    }
    .contentBox a,
    .contentBox a i,
    .yellowSquare.out i {
        font-size: 1.5vw;
        line-height: 1.3vw
    }
    
    
    

    
    
    .article {
        padding: 20px 15%;
    }
    
    
    
    
    
    .headerBoxOuter.about .headerBox h1{padding: 0;margin-top: -15px;}
    

    
    
    
}
.goog-te-menu-frame {
    top: 40px !important;
    box-shadow: none !important;
    background: red !important;
}


.topPanel .bigMenu ul.firstLevel li{font-size: 1.5vw;height: 35px;}
.topPanel .bigMenu{top: 70px}
.latestAtEftta .block-right .content a,.latestAtEftta .block-right .content a i,.block .action h3 a,.details-1 .group p a i,.item.calendar .group p a i{color: #0363a8!important}
.secondLevel li{width: 100%}
.headerBoxOuter .headerBox p.tags{color: #fff}
.item.calendar .group p a i{margin-top:15px}
    .slider .banner{ background-repeat:no-repeat; background-position: 90% 100px; background-size:auto 60%;}





.validation-summary-errors{display: inline-block;
    float: left;
    position: relative;
    top: 10px;
    color: #de1d3e;
    width: 100%;
    text-align: left;
    left: 4vw;}
.article .article-img{
    max-width: none;
    float: none;
    margin: 0 auto
}

.col-6,.row{
    width: 100%;
    float: left;
}

.article .row {
	float:none;
}

.action.notwitter h3{font-size: 5vw;line-height:4vw;top: 0px;position: relative;}
    .links .block.address p{
        line-height: 3vw!important;
        font-size: 4vw;
        float: left;
        display: inline-block;
        width: 100%;
    }
    .links .block.address h3{
        margin-bottom:15px  
    }



@media only screen and (min-width: 768px){
	.mediaBody .item .title p:after{margin-top:17px}
	.topPanel .efttex a {
		line-height: 33px;
	}
    .latestAtEftta.lobby .block-right .content{font-size:46px}
	.validation-summary-errors{left: 0}
    .item.calendar .group p a i{margin-top:0}
    .latestAtEftta .yellowSquare.date p {
		font-size: 26px;
		line-height: 24px;
	}
	 .becomeMember .block-left,
    .becomeMember .block-right {
        margin: 30px 0
    }

    .links .block.address p{
        line-height: 12px!important;
        font-size: 16px!important;
        float: left;
        display: inline-block;
        width: 100%;
    }   
        .item.calendar .details-1 p {
        font-size: 14px;
        padding: 10px;
        float: left;
        width: calc(100% - 300px)
    }
        .item.calendar .details-1 h3 {
        padding: 0 10px;
        font-size: 30px;
        width: calc(100% - 300px);
        float: left;
        margin-top: 20px
    }
   .item.calendar .details-1 .group span {
        font-size: 22px;
        line-height: 22px;
        padding: 0 10px;
        margin-right: 0
    }
    .halfWidthBox .details-1 .group p,
    .item.calendar .details-1 .group p {
        font-size: 16px;
        padding: 0;
        line-height: 22px
    }
    .halfWidthBox .details-1 .group p a,
    .item.calendar .details-1 .group p a {
        font-size: 16px
    }
    .headerBoxOuter .headerBox:nth-child(2) {
        padding-bottom: 40px;
    }


	
	.mediaBody .item.firstItem .title p:after {
		font-size: 30px;
	}

  	.banner{height: 100vh}
	.banner .titleBox {
		height: 30vh;
	}
	.slick-dots {
		top: -37vh;
	}  
}

    
@media only screen and (min-width: 1024px){
	

	
	.article .yellowSquare {
		top: 2.5vw;
		width: 60px;
		height: 60px;
	}
	
	.topOptionsPanel .searchBar form input {width: 78%;}
	.contentBox-left .yellowSquare {
    	bottom: 0;
	}
	.mediaBody .item .title p:after{margin-top:5px}
	.mediaBody .item.firstItem .title p:after {

		margin-top: 8px;
	}
	.halfWidthBox .rightPart a.noaction:after{
		margin-top: 0px;
	}
.validation-summary-errors{ text-align: right;}
    .latestAtEftta.lobby .block-right .content{font-size:28px;line-height:26px}
    
    
    .col-6{width: 50%;}
    .article .article-img{margin: 0 0 0 30px;}
    .action.notwitter h3{font-size: 34px;line-height:24px;height: 30px;
    float: left;}
    
    
	form.col-4 .main-form-group:nth-child(odd){margin-right: 5%}
   form.col-4 .main-form-group {
        width: 47.5%;
        
    }
    form.col-4 .main-form-group {
        margin-right:0
    }
    
    .article .article-img{
        width: 100%;
    }

    
    .beforeMainContent .main-form-group{margin-bottom: 0}
    
    
    .halfWidthBox .dottedBorder, .item.calendar .dottedBorder {
        margin: 0;
    }
    .slider .banner{  background-position: right 100px; background-size:cover;}
    .titleBox h2 strong {
        display: initial; 
        width: auto; 
    }
      
    .banner {
        height: 80vh;
        min-height: 80vh;
    }   
    .slick-dots {
        top: -30vh;
    }    

    .headerBoxOuter .headerBox:nth-child(2) {
        padding-bottom: 0px;
    }
}




.latestAtEftta .block{padding-top: 10px}
.block.notwitter .content{    font-size: 28px;
    line-height: 26px;}



.articleImage{position: relative;
    width: 100%;
    top: 0;}

.clipImage.min a{    width: 100%;
    display: block;
    height: 100%;
    opacity: 0;
    }

.yellowSquare.share{z-index: 1}
.yellowSquare.share a,.yellowSquare.share p{display: block;width: 100%;height: 80%}
.yellowSquare.share a i{display: inline-block;width: 100%;}
.nextLine{    width: 100%;
    display: inline-block;}

.yellowSquare a{opacity: 1!important;}
.yellowSquare.share:hover > .shareBox{display: block}
.shareBox{width: 200px;height: auto;position: absolute;left:-100%;background: #F4E214;color: #111111;z-index: 999;display: none;top: -170%; padding-bottom:10px;}
.shareBox .socialPortal{width: 50%;height: 100%;float: left; padding-top:4px;}
.shareBox .socialPortal p{color: #0363A8;font-size: 18px!important;padding: 0 15px 0!important;margin-bottom: 0 !important}
.shareBox:after{width: 0; height: 0; border-left: 20px solid transparent;border-right: 20px solid transparent;border-top: 20px solid #F4E214;position: absolute;content: '';bottom:-15px;right: 30px  }
.shareBox:before{width: 100%; height: 20px; position: absolute;content: '';bottom:-20px;left: 0  }
.firstItem .shareBox{ top: -170%;left: -100%;}
.shareBox p:nth-child(1){margin-bottom: 0!important;}
}
       

#company-list-content p.tags{    margin-top: 15px;
    margin-bottom: 0!important;
    display: inline-block;
    width: 100%;}




@media only screen and (min-width: 1124px) {
	.newsletter .wrapper{padding: 0}
	.wrapperMobile{padding: 0}
    .beforeMainContent .wrapper,
    .mainContent .wrapper {
        margin: 20px 0;
        width: 100%
    }
    .breadcrumb {
        width: 100%
    }
    .lc h2 {
        line-height: 50px;
        padding-left: 0
    }
}

@media only screen and (min-width: 1280px) {
	
	.formsection {
		background: #fff url("/css/img/darkborder.png") repeat-x bottom;
    	background-size: 10px;
    	width:100%;
		padding:0 0 27px 0;
		margin:-20px 0 20px 0;
		float:left;
	}
	.article iframe{width:68vw; height:38vw;}
	.newsline h3 {margin-left: 0;}
	.headerBoxOuter.login .headerBox:nth-child(1) {height: calc(100% + 3vw);}
	.links {padding: 50px 5vw 0;}
	.newsletter .wrapper{padding: 0 5%}
	.firstItem .shareBox{top: -150%;left:-53%}
    .halfWidthBox .company_details,
    .item.calendar .company_details {
        max-width: 1280px;
        width: 92vw
    }
    .halfWidthBox .details-3 .contact,
    .item.calendar .details-3 .contact {
        width: 35%;
        margin: 0 5%
    }
    .halfWidthBox .details-3 .logo img,
    .item.calendar .details-3 .logo img {

        margin: 40px auto;
        display: block
    }
    .item.calendar .details-3 .logo img {
        height: 225px;
        margin: 20px auto
    }
    .mediaBody .item.firstItem .maxWidth .yellowSquare {
        position: absolute;
        right: 0;
        font-size: 30px;
        line-height: 30px;
        width: 130px;
        height: 130px;
        text-align: left
    }
    .mainContent,
    .mediaFooter,
    .maxWidth {
        max-width: 1280px
    }
    form.col-4 .main-form-group {
        width: 22%;
        margin-right: 4%
    }
    form.col-4 .main-form-group .form-group {
        margin-left: 0;
        width: 100%
    }
    form.col-4 .main-form-group.filterBy {
        margin-right: 0
    }
    form.col-4 .main-form-group.filterBy .form-group {
        height: 40px
    }
    form.col-4 .main-form-group.filterBy p {
        margin-top: 0 !important
    }
    .becomeMember.newsline .block-left,
    .becomeMember.newsline .block-right {
        padding: 0;
        top: 10px;
        margin-bottom: 20px
    }
    .loginBox button {
        bottom: -19%
    }
    .loginBox .main-form-group,
    .headerBoxWrapper.login p {
        width: 60% !important
    }
    .breadcrumb,
    .beforeMainContent .wrapper,
    .mainContent .wrapper {
        padding: 0 4vw;
        width: calc(100% - 8vw)
    }
    .headerBoxOuter .headerBox h1 {
        padding: 1vw 4vw 0
    }
    .loginBox.article h1 {
        line-height: 55px !important;
        font-size: 70px
    }
    .becomeMember.join .yellowSquare {
        margin-right: 0
    }
    .mediaForm {
        width: 100% !important;
        margin: 0 !important;
        padding: 0 !important
    }
	.article {
        padding: 2% 15%
    }
    .latestAtEftta.lobby {
        width: calc(100% - 8vw)
    }
    .latestAtEftta.lobby .block {
        height: 400px
    }
	.latestAtEftta.lobby + .clr {
		height:50px;
	}
    .block.lobby .clipImage {
        height: 220px !important
    }
    .beforeMainContent.lobby .wrapper {
        margin: 30px 0;
        width: auto
    }
    .block-right .content span {
        width: 80%;
        float: left
    }
    .block {
        height: 400px
    }
    #logout p {
        min-height: 120px !important
    }
    
    .exportimport ul {
        padding: 0
    }
    
    .headerBoxOuter .headerBox .headerBoxWrapper.login h1{margin-top:60px}
    .searchresult .wrapper{padding: 0;width:inherit}

  
    form.col-4 .main-form-group:nth-child(odd) {
		margin-right: 4%;
	}
    form.col-4 .main-form-group:nth-last-child(5) {
		margin-right:0;
	}

	.beforeMainContent .wrapper, .mainContent .wrapper{padding: 0}

}
@media only screen and (min-width: 1380px) {
	.newsletter .wrapper{padding: 0}
    .mediaForm {
        width: 100% !important;
        margin: 20px 0 20px !important
    }
    .breadcrumb,
    .beforeMainContent .wrapper,
    .mainContent .wrapper {
        width: 100%;
        padding: 0
    }
	.becomeMember.newsline h2{font-size: 46px}
	.becomeMember.newsline h2 a{font-size: 34px}
    
}
/*# sourceMappingURL=style.css.map */

.popup-bg {
    
    position:fixed;
    top:0; left:0; right:0; bottom:0;
    width:100%; height:100%;
    background-color:#fff;
    opacity: 0.5;
    z-index: 5;
}

.popup-content {
    margin: auto;
    position: absolute;
    top: 35%; bottom: 35%; left: 25%; right: 25%;
    background-color: #fff;
    color: #000;
    opacity:1;
    z-index:10;
}

.popup p {
    margin:20px;
}

.reset-font a{ font-family: inherit !important; }

/* new content page styling */
.article .col-6 img {max-width:100%; height:auto;}
.article .col-6 p a {font-family: "Open Sans"; color:#0363a8; font-weight:600;}
.article .col-6 p img {margin-top:10px;}
.article .col-6:first-child p {padding-right:20px;}
.article .col-6 h3 {margin-top:20px;}
.article .col-6 p a:hover {color:#333;}
.headerBox h1 {margin-bottom:0px;}
.headerBox h2 {margin:0; color:#fff; padding: 0 2vw; font-size: 9vw; margin-top:10px;}
.headerBox h3 {font-size: 7vw; color:#fff; padding: 0 2vw; margin-top:10px; font-family: "Open Sans"; font-weight:600;}
.banner h3 {font-size:22px; line-height:28px; font-family: "Open Sans"; font-weight:600;}
.headerBox p {margin-top:15px;}
.headerBox p a {font-family: "Open Sans"; color:#fff;}
.headerBox p a:hover {color:#333;}
.headerBox h2 strong {color:#f4e214; font-weight:normal}
.headerBox h3 strong, .banner h3 strong {color:#f4e214; }
.article .col-6 h4 {font-size:20px;margin-bottom:5px;}

@media only screen and (min-width: 1024px) {
.headerBox h2 {font-size: 52px; line-height:42px; padding:0;}
.headerBox h3 {font-size:22px; line-height:28px; padding:0;}
.banner h3 {font-size:22px; line-height:28px;}
}