/*** Generic ***/ body {font-family: Calibri,Candara,Segoe,Segoe UI,Optima,Arial,sans-serif; font-size:14px; line-height:1.6em; color:#4e4e4e;} .addthis-box {position:absolute; width:220px; right:200px;} a {color:#009ee3; text-decoration:none;} h1{color:#0069af; font-size:3em; line-height:1.3em;} .colorbox{} .colorboxvideo{} .tiny-contentbox{background:#f2f2f2 /*url(/images/quote-ico.jpg) no-repeat 10px 15px*/; padding:25px; font-size:1.2em; line-height:22px; font-weight:300; font-style:italic;} .footnotes{border-top:1px solid #ddd; font-size:0.8em; padding:15px 0 0 0; margin:15px 0 0 0;} .footnotes sup{padding-right:5px;} sup, sub {height:0; font-size:0.9em; line-height:1; vertical-align:baseline; _vertical-align:bottom; position:relative;} sup {bottom:1ex;} sub {top:.5ex;} p {padding:10px 0;} img {max-width:100%; height:auto;} .container {width:1060px; margin:0 auto; padding:0 20px; box-sizing:border-box;} .imgmargin{margin:10px;} .intro{font-size:1.4em; font-weight:300; line-height:1.3em; padding:15px 0 25px 0;} .one-half, .one-third, .two-third, .one-forth, .two-forth, .three-forth, .one-fifth, .two-fifth, .three-fifth, .four-fifth {float:left; box-sizing:border-box;} .one-half {width:48.529411764%;} .one-third {width:30%;} .two-third {width:65.686274509%;} .one-forth {width:23.529411764%;} .two-forth {width:49.019607843%;} .three-forth {width:74.509803921%;} .one-fifth {width:18.431372549%;} .two-fifth {width:38.823529411%;} .three-fifth {width:59.215686274%;} .four-fifth {width:79.607843137%;} .margin-half {margin-left:2.94117647%;} .margin-third {margin-left:2.94117647%;} .margin-forth {margin-left:1.960784313%;} .margin-fifth {margin-left:1.960784313%;} .full-width {width:100%;} .fit {margin-left:0;} .clear {clear:both; text-indent:-9999px;} .generic-form{} .generic-form fieldset {border:1px solid #ddd; padding:20px; margin-bottom:30px;} .generic-form legend {font-size:1.4em; font-weight:300;} .generic-form label {display:none;} .generic-form input, .generic-form textarea, .generic-form select {padding:7px; font-family: Calibri,Candara,Segoe,Segoe UI,Optima,Arial,sans-serif; border:1px solid #ddd; font-size:1.2em; color:#858584; font-weight:300; box-sizing:border-box; } .generic-form input, .generic-form select {float:left; width:48.529411764%; margin:0 0 20px 2.94117647%; } .generic-form .fit input, .generic-form .fit select {margin-left:0;} .generic-form textarea {width:100%; height:200px;} .generic-form .submit {display:block; text-align:center; overflow:hidden;} .generic-form .cms_submit{background:#1475b8; float:none; display:block; margin:0 auto; text-align:center; font-size:1.7em; color:#fff; font-weight:300; text-transform:uppercase;} .generic-table, table {width:100%; min-width:100%; border:1px solid #ddd; border-collapse: collapse; text-align:left;;} .generic-table thead {background:#194d82;} .generic-table th, table th {background: none repeat scroll 0 0 #009ee3; font-size:15px; color: #fff; font-weight: normal; padding: 10px; text-align: left; text-transform: uppercase;} .generic-table .center {text-align:center;} .generic-table .left {text-align:left;} .generic-table .right {text-align:right;} .generic-table tbody tr {border-top:1px solid #EFEFEF;} .generic-table tbody tr:nth-child(even) {background:url('/images/scaline.png');} .generic-table td, table td {padding:8px 10px;} ol{list-style-type:decimal; margin-left:20px;} /*** Homepage ***/ .container, .row {overflow:hidden;} #home-menu {} #banners {background:#f6f6f6; border-top:1px solid #e8e8e8; border-bottom:1px solid #e8e8e8; padding:30px 0;} #banners .right-side {position:relative;} .row h2 {padding:10px 20px; color:#FFF; text-transform:uppercase; font-size:1.2em; font-weight:900;} .row .home-block {position:relative;} .row .view-all {position:absolute; top:10px; right:20px; color:#FFF;} .row .view-all a {color:#FFF;} #home-news h2 {background:#0069AF;} #home-news .view-all, #home-media .view-all {text-transform:uppercase;} #home-news .date {font-weight:800; color:#da6541; font-size:1.1em;} #home-news .date span {color:#ccc; font-weight:300; font-size:0.8em; font-style:italic; text-transform:capitalize;} #home-news .left-side, #home-media .left-side {max-height:380px; margin-top:30px; margin-bottom:30px;} #home-news .left-side h3, #home-media .left-side h3 {margin-top:10px;} #home-news .left-side a, #home-media .left-side a {display:block; color:#212121; font-size:1.2em;} #home-news .left-side .date, #home-media .left-side .date {padding-bottom:12px; font-weight:800; color:#da6541; font-size:1.2em;} #home-news .right-side, #home-media .right-side {margin-top:30px; margin-bottom:30px; padding:0 0 0 15px; border-left:1px solid #ddd;} #home-news .right-side li, #home-media .right-side li {padding:10px 0; border-top:1px solid #ddd;} #home-news .right-side li:first-child, #home-media .right-side li:first-child {padding-top:0; border-top:0px;} #home-news .right-side h3 a, #home-media .right-side h3 a{color:#212121; font-size:1.2em;} #home-media h2 {background:#0069AF;} #home-media .date, #home-media .date-doc {text-transform:uppercase;} #home-media .type, #home-media .left-side .date-doc span {text-transform:none; font-style:italic;} #home-media .first .foot {padding:5px 0;} #home-media .foot {padding:0 0 5px 0;} #home-media .first .date-doc {padding:20px 0;} #home-media .main-thumbnail {display:block; width:100%; height:auto;} .jcarousel-video {width:325px; overflow:hidden; position:relative;} .jcarousel-video ul{width:2000em; position:relative;} .jcarousel-video li{float:left; width:325px;} #home-join h2 {background:#ffcd1c; padding-right:20px; margin-bottom:2em;} #home-join h2 a{display:block; color:#fff; line-height:1.7em; background:url(/images/joinus-icon.jpg) no-repeat right center;} #home-twitter {} #home-twitter .title {overflow:hidden; background:#0069AF;} #home-twitter h2 {float:left; padding:10px 5px 10px 20px;} #home-twitter .title .link-to-twitter {float:right; padding:10px 15px 0 0; text-transform:uppercase; color:#fff;} #home-twitter .timeline-list {padding-top:25px;} #home-twitter .timeline-list li {padding:0 0 20px 40px; background:url(/images/twitter-logo.jpg) no-repeat;} #home-twitter .timeline-list strong {color:#212121;} #home-cloud{overflow:hidden;} #home-cloud h2 {background:#0069AF ;} #home-cloud .description{padding-top:20px;} /*** Header ***/ #header{padding:35px 0 35px 0;} #main-logo {height:auto; text-indent:-9999px;} #main-logo img {display:block; width:100%; height:auto;} #utilities {position:relative; text-align:right;} #utilities .extranet {padding-left:20px; color:#a2b2b4; font-weight:900; line-height:1.8em; text-transform:uppercase; display:none;} #utilities .extranet img {margin-right:5px;} #search-box{clear:both; padding-top:20px;} .search{border:1px solid #d9d9d9; float:right; padding:6px 7px; margin-left:20px;} .search label{display:none;} .search .search-input {width:156px; text-transform:uppercase; color:#c2c2c2; font-size:1em; border:0px;} .search .search-button {width:16px; height:16px; background:url(/images/arrow_right_green.png) no-repeat; border:0px;} /*** Home ***/ .home-banner{overflow:hidden; position:relative; height:auto; max-height:340px;} .home-banner li{height:auto; max-height:340px; position:relative; width:670px; background-size:cover; background-position:center center;} .home-banner li .banner-content{position:absolute; font-size:1.2em; width:100%; font-weight:300; color:#fff; padding:15px 30px; bottom:0; background:url(/images/back_banner.png); box-sizing:border-box;} .home-banner li .banner-content a{color:#fff;} .home-banner li .banner-content .banner-title{font-size:1.7em; padding:0 0 8px 0; text-transform:uppercase;} .home-banner li a.homebannervideo{display:block; width:670px; height:376px; background-position:center;} .home-banner li a.homebannervideo img{padding:125px 0 0 275px;} #counter{background:#c239a8; padding:20px 5px; color:#FFF; text-align:center;} #counter span {display:block;} #counter .counter-top {margin:10px auto; font-weight:300; font-size:3em; line-height:1em;} #counter .counter-bottom {font-size:1.1em; text-align:center;} #report {margin-top:10px;} #report img {display:block; width:100%;} #intro-block{font-weight:300; padding:25px 0; font-size:1.8em; line-height:1.4em; color:#545454;} #intro-block strong{font-weight:600;} #intro-block a.read_more{color:#8dc641; font-size:0.9em; text-transform:uppercase; font-weight:600;} #home-menu {position:relative; width:auto; } #home-menu #indicatorContainer {visibility:hidden;} #home-menu ul {line-height:1; list-style:none; margin:0; padding:0; } #home-menu > ul {display:block; position:relative; width:100%; z-index:500; } #home-menu:after, #home-menu > ul:after {clear:both; content:"."; display:block; height:0; line-height:0; visibility:hidden; } #home-menu.align-right > ul > li {float:right; } #home-menu.align-center ul {text-align:center; } #home-menu.align-center ul ul {text-align:left; } #home-menu > ul > li {float:left; display:inline-block; width:18.431372549%; min-height:86px; margin:0; margin-left:1.960784313%; padding:0; position:relative; background:url('/images/dot_white.gif') left top repeat-y #0069AF; border-left:15px solid #7ac142; box-sizing:border-box;} #home-menu > ul > li:nth-child(3) {margin-left:0;} #home-menu > ul .menupage-15 {display:none;} #home-menu > ul > #menu-button {display:none; } #home-menu ul li a {display:block; text-transform:uppercase; font-family: Calibri,Candara,Segoe,Segoe UI,Optima,Arial,sans-serif; text-decoration:none; } #home-menu > ul > li > a {color:#FFF; font-size:1.3em; line-height:1.2em; font-weight:bold; moz-transition:color 0.25s ease-out; ms-transition:color 0.25s ease-out; o-transition:color 0.25s ease-out; padding:20px; text-transform:uppercase; transition:color 0.25s ease-out; webkit-transition:color 0.25s ease-out; } #home-menu > ul > li.menupage-34 > a, #home-menu > ul > li.menupage-54 > a {} #home-menu > ul > li.has-sub > a {padding-right:32px; } #home-menu > ul > li:hover > a {color:#ffffff; } #home-menu li.has-sub::after {content:""; display:block; height:0; position:absolute; width:0; } #home-menu > ul > li.has-sub::after {visibility:hidden; border:5px solid transparent; border-top-color:#FFF; right:10px; top:20px; } #home-menu > ul > li.menupage-54::after {top:30px;} #home-menu > ul > li:hover::after {border-top-color:#ffffff; } #indicatorContainer {bottom:0px; height:12px; overflow:hidden; position:absolute; width:100%; z-index:-1; } #pIndicator {border:12px solid transparent; border-top-color:#2b2f3a; height:0; moz-transition:left .25s ease; ms-transition:left .25s ease; o-transition:left .25s ease; position:absolute; transition:left .25s ease; webkit-transition:left .25s ease; width:100%; z-index:-2; } #cIndicator {border:12px solid transparent; border-top-color:#2b2f3a; height:0; position:absolute; right:100%; top:-12px; width:100%; z-index:-2; } #home-menu ul ul {width:100%; left:-9999px; moz-transition:opacity .3s ease, top .25s ease; ms-transition:opacity .3s ease, top .25s ease; opacity:0; o-transition:opacity .3s ease, top .25s ease; position:absolute; top:70px; transition:opacity .3s ease, top .25s ease; webkit-transition:opacity .3s ease, top .25s ease; z-index:1000; box-sizing:border-box;} #home-menu ul ul ul {padding-left:8px; top:37px; } #home-menu ul ul li {position:relative; } #home-menu > ul > li:hover > ul {left:auto; opacity:1; top:76px; padding-left:1px; box-sizing:border-box;} #home-menu.align-right > ul > li:hover > ul {left:auto; opacity:1; right:0; } #home-menu ul ul li:hover > ul {left:172px; opacity:1; top:0; } #home-menu.align-right ul ul li:hover > ul {left:auto; opacity:1; padding-right:5px; right:172px; top:0; } #home-menu ul ul li a {padding:10px 20px; background:#0069AF; border-bottom:1px solid #eeeeee; color:#FFF; font-size:14px; font-weight:300; moz-transition:all .35s ease; ms-transition:all .35s ease; o-transition:all .35s ease; transition:all .35s ease; webkit-transition:all .35s ease; width:100%; box-sizing:border-box; } #home-menu.align-right ul ul li a {text-align:right; } #home-menu ul ul li:hover > a {background:#FFF; color:#8c9195; } #home-menu ul ul li:last-child > a, #home-menu ul ul li.last > a {border-bottom:0; } #home-menu > ul > li > ul::after {border:6px solid transparent; border-bottom-color:#ffffff; content:''; height:0; left:30px; position:absolute; top:-12px; width:0; } #home-menu.align-right > ul > li > ul::after {left:auto; right:30px; } #home-menu ul ul li.has-sub::after {border:4px solid transparent; border-left-color:#FFF; moz-transition:all .2s ease; ms-transition:all .2s ease; o-transition:all .2s ease; right:10px; top:12px; transition:all .2s ease; webkit-transition:-webkit-transform 0.2s ease, right 0.2s ease; } #home-menu.align-right ul ul li.has-sub::after {border-left-color:transparent; border-right-color:#9ea2a5; left:10px; right:auto; } #home-menu ul ul li.has-sub:hover::after {border-left-color:#1a9fe0; moz-transform:rotateY(180deg); ms-transform:rotateY(180deg); o-transform:rotateY(180deg); right:-8px; transform:rotateY(180deg); webkit-transform:rotateY(180deg); } #home-menu.align-right ul ul li.has-sub:hover::after {border-left-color:transparent; border-right-color:#ffffff; left:-5px; moz-transform:rotateY(180deg); ms-transform:rotateY(180deg); o-transform:rotateY(180deg); transform:rotateY(180deg); webkit-transform:rotateY(180deg); } #home-menu > ul > li > ul > li:first-child {display:none;} .wordcloudlist{padding-top:20px;} .wordcloudlist li a{display:block; background:#8dc641; color:#fff; float:left; padding:10px; text-transform:uppercase; font-weight:800; margin:0 1px 1px 0;} .wordcloudlist li a:hover{background:#b5e576;} .banner-link{display:block; width:100%; height:340px;} /*** Content ***/ .side-box-heading {background:#009ee3; color:#fff; padding:5px 10px; text-transform:uppercase; font-weight:bold;} .side-box {margin-bottom:10px;} .feature-box {border:1px solid #f2f2f2; padding:20px;} .content-list {margin-left:20px; padding:10px 0;} .content-list > li {margin:5px auto; padding:0 0 0 20px; background:url(/images/squarelist.jpg) no-repeat 6px 7px;} .reset-list{padding:0;} .reset-list > li{background:url(none);} #main-navigation {clear:both;} #main-navigation .container {overflow:visible;} #menu { height:44px; position:relative; width:auto; } #menu ul { line-height:1; list-style:none; margin:0; padding:0; } #menu > ul { background:#0069AF; display:block; position:relative; width:100%; z-index:500; } #menu:after, #menu > ul:after { clear:both; content:"."; display:block; height:0; line-height:0; visibility:hidden; } #menu.align-right > ul > li { float:right; } #menu.align-center ul { text-align:center; } #menu.align-center ul ul { text-align:left; } #menu > ul > li { display:inline-block; margin:0; padding:0 0 0 5px; position:relative; background-image:url(/images/arrowsubmenu-home.png); background-repeat:no-repeat; background-position:10px 17px;} #menu > ul > #menu-button { display:none; } #menu ul li a { display:block; font-family: Calibri,Candara,Segoe,Segoe UI,Optima,Arial,sans-serif; text-decoration:none; } #menu > ul > li > a { color:#FFF; font-size:16px; font-weight:300; moz-transition:color 0.25s ease-out; ms-transition:color 0.25s ease-out; o-transition:color 0.25s ease-out; padding:15px 8px 15px 20px; text-transform:uppercase; transition:color 0.25s ease-out; webkit-transition:color 0.25s ease-out; } #menu > ul > li.has-sub > a { } #menu > ul > li:hover > a { color:#ffffff; } #menu li.has-sub::after { content:""; display:none; height:0; position:absolute; width:0; } #menu > ul > li.has-sub::after { border:5px solid transparent; border-top-color:#7a8189; right:10px; top:20px; } #menu > ul > li:hover::after { border-top-color:#ffffff; } #indicatorContainer { bottom:0px; height:12px; overflow:hidden; position:absolute; width:100%; z-index:-1; } #pIndicator { border:12px solid transparent; border-top-color:#2b2f3a; height:0; moz-transition:left .25s ease; ms-transition:left .25s ease; o-transition:left .25s ease; position:absolute; transition:left .25s ease; webkit-transition:left .25s ease; width:100%; z-index:-2; } #cIndicator { border:12px solid transparent; border-top-color:#2b2f3a; height:0; position:absolute; right:100%; top:-12px; width:100%; z-index:-2; } #menu ul ul { left:-9999px; moz-transition:opacity .3s ease, top .25s ease; ms-transition:opacity .3s ease, top .25s ease; opacity:0; o-transition:opacity .3s ease, top .25s ease; position:absolute; top:70px; transition:opacity .3s ease, top .25s ease; webkit-transition:opacity .3s ease, top .25s ease; z-index:1000; } #menu ul ul ul { padding-left:5px; top:37px; } #menu ul ul li { position:relative; } #menu > ul > li > ul > li:first-child { display:none;} #menu > ul > li:hover > ul { left:auto; opacity:1; top:44px; } #menu.align-right > ul > li:hover > ul { left:auto; opacity:1; right:0; } #menu ul ul li:hover > ul { left:170px; opacity:1; top:0; } #menu.align-right ul ul li:hover > ul { left:auto; opacity:1; padding-right:5px; right:170px; top:0; } #menu ul ul li a { background:#256ab1; border-bottom:1px solid #eeeeee; color:#FFF; font-size:14px; text-transform:uppercase; moz-transition:all .35s ease; ms-transition:all .35s ease; o-transition:all .35s ease; padding:10px 20px; transition:all .35s ease; webkit-transition:all .35s ease; width:130px; } #menu.align-right ul ul li a { text-align:right; } #menu ul ul li:hover > a { background:#fff; color:#8c9195; } #menu ul ul li:last-child > a, #menu ul ul li.last > a { border-bottom:0; } #menu > ul > li > ul::after { border:6px solid transparent; border-bottom-color:#ffffff; content:''; height:0; left:30px; position:absolute; top:-12px; width:0; } #menu.align-right > ul > li > ul::after { left:auto; right:30px; } #menu ul ul li.has-sub::after { display:block; border:4px solid transparent; border-left-color:#FFF; moz-transition:all .2s ease; ms-transition:all .2s ease; o-transition:all .2s ease; right:10px; top:12px; transition:all .2s ease; webkit-transition:-webkit-transform 0.2s ease, right 0.2s ease; } #menu.align-right ul ul li.has-sub::after { border-left-color:transparent; border-right-color:#9ea2a5; left:10px; right:auto; } #menu ul ul li.has-sub:hover::after { border-left-color:#256ab1; moz-transform:rotateY(180deg); ms-transform:rotateY(180deg); o-transform:rotateY(180deg); right:-5px; transform:rotateY(180deg); webkit-transform:rotateY(180deg); } #menu.align-right ul ul li.has-sub:hover::after { border-left-color:transparent; border-right-color:#ffffff; left:-5px; moz-transform:rotateY(180deg); ms-transform:rotateY(180deg); o-transform:rotateY(180deg); transform:rotateY(180deg); webkit-transform:rotateY(180deg); } .jcarousel-wrapper{position:relative;} .jcarousel {position: relative; overflow: hidden; } .jcarousel ul {width: 20000em; position: relative; list-style: none; margin: 0; padding: 0;} .jcarousel ul li { float: left;} .jcarousel-pagination{position:absolute; right:10px; bottom:0;} .jcarousel-pagination a {background: none repeat scroll 0 0 #fff; border-radius: 10px; box-shadow: 0 0 2px #4e443c; color: #4e443c; display: inline-block; font-size: 11px; height: 10px; line-height: 10px; margin-right: 7px; text-decoration: none; text-indent: -9999px; width: 10px;} .jcarousel-pagination a:hover{background: #009ee3;} #breadcrumbs{color:#222; text-transform:uppercase; text-align:right; font-size:0.9em; padding:25px 0;} #breadcrumbs a{color:#222;} .inside-content {font-size:1.1em;} .inside-content h1 {padding:20px 0 25px 0;} .inside-content h2 {padding:15px 0; font-size:2em; color:#8dc641; line-height:1.2em;} .inside-content h3 {color:#1475b8; font-weight:600; font-size:1.2em;} /*** case studies ***/ .studies-details {padding-top:40px; border-top:1px dotted #CCC;} .studies-details .tabs-panel .ui-tabs-panel {display:none;} .studies-details .tabs-panel .active {display:block;} .studies-details .ui-tabs-panel {overflow:hidden; margin:0 0 40px; padding:0 30px 40px; border-bottom:5px solid #8dc641;} .studies-details h2{font-size:1.5em; font-weight:600; padding:0 0 15px 0; /*color:#fff;*/ text-transform:none;} .studies-details .ui-tabs-panel .thumbnail {float:right; position:relative; margin:0 0 10px 20px; background-size:cover;} .casestudies-list {clear:both; overflow:hidden; margin:0 auto;} .casestudies-list li{border:1px solid #ddd; padding:0 0 20px 0; margin-bottom:20px !important; height:420px; overflow:hidden;} .casestudies-list li .title{display:block; padding:20px 20px 10px 20px; text-align:center; color:#d96541; font-size:1.4em; font-weight:300; cursor:pointer;} .casestudies-list li .description{display:block; padding:0 20px; text-align:center;} .casestudies-list li .thumbnail{float:none; text-align:center; width:100%; height:130px; overflow:hidden; display:inline-flex; align-items:center;} /*** Projects list ***/ .projects-details li .title{color:#8dc641;} /*** Progress ***/ .progress-tab .ui-tabs-panel {padding:0;} .progress-mainlist {overflow:hidden; padding:0; margin:0;} .progress-mainlist .ui-state-default {float:left; border:0px; padding:7px; margin:0; text-transform:uppercase; font-size:1.2em; font-weight:600;} .progress-mainlist .ui-state-active, .progress-mainlist li:hover {background:#009ee3; border-bottom:0px; color:#fff; padding:7px; margin:0;} .progress-mainlist a:hover, .progress-subtab a {color:#fff;} .progress-mainlist ul {margin:0; padding:0;} .progress-tab .ui-tabs-nav li.ui-tabs-active a {color:#fff;} .progress-tab .ui-tabs-nav .ui-tabs-anchor {padding:10px; display:block;} .progress-tab > .ui-tabs-nav li:hover, .progress-tab > .ui-tabs-nav li.ui-tabs-active {padding-bottom:6px; border-bottom:1px solid #FFF;} .progress-subtab {padding:0;} .subtab-blue {padding:0; color:#fff; background:#009ee3;} .inside-content .subtab-blue h2 {padding:15px; font-size:1.1em; border-bottom:1px dotted #b6e3fd; color:#fff; text-transform:capitalize;} .progress-sublist {overflow:hidden; margin:0;} .progress-sublist .ui-state-default {float:left; margin:0 5px; padding:0; border:0;} .progress-sublist .ui-state-active {border:0;} .progress-sublist .ui-state-default:hover, .progress-sublist .ui-state-active {font-weight:600;} .progress-sublist .ui-state-default a, .progress-sublist .ui-state-default a:link, .progress-sublist .ui-state-default a:visited {color:#fff;} .progress-subtab .ui-tabs-panel {padding:10px 0;} .progress-subtab .ui-tabs-panel a {color:#d96541; font-size:1em;} .intro b, .intro strong{color:#d96541; font-weight:600;} .join-form {clear:both;} .join-form .cms_submit {-webkit-appearance:none} .videos-grid {clear:both; overflow:hidden; margin:0 0 15px 0; padding:0 0 0 45px;} .videos-grid li{width:295px; height:240px; margin-bottom:30px; background-position:center; background-repeat:no-repeat;} .videos-grid a {display:block; height:175px; position:relative;} .videos-grid a span {display:block; position:absolute; bottom:15px; width:100%; padding:5px; color:#fff; font-weight:300; font-size:1.2em; background:url(/images/backvideotitle.png); box-sizing:border-box;} /*.videos-grid {clear:both; overflow:hidden; margin:0 0 15px 0; padding:0 0 0 45px;} .videos-grid li{border:1px solid #ddd; width:295px; height:165px; margin-bottom:30px; background-position:center; background-repeat:no-repeat;} .videos-grid a {display:block; height:175px; position:relative;} .videos-grid a span {display:block; position:absolute; bottom:15px; width:100%; padding:5px; color:#fff; font-weight:300; font-size:1.2em; background:url(/images/backvideotitle.png); box-sizing:border-box;} */ .featured-videos{border-bottom:3px solid #ddd; margin-bottom:30px;} /* start editing if clients approve */ ul.module-list li{ padding:15px 0 0 0; border-bottom:1px solid #ddd; clear:both; overflow:hidden;} ul.module-list li h3{font-weight:300; font-size:1.5em; margin:0; padding:0 0 10px 0;} ul.module-list li .metadata{text-transform:uppercase; padding:10px 0; margin:10px 0 0 0; font-size:0.9em; text-align:right;} ul.module-list li .thumbnail{float:left; margin:0 15px 15px 0; border:1px solid #ddd; padding:5px; background:#fff;} ul.module-list li {clear:none; padding:20px; border:none;} ul.module-list li:hover {background-color:transparent;} .module-list .even {background-image:url('/images/scaline.png');} .module-list .left-side, .module-list .right-side {float:left;} .module-list .left-side {width:19.607843137%; margin-right:5.882352941%;} .module-list .left-side .thumbnail {display:block; float:none; width:100%; height:auto; margin:0 0 1px; padding:0; border:1px solid #708A8D; box-sizing:border-box;} .module-list .left-side .metadata {margin:0; padding:15px 10px; color:#FFF; background:url('/images/ico_calendar.png') 10px center no-repeat #194d82; box-sizing:border-box;} .module-list .left-side .date {font-size:1.2em; font-weight:700;} .module-list .left-side .type {display:block; padding:5px 10px; color:#FFF; text-align:right; text-transform:uppercase; background:#8dc641; border-top:1px solid #FFF;} .module-list .right-side {width:74.509803921%;} .module-list .right-side h3 {line-height:1.3em;} /* End editing */ .mcf_mediaroom .thumbnail{float:left; margin:0 10px 10px 0;} .mcf_mediaroom .details{overflow:hidden; padding:0 0 15px 0;} .mcf_mediaroom .back{display:block; float:right; width:150px; text-align:right;} .mcf_mediaroom .date{border-bottom:1px solid #ddd; padding:15px 0; text-transform:uppercase;} .mcf_mediaroom .metadata{clear:both; text-transform:uppercase; border-top:1px solid #ddd; padding:10px 0;} ul.progress-list li{padding:15px 0; border-bottom:1px solid #ddd; color:#4e4e4e;} ul.progress-list li a{color:#000;} .search-results li {padding:10px 10px 10px 15px; border-bottom:1px dotted #ddd; background-position:left 17px;} .contact-left{float:left; width:23.529412%;} .contact-right{float:left; width:74.509804%; } .board-list li { overflow:hidden; height:100px; margin-bottom:2.9411765%; background:#f2f2f2;} .board-list li:hover {background:#f8f8f8;} .board-list .thumbnail {float:left;} .board-list .content-board {padding:15px 15px 15px 115px;} .board-list a {color:#d96541;} .board-description{padding:15px;} .board-description .thumbnail{float:left; padding:0 15px 15px 0;} .board-description h3{font-size:1.5em; color:#d96541;} .board-description .date{font-style:italic; padding:0 0 10px 0;} .mid-font {font-size: 85% !important; line-height:1.1em !important;} .founding-partner {clear:both;} .founding-partner li {margin-bottom:25px; padding:10px 10px 15px; border:1px solid #ddd; } .founding-partner .fit {clear:left;} .founding-partner img {display:block; margin:0 auto 20px;} .founding-partner .founding-desc {display:block; font-size:1.2em; font-weight:bold; margin-bottom:5px;} .media-partners { clear:both; margin:20px 0 0 0; border-bottom: 2px solid #8fc54b; border-top: 2px solid #8fc54b; overflow: hidden; padding: 15px 0;} .media-partners .media-title {color: #545454; float: left; font-size: 1.2em; width: 140px;} .media-partners a{display:block; float:left; margin:0 20px 0 0;} .listNav { margin:0 0 40px; } .ln-letters { overflow:hidden; border-top:1px solid #ddd; } .ln-letters a { font-size:0.9em; display:block; float:left; padding:5px 11px; /*border:1px solid silver;*/ border-right:none; text-decoration:none; } .ln-letters a.ln-last { /*border-right:1px solid silver;*/ } .ln-letters a:hover, .ln-letters a.ln-selected { background-color:#f3f3f3; } .ln-letters a.ln-disabled { color:#ccc; } .ln-letter-count { text-align:center; font-size:0.8em; line-height:1; margin-bottom:3px; color:#336699; } #glossary > li {margin-top:20px; padding-top:25px; border-top:1px dotted #DDD;} #glossary li:first-child {margin-top:0; padding-top:0; border:none;} #glossary li h3 {color:#04548F;} .glossary {position:relative; padding-top:15px;} .sitemap ul li {padding:5px 10px 5px 15px; background-position:left 12px;} .sitemap ul li a{} .sitemap ul ul{padding:10px 0 0 15px;} .metadata{border-top:1px solid #ddd; padding:15px 0 0 0; margin:15px 0 0 0; text-transform:uppercase;} .hidden{display:none;} .clear-boxes{clear:both;} .box-challenge{background:#f6f6f6; min-height:490px; padding:15px; margin-top:30px; overflow:hidden;} .box-challenge h2{font-weight:300; font-size:25px; line-height:28px; text-transform:uppercase; overflow:hidden;} .box-height{min-height:10px; margin-top:35px; clear:both; overflow:hidden; border-top:30px solid #fff;} .bottom-box{min-height:275px; font-size:11px;} .bottom-box h3{padding:15px 0; font-size:17px; font-weight:normal;} .bottom-box.hor {min-height:0; font-size:11px; border-bottom: solid 1px #ccc; padding-bottom: 1em; margin-bottom: 1em;} .bottom-box.hor h3{padding:0 0 4px 0; font-size:17px; font-weight:normal;} .bottom-box.hor > div{margin-top:3px;} .border-right{border-right:1px solid #ddd; padding-right:20px;} .submetacontainer {position:relative; overflow:hidden; min-height:35px;} .subpager{position:absolute; right:0; top:0; display:none;} .subpager ul{padding:0; margin:0 0 0 10px; float:right;} .subpager ul li{margin:0;} .subpager span.navigation{text-transform:uppercase; font-size:0.9em; padding:4px 0 0 0; display:block; float:left;} .partner-list {padding:15px 0 0 0; margin:0; overflow:hidden;} .partner-list li{ float:left; width:330px; background:url(none); min-height:45px; margin:0 5px; padding:10px 0 0 0; border-bottom:1px solid #ddd;} .partner-list li a{} .partners-logo{padding:0; margin:0;} .partners-logo li{float:left; overflow:hidden; width:240px; height:290px; background:url(none); padding:0; font-size:11px; text-align:center; margin-right:18px;} .partners-logo li.nomargin{margin-right:0;} .submenu{padding-top:15px;} .submenu li{ padding:7px 0; border-bottom:1px solid #ddd;} .submenu li li{ border-bottom:0px; padding:2px 0 2px 10px; font-size:11px; background:url(/images/arrowsubmenu.png) no-repeat 0 7px;} .submenu ul{ margin:5px 0 0 15px; } .submenu li a{ font-size:14px;} /*** Link Join us ***/ .submenu li.node-19, .submenu li.node-142, .submenu li.node-144, .submenu li.node-145, .submenu li.node-146 { background: #ffcd1c; padding-right: 20px; padding: 10px 20px; color: #FFF; text-transform: uppercase; font-size: 1.2em; font-weight: 900; margin-top:1em;} .submenu li.node-19 a, .submenu li.node-142 a, .submenu li.node-144 a, .submenu li.node-145 a, .submenu li.node-146 a { display: block; color: #fff; line-height: 1.7em; background: url(/images/joinus-icon.jpg) no-repeat right center; } /*** PAGER ***/ .pager-list {overflow:hidden; clear:both; margin-bottom:35px;} .pager-list.right {float:right;} .pager-list li, .subpager li {float:left; background:#708a8d; display:block; border-right:1px solid #fff; color:#fff; text-transform:uppercase; font-size:0.9em;} .pager-list li a,.subpager li a {color:#fff; display:block; padding:5px 12px; } .pager-list li.current, .pager-list li:hover, .subpager li.current, .subpager li:hover{background:#a2c9ce;} .pager-list li.current{padding:5px 12px;} .pager-select {margin:0 auto 20px; padding:10px; background:#EFEFEF; border:1px solid #E2E2E2;} .pager-select option {padding:5px 10px;} .subpager ul.content-list, .subpager ul.content-list li{padding:0;} body.page-vinylplus-at-work .pager-list li.first, body.page-vinylplus-at-work .pager-list li.previous, body.page-vinylplus-at-work .pager-list li.next, body.page-vinylplus-at-work .pager-list li.last {display:none;} body.page-news-events .pager-list li.first, body.page-news-events .pager-list li.previous, body.page-news-events .pager-list li.next, body.page-news-events .pager-list li.last {display:none;} body.page-stakeholders .pager-list li.first, body.page-stakeholders .pager-list li.previous, body.page-stakeholders .pager-list li.next, body.page-stakeholders .pager-list li.last {display:none;} body.page-videos .pager-list li.first, body.page-videos .pager-list li.previous, body.page-videos .pager-list li.next, body.page-videos .pager-list li.last {display:none;} /*** TABLES ***/ .vinyl-tab { margin:20px 0px;padding:0px; width:100%; } .vinyl-tab table{ border-collapse: collapse; border-spacing: 0; width:100%; height:100%; border:1px solid #efeded; margin:0px;padding:0px; -moz-border-radius:10px; -webkit-border-radius:10px; border-radius:10px; } .vinyl-tab tr:nth-child(even){ background-color:#ffffff; } .vinyl-tab td{ vertical-align:middle; border:1px solid #efeded; border-width:0px 1px 1px 0px; text-align:left; padding:10px; font-size:12px; font-family:Arial; font-weight:normal; color:#858584; } .vinyl-tab table table {border:0; padding:10px; } .vinyl-tab tr:last-child td{ border-width:0px 1px 0px 0px; } .vinyl-tab tr td:last-child{ border-width:0px 0px 1px 0px; } .vinyl-tab tr:last-child td:last-child{ border-width:0px 0px 0px 0px; } .vinyl-tab tr:first-child td{ background-color:#f0f0f0; border:1px solid #ffffff; border-collapse:collapse; text-align:center; border-width:0px 0px 1px 1px; font-size:12px; font-family:Arial; font-weight:normal; color:#858584;} .vinyl-tab tr:first-child td:first-child{ border-width:0px 0px 1px 0px; color:#00537b; } .vinyl-tab tr:first-child td:last-child{ border-width:0px 0px 1px 1px; } .vinyl-tab .kn-address {background:#8dc641 !important; color:#ffffff !important;} .vinyl-tab .vinyl-tab-tbc { background:url(/images/tbc.png); display:block; width:40px; height:40px; } .programme-h1 { padding:10px; background:#8dc641; -moz-border-radius-right:5px; -webkit-border-right-radius:5px; border-bottom-right-radius:5px; border-top-right-radius:5px; margin:15px 120px 2px 0; color:#ffffff; font-size: 18px; text-transform:uppercasse; } .programme-h2 { padding:10px; background:#1a9fe0; -moz-border-radius-right:5px; -webkit-border-right-radius:5px; border-bottom-right-radius:5px; border-top-right-radius:5px; margin:15px 60px 2px 0; color:#ffffff; font-size: 14px; text-transform:uppercasse; } /*** Footer ***/ .footer-menu {background:#f2f2f2; overflow:hidden; padding:15px; margin-bottom:15px;} .footer-menu .parent a {font-weight:bold; color:#000000;} .footer-menu .parent li a, .footer-menu .parent .parent a {font-weight:normal; color:#858584;} .footer-menu .parent li:first-child {display:none;} .footer{color:#000; text-transform:uppercase; font-size:1em; margin-top:20px;} .footer a{color:#000;} .footer img{margin-left:15px;} .footer .left-side {padding-top:17px;} .footer .right-side {text-align:right;} /*** Media Queries ***/ @media screen and (max-width: 960px) { #home-menu.align-center ul, #menu.align-center ul {text-align:left; } #home-menu.align-right > ul > li, #menu.align-right > ul > li {float:none; } #home-menu ul, #menu ul {width:auto; } #home-menu .submenuArrow, #home-menu #indicatorContainer, #menu .submenuArrow, #menu #indicatorContainer {display:none; } #home-menu > ul, #menu > ul {display:block; height:auto; } #home-menu > ul > li {float:none; width:auto; margin-left:auto; padding-bottom:20px;} #home-menu > ul > li.menupage-54 > a {padding:20px;} #home-menu li, #home-menu > ul > li, #menu li, #menu > ul > li {display:none; } #home-menu ul ul, #home-menu ul ul ul, #home-menu ul > li:hover > ul, #home-menu ul ul > li:hover > ul, #home-menu.align-right ul ul, #home-menu.align-right ul ul ul, #home-menu.align-right ul > li:hover > ul, #home-menu.align-right ul ul > li:hover > ul, #menu ul ul, #menu ul ul ul, #menu ul > li:hover > ul, #menu ul ul > li:hover > ul, #menu.align-right ul ul, #menu.align-right ul ul ul, #menu.align-right ul > li:hover > ul, #menu.align-right ul ul > li:hover > ul {left:auto; opacity:1; padding-left:0; padding-right:0; position:relative; right:auto; top:auto; } #home-menu ul .has-sub::after, #menu ul .has-sub::after {display:none; } #home-menu ul li a {padding:12px 20px; border-bottom:1px dotted #FFF;} #home-menu ul ul li a, #menu ul ul li a {background:none; border:0; margin-bottom:5px; padding:8px 35px; width:auto; } #home-menu.align-right ul ul li a, #menu.align-right ul ul li a {text-align:left; } #home-menu ul ul li:hover > a {background:none; color:#FFF; font-weight:bold; } #home-menu ul ul ul a, #menu ul ul ul a {padding:8px 50px; } #home-menu ul ul ul ul a, #menu ul ul ul ul a {padding:8px 65px; } #home-menu ul ul ul ul ul a, #menu ul ul ul ul ul a {padding:8px 80px; } #home-menu ul ul ul ul ul ul a, #menu ul ul ul ul ul ul a {padding:8px 95px; } #home-menu > ul > #menu-button {cursor:pointer; display:block; min-height:inherit; padding-bottom:0; border-top:none;} #home-menu #menu-button > a, #menu #menu-button > a {padding:14px 20px; border-bottom:none; } #home-menu ul.open li, #home-menu > ul.open > li, #menu ul.open li, #menu > ul.open > li {display:block; } #home-menu > ul.open > .menupage-15 {display:none;} #home-menu > ul.open > li#menu-button > a, #menu > ul.open > li#menu-button > a {border-bottom:1px solid rgba(150, 150, 150, 0.1); color:#fff; } #home-menu ul ul::after, #menu ul ul::after {display:none; } #home-menu #menu-button::after, #menu #menu-button::after {border-bottom:2px solid #7a8189; border-top:2px solid #7a8189; content:''; display:block; height:3px; position:absolute; right:20px; top:15px; width:22px; } #home-menu #menu-button::before, #menu #menu-button::before {border-top:2px solid #7a8189; content:''; display:block; height:3px; position:absolute; right:20px; top:25px; width:22px; } #home-menu ul.open #menu-button::after, #home-menu ul.open #menu-button::before, #menu ul.open #menu-button::after, #menu ul.open #menu-button::before {border-color:#fff; } #menu ul li a {padding:12px 20px;} #menu > ul > li { float:none; } #menu ul ul li:hover > a { background:none; color:#8c9195; } #menu > ul > #menu-button { cursor:pointer; display:block; } #menu #menu-button > a { padding:14px 20px; } #banners .left-side {width:100%;} #banners .right-side {width:100%; margin:20px auto;} #banners #counter, #banners #report {float:left; width:48.983739837%; box-sizing:border-box;} #banners #counter {position:relative;} #banners #counter .wrapper {position:absolute;} #banners #report {margin-top:0; margin-left:2.032520325%;} .board-description{padding:15px; line-height: 1.3em;} .board-description h3{font-size:1.2em !important; color:#d96541;} } @media screen and (max-width: 1024px) { .container {width:1024px;} } @media screen and (max-width: 960px) { .container {width:960px;} } @media screen and (max-width: 768px) { .container {width:768px;} .progress-mainlist .ui-state-default{padding-left:5px; padding-right:4px;} .module-list .left-side .metadata {padding:5px; text-align:center; background-image:none;} } @media screen and (max-width: 640px) { .container {width:640px;} #main-logo {float:none; width:100%;} #utilities {width:100%; margin-left:0; text-align:center;} .extranet, .search-box {float:none; clear:both; width:100%; box-sizing:border-box;} #utilities .extranet {display:block; margin:20px auto; padding-top:10px; padding-bottom:10px; background:#F3F3F3; border-top:1px dotted #EFEFEF; border-bottom:1px dotted #EFEFEF; box-sizing:border-box;} #search-box {padding:0;} .search {position:relative; float:none; width:100%; margin:10px auto; text-align:left; box-sizing:border-box;} .search .search-input {width:100%; padding-right:25px; box-sizing:border-box;} .search .search-button {position:absolute; top:8px; right:10px; box-sizing:border-box;} .addthis_sharing_toolbox {margin-top:20px;} #banners #counter, #banners #report {float:none; width:100%; margin:20px auto; box-sizing:border-box;} #banners #progressbar {top:25px;} #home-news, #home-alt, #home-media, #home-twitter {clear:both; float:none; width:100%; margin:10px auto;} .bottom-box {float:none; width:100%; height:auto; min-height:initial; margin:20px auto; padding:0; border:none;} .progress-mainlist .ui-state-default, .progress-mainlist .ui-state-active, .progress-mainlist li:hover {padding:1px 0;} .progress-mainlist .ui-state-default {font-size:1.1em;} .progress-tab > .ui-tabs-nav li:hover, .progress-tab > .ui-tabs-nav li.ui-tabs-active {padding-bottom:0;} .footer-menu .one-half {margin-bottom:20px;} } @media screen and (max-width: 480px) { .container {width:480px;} #home-news .left-side, #home-news .right-side, #home-media .left-side, #home-media .right-side {float:none; width:100%; margin:0 auto;} #home-news .left-side, #home-media .left-side {padding-top:10px;} #home-news .right-side, #home-media .right-side {margin-top:10px; padding:0; border:none;} #home-news .right-side li:first-child, #home-media .right-side li:first-child {padding-top:10px; border-top: 1px solid #ddd;} #home-media .view-all {position:static; display:block; padding:0 10px; text-align:center; background:#f28e2d;} .box-challenge {float:none; width:100%; margin:20px auto;} .generic-form input, .generic-form select {float:none; width:100%; margin:10px auto;} .founding-partner li {float:none; width:100%; margin:20px auto;} .module-list .left-side .type {text-align:center;} .studies-details .ui-tabs-panel .thumbnail {width:100px; height:100px;} .footer-menu > ul > li {float:none; width:100%; margin:20px auto;} .footer-menu > ul > li:first-child {margin-top:0;} .stakeholders-list li.one-half {width:100%} } @media screen and (max-width: 320px) { .container {width:320px;} #counter, #progressbar {display:none;} .module-list .left-side, .module-list .right-side {float:none; width:100%;} .module-list .right-side {margin:20px auto 0;} .studies-details .ui-tabs-panel .thumbnail {float:none; width:220px; height:220px; margin:0 auto 10px;} } .source, .link{padding:5px 0 !important;} .source h3, .link h3{padding:10px 0 !important;} .stakeholder-list-data, .stakeholder-list-quote, .stakeholder-picture { max-width: 300px;} .stakeholders-list li {min-height:620px; padding:0 20px 20px 0} .stakeholder-list-data h2, .stakeholder-data h2 { padding: 15px 0 10px 0; font-size: 1.4em; color: #0099cc; line-height: 1.2em; text-transform:initial; font-weight: 600;} .stakeholder-list-data h3, .stakeholder-data h3 {font-size: .95em; color:#858584; text-transform:initial; font-weight: 600; line-height: 1.2em;} .stakeholder-list-data h3 span.location, .stakeholder-data h3 span.location {font-weight: 100;} .stakeholder-list-quote, .stakeholder-quote {margin-top:1em; padding-top: 1.8em; font-size: 1.4em; color:#7ac142; line-height: 1.2em; text-transform:initial; font-weight: 600; background: url(/images/quote-green.png) no-repeat; } /* Magnific Popup CSS */ .mfp-bg { top: 0; left: 0; width: 100%; height: 100%; z-index: 1042; overflow: hidden; position: fixed; background: #0b0b0b; opacity: 0.8; } .mfp-wrap { top: 0; left: 0; width: 100%; height: 100%; z-index: 1043; position: fixed; outline: none !important; -webkit-backface-visibility: hidden; } .mfp-container { text-align: center; position: absolute; width: 100%; height: 100%; left: 0; top: 0; padding: 0 8px; box-sizing: border-box; } .mfp-container:before { content: ''; display: inline-block; height: 100%; vertical-align: middle; } .mfp-align-top .mfp-container:before { display: none; } .mfp-content { position: relative; display: inline-block; vertical-align: middle; margin: 0 auto; text-align: left; z-index: 1045; } .mfp-inline-holder .mfp-content, .mfp-ajax-holder .mfp-content { width: 100%; cursor: auto; } .mfp-ajax-cur { cursor: progress; } .mfp-zoom-out-cur, .mfp-zoom-out-cur .mfp-image-holder .mfp-close { cursor: -moz-zoom-out; cursor: -webkit-zoom-out; cursor: zoom-out; } .mfp-zoom { cursor: pointer; cursor: -webkit-zoom-in; cursor: -moz-zoom-in; cursor: zoom-in; } .mfp-auto-cursor .mfp-content { cursor: auto; } .mfp-close, .mfp-arrow, .mfp-preloader, .mfp-counter { -webkit-user-select: none; -moz-user-select: none; user-select: none; } .mfp-loading.mfp-figure { display: none; } .mfp-hide { display: none !important; } .mfp-preloader { color: #CCC; position: absolute; top: 50%; width: auto; text-align: center; margin-top: -0.8em; left: 8px; right: 8px; z-index: 1044; } .mfp-preloader a { color: #CCC; } .mfp-preloader a:hover { color: #FFF; } .mfp-s-ready .mfp-preloader { display: none; } .mfp-s-error .mfp-content { display: none; } button.mfp-close, button.mfp-arrow { overflow: visible; cursor: pointer; background: transparent; border: 0; -webkit-appearance: none; display: block; outline: none; padding: 0; z-index: 1046; box-shadow: none; touch-action: manipulation; } button::-moz-focus-inner { padding: 0; border: 0; } .mfp-close { width: 44px; height: 44px; line-height: 44px; position: absolute; right: 0; top: 0; text-decoration: none; text-align: center; opacity: 0.65; padding: 0 0 18px 10px; color: #FFF; font-style: normal; font-size: 28px; font-family: Arial, Baskerville, monospace; } .mfp-close:hover, .mfp-close:focus { opacity: 1; } .mfp-close:active { top: 1px; } .mfp-close-btn-in .mfp-close { color: #333; } .mfp-image-holder .mfp-close, .mfp-iframe-holder .mfp-close { color: #FFF; right: -6px; text-align: right; padding-right: 6px; width: 100%; } .mfp-counter { position: absolute; top: 0; right: 0; color: #CCC; font-size: 12px; line-height: 18px; white-space: nowrap; } .mfp-arrow { position: absolute; opacity: 0.65; margin: 0; top: 50%; margin-top: -55px; padding: 0; width: 90px; height: 110px; -webkit-tap-highlight-color: transparent; } .mfp-arrow:active { margin-top: -54px; } .mfp-arrow:hover, .mfp-arrow:focus { opacity: 1; } .mfp-arrow:before, .mfp-arrow:after { content: ''; display: block; width: 0; height: 0; position: absolute; left: 0; top: 0; margin-top: 35px; margin-left: 35px; border: medium inset transparent; } .mfp-arrow:after { border-top-width: 13px; border-bottom-width: 13px; top: 8px; } .mfp-arrow:before { border-top-width: 21px; border-bottom-width: 21px; opacity: 0.7; } .mfp-arrow-left { left: 0; } .mfp-arrow-left:after { border-right: 17px solid #FFF; margin-left: 31px; } .mfp-arrow-left:before { margin-left: 25px; border-right: 27px solid #3F3F3F; } .mfp-arrow-right { right: 0; } .mfp-arrow-right:after { border-left: 17px solid #FFF; margin-left: 39px; } .mfp-arrow-right:before { border-left: 27px solid #3F3F3F; } .mfp-iframe-holder { padding-top: 40px; padding-bottom: 40px; } .mfp-iframe-holder .mfp-content { line-height: 0; width: 100%; max-width: 900px; } .mfp-iframe-holder .mfp-close { top: -40px; } .mfp-iframe-scaler { width: 100%; height: 0; overflow: hidden; padding-top: 56.25%; } .mfp-iframe-scaler iframe { position: absolute; display: block; top: 0; left: 0; width: 100%; height: 100%; box-shadow: 0 0 8px rgba(0, 0, 0, 0.6); background: #000; } /* Main image in popup */ img.mfp-img { width: auto; max-width: 100%; height: auto; display: block; line-height: 0; box-sizing: border-box; padding: 40px 0 40px; margin: 0 auto; } /* The shadow behind the image */ .mfp-figure { line-height: 0; } .mfp-figure:after { content: ''; position: absolute; left: 0; top: 40px; bottom: 40px; display: block; right: 0; width: auto; height: auto; z-index: -1; box-shadow: 0 0 8px rgba(0, 0, 0, 0.6); background: #444; } .mfp-figure small { color: #BDBDBD; display: block; font-size: 12px; line-height: 14px; } .mfp-figure figure { margin: 0; } .mfp-bottom-bar { margin-top: -36px; position: absolute; top: 100%; left: 0; width: 100%; cursor: auto; } .mfp-title { text-align: left; line-height: 18px; color: #F3F3F3; word-wrap: break-word; padding-right: 36px; } .mfp-image-holder .mfp-content { max-width: 100%; } .mfp-gallery .mfp-image-holder .mfp-figure { cursor: pointer; } @media screen and (max-width: 800px) and (orientation: landscape), screen and (max-height: 300px) { /** * Remove all paddings around the image on small screen */ .mfp-img-mobile .mfp-image-holder { padding-left: 0; padding-right: 0; } .mfp-img-mobile img.mfp-img { padding: 0; } .mfp-img-mobile .mfp-figure:after { top: 0; bottom: 0; } .mfp-img-mobile .mfp-figure small { display: inline; margin-left: 5px; } .mfp-img-mobile .mfp-bottom-bar { background: rgba(0, 0, 0, 0.6); bottom: 0; margin: 0; top: auto; padding: 3px 5px; position: fixed; box-sizing: border-box; } .mfp-img-mobile .mfp-bottom-bar:empty { padding: 0; } .mfp-img-mobile .mfp-counter { right: 5px; top: 3px; } .mfp-img-mobile .mfp-close { top: 0; right: 0; width: 35px; height: 35px; line-height: 35px; background: rgba(0, 0, 0, 0.6); position: fixed; text-align: center; padding: 0; } } @media all and (max-width: 900px) { .mfp-arrow { -webkit-transform: scale(0.75); transform: scale(0.75); } .mfp-arrow-left { -webkit-transform-origin: 0; transform-origin: 0; } .mfp-arrow-right { -webkit-transform-origin: 100%; transform-origin: 100%; } .mfp-container { padding-left: 6px; padding-right: 6px; } } .white-popup { position: relative; background: #FFF; padding: 20px; width: auto; max-width: 500px; margin: 20px auto; text-align: left; padding-bottom: 50px; } #fbrp__91 { margin: 0; padding: 0; display: inline-block; position: relative; width: auto;} .privacy-policy-label label {display:inline-block; vertical-align: top; margin-top: -2px; position: relative; margin-left: 10px;} #logo-banner-header {margin: 0 75px 20px; border-bottom: 1px solid #ccc; padding-bottom: 8px; } #logo-banner-header h3 {color:#212121; font-size:1.2em;} #home-menu li.menupage-19, #home-menu li.menupage-144, #home-menu li.menupage-145, #home-menu li.menupage-146, #home-menu li.menupage-142 {display:none;} #menu li.menupage-19, #menu li.menupage-144, #menu li.menupage-145, #menu li.menupage-146, #menu li.menupage-142 {display:none;} #social-links-header{ position:relative; width:200px; display:inline-block; height:32px;} .social-links-item { display:inline-block; float:left; padding:0 5px 0 0;} ul.logo-banner {display:flex; align-items:center;} .ui-widget { font-family: "Calibri" !important;} /* Stylesheet: style.css Modified On 2020-07-16 17:43:04 */