/* LOGO */
.logo { float: left; width: 7%; height: 220px; background-image: url(../../../images/logos/theiccfgroup.jpg); background-position: 50% 40%; background-size: 52%; background-repeat: no-repeat; background-color: #FFF; z-index: 1000 }

@media (max-width:2560px) { .logo { height: 175px; background-size: 62.5% } }
@media (max-width:1920px) { .logo { height: 130px } }
@media (max-width:1600px) { .logo { width: 8%; background-size: 65% } }
@media (max-width:1400px) { .logo { background-size: 70% } }
@media (max-width:1160px) { .logo { width: 10% } }
@media (max-width:960px) { .logo { width: 12%; height: 91px; background-size: 50% } }
@media (max-width:840px) { .logo { background-size: 60% } }
@media (max-width:690px) { .logo { width: 100%; height: 150px; margin-top: 45px; background-size: 80px auto; z-index: 0 } }

.custom_logo { float: inherit }


/* MENU */
.universal { position: relative; display: table; float: left; height: 47px; font-family: 'Lato', sans-serif; font-size: 20px; line-height: 20px; font-weight: normal; text-align: center; padding-top: 28px; background-image: url(../../../images/iccflimit.png); letter-spacing: 0; text-transform: uppercase; background-repeat: repeat-y; background-position: left; border-bottom: 1px solid #F4F4F8; cursor: pointer }

@media (max-width:2560px) { .universal { height: 43px; font-size: 16px; padding-top: 18px } }
@media (max-width:1920px) { .universal { height: 032px; font-size: 12px; padding-top: 13px } }
@media (max-width:960px) { .universal { font-size: 10px } }

.universal a { float: none; color: #111111 }
.universal a:hover { color: #EB7418 }

#work { width: 23% }
#impact { width: 23% }
#media { width: 22% }

@media (max-width:1600px) { #work, #impact, #media { width: 22.33% } }

@media (max-width:1160px) { #work, #impact, #media { width: 19% } }
@media (max-width:1040px) { #work, #impact, #media { width: 29.33% } }

@media (max-width:690px) { #work { position: fixed; top: 0; width: 33.5%; background-color: #FFFFFF; z-index: 1000 } }
@media (max-width:690px) { #impact { position: fixed; top: 0; width: 33.5%; margin-left: 33.33%; background-color: #FFFFFF; z-index: 1000 } }
@media (max-width:690px) { #media { position: fixed; top: 0; width: 33.5%; margin-left: 66.66%; background-color: #FFFFFF; z-index: 1000 } }

#about { width: 15% }

@media (max-width:1600px) { #about { width: 14% } }
@media (max-width:1160px) { #about { width: 12% } }
@media (max-width:960px) { #about { width: 31% } }

@media (max-width:690px) { #about { width: 100%; color: #FFF; padding-top: 10px; border-bottom: 0; background-color: #2a588c; background-image: none } }

#corps { width: 25%; color: #FFF; background-image: none }

@media (max-width:1160px) { #corps { width: 33% } }
@media (max-width:960px) { #corps { float: left; width: 34%; border-bottom: 0 } }
@media (max-width:690px) { #corps { width: 50% } }

#donate { width: 23%; border-bottom: 0; background-image: none }

@media (max-width:1160px) { #donate { width: 30% } }
@media (max-width:960px) { #donate { width: 12% } }
@media (max-width:690px) { #donate { width: 50% } }

/* DROPDOWN */
.dropdown { position: fixed; top: 75px; left: 0; width: 0; padding-bottom: 75px; background-color: #FFF; border-top: 1px solid #F4F4F8; z-index: 1; overflow-x: hidden; transition: 0.1s }

@media (max-width:2560px) { .dropdown { top: 60px; padding-bottom: 50px } }
@media (max-width:1920px) { .dropdown { top: 44px; padding-bottom: 40px } }

.dropdown .closebtn { position: absolute; bottom: 20px; right: 50px; color: #333333; font-size: 60px }

.drop { float: left; width: 33.33%; padding-top: 60px }

@media (max-width:2560px) { .drop { padding-top: 45px } }
@media (max-width:1920px) { .drop { padding-top: 30px } }

@media (max-width:690px) { .drop { width: 100%; padding-top: 20px } }

.dropdown img { float: left; width: 90%; padding: 44px 5% 20px; cursor: default }

@media (max-width:2560px) { .dropdown img { padding: 33px 5% 10px } }
@media (max-width:1920px) { .dropdown img { padding: 22px 5% 8px } }
@media (max-width:690px) { .dropdown img { display: none } }

.dropdown h2 { width: 90%; padding: 0 5%; text-align: right }

@media (max-width:690px) { .dropdown h2 { margin-bottom: 10px; text-align: left }}

.dropdown p { width: 90%; padding: 0 5%; text-align: left; text-transform: uppercase }

@media (min-width:691px) and (max-width:1400px) { .dropdown p { font-size: 10px; line-height: 18px } }

.dropdown a { width: 100%; text-align: right }

@media (max-width: 690px) { .dropdown a { text-align: left } }

.dropdown .drop:nth-child(5) h2 { text-align: left }

/* ARROW */
.arrow { display: inline-block; padding: 3px; border: solid black; border-width: 0 3px 3px 0; transform: rotate(45deg); -webkit-transform: rotate(45deg); margin-bottom: 5px; margin-left: 10px }

@media (max-width:2560px) { .arrow { padding: 2px; border-width: 0 2px 2px 0; margin-bottom: 3px } }
@media (max-width:1920px) { .arrow { padding: 2px; border-width: 0 1px 1px 0; margin-left: 6px } }

/* SOCIAL */
.social { float: right; width: 23.1%; height: auto }

@media (max-width:960px) { .social { width: 35% } }

@media screen and (max-width:690px) { .social { width: 100%; height: 44px } }

.social a { float: none; color: #2a588c }
.social a:hover { color: #EB7418 }

.fa { float: left; width: 25%; height: 50px; font-size: 20px !important; text-align: center; padding-top: 24px; background-image: url(../../../images/iccflimit.png); background-repeat: repeat-y; background-position: left }

@media (max-width:2560px) { .fa { height: 37px; font-size: 16px !important; padding-top: 21px } }
@media (max-width:1920px) { .fa { height: 30px; font-size: 14px !important; padding-top: 14px } }

@media (max-width:690px) { .fa { width: 25%; height: 16px; padding: 14px 0 } }


/* HEADLINE */
.headline { position: relative; float: left; width: 91%; height: 38px; font-family: 'Lato', sans-serif; font-size: 17px; font-weight: bold; text-align: right; text-transform: uppercase; letter-spacing: 0.6px; padding: 13px 1% 0; background-color: #2a588c; z-index: 0 }

@media (max-width:1600px) { .headline { width: 90% } }

@media (max-width:2560px) { .headline { height: 28px; font-size: 11px; padding-top: 11px } }
@media (max-width:1920px) { .headline { height: 20px; font-size: 9px; padding-top: 7px } }

@media (max-width:1160px) { .headline { width: 88% } }

@media (max-width:960px) { .headline { width: 96%; height: auto; line-height: 16px; padding: 15px 2% 15px } }

@media (max-width:690px) { .headline { text-align: center; background-color: #F4F4F8 } }

.headline a { width: 100%; color: #FFFFFF }

@media (max-width:690px) { .headline a { color: #2a588c } }


/* FLAGS */
.moduletable_languages { position: fixed; bottom: 20px; right: 20px; width: 92px; height: 92px; background-color: #2f363e; border-radius: 10px; z-index: 999 }

@media (max-width:2560px) { .moduletable_languages { bottom: 15px; right: 15px; width: 73px; height: 72px; border-radius: 6px } }
@media (max-width:1920px) { .moduletable_languages { bottom: 10px; right: 10px; width: 42px; height: 42px; border-radius: 4px } }

.mod-languages_languages { display: block; position: relative; float: left; width: 100%; height: auto; padding: 0; margin: 0 }

.lang-inline { float: left; list-style: none }

.lang-inline li { display: block; float: left; width: 100%; padding: 0; margin: 0 }

.lang-inline li a { display: block; width: 100%; padding: 0; margin: 0 }