*, *:before, *:after { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } img { max-width: 100%; } @font-face { font-family: "RobotoBold"; src: url('../fonts/roboto-bold.eot'); src: url('../fonts/roboto-bold.eot?#iefix') format('embedded-opentype'), url('../fonts/roboto-bold.woff') format('woff'), url('../fonts/roboto-bold.ttf') format('truetype'), url('../fonts/roboto-bold.svg#RobotoBold') format('svg'); } @font-face { font-family: 'RobotoLight'; src: url('../fonts/roboto-light.eot'); src: url('../fonts/roboto-light.eot') format('embedded-opentype'), url('../fonts/roboto-light.woff') format('woff'), url('../fonts/roboto-light.ttf') format('truetype'), url('../fonts/roboto-light.svg#RobotoLight') format('svg'); } @font-face { font-family: 'RobotoRegular'; src: url('../fonts/roboto-regular.eot'); src: url('../fonts/roboto-regular.eot') format('embedded-opentype'), url('../fonts/roboto-regular.woff') format('woff'), url('../fonts/roboto-regular.ttf') format('truetype'), url('../fonts/roboto-regular.svg#RobotoRegular') format('svg'); } @font-face { font-family: "LeagueGothicCondensedItalic"; src: url("../fonts/LeagueGothic-CondensedItalic.otf") } @font-face { font-family: 'LeagueGothicCondensedRegulart'; src: url("../fonts/LeagueGothic-CondensedRegular.otf") } @font-face { font-family: 'LeagueGothicItalic'; src: url('../fonts/LeagueGothic-Italic.otf'); } @font-face { font-family: 'LeagueGothicRegular'; src: url('../fonts/LeagueGothic-Regular.otf'); } @font-face { font-family: 'league_gothicregular'; src: url('../fonts/leaguegothic-regular-webfont.eot'); src: url('../fonts/leaguegothic-regular-webfont.eot?#iefix') format('embedded-opentype'), url('../fonts/leaguegothic-regular-webfont.woff2') format('woff2'), url('../fonts/leaguegothic-regular-webfont.woff') format('woff'), url('../fonts/leaguegothic-regular-webfont.ttf') format('truetype'), url('../fonts/leaguegothic-regular-webfont.svg#league_gothicregular') format('svg'); font-weight: normal; font-style: normal; } html body {background: #fff; color: #666; font-family: 'RobotoLight', Tahoma, sans-serif; font-size: 14px; } .clear { clear: both; } html h1 {font-size: 66px; font-family: 'RobotoLight', Tahoma, sans-serif;} html h2 {font-size: 36px; font-family: 'RobotoLight', Tahoma, sans-serif;} html h3 {font-size: 64px; font-family: 'RobotoLight', Tahoma, sans-serif;} html h4 {font-size: 48px; font-family: 'RobotoBold', Tahoma, sans-serif;} html h5 {font-size: 24px; font-family: 'RobotoLight', Tahoma, sans-serif;} .green { color: #209620; } .err, .red { color: red;} b, strong { font-weight: bold; } header {position: relative; overflow: hidden; max-height: 750px;} #head_top {background: #fff; height: 70px; width: 100%; position: relative; vertical-align: middle; /*box-shadow: 0 0 20px #666;*/ margin: 55px 0 0 0;} .inner #head_top { margin: 0;} #head_top #menu_61_707 {display: none;} /* , #head_top #menu_61_770 */ #head_top #logo {margin-left: 30%;} #logo img {width: 30%; position: absolute; top: 0; bottom: 0; left: 30%; margin: auto;} #head_top a#menu_61_689 , #head_top a#menu_61_770, #head_top a#b2blink {position: absolute; right: 30px; padding: 10px 25px; font-size: 24px; font-family: 'LeagueGothicRegular', Tahoma, sans-serif; text-transform: uppercase; text-decoration: none; color: #fff; background: #ffb806; border-radius: 5px; margin-top: 15px; transition: all ease-in-out 0.3s;} #head_top a#menu_61_689:hover {background: #e3a200;} #head_top a#menu_61_770 {right: 180px; background: #c8cc2e;} #head_top a#menu_61_770:hover {background: #A8A826;} #head_top a#b2blink {right: 360px; text-decoration: none; color: black; background: none; font-family: 'LeagueGothicRegular', Tahoma, sans-serif; font-size: 24px;} #head_top a#b2blink:hover {color: #fff; background: #A8A826;} #head_main #main_bg {height: 550px;} #head_main img {width: 100%; display: none;} #mountains {width: 100%; position: absolute; bottom: -50px;} #big_logo {position: absolute; bottom: 20%; left: -50px; width: 35%; opacity: 0.8;} #onoff_sound {display: none; height: 22px;width: 15px;position: absolute;padding: 10px; background: url(../images/onoff_sound.png) no-repeat 5px 5px; cursor: pointer; z-index: 10;} #onoff_sound.unmuted {background: url(../images/onoff_sound.png) no-repeat -10px 5px;} #sect {color: #000; z-index: 1000; position: absolute; left: 1%; top: 140px; /*max-width: 460px;*/ background: url(../images/caption_bg.png); color: #fff; padding: 10px;} #sect h1 { line-height: 80px; text-shadow: 1px 1px 1px rgba(255,255,255,0.5); font-size: 50px;} #sect h1 span {font-size: 65px;} #sect h2 { line-height: 50px; margin: 20px 0 10px 0; text-shadow: 1px 1px 1px rgba(255,255,255,0.5); } #sect a {margin: 0 0 0 20px; float: left; clear: both; color: #fff; opacity: 0.85; font-family: 'RobotoRegular', Tahoma, sans-serif; font-size: 20px; padding: 8px 10px; text-decoration: none; background: #c8cc2e; transition: all ease-in-out 0.3s; border-radius: 5px;} #sect a:hover {opacity: 1; } #sect a.play_btn { background: none; padding: 0; clear: none; float: none;} #sect a.play_btn img {width: 60px; vertical-align: middle; max-width: 60px; width: 15%;} /*#register {border-left: 1px solid #a0467f; border-radius: 10px;}*/ header.video_promo {max-height: none;} .video_promo #sect { background: none; /*left: 75%; top: 15%;*/ } .video_promo #addition .homepage_intro img { margin: 100px 0; } #startupireland { margin: 40px 0 0;} #intro_vids {background: #4A4A4A; /*margin: 40px 0 0;*/} #intro_vids img {width: 24%;margin: 4%;} #intro_vids a:hover { opacity: 0.8;} .video_promo #addition .main_intro {display: inline;} .video_promo #addition .homepage_intro .hovered_intro {display: none;} .video_promo #addition .hovered .main_intro {display: none;} .video_promo #addition .hovered .hovered_intro {display: inline;} .mobile .video_promo #addition .main_intro {display: none;} .mobile .video_promo #addition .hovered_intro {display: inline;} #addition .reg_message { margin: 40px auto; width: 70%; color: #666666; font-weight: bold; clear: both;} #addition .reg_message h2 {font-size: 36px; font-family: 'LeagueGothicRegular'; text-align: center; text-transform: uppercase;} #addition .form_holer label, #addition .form_holer .receive_newsletters_row {display: none;} #addition .form_holer { width: 350px; margin: 0 auto; } #addition .form_holer .form_table_row { clear: right; margin: 0 10px 0 0; width: 210px;} #addition .form_holer .form_table_row input { width: 100%; } #addition .form_holer .button_subscribe_row { width: auto; margin: 3px 0 0;} #addition .form_holer .phone_row , #addition .form_holer .name_row { display: none; } #addition .form_holer .image_captcha_row { display: none; } #addition .form_holer .image_captcha_row img {width: 38% !important; display: block; float: right; border-radius: 0px;} #addition .form_holer .image_captcha_row .form_fields {width: 54%;} #addition .form_holer .image_captcha_row .image_captcha_form_under_text_paragraph {text-align: right;} .getcallbackformthanks, .getcallbackformerror {font-size: 29px; /*color: #fff;*/ margin-bottom: 30px;} .video_promo #basic .backing {display: none;} .mobile .video_promo #basic .video {/*display: none;*/} .mobile .video_promo #basic .backing {display: inline;} .socials { position: fixed; right: 0; top: 250px; z-index: 9999;} .socials a {display: block; position: relative; background: url(../images/socials_icons.jpg) no-repeat; width: 35px; height: 35px; opacity: 1;} .socials:hover a {opacity: 0.7;} .socials a:hover {opacity: 1;} .socials a span {position: absolute; right: -50px; line-height: 35px; width: 90px; font-size: 14px; font-family: 'RobotoRegular', Tahoma, sans-serif; text-align: center; color: #fff; border-radius: 3px; transition: all ease-in-out 0.3s; opacity: 0; } .socials a:hover span {transition: all ease-in-out 0.3s; opacity: 1; right: 50px; } .socials a span:after {content:""; display: block; width: 10px; height: 10px; float: right; margin-top: 12px; margin-right: -5px; -moz-transform: rotate(45deg); -webkit-transform: rotate(45deg); transform: rotate(45deg);} .socials a#tw {background-position: 0 -35px;} .socials a#in {background-position: 0 -70px;} .socials a#yt {background-position: 0 -105px;} .socials a#mail {background-position: 0 -140px;} .socials a#fb span {background: #24499a;} .socials a#tw span {background: #6edee9;} .socials a#in span {background: #12679B;} .socials a#yt span {background: #cd181f;} .socials a#mail span {background: #18b2e8;} .socials a#fb span:after {background: #24499a;} .socials a#tw span:after {background: #6edee9;} .socials a#in span:after {background: #12679B;} .socials a#yt span:after {background: #cd181f;} .socials a#mail span:after {background: #18b2e8;} .latest-news { color: #444; font-family: 'league_gothicregular'; padding: 50px; /*display: none;*/} .latest-news h2 { font-family: 'league_gothicregular'; font-size: 66px; margin: 0 0 30px 0; text-transform: uppercase; } .latest-news .article { display: none; margin: 0 3% 50px 0; max-width: 30%; vertical-align: top; } .latest-news .article .header { margin: 0 0 30px 0; } .latest-news .article .time { display: block; font-size: 24px; margin: 0 0 10px 0; } .latest-news .article img { display: block; margin: 0 auto 30px; height: 215px;} .latest-news .article iframe { display: block; margin: 0 auto 30px; height: 215px; width: auto;} .latest-news .article h4 { font-family: 'league_gothicregular'; font-size: 24px; text-transform: uppercase; text-align: justify; height: 50px;} .latest-news .article p { font-size: 18px; text-align: justify;} .latest-news .navigate { clear: both; width: 100%; } .latest-news .btn { font-size: 24px; } .latest-news .prev { display: none; float: left; } .latest-news .next { float: right; } .slider, .irish_scroll {background: #f1f1f1; color: #000; overflow: hidden; padding: 120px 0;} .slider p, .irish_scroll h2 {margin: 10px 0 35px 0; text-align: center; font-size: 36px; font-family: 'RobotoLight', Tahoma, sans-serif;} .statistc_stikker_wrap {position: fixed; top: 0; left: 0px; z-index: 1000000; background: #fff; height: 50px; width: 100%; } #flexiselDemo3 {display:none;} .nbs-flexisel-container {position:relative; max-width:100%;} .nbs-flexisel-ul {position:relative; width:9999px; margin:0px; padding:0px; list-style-type:none; text-align:center;} .nbs-flexisel-inner {overflow:hidden; float:left; width:99.9%; } .nbs-flexisel-item {float:left; margin:0px; padding:0px; cursor:pointer; position:relative;} .nbs-flexisel-item img {cursor: pointer; position: relative; margin-top: 10px; margin-bottom: 10px; max-width:271px; max-height:71px; box-shadow: 0 0 15px #ccc;} #logoParade a, #logoParade2 a , #statistc_stikker a { opacity: 1; transition: all 0.3s ease-in-out 0s; } #logoParade a:hover, #logoParade2 a:hover, #statistc_stikker a:hover { opacity: 0.8;} #logoParade, #logoParade2, #statistc_stikker { height: auto; padding: 0 3%; position: relative; width: 74%; margin: 0 auto; height: 71px; } #statistc_stikker {height: 45px; width: 100%;} #logoParade div.scrollableArea a, #logoParade2 div.scrollableArea a , #statistc_stikker div.scrollableArea a { display: block; float: left; padding-left: 10px; } #statistc_stikker div.scrollableArea a { margin: 10px; font-size: 36px; font-family: 'LeagueGothicRegular'; text-align: center; text-transform: uppercase; color: #666666; } .container_shadow img {display: block; margin: 0 auto; width: 100%;} #rrr{margin-top: 50px; text-align: center; } #rrr ul{display: inline; width: 100%; overflow: hidden;} #rrr ul li{display: inline-block; width: 33%; float: left; padding: 15px;} #rrr ul li a {display: block; width: 33:3%; max-width: 230px; margin: 0 auto; border-radius: 50%; box-sizing: border-box; transition: all ease-in-out 0.1s;} #rrr ul li a:hover {border: 2px solid; padding: 10px; transition: all ease-in-out 0.1s;} #rrr ul li:nth-child(1) a {border-color: #21ace3;} #rrr ul li:nth-child(2) a{border-color: #bacf33;} #rrr ul li:nth-child(3) a {border-color: #a1457d;} #rrr ul li a img{display: block; width: 100%; border-radius: 50%;} #rrr h1 {clear: both; padding-top: 50px; color: #3b4045;} #rrr a {display: inline-block; font-size: 24px; font-family: 'RobotoLight', Tahoma, sans-serif; text-transform: uppercase; text-decoration: none; color: #21ace3; margin: 40px ;} #rrr a span {margin-left: 5px; transition: all ease-in-out 0.2s;} #rrr a:hover span {margin-left: 15px; transition: all ease-in-out 0.2s;} #rrr .container_shadow {transform: rotate(180deg); -moz-transform: rotate(180deg); -webkit-transform: rotate(180deg);} /* Slider /*-----------------------------------------------------------------------------------*/ .slider_container { width: 100%; margin: auto; clear: both; position: relative; } .linkedin-box { text-align: center; /*text-transform: uppercase;*/ width: 20%; position: absolute; top: 100px; left: 7%; z-index: 99; } .linkedin-box p { margin: 0 0 30px 0; } .linkedin-box h2 { line-height: 20px; } .linkedin-box a { font-family: 'RobotoLight', sans-serif; color: #000; font-size: 24px; /*font-weight: bold;*/ text-decoration: none; } .linkedin-box a:hover { color: #069; } .flex-caption{ text-align: right; width: 50%; position: absolute; right:90px; top:200px;} .caption_title_line{color: #303030; opacity: 0.85;} .flex-caption h1 {background: #bacf33; display: inline-block; padding: 10px 15px; margin-bottom: 2px; text-align: right; } .flex-caption .more {clear: both; float: right; margin-top: 25px; font-family: 'RobotoRegular', Tahoma, sans-serif; font-size: 24px; opacity: 0.85;} .flex-caption .more p {float: left; background: #fff; padding: 15px 25px;} .flex-caption .more a {text-transform: uppercase; text-decoration: none; color: #fff; background: #fcb514; padding: 15px 25px; float: left;} .flex-caption .more a span {float: right; margin-left: 5px; opacity: 0.7; transition: all ease-in-out 0.3s;} .flex-caption .more a:hover span {opacity: 1; transition: all ease-in-out 0.3s;} .flex-container a:active, .flexslider a:active {outline: none;} .slides, .flex-control-nav, .flex-direction-nav {margin: 0; padding: 0; list-style: none;} /* FlexSlider Necessary Styles *********************************/ .flexslider {color: #000; width: 100%; margin: 0;} .flexslider h3 {position: absolute; margin: 0 auto; left: 0; right: 0; top: 30px; text-align: center; text-shadow: 1px 1px 1px rgba(255,255,255,0.5);} /* .flexslider .slides > li {display: none;} /* Hide the slides before the JS is loaded. Avoids image jumping */ .flexslider .slides img {max-width: 100%; display: block;} .flex-pauseplay span {text-transform: capitalize;} .slides:after {content: "."; display: block; clear: both; visibility: hidden; line-height: 0; height: 0;} html[xmlns] .slides {display: block;} * html .slides {height: 1%;} .no-js .slides > li:first-child {display: block;} .flexslider {position: relative; zoom: 1;} .flexslider .slides {zoom: 1;} .flexslider .slides > li {position: relative;} .flex-container {zoom: 1; position: relative;} /* Direction Nav */ .flex-direction-nav li a {width:50px; height:50px; margin:0; display: block; position: absolute; top: 40%; cursor: pointer; text-indent: -9999px; transition: all ease-in-out 0.1s; z-index: 999; } .flex-direction-nav li a.flex-next {background:url(../images/next.jpg) no-repeat center; bottom:184px; right: 0; } .flex-direction-nav li a.flex-prev {background:url(../images/prev.jpg) no-repeat center;bottom:141px; left: 0;} .flex-direction-nav li a:hover {opacity: 0.7; } .flex-direction-nav li a.disabled {opacity: .3; filter:alpha(opacity=30); cursor: default;} /* Control Nav */ .flex-control-nav {width: 100%; position: absolute; bottom: -30px; text-align: center;} .flex-control-nav li {margin: 0 0 0 5px; display: inline-block; zoom: 1; *display: inline;} .flex-control-nav li:first-child {margin: 0;} .flex-control-nav li a {width: 13px; height: 13px; display: block; cursor: pointer; text-indent: -9999px;} .flex-control-nav li a:hover {background-position: 0 -13px;} .flex-control-nav li a.active {background-position: 0 -26px; cursor: default;} /* End of Slider /*-----------------------------------------------------------------------------------*/ #map_section { /*background: url(../images/circle_lines.gif) center center no-repeat; background-size: 100%;*/ clear: both; position: relative; overflow: hidden; padding-bottom: 100px; transition: all ease-in-out 1s; } #map_section:hover { background-size: 70%; } #map_section .text {width: 25%; margin-left: 20%; margin-top: 70px; margin-right: 70px; float: left; position: relative; z-index: 3;} #map_section h4{color: #000; margin-bottom: 30px;} #map_section p {font-family: 'RobotoLight', Tahoma, sans-serif; font-size: 30px; padding: 8px 0 8px 55px; margin-bottom: 30px;} #map_section p:nth-child(2) {background: url(../images/number_circle_1.png) no-repeat;} #map_section p:nth-child(3) {background: url(../images/number_circle_2.png) no-repeat;} #map_section .button {background: #000; font-family: 'RobotoRegular', Tahoma, sans-serif; font-size: 24px; padding: 15px 25px; color: #fff; text-decoration: none; text-transform: uppercase; border-radius: 5px; float: left; margin-right: 20px; transition: all ease-in-out 0.3s;} #map_section .button:hover {background: #c8cc2e;} #map_section #world_map_left {position: absolute; top: 0; left: 0; width: 35%; z-index: 0;} #map_section #world_map_left img {width: 100%;} #map_section #world_map_right {position: absolute; top: 0; right: 0; width: 35%; z-index: 0;} #map_section #world_map_right img {width: 100%;} #map_section #map {width: 15%; padding-top: 70px; margin-left: 52%;} #map_section #map a {display: block; width: 100%; position: relative;} /*#map_section map a img {z-index: 111; margin-right: 50px;}*/ #map_section #map a img {display: block; width: 100%;} /*General Settings*/ #video_section {width: 100%; overflow: hidden;} .video_wrap {position: relative; float: left; width: 33.33%; height: auto; text-align: center; background: #000; overflow: hidden;} .video_wrap img.overlay, .video_wrap img.overlay_pattern {width: 100%; display: block; visibility: visible;} .video_wrap .video {position: absolute; top: 0; left: 0; width: 100%;} .video_wrap .text, .video_wrap .ovelay_pattern {position: absolute; top: 0%; left: 0; width: 100%; height: 100%;} .video_wrap .ovelay_pattern {background: url(../images/video2-overlay.png) repeat top left; z-index: 12;} .video_wrap .text p {font-family: 'RobotoLight', Tahoma, sans-serif; font-size: 28px; color: #fcb514; text-transform: uppercase; padding-top: 3.5em;} .video_wrap .text p span {font-family: 'RobotoBold', Tahoma, sans-serif; font-size: 68px;} .video_wrap .text span.undertext {font-family: 'RobotoLight', Tahoma, sans-serif; font-size: 28px; color: #fff; line-height: 0.8em;} .video_wrap .read_btn {position: absolute; bottom: 0; left: 0; width: 100%; background: url(../images/read_btn_bg.png) repeat-x top left; padding: 20% 0;} .video_wrap .read_btn a { border: 1px solid #fff; border-radius: 5px; color: #fff; display: inline-block; font-family: 'RobotoRegular', Tahoma, sans-serif; font-size: 24px; margin: 0 auto 0 auto; padding: 10px; text-decoration: none; text-transform: uppercase;} .read_btn a:hover { border-color: #fcb514;} /*Splash Settings*/ .video_wrap .text{ z-index: 15; display: block; visibility: visible; } .video_wrap img.overlay { z-index: 10; display: block; visibility: visible; opacity: 0.35;} .video_wrap .read_btn { z-index: 5; display: none; } .video_wrap .video { z-index: 0; display: none; visibility: hidden; opacity: 0;} /*Hover Settings*/ .video_wrap.hover .text{ z-index: 15; display: none; visibility: hidden; } .video_wrap.hover img.overlay { z-index: 3; display: block; visibility: visible; opacity: 1;} .video_wrap.hover .read_btn { z-index: 13; display: block; } .video_wrap.hover .video { z-index: 4; display: block; visibility: visible; opacity: 1;} /*Active Settings*/ .video_wrap.active .text{ z-index: 15; display: none; visibility: hidden; } .video_wrap.active img.overlay { z-index: 4; display: block; visibility: visible; opacity: 1;} .video_wrap.active .read_btn { z-index: 13; display: block; } .howitworks {width: 100%; overflow: hidden; position: relative;} .howitworks .video_wrap {position: relative; width: 100%; min-height: 400px; background: url(../images/video2-overlay.png) repeat top left;text-align: center;} .howitworks .video_wrap .text img {width: 10%; max-width: 118px; text-align: center; display: inline;} .howitworks .video_wrap .text p {font-family: 'RobotoLight', Tahoma, sans-serif; font-size: 40px; color: #fff; margin: 0 0 0px 0; padding: 5% 0px 1% 0px;} .howitworks .video_wrap .read_btn {background: none ; padding: 12% 0;} .footer-links { background: #2e2e2e; clear: both; color: #9a9b9c; padding: 30px; position: relative; } .footer-links .col20 { float: left; width: 20%; } .footer-links h5 { color: #666; margin: 0 0 30px 0; text-transform: uppercase; } .footer-links li { padding: 3px 0; } .footer-links a { color: #fff; text-decoration: none; } .footer-links a:hover { border-bottom: 1px solid #fff; } .footer-links ul ul { padding: 10px 10px 20px 10px; } .footer-links ul ul a { color: #9a9b9c; } .footer-links .logo { position: absolute; bottom: -30px; right: 30px; } .footer { padding: 10px 30px 0px 30px; } #cookie_policy_info { color: #fff; padding: 10px; width: 100%; margin: 0 auto; height: 90px; background: #595959; } #cookie_policy_info h1 { color: #FDB700; float: left; font-size: 22px; padding: 0; text-transform: uppercase; } #cookie_close_button { background: url("../images/close_button.gif") no-repeat scroll 0 0 transparent; cursor: pointer; float: right; margin: 0; padding: 5px 0 5px 30px; display: none; } #cookie_policy_info p { float: left; margin: 10px 0; clear: both; } #cookie_policy_info a { color: #FDB700; } /*FOOTER LOGOS*/ .footer#footer_logos .arch {width: 1221px; height: 100px;margin: 0 auto; padding-top: 15px;} .footer#footer_logos ul {display: inline; width: 1240px; margin: 0 auto;} .footer#footer_logos ul li {display: inline-block; float: left; padding: 0 15px; margin-bottom: 20px; opacity: 1; filter: alpha(opacity=100); -webkit-transition: opacity ease-in-out 0.3s; -moz-transition: opacity ease-in-out 0.3s;} .footer#footer_logos ul li a {display: block;} .footer#footer_logos ul:hover li {opacity: 0.6; filter: alpha(opacity=60);} .footer#footer_logos ul li:hover {opacity: 1; filter: alpha(opacity=100);} .footer#footer_logos ul li#logo_1{width: 77px; height: 70px;} .footer#footer_logos ul li#logo_1 a {background: url(../images/partners_logos.jpg) no-repeat -48px 0; width: 47px; height: 70px;} .footer#footer_logos ul li#logo_2{width: 180px; height: 70px;} .footer#footer_logos ul li#logo_2 a {background: url(../images/partners_logos.jpg) no-repeat -135px 0px; width: 150px; height: 70px;} .footer#footer_logos ul li#logo_3{width: 235px; height: 70px;} .footer#footer_logos ul li#logo_3 a {background: url(../images/partners_logos.jpg) no-repeat -325px 0px; width: 205px; height: 70px;} .footer#footer_logos ul li#logo_4{width: 180px; height: 70px;} .footer#footer_logos ul li#logo_4 a {background: url(../images/partners_logos.jpg) no-repeat -565px 0px; width: 130px; height: 70px;} .footer#footer_logos ul li#logo_5{width: 132px; height: 70px;} .footer#footer_logos ul li#logo_5 a {background: url(../images/partners_logos.jpg) no-repeat -737px 0px; width: 92px; height: 70px;} .footer#footer_logos ul li#logo_6{width: 85px; height: 70px;} .footer#footer_logos ul li#logo_6 a {background: url(../images/partners_logos.jpg) no-repeat -870px 0px; width: 55px; height: 70px;} .footer#footer_logos ul li#logo_7{width: 155px; height: 70px;} .footer#footer_logos ul li#logo_7 a {background: url(../images/partners_logos.jpg) no-repeat -968px 0px; width: 125px; height: 70px;} .footer#footer_logos ul li#logo_8{width: 177px; height: 70px;} .footer#footer_logos ul li#logo_8 a {background: url(../images/partners_logos.jpg) no-repeat -1143px 0px; width: 147px; height: 70px;} /*END OF HEADER*/ svg {display:none;} #map_anim svg {display:block;} /*INNER PAGES*/ /*header.inner {box-shadow: 0px 0px 10px #666;}*/ #head_top #logo, .inner #head_top #logo {margin-left: 3%;} #head_top #logo img, .inner #head_top #logo img {width: 30%; position: absolute; top: 0; bottom: 0; left: 3%; margin: auto;} .page-section { padding: 2em 0%; } /*clearfix for Page Section*/ .page-section:before, .page-section:after {content: " "; display: table;} .page-section:after {clear: both;} .page-section {*zoom: 1;} /*clearfix for Pages Contet*/ .pages_content:before, .pages_content:after {content: " "; display: table;} .pages_content:after {clear: both;} .pages_content {*zoom: 1;} .page-section .arch, .wrapper960 {margin: 0 auto; max-width: 960px;} #video-section.page-section {padding: 0px 0px;} #video-section.page-section .arch {width: 100%; max-width: none;} .page-section h1 {margin: 0px 0px 0.5em 0px; color:#3b4045;} .page-section h2 {margin: 1em 0px 0.5em 0px;} .page-section h3 {margin: 0px 0px 0.5em 0px;} .page-section h4 {margin: 0px 0px 0.5em 0px;} .page-section h5 {margin: 0px 0px 0.5em 0px;} .page-section p {font-size: 18px; color: #000; margin: 0px 0px 0.5em 0px; line-height: 1.2em;} .page-section a, a {color: #21ace3;} .page-section .arch ul li { font-size: 18px; background: url("../images/bullet_li.gif") no-repeat scroll left 5px transparent; list-style: none outside none; margin: 0; padding: 0 0 10px 35px; } #video-section.page-section { position: relative; } #video-section.page-section #media a { display: block; overflow: hidden;} #video-section.page-section #media a img { display: block; width: auto; max-width: none;} #video-section.page-section #media .caption {position: absolute; z-index: 5; top: 20%; width: 100%; text-align: center; padding: 70px 0px 20px 0px; background: url(../images/icon-play-small.png) no-repeat 50% top; cursor: pointer;} #video-section.page-section #media .caption p {color: #fff; font-family: 'RobotoRegular',Tahoma,sans-serif; font-size: 40px;margin: 0;} /*Individual Page Formats */ #register_wci {position: relative; float: right; margin: -170px 90px 0 0; padding: 10px 25px; font-size: 24px; font-family: 'RobotoRegular', Tahoma, sans-serif; text-transform: uppercase; text-decoration: none; color: #fff; background: #c8cc2e; border-radius: 5px; transition: all ease-in-out 0.3s;} #register_wci:hover {background: #A8A826;} #pages_content_2013 #intro_vids {margin: 0 0 60px;} /* #wci_intro, */ #pages_content_2013 #intro_vids img {width: 30%; margin: 2% 0% 0 2%;} #intro_vids h4 {padding: 22px 0 0 4%; color: #fff; font-size: 30px; font-family: RobotoRegular;} #content_page_741, #content_page_727, content_page_710, #content_page_728, #typesof-companies, #content_page_725, #process-section, #content_page_739, #content_page_732, #content_page_705, #content_page_689, #content_page_770, #content_page_742, #content_page_692 {background: #f6f6f6;} img.harp, img.floatleft {float: left; margin: 0 15px 0 0; padding: 0;} #recom p {background: url("../images/question_mark_icon.png") no-repeat scroll left top rgba(0, 0, 0, 0);padding: 5px 0 5px 30px;} .textpad {line-height: 1.3em;} .textpad .hanging {margin: 30px 0;} .textpad .hanging img {float: left;margin-left: 20px;} .textpad .hanging h4 {margin: 0 0 10px 150px; font-size: 24px;} .textpad .hanging p {margin-left: 150px;} #typesof-companies h1 {font-size: 48px;} #typesof-companies h3 {font-size: 36px;} #typesof-companies ul.suitable, #typesof-companies ul.notsuitable {padding: 0 0 0 35px;} #typesof-companies ul.suitable li {background: url("../images/bullet_li_suitable.gif") no-repeat scroll left top transparent; padding: 0 0 10px 35px; font-size: 18px;} #typesof-companies ul.notsuitable li {background: url("../images/bullet_li_notsuitable.gif") no-repeat scroll left top transparent; padding: 0 0 10px 35px; font-size: 18px;} #process-section #icons {padding-top: 30px;} #process-section #icons .cta-block {float: left;width: 33%;} #process-section #icons .cta-block#register {border-left: 0px solid #a0467f;border-radius: 0px;} #process-section #icons .cta-icon a { background-color: transparent;display: block; text-align: center; padding: 0px 10px;} #process-section #icons .cta-icon a img {padding: 0 0 20px; width: 100%; max-width:230px; } #process-section #icons .cta-block h2 { margin: 10px 0; text-align: center} #process-section #icons .cta-block h2 a { display: block; text-align: center; text-decoration: none; } #process-section #icons .cta-block p { color: #6c6a6b;font-size: 18px;margin: 0 20px 10px 20px; min-height: 70px;text-align: center;} #rewards-section h1 {font-size: 48px;} #rewards-section h3 {font-size: 30px; padding-top: 30px;} /*Timeline*/ #content_page_739 .textpad { line-height:normal;} #content_page_739 .has_sidebar .textpad{ background: url(../images/has_sidebar_vbar.png) no-repeat 55px bottom; padding: 1em 0em; margin-bottom: 100px;} #content_page_739 .has_sidebar .collage h2 { background: #71bf44; border-radius: 5px; font-size: 20px; text-transform: uppercase; display: inline-block; color: #fff; padding: 5px 0px; width: 120px; text-align: center; margin: 0px;} #content_page_739 .milestone { font-size: 24px; margin-bottom: 1em; background: url(../images/ms_icon.png) no-repeat 0px 0em; padding-left: 100px;} #content_page_739 .milestone_inner {background: #fff; border-radius: 10px; padding: 15px; display: inline-block;} #content_page_739 .milestone h4 { font-size: 24px;} .highlight900 {background: #fff; border-radius: 10px; padding: 15px; display: inline-block;} .highlight900 h4 {font-size: 20px;} #content_page_732 .textpad .hanging {margin: 60px 0;} #content_page_733 img.floatleft {box-shadow: 1px 1px 3px #666;} #content_page_715 .ip_subtitle { font-size: 52px;} #content_page_715 .ip_subtitle span { display: inline-block; background: #d4d4d4; padding: 4px 20px; margin-right: 10px; color: #ababab;} #content_page_715 #big-players cite { display: block; font-style:italic; text-align: center; margin: 0px 0px 20px 0px; color: #545454; } #content_page_715 #big-players .quote cite {background: #ededed;border-left: 2px solid #aaaaaa; color: #545454; font-style: italic;display: block; margin: 20px; padding: 7px;} #content_page_715 h3 { font-size: 36px;} /*Login ALL CHANGES in www_div_forms.css*/ /*Register For Call back Page */ #content_page_770 {padding: 20px 0px;} #content_page_770 .email_lp_form {margin: 0 auto; max-width: 960px;} #before_a {background: none;color: #3b4045;font: 60px 'RobotoLight',Tahoma,sans-serif; padding-bottom: 30px;} #before_a span {font: 36px 'RobotoLight',Tahoma,sans-serif; display: block;} .form_input_cell input#__image_captcha_text, .image_captcha_form_input input {width: 200px; } #register_for_callback .form_table_row {margin: 2em 3em 0 0em;} /*Register Page */ #content_page_690 .form_intro{font: 18px 'RobotoLight',Tahoma,sans-serif;} form#register {border-left: 0px solid #a0467f;} /*clearfix for Page Section*/ form#register:before, form#register:after {content: " "; display: table;} form#register:after {clear: both;} form#register {*zoom: 1;} form#register label.form_label {font: 16px 'RobotoLight',Tahoma,sans-serif;} /*Rress Release Page*/ #content_page_742 table {font: 20px 'RobotoLight',Tahoma,sans-serif; color: #000; margin-bottom: 50px;} #content_page_742 table a {text-decoration: none;} #content_page_742 table a:hover {text-decoration: underline;} #content_page_742 thead {background: #fff; border: 1px solid #ececec; line-height: 50px; text-align: left; text-indent: 10px;} #content_page_742 thead th:nth-child(1) {min-width: 160px;} #content_page_742 thead th:nth-child(3) {padding-right: 20px;} #content_page_742 td {padding: 10px; border-bottom: 1px solid #c7c7c7;} #content_page_742 td.pr_download a img {vertical-align: middle; margin-left: 30px;} /*Forgotten Password*/ #content_page_692 {padding: 20px 20px;} .result_message { background-color: #7C9E7C; border: 1px solid #0A460A; border-radius: 3px 3px 3px 3px; color: #CBDB2A; font-size: 15px; font-weight: bold; margin: 20px 0; padding: 10px; text-align: center; } .err_result_message {color: red; background-color: #7c0000;} /*Refer Page */ #linkedin-intro-section.page-section {background: url("../images/grunge_bg.jpg") repeat-x scroll 0 0 #272727;margin: 0px 0 0;} #linkedin-intro-section.page-section .content-box a#in_box {float: left;} #linkedin-intro-section.page-section .content-box p {color: #ffffff;font-size: 18px; margin: 0 0 0 200px;} #linkedin-intro-section.page-section .content-box p span {display: block; font-size: 11px;padding-top: 10px; } #linkedin-intro-section.page-section .content-box h2 {color: #ffffff; padding: 30px 0; text-transform: uppercase;} #linkedin-intro-section.page-section .content-box a#learn_more_btn {background: url("../images/learn_more_btn.png") repeat-x scroll 0 0 rgba(0, 0, 0, 0); border-color: #80d0ef #80d0ef #1d91bf; border-radius: 3px; border-style: solid; border-width: 2px 1px 1px; color: #fff; display: block; float: right; font-size: 18px; padding: 10px 20px; text-decoration: none;text-transform: uppercase;} .page-section#linkedin-intro-section .content-box a#learn_more_btn:hover {background: url("../images/learn_more_btn.png") repeat-x 0px -50px;border-color: #81efa9 #81efa9 #1dbf58 #81efa9;} #supporters_slider { position: relative; margin: 5px 30px; } #supporters_slider div.arrow { position: absolute; top: 25px; cursor: pointer; } #supporters_slider div.arrow.left_arrow {left: -30px;} #supporters_slider div.arrow.right_arrow {right: -30px;} #supporters_slider .thumbs_holder {overflow: hidden; height: auto;} #supporters_slider .thumbs_holder ul{ width: 5000px; position: relative; padding: 0;} #supporters_slider .thumbs_holder ul li { float: left; margin: 0 10px 0px 10px; padding: 0; background: none; } #supporters_slider .thumbs_holder ul li a{display: block;background: green;} #supporters_slider .thumbs_holder ul li span { display: block; font-size: 11px; text-align: center; margin-top: 10px; max-width: 115px; } #supporters_slider .thumbs_holder ul li a:hover img {opacity: 0.85; filter: alpha(opacity=85);} #supporters_slider #media{margin-bottom: 10px;} #supporters_slider #video-section {margin: 30px 0px;} #supporters_slider cite { display: block; font-style:italic; text-align: center; margin: 0px 0px 20px 0px; color: #545454; } .thumbs_holder li a {width: 150px;} .thumbs_holder li img {width: 100%;} #content_page_773 #company-profile-section {padding: 0px;} /*PROFILES*/ #profiles { /* border-top: 1px solid #f1f1f1; */ border-bottom: 2px solid #f1f1f1; /* margin: 30px 0px; */ padding: 40px 0px 60px 0px; /*background: url(../images/profiles_section_bgr.gif) repeat-x left bottom;*/ } #profile-grid { margin-top: 20px;} .profile-grid-detials { float: left; width: 80%; background: #fff; } .profile-grid-detials img{ float: left; margin-right: 30px; } .page-section .arch .profile-grid-detials h3{ font-size: 24px; color: #4d494d; margin: 30px 30px 15px 0px; } .page-section .arch .profile-grid-detials p{ font-size: 13px; margin: 0px 30px 10px 0px; } .profile-grid-detials a.more{ font: normal 13px; color: #fff; padding: 5px 10px; background: #4d494d; border-radius: 3px; text-decoration: none; } .profile-grid-detials a.more:hover{background: #333;} #profile-grid .profile_thumb {float: left;width: 14%; diplay: block;} #profile-grid .profile_thumb img{width: 100%; opacity: 1; filter: alpha(opacity=75); display: block;} #profiles #profile-grid .profile_thumb img{opacity: 0.85; filter: alpha(opacity=75);} #profile-grid .profile_thumb img.active {width: 100%; opacity: 0.85; filter: alpha(opacity=75);} #profile-grid .profile_thumb:hover {background: green;} #profile-grid .profile_thumb.active {background: green;} .profile-grid-detials { width: 70%;} .profile-grid-detials img { width: 40.2%;} #profiles .profile-grid-detials div { margin-left: 45%;} /*SUPPORTERS VIDEOS*/ #supporters_videos { border-top: 1px solid #f1f1f1; border-bottom: 2px solid #f1f1f1; margin: 30px 0px 0 0; padding: 40px 0px 60px 0px; } #supporters_videos .profile-grid-detials { float: left; width: 80%; background: #fff; padding-top: 5px; } #supporters_videos #profile-grid .profile_thumb img{width: 100%;} #supporters_videos .profile-grid-detials { width: 84%;} #supporters_videos .profile-grid-detials img { width: 40.2%;} #supporters_videos .profile-grid-detials div.details { margin-left: 69%;} #supporters_videos #profile-grid .profile_thumb { position: relative; } #supporters_videos #profile-grid .profile_thumb .effect { background: #000; background: rgba(00,00,00,0.5); height: 100%; opacity: 0; text-align: center; width: 100%; position: absolute; top: 0; right: 0; bottom: 0; left: 0; } #supporters_videos #profile-grid .profile_thumb:hover .effect, #profile-grid .profile_thumb.active .effect { opacity: 1; } #supporters_videos #profile-grid .profile_thumb .effect img { margin: 30px 0 0 0; opacity: 0; transform: scale(0); transition: 0.3s; width: auto; } #supporters_videos #profile-grid .profile_thumb:hover .effect img { opacity: 1; transform: scale(1); } .embed-container {position: relative; padding-bottom: 31.7%; padding-top: 30px; height: 0; overflow: hidden; float: left; width: 66.7%;} .embed-container iframe, .embed-container object, .embed-container embed { position: absolute; top: 0; left: 0; width: 100%; height: 100%; } /*Social Medias Page*/ #content_page_776 {padding: 20px 20px;} .irish_times { background: #b9cc35; clear: both; color: #fff; font-size: 32px; line-height: 70px; margin: 50px auto 30px auto; padding: 10px 0 30px 0; text-align: center; width: 700px; } .irish_times a { background: #fff; border: 2px solid #535c18; padding: 8px 15px; } .irish_times a:hover { background: #eee; } /*PARTNERS PAGE */ .partner{margin-bottom: 60px;} .partner_logo a img{display: block; border: 1px solid #dedede;border-radius: 0px 7px 0px 7px; width: 143px;} .partner_logo a:hover img{border: 1px solid #24ace3;} .partner_logo { width: 115px; margin: 0px 0px 0px 25px;float: left;font-size: 12px;color: #b6b2b2;} .partner_description { margin-left: 200px;} .partner_description h2 {clear:none; margin: 20px 0; text-align: left;} .partner_description h2 a {text-decoration: none;} /* County / Orgaznization */ #inner_main_video { background: none repeat scroll 0 0 #000000; border-bottom: 35px solid #3B4045; border-top: 35px solid #3B4045;} #inner_main_video img { width: 100%;} #inner_main_video .arch { margin: 0 auto; position: relative; width: 960px;} #county_flag { bottom: 120px; left: 20px; position: absolute; text-align: center; width: 250px;} #county_flag { bottom: 150px; left: 20px; position: absolute; text-align: center; width: 200px;} #county_flag.cavan_flag { width: 270px; left: -100px;} #main_county_form { background: url("../images/caption_bg.png") repeat scroll 0 0 rgba(0, 0, 0, 0); bottom: 0px; width: 625px; padding: 15px; position: absolute; right: 0; color: #fff;} #main_video_form_title { background: url("../images/caption_bg.png") repeat scroll 0 0 rgba(0, 0, 0, 0); color: #FFF100; font-size: 20px; margin: 0 auto; padding: 15px; text-transform: uppercase; width: 95%;} #main_county_form form { display: block; margin: 0 auto; padding: 15px; max-width: 600px; width: 100%;} #organize_section { position: relative;} #organize_section .arch { margin: 0 auto; width: 960px;} #organize_section h3 { font-size: 48px;} #left { float: left; padding-top: 40px; width: 640px;} #top_video_player { max-width: 100% !important; height: 390px; margin-top: 30px;} #top_video_player iframe { height: 390px; width: 619px;} #top_video_shadow { /*margin-bottom: 30px;*/ } #video_top_message {margin: 25px 0 15px 0;} #video_bottom_message {font-size: 18px; margin: -12px 0px 30px 0px; line-height: 23px} #right { float: right; position: relative; width: 320px;} #brochure { background: url("../images/yellow_opacity.png") repeat scroll 0 0 rgba(0, 0, 0, 0); padding: 10px 0 30px;} #brochure a { display: block; float: left; height: 83px; margin: 0 25px 10px 15px; width: 81px;} #brochure p { color: #FFFFFF; font-size: 20px; padding: 0 10px;} #brochure .brochure_input { background: url("../images/inner_page_input.png") no-repeat scroll 0 0 rgba(0, 0, 0, 0); clear: left; height: 45px; margin: 0 auto; width: 260px;} #brochure input { height: 45px;} .brochure_email input { background: none repeat scroll 0 0 rgba(0, 0, 0, 0); border: medium none; color: #565656; font-size: 17px; outline: medium none; padding-left: 10px; padding-right: 5px; width: 166px;} .brochure_send { background: url("../images/inner_page_input.png") no-repeat scroll -417px 1px rgba(0, 0, 0, 0); display: inline-block; height: 45px; width: 88px;} .brochure_send input { background: none repeat scroll 0 0 rgba(0, 0, 0, 0); border: medium none; cursor: pointer; font-size: 20px; height: 39px; outline: medium none; width: 87px;} #benefits { background: url("../images/purple_opacity.png") repeat scroll 0 0 rgba(0, 0, 0, 0); margin-top: 5px; padding: 30px;} #benefits p { color: #FFFFFF; font-size: 36px;} #logos { background: url("../images/gray_opacity.png") repeat scroll 0 0 rgba(0, 0, 0, 0); margin-bottom: 70px; margin-top: 1px; overflow: hidden; text-align: center;} #logos p { display: inline-block; padding: 15px 50px;} #logos img { max-width: 215px;} #projects { background: url("../images/header_bg_blue_right.gif") no-repeat scroll center top rgba(0, 0, 0, 0); clear: both; position: relative;} #projects .arch { margin: 0 auto; width: 960px;} #projects h1 { color: #FFFFFF; line-height: 70px; margin: 0 0 45px; padding: 20px 0; text-align: center; font-size: 60px;} #projects .projects_title1 { background: none repeat scroll 0 0 #BACF33; border-radius: 35px 35px 35px 35px; color: #FFFFFF; float: left; font-size: 18px; margin: 0 30px 15px 0; padding: 10px 0 10px 30px; width: 310px;} #projects .projects_title1 p, #projects .projects_title2 p { padding: 5px 5px 5px 15px;} #projects .projects_title1 span, #projects .projects_title2 span { display: block; font-size: 30px;} #projects .projects_title2 { background: none repeat scroll 0 0 #BACF33; border-radius: 35px 35px 35px 35px; color: #FFFFFF; float: left; font-size: 18px; margin: 0 0 15px; padding: 10px 0 10px 30px; width: 280px;} #projects .projects_table { background: none repeat scroll 0 0 #FFFFFF; color: #3D494E; font-size: 24px; margin: 0 0 70px; width: 100%;} #projects .projects_table .row { border-radius: 35px 35px 35px 35px; clear: both; overflow: hidden;} #projects .projects_table .row.even { background-color: #F4F4F4;} #projects .projects_table .cell1 { text-indent: 45px; width: 37%;} #projects .projects_table .cell1, #projects .projects_table .cell2, #projects .projects_table .cell3 { float: left; padding: 5px 0;} #projects .projects_table .cell2 { text-indent: 30px; width: 37%;} #projects .projects_table .cell3 { color: #BACF33; text-indent: 15px; width: 20%;} #projects .projects_table .cell3.potential { color: #FFB806;} /* CONNECTOR STORY */ .connector_back_link { float: right; } #connectors_image { float: left; margin: 0 20px 10px 10px;} #connector_story h4 { font-size: 18px; } #full_story { color: #000; font-size: 18px; line-height: 1.2em; margin: 0 0 0.5em; } /*-------------------------- INHERITED CSS -----------------------*/ #popup_window { margin:0px; padding:0px; background-color:#eff2f4; } /* Terms and Conditions */ #main_T_and_C, .popup_window_wrapper { background-color: #FFFFFF; color: #486182; font-family: Arial, Helvetica, sans-serif; font-size: 12px; margin: 0; padding: 10px; background-color: #EFF0F0; border-radius: 5px 5px 5px 5px; } #main_T_and_C .backtotop, .popup_window_wrapper .backtotop { font-size: 14px; } #main_T_and_C h1, .popup_window_wrapper h1 { color: #568AC2; font: 120%/1.4 MyriadPro-Regular, 'Myriad Pro Regular', MyriadPro, 'Myriad Pro', 'Gudea', Helvetica, Arial, sans-serif; text-transform: uppercase; font-weight: normal; } #main_T_and_C p, .popup_window_wrapper p { margin-top: 15px; } #main_T_and_C ul, .popup_window_wrapper p{ list-style: disc inside none; margin: 0; padding: 0; } #main_T_and_C .bold, .popup_window_wrapper .bold{ font-weight: bold; } #main_T_and_C ol, .popup_window_wrapper ol { margin: 5px 0; font-weight: bold; } #main_T_and_C ol li, .popup_window_wrapper ol li { margin: 15px 0; } #main_T_and_C ol ol, .popup_window_wrapper ol ol{ font-weight: normal; margin: 5px } #main_T_and_C ol ol li, .popup_window_wrapper ol ol li{ margin: 5px 0 } #main_T_and_C .title, .popup_window_wrapper .title{ font-weight: bold; text-transform: uppercase; } /* END OF Terms and Conditions */ .clearBoth {clear: both;} @media (max-width: 1499px) { .flex-caption h1 { font-size: 40px; } #world_map_left { display: none; } #map_section .text { margin-left: 10%; } #map_section h4 { font-size: 36px; } #map_section p { font-size: 24px; } } /************************************************************************************************************/ @media (max-width: 1299px) { .flex-caption { top: 150px; right: 75px; width: 75%; } #world_map_right, #map a #lines { display: none; } #map { width: 25%; } .video_wrap .text p {font-size: 18px;} .video_wrap .text p span {font-size: 48px} .video_wrap .text p span.undertext {font-size: 18px;} #county_flag { display: none; } #main_county_form { bottom: 0; padding: 0; width: 100%; } .footer#footer_logos .arch {width: 90%;height: 200px;} } /************************************************************************************************************/ @media (max-width: 999px) { #head_main #main_bg {height: auto;} #logo img { left: 30px; width: 400px; } #sect { /*left: 30%;*/ max-width: 35%; } #sect h1 { margin: 0 0 30px 0; } /* #sect a { font-size: 24px; padding: 15px 15px; }*/ .socials { top: 150px; } .flex-caption { top: 100px; } .flex-caption .more { margin-top: 10px; } .flex-caption h1, .flex-caption .more p, .flex-caption .more a { padding: 5px 10px; } #map_section .text { margin-left: 5%; width: 35%; } .footer-links .col20 { margin: 0 0 30px 0; width: 50%;} .linkedin-box a {font-size: 22px;} .linkedin-box p {margin: 0 0 15px;} /* .inner #head_top #logo img {left: 30px; *width: 400px;* top: 30px;}*/ .page-section, #content_page_770 .email_lp_form, #content_page_692 .pages_content, .wrapper960 {width: 98%; max-width: none; padding: 2%;} #video-section.page-section .arch {width: 100%; max-width: none; padding: 0px 0px;} .irish_times { width: auto;} /* COUNTIES */ #projects .arch {width: 100%; } #projects .projects_title1 { margin: 0 0 15px 0!important; padding: 0!important; width: 40%; } #projects .projects_title1 p, #projects .projects_title2 p { padding: 5px 5px 5px 15px; } #projects .projects_title2 { margin: 0 0 15px 0!important; padding: 0!important; width: 20%; } #projects .projects_table .cell1, #projects .projects_table .cell2 { text-indent: 15px;} #work_idea .arch, #inner_main_video .arch, #organize_section .arch, #projects .arch { width: 100%; } #head_top { height: auto; overflow: hidden; padding: 10px 0; } #head_top a#menu_61_689, #head_top a#menu_61_770, #head_top a#b2blink { clear: both; display: inline-block; float: none; margin: 5px; position: relative; right: inherit; } #head_top #logo { display: block; margin: 0 0 10px 0; } #head_top #logo img, .inner #head_top #logo img { width: 50%; left: 10px; position: relative; top: 0;} #logo img { width: 260px; } .latest-news .article { margin: 0 0 50px 0; max-width: 100%; } } @media only screen and (max-width: 900px){ /* COUNTIES */ #inner_main_video img { height: 477px; } #main_county_form form { margin: 0; } #main_county_form form .form_table_row { clear: both; width: 100%; } #main_county_form #register_for_callback_button_subscribe_row { height: 48px; } #left { width: 100%; } #right { clear: both; float: none; width: auto; } .footer#footer_logos .arch {width: 100%;height: 200px;} } /************************************************************************************************************/ @media (max-width: 799px) { #sect h1 { font-size: 48px; line-height: 1; margin: 0;} #sect h2 { font-size: 20px; line-height: 1.2em;} .slider p, .irish_scroll h2 { font-size: 24px; } /* .slider_container { display: none; }*/ .linkedin-box, .flexslider h3 { display: none; } .flex-caption .more p, .flex-caption .more a { font-size: 20px; } .flex-caption { text-align: center; top: 30px; } .flex-caption h1 { font-size: 30px; } #rrr h1 { font-size: 36px; } #map { display: none; } #map_section { padding-bottom: 30px; } #map_section .text { margin-top: 30px; width: 90%;} .video_wrap {width: 50%;} .howitworks .video_wrap .text p { font-size: 24px;} #video-section.page-section #media a { overlay: hidden;} #video-section.page-section #media a img { width: auto; max-width: none;} #content_page_733 img.floatleft {width: 36%;} .page-section .arch h1 {font-size:48px;} .page-section .arch h2 {font-size:36px;} .page-section .arch h3 {font-size:30px;} .page-section .arch h4 {font-size:24px;} .page-section .arch h5 {font-size:18px;} /* COMMUNITY & COUNTIES */ .county_organization {width: 422px; max-height: 300px; font-size: 20px;} .county_organization .position {font-size: 20px; width: auto;} .county_organization .cont_name {width: auto;} #video_frames { margin: 40px auto; overflow: hidden; position: static; } #top_video_player iframe { height: 300px; width: 100%; } #register_wci {margin: -115px 70px 0 0;} .footer#footer_logos .arch {width: 100%; height: auto;} #head_top a#menu_61_689, #head_top a#menu_61_770, #head_top a#b2blink { display: block; width: 60%; } #sect { top: 200px; } } /************************************************************************************************************/ @media (max-width: 599px) { .flex-caption .more p, .flex-caption .more a { font-size: 15px; } .flex-caption h1 { font-size: 25px; } #sect h1 { font-size: 36px; line-height: 50px; } #sect h2 span { /*display: none;*/ font-size: 17px;} #sect h2 { float: left; margin: 4px 10px;} #sect a.play_btn img { width: 40px; } #sect a { clear: none;} .footer-links .col20 { width: 100%; } .footer-links .col2 h5 { display: none; } .footer-links .logo { display: none; } #register_wci {margin: -95px 30px 0 0;} /* .inner #head_top #logo img {width: 260px;}*/ #head_top a#menu_61_689, #head_top a#menu_61_770, #head_top a#b2blink { width: 100%; } #head_top #logo img { width: auto; } } /************************************************************************************************************/ @media (max-width: 480px) { .flex-caption { top: 10px; right: 3px; width: 100%; } .flex-caption .more { margin-top: 0; } .flex-caption .more a { margin: 0 5px; } .nbs-flexisel-item img { max-width: 240px; } .socials { display: none; } #sect { left: 25%; max-width: 75%; } .video_wrap {width: 100%;} #sect { position: relative; min-height: 170px; top: auto; left: auto; max-width: 100%;} .video_promo #sect { /*position: absolute;* left: 26%;*/ min-height: inherit;} #intro_vids img {width: 90%} #pages_content_2013 #intro_vids img {width: 92%; margin: 2% 0% 0 4%;} .howitworks .video_wrap .text img {width: 15%!important; margin: 10px;} .howitworks .video_wrap img.overlay { height: 170px; } #big_logo {bottom: auto; top: 20%; } #register_wci {margin: -75px 10px 0 0; font-size: 20px; padding: 10px 15px;} } /************************************************************************************************************/ @media (max-width: 350px) { .flex-caption .more p, .flex-caption .more a { font-size: 12px; } .flex-caption h1 { font-size: 20px; } #sect h1 {font-size: 20px; line-height: 25px;} #register_wci {margin: -65px 5px 0 0;} }