@CHARSET "UTF-8"; body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, hr, pre, form, select, fieldset, input, textarea, p, th, td, tr, a, img{ margin:0; padding:0; border:0;color:inherit; background:none;text-decoration:inherit;font-size:1em} html, body{height:100%;margin:0;padding:0;position: relative} *, *:before, *:after{-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing:border-box} html * {-webkit-font-smoothing: antialiased;-moz-osx-font-smoothing: grayscale;} body { font-family: 'Work Sans', sans-serif; font-weight: 400;font-size: 100%;color:#333f4c;} hr{ background: #455660 none repeat scroll 0 0;border: 0 none;height: 1px;margin: 10px 0;} a,img{border-style:none;outline: none;} button,form input,form textarea ,form select {outline: none;-webkit-border-radius: 0;-moz-border-radius: 0;border-radius: 0;} input[type=button],input[type=submit]{cursor:pointer;-webkit-appearance: none; } img {border: 0 none;height: auto;max-width: 100%;vertical-align: middle; } img.full, img.center, img[align="center"], img[align="middle"], img[align="justify"], figure.left, img.left, img[align="left"], figure.right, img.right, img[align="right"] { display: block; margin: 0 auto 20px; max-width: 100%} tr[data-href] {cursor: pointer;} input[type=checkbox]{-mox-transform: translateY(2px);-webkit-transform: translateY(2px);transform: translateY(2px); vertical-align: top;} input::-moz-focus-inner { border: 0; padding: 0; } label {position:relative;display:block;} label input[type=file] + span {display:block;} .popup-content label input + span,.popup-content label select + span,.popup-content label textarea + span {top:0;} label input:focus + span, label select:focus + span, label textarea:focus + span { display:block;} ul { padding-left: 18px; } ul li { margin-bottom: .5em; line-height: 1.5; } ul li:last-child { margin-bottom: 0; } .display_none{ display: none; } .container {margin: 0 auto;max-width: 1200px;padding: 0 10px;} body.home section .main{margin-top: 0;} .main{margin-top:0.5em;} .row::before, .row::after {content: "";display: table;line-height: 0;} .row::after {clear: both} body > section .main .row{margin:0 0 1em;} .col-12, .col-11, .col-10, .col-9, .col-8, .col-7, .col-6, .col-5, .col-4, .col-3, .col-2, .col-1 { width: 100%; min-height: 0; position:relative; padding: 0 1em; } .center{text-align: center!important;} .right{text-align: right!important;} .left{text-align: left!important;} .flush-box{margin-bottom: -70px;} .pull-top{margin-top: 1em;} .pull-top:after{display: none;} .pull-bottom{margin-bottom: 1em;} .pull-top2{margin-top: 0.5em;} .pull-bottom2{margin-bottom: 0.5em;} .full-width{width:100%;} .section-title{border-bottom: 2px solid #3498DB;color:#3498DB;margin: 1em 0;} .subtitle{font-weight: 400;margin-top: 1em;} .hide{border: 0 none;clip: rect(0px, 0px, 0px, 0px);height: 1px;margin: -1px;overflow: hidden;padding: 0;position: absolute;width: 1px;} .ellip{text-overflow:ellipsis;overflow:hidden;white-space:nowrap;} .margin-reset{margin: -21px;} strong{font-weight: 600;} .float_right{float: right!important;} .bold { font-weight: bold;} .highlight{color:#d0103e;} .btn { position: relative; z-index: 1; float: left; padding: 10px 20px; border-radius: 20px; background: #d0103e; color: #fff; text-decoration: none; text-align: center; font-weight: 400; } /*Icons*/ [class^='icon-'], [class*='icon-'] { background-image: url('../img/social-icon.png'); background-repeat: no-repeat; display: inline-block; vertical-align: middle; font-size: 0; } .icon-facebook { width: 30px; height: 30px; background-position: -71px -2px; } .icon-twitter { width: 30px; height: 30px; background-position: 0px -2px; } .icon-linkedin { width: 30px; height: 30px; background-position: -34px -2px; } .icon-youtube { width: 30px; height: 30px; background-position: -104px -2px; } .icon-instagram { width: 30px; height: 30px; background-position: -138px -2px; } [class^='icon-footer'], [class*='icon-footer'] { background-image: url('../img/footer-icons.png'); background-repeat: no-repeat; display: inline-block; vertical-align: middle; font-size: 0; width: 42px; height: 42px; } .icon-footer-facebook { background-position: -305px -4px; } .icon-footer-twitter { background-position: -109px -4px; } .icon-footer-linkedin { background-position: -158px -4px; } .icon-footer-youtube { background-position: -256px -4px; } .icon-footer-instagram { background-position: -208px -4px; } /*headings*/ p {font-size: 1em;margin-bottom: 1em;text-align: left; line-height: 1.5;} h1, h2, h3 {font-weight: bold;text-align: left;} h1 { font-size: 2.2em;line-height: 1.2;text-transform:uppercase; margin-bottom: 1em;} h2 {font-size: 2em;margin-bottom: .35em;} h3 {font-size: 1.4em;margin-bottom: 0.8em;} h4 {font-size: 1.4em;margin-bottom: 0.8em;} .lead {font-size: 1.3em; line-height: 1.2; font-weight: 600; text-align: left;} .error {color:#F00;} h1,h2,h3,h4,lead { overflow-wrap: break-word; word-wrap: break-word; word-break: break-word; -ms-hyphens: auto; -moz-hyphens: auto; -webkit-hyphens: auto; hyphens: auto; } h2:after, h3:after, h4:after { content: ''; display: inline-block; width: 20px; height: 20px; margin-left: 10px; background-repeat: no-repeat; background-position: center center; vertical-align: bottom; -webkit-transform: rotate(200deg); transform: rotate(200deg); } h2:after { background-image: url('../img/title-icon.svg'); } h3:after,h4:after { background-image: url('../img/member-icon.svg');} .page-title h2 { padding: 1em 0; } .standard .main, .member-signup .main, .login .main { padding-top: 2em; } figure[data-src]{ position:relative; content: ""; cursor: pointer; } figure[data-src]::after{ content : "+"; direction: rtl; position:absolute; bottom:2px; right:2px; color: #000; width:50px; height:50px; display:block; line-height: 70px; font-size:22px; text-indent: 6px; border-left: 50px solid transparent; border-bottom: 50px solid rgba(218, 217, 215,.5); transition: all .5s ease; } figure[data-src]:hover::after{ width:65px; height:65px; border-left: 65px solid transparent; border-bottom: 65px solid rgba(218, 217, 215,.5); line-height: 85px; text-indent: 12px; } figure img {display:block;margin:auto;} figure figcaption{ display:block; text-align:center; padding-top:3px; margin-bottom: 10px; } /*buttons and anchor tag*/ a{text-decoration:underline;color:#d0103e; font-weight: 600; } a:hover,a:active{text-decoration:none;} .bt-box{text-align: center;} a.bt, input.bt{border-radius: 20px;background: #333f4c;border: none;color: #fff;display:inline-block;text-align: center;text-decoration: none;max-width: 300px;margin: 1em auto;padding: 9px 16px;transition: all 0.2s ease-out 0s; -webkit-transition: all 0.2s ease-out 0s; font-weight: 400;} a.bt:hover, input.bt:hover { opacity: .9;} a.bt:active, input.bt:focus { color: #fff;} body > section .links-style2{text-align: center;} body > section .links-style2 a{color:#919295;text-align: center;display: inline-block;text-decoration: underline;margin: 10px;font-size: 0.875em;} body > section .links-style3{text-align: left;} body > section .links-style3 a{color:#919295;text-align: left;display: inline-block;text-decoration: underline;margin: 10px 10px 10px 0;font-size: 0.875em;} body > section a.company-event{background-color:#455660;} a.bt:hover, input.bt:hover {background: #d0103e;color: #fff; } a.bt-inv, input.bt-inv{color: #5F7C8A; display:inline-block; text-align: center; text-decoration: none; max-width: 310px; margin: 1em auto; transition: all 0.2s ease-out 0s; -webkit-transition: all 0.2s ease-out 0s;-webkit-backface-visibility: hidden;background-color: #fff;} a.bt-inv:hover {background: #EEE;color: #fff;} a.bt-arrow{padding: 9px 41px 9px 22px; font-size: 1em;position: relative;line-height: 100%;} a.bt-arrow span {position: absolute;right: 9px;width: 18px;height: 15px;display: inline-block;background-image: url('../img/arrow.svg');background-repeat: no-repeat;background-attachment: scroll;background-position: 3px -1px; background-size: 12px auto;text-indent: -10000em;top: 9px;} .l-bt{font-size: 1.3em; padding: 17px 34px;} .m-bt{font-size: 1.125em;padding: 12px 24px;} .s-bt{font-size: 1em;padding: 9px 16px;} input.s-bt{padding: 8px 20px;} input[type=button].s-bt:last-of-type, input[type=submit].s-bt:last-of-type{background-color: #d0103e;} /*CSS Spinners*/ .load-container {float: left;height:40px;overflow: hidden;position: relative;width: 100%;margin: 0;} .loader1:before, .loader1:after, .loader1 {border-radius: 50%;width: 1.5em;height: 1.5em;-webkit-animation-fill-mode: both;animation-fill-mode: both;-webkit-animation: load7 1.8s infinite ease-in-out;animation: load7 1.8s infinite ease-in-out;} .loader1 {font-size: 10px;margin: 0 auto 10px;position: relative;text-indent: -9999em;-webkit-transform: translateZ(0);-ms-transform: translateZ(0);transform: translateZ(0);-webkit-animation-delay: -0.16s;animation-delay: -0.16s;} .loader1:before {left: -3em;-webkit-animation-delay: -0.32s;animation-delay: -0.32s;} .loader1:after {left: 3em;} .loader1:before, .loader1:after {content: '';position: absolute;top: 0; } @-webkit-keyframes load7 { 0%, 80%, 100% { box-shadow: 0 2.5em 0 -1.3em #98999B; } 40% { box-shadow: 0 2.5em 0 0 #98999B; } } @keyframes load7 { 0%, 80%, 100% { box-shadow: 0 2.5em 0 -1.3em #98999B; } 40% { box-shadow: 0 2.5em 0 0 #98999B; } } /*header*/ body > header .header-box { clear: both; } body > header, a, img, li{-webkit-backface-visibility: hidden;} body > header {width: 100%;position: relative;} body > header .header-top {width: 100%;background:#fff;height: 70px;position: relative;top:0;z-index: 1000;} body > header .container{position: relative;} body > header .row{margin: 0;} body > header .logo{width:145px;height:53px; margin-top: 8px; text-indent:-999999em;background:transparent url('../img/logo-aeromontreal.svg') no-repeat 0 0;display:inline-block;background-size:139px auto;} body.fr > header .logo.eventLogo{background-image:url('../img/logo-aeromontreal-10-fr.svg');} body.en > header .logo.eventLogo{background-image: url('../img/logo-aeromontreal-10.svg');} body > header .logo.eventLogo{width:176px;height:53px; background-color:transparent;background-position:0 0;background-repeat:no-repeat; text-indent:-999999em;display:inline-block;margin-top:6px;background-size:160px auto;} /*Nav*/ body > header nav {float:right;margin:5px 0 0; background: transparent url("../img/menu-mobile.svg") no-repeat scroll 0 8px;display:block;z-index:998;height:65px;width:45px;background-size:100% auto;} body > header nav ul {display:none;list-style:none;position:absolute;font-size:1.1em;top:70px;padding-top: 0;left:0;right:0;z-index:998;text-align:center;margin: 0 -21px;background-color: #F0F0F0;border-top:1px solid #d9d9d9;border-bottom:1px solid #d9d9d9;} body > header nav:hover,body > header nav.open{background: transparent url('../img/menu-open.svg') no-repeat 0 7px;background-size:100% auto;} body > header nav ul li a{display:block;text-decoration:inherit;padding:14px 10px; font-size:0.85em;margin: 0;color:#333f4c;} body > header nav:hover ul,body > header nav.open ul{display:block;} body > header nav ul li {background:#F0F0F0;} body > header nav ul li a:hover {color:#d0103e!important;} body > header nav ul li.selected ul li a {text-decoration: none; color:#2b3e4b;} body > header nav ul li.selected ul li a:hover {text-decoration: none; color:#d0103e;} body > header nav ul li ul {position:static;height:auto;min-width:230px; padding:0;border:0;} body > header nav ul li ul,body > header nav:hover ul li ul{display:none;} body > header nav ul li ul li a{padding:12px 20px;font-size:0.8em;border:none;} /*header buttons*/ body > header .login-search-box{float: right; } body > header .login-search-box li { margin: 0; padding: 0 .75em; line-height: inherit; border-right: 1px solid #d6d9dc; } body > header .login-search-box a{width: 49.1%;margin: 0 auto;max-width:inherit; text-decoration: none; font-size: .85em; color:#333f4c; font-weight: 400;} body > header .login-search-box a:hover {color: #d0103e;} body > header .login-search-box a.account {color: #d0103e;} body > header .login-search-box .header-social { overflow: hidden; height: 40px; line-height: 40px; padding: 0; } body > header .login-search-box .header-social li { border: none; float: left; padding: 0 .25em; } body > header nav form {display:block} body > header form {float: left; margin: 0 auto; width: 100%; background:transparent;} body > header form input{border-bottom: 1px solid transparent;float: left; width: 88%; height: 24px; line-height: 40px; margin: 8px 0; background:none;padding:5px;color:#333f4c;font-size:0.85em; } body > header form input[type=submit]{width: 12%; height: 40px; line-height: 40px; margin: 0; background:url(../img/search-icon.svg) no-repeat center center transparent;cursor:pointer;float:left;background-size: 15px auto;} body > header form input:focus { border-color: #333f4c; } body > header form input::-webkit-input-placeholder { color:#333f4c; text-align: right; } body > header form input::-moz-placeholder { color: #333f4c; text-align: right;} body > header form input:-ms-input-placeholder { color:#333f4c; text-align: right;} body > header form input:-moz-placeholder { color:#333f4c; text-align: right;} body > header .login-search-box a.logout{text-indent: -10000em; background:url(../img/logout.svg) no-repeat scroll center 2px #455660;background-size:26px auto; } body > header .login-search-box a.logout:hover{ background:url(../img/logout.svg) no-repeat scroll center 2px #919296;background-size:26px auto; } /*header buttons logged in*/ body > header .login-search-box a .avatar-icon {display: inline-block;vertical-align: middle;width:18px;height: 14px;background:url(../img/avatar-icon.svg) no-repeat scroll center center transparent;margin-right: 3px;background-size: 12px auto; } body > header .login-search-box .member-nav{float: none;width: 180px;position: absolute;background: none;z-index:8;} body > header .login-search-box .member-nav ul{ display:block; position:absolute; background-color: #f1f2f2; display: none; width: 205px; } body > header .login-search-box .member-nav ul li{display: block;background: none; border: none;width: 100%;} body > header .login-search-box .member-nav ul li a {display: block;text-decoration: none;padding: 8px 10px;text-transform: none;font-size: 0.875em;border-bottom: none;margin: 0;line-height: 100%;font-weight: 400; background: none;color: #333f4c;text-align: left;width: 100%;} body > header .login-search-box .member-nav ul li a:hover{background: transparent;} body > header .login-search-box a:nth-last-of-type(1):hover + .member-nav ul, body > header .login-search-box a:nth-last-of-type(1) + .member-nav ul:hover{display: block;} /*slider home*/ .video-banner { position: relative; width: 100%; max-width: 1920px; margin: 0 auto; } .video-banner video { width: 100%; } .video-banner .video-banner-txt { position: absolute; left: 50%; top: 50%; transform: translate(-50%,-50%); width: 675px; color: #fff; } .video-banner .video-banner-txt h1 { margin-bottom: .5em; text-transform: uppercase; text-align: center; font-size: 3em; } .video-banner .video-banner-txt p { text-align: center; } .floating-img { position: absolute; top: 175px; right: 0; width: 711px; height: 875px; background-repeat: no-repeat; background-position: top right;} .floating-img-bottom { position: absolute; bottom: 10px; left: 0; width: 719px; height: 875px; background-repeat: no-repeat; background-position: top right;} .floating-img.yellow { background-image: url('../img/yellow-pattern-bg.png'); } .floating-img.blue { background-image: url('../img/blue-pattern-bg.png'); } .floating-img.white { background-image: url('../img/white-pattern-bg.png'); } .floating-img-bottom.green { background-image: url('../img/green-pattern-bg.png'); } body > section { margin-top: 0; min-height: 100%; } body > section header .slick-slider {margin-bottom: 0;} body > section header .slide{background: #666;overflow: hidden;} body > section header .slide-box{padding: 0; position: relative;} body > section header .slide-box img{margin: 0 auto;background-size:cover;width: 100%;} body > section header .slide .slick-prev, body > section header .slide .slick-next{width: 20px;height: 20px;background:url(../img/icons.svg) no-repeat scroll center 200px transparent;z-index: 1;background-size:174px 547px;} body > section header .slide .slick-prev{ left: 0;background-position:-116px -332px;} body > section header .slide .slick-next{right: 0;background-position:-116px -377px;} body > section header .heading-box{margin: 0;position: absolute;bottom:2em;padding-left:1.3em; width: 100%;} body > section header .heading-box-cont{display: inline-block;background: rgba(0, 0, 0, 0.4);padding: 1em;} body > section header .slide-box .heading-box h2{color:#fff;text-align: left;font-size: 1.8em;margin-bottom: 0;} body > section header .slide-box .heading-box p{margin-bottom: 0;color:#fff;display: none;} body > section header .info-box, body > section header .slick-dots{display: none!important;} /*header*/ body > section header.site-header { overflow: hidden; position: relative; max-width: 1920px; width: 100%; height: auto; margin: 0 auto; } body > section header.site-header img { width: 100%; height: auto; } body > section header.site-header h1 { position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); -webkit-transform: translate(-50%, -50%); padding: .25em .75em; background: #d0103e; color: #fff; text-align: center; } body._forum > section header.site-header h1 { display: none; } /*Latest News*/ body > section .full-news-box{width: 100%;min-height: 675px;background:url(../img/clouds-800.jpg) no-repeat scroll 0 0 #ccc;background-size:cover;margin: 2em 0;position: relative; padding: 1em 0 0;} body > section .full-news-box h2.tittle{background:rgba(0, 0, 0, 0.3);padding: 5px 20px;display: inline-block;margin: 0 auto;text-align: center;color: #fff;} body > section .slider-news{margin-top: 1em;} body > section .full-news-box .news-box{position: relative;} body > section .full-news-box [data-slick] > div:not(.slick-list), body > section .full-news-box .slick-slide { margin: 0 10px;} body > section .full-news-box .news-box a{background-color: #fff;display: block;text-decoration: none;} body > section .full-news-box .img-box{position: relative;background: #000;} body > section .full-news-box img{width: 100%;opacity:1; transition: all 0.5s;-webkit-transition: all 0.5s;-webkit-backface-visibility: hidden;max-height: 166px;} body > section .news-box:hover img{opacity:0.8;} body > section .news-box:hover span{text-decoration: none!important;} body > section .full-news-box .news-info{padding: 1em;text-align: center;} body > section .full-news-box .news-info h2{font-size: 1em;color:#000;text-align: center; height: 63px;overflow: hidden;} body > section .full-news-box .news-info time{color: #333f4c;margin: 1em 0;display: block;} body > section .full-news-box .news-info p{color:#919295;font-size: 0.9em;text-align: center;height: 68px;overflow: hidden;} body > section .full-news-box .news-info span{text-decoration: underline;font-size: 0.8em;} body > section .news-box .pointer{width: 0;height: 0;border-style: solid;border-width: 0 20px 22px 20px;border-color: transparent transparent #ffffff transparent;text-indent: -10000em; position: absolute;z-index: 1;bottom:0;left: 50%;transform: translate(-50%, 0%);-webkit-transform:translate(-50%, 0%);} /*Latest News arrows*/ body > section .full-news-box .slick-prev, .slick-next {border: 0 none;height: 37px!important;margin-top: -25px!important;position: absolute;top: 50%;width: 18px;opacity:0.7;} body > section .full-news-box .slick-prev:hover, .slick-next:hover {opacity:1;} body > section .full-news-box .slick-prev {background: transparent url(../img/arrow-left.svg) no-repeat scroll 0 0; background-size:19px 35px;left: -12px;} body > section .full-news-box .slick-next {background: transparent url(../img/arrow-right.svg) no-repeat scroll 0 0;background-size:19px 35px;right: -15px;} /*Latest News swapped div*/ body > section .slick-track .news-box:nth-child(2n+2){display: table;} body > section .slick-track .news-box:nth-child(2n+2) .img-box {display:table-footer-group;} body > section .slick-track .news-box:nth-child(2n+2) .news-info {display:table-header-group;} body > section .slick-track .news-box:nth-child(2n+2) .pointer{bottom: auto;top:0!important;border-width: 22px 20px 0 20px;border-color: #ffffff transparent transparent transparent;} body > section .slick-track .news-box:nth-child(2n+2) .cleartable{position: relative;} body > section .slick-track .news-box:nth-child(2n+2) .cleartable2{position: relative;padding: 1em;} /* Newsletter section */ .newsletter-section { width: 100%; max-width: 1920px; height: 745px; margin: 0 auto; background: url('../img/newsletter-banner.jpg') bottom center no-repeat; } .wrap-btn-newsletter { overflow: hidden; width: 100%; padding: 0; } .wrap-btn-newsletter li { position: relative; float: left; width: 50%; min-height: 289px; background-repeat: no-repeat; list-style-type: none; } .wrap-btn-newsletter li.newsletter-btn { background-color: #F9B72B; background-image: url('../img/bg-newsletter-btn.jpg');background-position: top left; color: #333f4c; } .wrap-btn-newsletter li.member-btn { margin-top: 40px; background-color: #263846; background-image: url('../img/bg-member-btn.jpg'); background-position: top right; color: #fff; } .wrap-btn-newsletter li .newsletter-txt, .wrap-btn-newsletter li .member-txt { position: absolute; top: 50%; transform: translate(0, -50%); width: 450px; } .wrap-btn-newsletter li .newsletter-txt { right: 13%; } .wrap-btn-newsletter li .member-txt { left: 10%;} .wrap-btn-newsletter li h4 { margin-bottom: .5em; font-size: 2em; } .wrap-btn-newsletter li h4:after { display: none; } .wrap-btn-newsletter li p { margin-bottom: 1.5em; } .wrap-btn-newsletter li h4 .newsletter-icon, .wrap-btn-newsletter li h4 .member-icon { display: inline-block; width: 20px; height: 20px; vertical-align: middle; background-repeat: no-repeat; background-position: bottom center; -webkit-transform: rotate(200deg); transform: rotate(200deg); } .wrap-btn-newsletter li h4 .newsletter-icon { background-image: url('../img/newsletter-icon.svg'); } .wrap-btn-newsletter li h4 .member-icon { background-image: url('../img/member-icon.svg'); } .hebdo-btn { float: none; margin: -1em 0 2em; font-weight: 700; font-size: 20px; } /* About section */ .about-section { width: 100%; max-width: 1920px; margin: 0 auto; padding: 2em 0 4em; } .about-section .about-section-bg { min-height: 430px; background: url('../img/about-banner.png') top right no-repeat; } .about-section .about-section-bg .paragraph h2 {width: 75%; margin-top: -4em; margin-bottom: 1.25em; padding: .75em 1em; font-size: 2em; background: #fff; border: 3px solid #f4b528; text-transform: inherit; } .about-section .about-section-bg .paragraph img { display: none; } /*connect*/ body > section .connect a {display: block;position: relative;width: 100%;text-decoration: none;padding: 1em;color:#fff;transition: all 0.2s ease-out 0s; -webkit-transition: all 0.2s ease-out 0s;} body > section .connect a:nth-of-type(1){background-color: #455660;} body > section .connect a:nth-of-type(2){background-color: #d0103e;} body > section .connect a:nth-of-type(1):hover{background-color: #536673;} body > section .connect a:nth-of-type(2):hover{background-color: #d0303c;} body > section .connect a span.icon {height:61px;background:url(../img/icons.svg) no-repeat scroll center 200px transparent;display: inline-block;text-indent: -10000em;vertical-align: middle; width: 58px;margin-right: 8px;} body > section .connect a span.user {background-position: -6px -5px;background-size:70px auto;} body > section .connect a span.news {background-position: -6px -73px;background-size:70px auto;} body > section .connect a span.info-box { display: inline-block; margin-bottom: 0; vertical-align: middle; width: 74%;} body > section .connect a span.info-title{font-size: 1.1em;text-transform: uppercase;line-height: 100%;} body > section .connect a span.info-text{display: none;} /*featured event*/ body > section .featured-event{padding: 21px;} body > section .featured-event h2, body > section .featured-event date{color:#d0103e;} body > section .featured-event div{margin-top: 1em; } body > section .featured-event a{background-color:#d0103e; } body > section .featured-event a:hover{background-color:#919296; } /*image event*/ body > section .image-event img{width: 100%;margin: 0;} /*event list*/ body > section .event-list ul { padding: 0; } body > section .event-list-box { background: url('../img/bg-events.png') top right no-repeat; } body > section .event-list-box h2 { text-transform: inherit; } body > section .event-list-box .col-4 { padding: 0 10px; } body > section .event-list-box .container { margin-bottom: 3em; padding: 2em 0 0 0; } body > section .event-list-box .container h1 { margin-bottom: .5em; } body > section .event-list { padding: 2em 1.5em; height: 580px; background: #eef0f1 url('../img/bg-event-culumn.png') 0 -290px no-repeat; } body > section .event-list.featured { margin-bottom: 1.5em; height: auto; background-color: #febe30; background-position: top right; } body > section .event-list h2 { font-size: 1.25em; text-transform: uppercase; } body > section .event-list h2:after { display: none; } body > section .event-list ul li { line-height: inherit; list-style: none; margin:0; padding: 1.5em 0; border-bottom: 1px solid #b5bcc1; } body > section .event-list.featured ul li { border: none; padding-bottom: 0; } body > section .event-list ul li h2 { float: left; margin-bottom: 1em; text-transform: inherit; width: 100%; } body > section .event-list ul li div.date-box {overflow: hidden; position: relative; } body > section .event-list ul li div.date-box date { float: left; margin-bottom: .5em; text-transform: uppercase; color:#d0103e; } body > section .event-list .wrap-all-event-btn { padding: 1.5em 0; text-align: center; } .event-list-box .program-btn { display: block; width: 100%; height: 881px; background-repeat: no-repeat; background-position: top center; text-decoration: none; } .event-list-box .program-btn p { color: #fff; text-transform: uppercase; font-size: 1.5em; font-weight: 600; line-height: inherit; } .event-list-box .program-btn p span { color: #febe30; } .event-list-box .program-btn .wrap-txt .hidden-txt p { font-size: 1em; text-transform: inherit; font-weight: inherit; } .event-list-box .program-btn .wrap-txt .hidden-txt .program-sub-btn { float: left; margin-top: 1em; padding: 8px 20px; border-radius: 20px; background: #d0103e; color: #fff; text-decoration: none; text-align: center; } .event-list-box .program-btn .wrap-txt { width: 100%; height: 100%; padding: 1.5em; } .event-list-box .program-btn .wrap-txt:hover { background-color: rgba(51, 63, 76, 0.7); } .event-list-box .wrap-small-btn { padding: 0; } .event-list-box .wrap-small-btn li { position: relative; margin-bottom: 20px; list-style-type: none; line-height: inherit; } .event-list-box .wrap-small-btn li:last-child { margin-bottom: 0; } .event-list-box .wrap-small-btn li a { display: block; text-decoration: none; } .event-list-box .wrap-small-btn li .about-btn, .event-list-box .wrap-small-btn li .info-btn, .event-list-box .wrap-small-btn li .news-btn, .event-list-box .wrap-small-btn li .students-btn { width: 100%; height: 205px; background-repeat: no-repeat; background-position: top center; } .event-list-box .wrap-small-btn li .about-btn { background-image: url('../img/btn-members.jpg'); } .event-list-box .wrap-small-btn li .info-btn { background-image: url('../img/btn-about.jpg'); } .event-list-box .wrap-small-btn li .news-btn { background-image: url('../img/btn-news.jpg'); } .event-list-box .wrap-small-btn li .students-btn { background-image: url('../img/btn-releve.jpg'); } .event-list-box .wrap-small-btn .wrap-txt .hidden-txt p { margin: 0; color: #fff; } .event-list-box .wrap-small-btn li .title { margin: 0; color: #fff; font-size: 1.5em; font-weight: 600; line-height: inherit; text-transform: uppercase; } .event-list-box .wrap-small-btn li span { color: #febe30; } .event-list-box .wrap-small-btn li .btn { margin-top: 1em; color: #fff; } .event-list-box .program-btn p span { opacity: 1; transition: opacity .25s ease-in-out; -webkit-transition: opacity .25s ease-in-out; -moz-transition: opacity .25s ease-in-out; -o-transition: opacity .25s ease-in-out; transition: opacity .25s ease-out; } .event-list-box .program-btn:hover p span { opacity: 0; transition: opacity .25s ease-in-out; -webkit-transition: opacity .25s ease-in-out; -moz-transition: opacity .25s ease-in-out; -o-transition: opacity .25s ease-in-out; transition: opacity .25s ease-out; } .event-list-box .program-btn .wrap-txt { transition: background-color .25s ease-in-out; -webkit-transition: background-color .25s ease-in-out; -moz-transition: background-color .25s ease-in-out; -o-transition: background-color .25s ease-in-out; transition: background-color .25s ease-out; } .event-list-box .program-btn .wrap-txt:hover { transition: background-color .25s ease-in-out; -webkit-transition: background-color .25s ease-in-out; -moz-transition: background-color .25s ease-in-out; -o-transition: background-color .25s ease-in-out; transition: background-color .25s ease-out; } .event-list-box .program-btn .wrap-txt .hidden-txt { opacity: 0; transition: opacity .25s ease-in-out; -webkit-transition: opacity .25s ease-in-out; -moz-transition: opacity .25s ease-in-out; -o-transition: opacity .25s ease-in-out; transition: opacity .25s ease-out; } .event-list-box .program-btn .wrap-txt:hover .hidden-txt { opacity: 1; transition: opacity .25s ease-in-out; -webkit-transition: opacity .25s ease-in-out; -moz-transition: opacity .25s ease-in-out; -o-transition: opacity .25s ease-in-out; transition: opacity .25s ease-out; } .event-list-box .wrap-small-btn li .title { opacity: 1; transition: all .25s ease-in-out; -webkit-transition: allall .25s ease-in-out; -moz-transition: all .25s ease-in-out; -o-transition: all .25s ease-in-out; transition: all .25s ease-out; } .event-list-box .wrap-small-btn li a:hover .title { opacity: 0; font-size: 0; transition: all .25s ease-in-out; -webkit-transition: all .25s ease-in-out; -moz-transition: all .25s ease-in-out; -o-transition: all .25s ease-in-out; transition: all .25s ease-out; } .event-list-box .wrap-small-btn .wrap-txt .hidden-txt { position: absolute; top: 0; left: 0; padding: 1.5em; opacity: 0; transition: all .25s ease-in-out; -webkit-transition: all .25s ease-in-out; -moz-transition: all .25s ease-in-out; -o-transition: all .25s ease-in-out; transition: all .25s ease-out; } .event-list-box .wrap-small-btn li .wrap-txt:hover .hidden-txt { opacity: 1; transition: all .25s ease-in-out; -webkit-transition: all .25s ease-in-out; -moz-transition: all .25s ease-in-out; -o-transition: all .25s ease-in-out; transition: all .25s ease-out; } .event-list-box .wrap-small-btn li .wrap-txt { width: 100%; height: 100%; padding: 1.5em; transition: background-color .25s ease-in-out; -webkit-transition: background-color .25s ease-in-out; -moz-transition: background-color .25s ease-in-out; -o-transition: background-color .25s ease-in-out; transition: background-color .25s ease-out; } .event-list-box .wrap-small-btn li .wrap-txt:hover { background-color: rgba(51, 63, 76, 0.7); transition: background-color .25s ease-in-out; -webkit-transition: background-color .25s ease-in-out; -moz-transition: background-color .25s ease-in-out; -o-transition: background-color .25s ease-in-out; transition: background-color .25s ease-out; } .mobile-slider-dots { display: none; } /*featured video*/ body > section .featured-video{padding: 1em;} body > section .featured-video a{text-decoration: none;} body > section .featured-video div{position: relative;} body > section .featured-video .img-box{position: relative;background:url(../img/video.jpg) no-repeat scroll center 0 transparent;background-size:cover;width: 100%;height: 395px;} body > section .featured-video .img-box:after{content:'\A';position:absolute;width:100%; height:100%;top:0; left:0;background:rgba(0,0,0,0.5); opacity:0; transition: all 0.5s;-webkit-transition: all 0.5s;-webkit-backface-visibility: hidden;} body > section .featured-video .img-box:hover:after { opacity:1;} body > section .featured-video .video-tittle{background-color: #455660;color:#fff; text-align: center;min-height: 66px;display: block;position: relative;} body > section .featured-video .playbt{width: 80px;height: 84px;position: absolute;left: 50%;text-indent: -10000em;transform: translate(-50%, -50%);-webkit-transform: translate(-50%, -50%);z-index: 1; background:url(../img/icons.svg) no-repeat scroll -10px -620px transparent;background-size:100px auto;position: absolute;top: 50%; opacity:0.9;} body > section .featured-video:hover .playbt{background:url(../img/icons.svg) no-repeat scroll -10px -715px transparent;background-size:100px auto;} body > section .featured-video .video-tittle span{position: absolute;top: 50%;left: 50%;margin-right: -50%;transform: translate(-50%, -50%); -webkit-transform: translate(-50%, -50%);padding: 1em;} /*List*/ body > section .paragraph ul, body > section .paragraph ol {list-style: none; padding-left: 20px;margin-top:1em;line-height: 30px;color:#455660;} body > section .paragraph ul li { margin-bottom: 5px; list-style-type: disc; } body > section .paragraph ol li { margin-bottom: 5px; list-style-type: disc; } body > section .paragraph ol{counter-reset: item} body > section .paragraph ol li::before {color: #919295;content: counter(item) " - "; counter-increment: item;display: inline-block;font-size: 1em;margin-right: 4px;min-width: 26px;text-align: left; text-indent: 0;font-weight: 600;} /*list links*/ body > section .list-links a h2{font-size:1.05em;margin: 0;;color:#333f4c;text-transform: none; padding-right: 30px;} body > section .list-links a{display: block;margin:0;text-decoration: none;position: relative;padding: 15px 20px 15px 15px;background: #ECEAEB;} body > section .list-links a:nth-of-type(2n) { background-color: #fff;} body > section .list-links a:hover{background-color:#455660; color:#fff;} body > section .list-links a:hover h2{color: #fff;} body > section .list-links a span{background:url(../img/doc-types.svg) no-repeat scroll center 200px transparent;display: inline-block;height: 30px;margin: 0; right: 10px; text-indent: -10000em; width: 30px;position: absolute;top: 11px;} body > section .list-links a span.type-pdf{background-position:-274px -10px;} body > section .list-links a span.type-word{background-position:-12px -10px;} body > section .list-links a span.type-excel{background-position:-45px -10px;} body > section .list-links a span.type-file{background-position:-503px -10px;} body > section .list-links a span.link-icon{background-position:-605px -10px;} body > section .list-links a:hover span.link-icon{background-position:-645px -9px;} /*dynamic text*/ body > section .dynamictext {clear:both;margin-bottom: 1em;} body > section .dynamictext .title {cursor: pointer; background:url(../img/down-dark.svg) no-repeat 95% 20px #ECEAEB;} body > section .dynamictext.open .title {cursor: pointer; background:url(../img/up-dark.svg) no-repeat 95% 22px #ECEAEB;cursor: default;} body > section .dynamictext .title img {float:left;width:150px;margin:10px 20px 10px 10px;} body > section .dynamictext.open .title img {display: none;} body > section .dynamictext .box{ background: #ECEAEB none repeat scroll 0 0;padding: 1.3em;} body > section .dynamictext .box h2{color:#333f4c!important;padding: 0!important;margin-bottom: 0.3em!important;} body > section .dynamictext .title h2 {color:#333f4c;margin: 0 10px 0 0;padding: 15px 20px 15px 15px;display:block;font-size:1.05em;text-transform: none;} body > section .dynamictext .title:hover h2{color:#fff;} body > section .dynamictext .title:hover {background:url(../img/down-white.svg) no-repeat 95% 20px #455660;} body > section .dynamictext.open h2 {color:#333f4c;padding: 15px 20px 0 15px;margin:0 auto;position: relative;width: 100%; font-size: 1.6em;text-transform: uppercase;} body > section .dynamictext.open h2:hover{color:#333f4c;} body > section .dynamictext.open .title:hover{background:url(../img/up-dark.svg) no-repeat 95% 22px #ECEAEB; } body > section .dynamictext .content {display: none;} body > section .dynamictext.open .content {display: block;overflow: hidden;} body > section .dynamictext.open .content img.left{margin: 0 34px 10px 0;} body > section .dynamictext .title::after{content:"";clear:both;display:block;} /*form*/ body section form{margin: 0 auto;max-width: 100%;padding: 0;} body section form > fieldset{margin-bottom:30px} body section form input[type=text], body section form input[type=email], body section form input[type=date], body section form input[type=password], body section form input[type=fax], body section form input[type=tel], body section form input[type=url], body section form textarea, body section form select {border-bottom: 1px solid #5dcbf0; height: 35px; width: 100%;min-width: 160px;margin: 20px 0 5px;padding: 0;vertical-align: top;font: inherit;resize: none; -webkit-appearance: none; border-radius: 0;} body section form input[type=number]{-moz-appearance: textfield;} body section form textarea { border: 1px solid #5dcbf0; padding: 10px; } body section form input[type=checkbox],body > section form input[type=radio] {margin:4px 15px 0 0;vertical-align: top;} body section input:focus, textarea:focus,select:focus { color: #333f4c; } body section form label span { font-weight: 600; text-transform: uppercase; } body section form .wrap-submit-btn { overflow: hidden; } body section form .wrap-submit-btn input[type=submit] { float: right; margin: 0; font-family: 'Work Sans', sans-serif; } body section form .wrap-inputs { overflow: hidden; margin: 0 0 .5em; } .select-wrapper.username-input { margin-top: 0; } .select-wrapper { position: relative;} .select-wrapper:after { content: ''; position: absolute; top: 26px; right: 10px; display: block; width: 18px; height: 18px; background: url('../img/down-arrow.svg') center center no-repeat; } body section form input::-webkit-input-placeholder { color: #a9a59d; } body section form input::-moz-placeholder { color: #a9a59d; } body section form input:-ms-input-placeholder { color: #a9a59d; } body section form input:-moz-placeholder { color: #a9a59d; } body section form label {text-transform: none;} body section form textarea { height: 120px; resize: none; width: 100%; -webkit-appearance: none;border-radius: 0;} body section form select option { padding:5px 10px;background:#fff;color:#333f4c;font-size: 0.95em;} body section form input[type=submit] {display: inline-block;-webkit-appearance: none; cursor:pointer;} body section form .block{margin-top:1em;clear: both;width: 100%;float: none;} body section form .block div{ display: block; margin: 10px 0 0 0;} body section form select{appearance:none;-moz-appearance:none;-webkit-appearance:none;} body section form input[type="date"] {background:url(../img/calendar.svg) no-repeat 96% 12px transparent;background-size:26px 24px;} body section form input[type="date"]:hover{cursor: pointer;} body section form.full-width input[type=text], body section form.full-width input[type=password], body section form.full-width input[type=email], body section form.full-width input[type=tel], body section form.full-width select,body > section form.full-width input[type=date] {width: 100%;} body section .form-btns{clear: both;text-align: center; margin-bottom: 3em;} body section form.login a{display: inline-block;text-align: right;padding:15px 0;font-size: 0.875em;} body section form.login a:nth-of-type(1){float: left;} body section form.login a:nth-of-type(2){float: right;} /*styled form elements*/ body > section form label {line-height:24px;} body > section .signup-steps label{margin-right: 0;} body > section form input[type=checkbox].styled, body > section form input[type=radio].styled {display:none;} body > section form input[type=checkbox].styled + span, body > section form input[type=radio].styled + span{margin:1px 10px 0 0;cursor:pointer;display: inline-block;vertical-align: top;height:16px;width:16px;line-height: 16px;} body > section form input[type=checkbox].styled + span::before, body > section form input[type=radio].styled + span::before {content: '';background: transparent;border: 3px solid #fff;display: inline-block;vertical-align: top;height:30px; width:30px;-webkit-transform: translate(0, 4px);transform: translate(0, 4px);} body > section form input[type=radio].styled + span::before {border-radius: 8px;} body > section form input[type=checkbox].styled + span::after, body > section form input[type=radio].styled + span::after {content: '';display: inline-block;visibility:hidden;border-left: 3px solid #d0103e;border-bottom: 3px solid #d0103e; vertical-align: top;height:10px;width:30px;transform: rotate(-58deg) translate(21px, -10px);-webkit-transform: rotate(-58deg) translate(21px, -10px);} body > section form input[type=checkbox].styled:checked + span::after, body > section form input[type=radio].styled:checked + span::after {visibility:visible;} body > section form input[type=checkbox].styled:checked + span::before, body > section form input[type=radio].styled:checked + span::before {background: transparent;border: 3px solid #fff;} /*Project Gallery*/ body > section .project-gallery .col-12{margin-bottom: 1em; } body > section .project-gallery .project-box{margin-bottom: 1.3em;} body > section .project-gallery .project-img{position: relative;} body > section .project-gallery .project-img:after{content:'\A';position:absolute;width:100%; height:100%;top:0; left:0;background:rgba(0,0,0,0.7); opacity:0.7; transition: all 0.7s;-webkit-transition: all 0.7s;-webkit-backface-visibility: hidden;} body > section .project-gallery a:hover .project-img:after { opacity:1;} body > section .project-gallery a:hover .project-btn { background: transparent url("../img/icon-plus.svg") no-repeat scroll 0 -50px;background-size:44px auto;} body > section .project-gallery a .project-btn {background: transparent url("../img/icon-plus.svg") no-repeat scroll 0 2px;opacity: 1; display: block;height: 50px;left: 50%;position: absolute;text-indent: -10000em;top: 66%;transform: translate(-50%, -50%); width: 50px;-webkit-transform: translate(-50%, -50%);background-size:44px auto;z-index: 2;} body > section .project-gallery .project-box h2{font-size: 1.3em;text-align: center;position: absolute;top: 1em;color: #fff;z-index: 2;font-weight: 400;width: 100%;padding:0.5em 0.4em;} body > section .project-gallery .project-box a{text-decoration: none;} body > section .project-gallery .project-box .project-text{padding: 16px 20px;background: #F6F6F6;position: relative;} body > section .project-gallery .project-box p{margin-bottom:0; position: relative;height: 77px; color:#333f4c;transition: all 0.2s;-webkit-transition: all 0.2s;overflow:hidden; -webkit-backface-visibility: hidden;} body > section .project-gallery .project-box a:hover .project-text {background-color: #d0103e;} body > section .project-gallery .project-box a:hover .project-text p {color:#fff; } body > section .project-gallery .project-box span.pointer{border-style: solid;border-width: 0 17.5px 21px 17.5px;border-color: transparent transparent #F6F6F6 transparent;width: 35px;height: 21px; display: block;text-indent: -10000em;position: absolute; left: 50%;top: -11%;transform: translate(-50%, -50%);-webkit-transform: translate(-50%, -50%);transition: all 0.2s;-webkit-transition: all 0.2s;-webkit-backface-visibility: hidden;} body > section .project-gallery a:hover span.pointer{border-color: transparent transparent #d0103e transparent;} /*working groups-image gallery box*/ body.working-group > section .project-gallery a .project-btn {background: transparent url("../img/icon-plus.svg") no-repeat scroll 0 3px;height: 66px; top: 70%;width: 60px;background-size:60px auto;} body.working-group > section .project-gallery a:hover .project-btn { background: transparent url("../img/icon-plus.svg") no-repeat scroll 0 -67px;background-size:60px auto;} body.working_group > section .project-gallery .project-box h2{font-size: 1.6em;} /*Calendar table*/ body > section .cal-section .lead{margin-bottom: 0;} body > section .cal-box{margin: 1em 0;float: left;width: 100%;} body > section .cal-title {text-align: center;margin:0.5em 0;background-color: white;color: #102e41;width: 100%;clear: both;} body > section table.event-cal {border-collapse: collapse;width: 100%;} body > section table.event-cal th {padding: 0 0.5em 0.3em;text-align: center;color:#333f4c;font-size: 0.95em; } body > section table.event-cal td { font-size: medium;padding: 0.25em 0.25em; width: 14%; height: 36px;text-align: left;vertical-align: middle;text-align: center; border: 1px solid #b6b7b9; color: #9b9c9f;} body > section table.event-cal td.curr-date{background: #EBE9EA;color:#333f4c;} body > section table.event-cal td.cal-event {background: #5dcbf0;color:#fff;} body > section table.event-cal td.company-event{background: #d0103e;color:#fff;} body > section table.event-cal td.cal-event a, body > section table.event-cal td.company-event a{color:inherit;text-decoration: inherit;} /*Month Selector*/ body > section .month-selector{position: relative;background: #333f4c;padding: 6px;float: left;width: 100%;margin-top: 1em;height: 50px;} body > section .month-selector a{position:absolute;top:6px; display: inline-block;width: 20px;height: 38px;background:url(../img/white-arrows.svg) no-repeat scroll center 200px transparent;vertical-align: middle;text-indent: -10000em;background-size:20px 88px;} body > section .month-selector a:hover{opacity:0.5;} body > section .month-selector .prev-mth{background-position: 0 0;left: 6px} body > section .month-selector .next-mth{background-position: 0 -51px; right: 6px;} body > section .month-selector span{display:inline-block;vertical-align: middle;text-align: center;color:#fff;text-transform: uppercase;font-size: 0.875em;width: 100%;margin-top: 10px;} /*News page */ .news .container .col-12 { padding: 0; } .news-filters { overflow: hidden; margin-bottom: 3em;} .news-filters span { margin-bottom: .5em; text-transform: uppercase; font-weight: 600; } .news-filters form select { position: relative; margin: 0; background: none; cursor: pointer; } .news-filters form .select-wrapper { position: relative; } .news-filters form .select-wrapper:after { content: ''; position: absolute; top: 50%; right: 0; -webkit-transform: translateY(-50%); transform: translateY(-50%); display: block; width: 20px; height: 20px; background: url('../img/down-arrow.svg') center center no-repeat; } .news-filters .btn { position: relative; z-index: 1; border: none; cursor: pointer; font-family: 'Work Sans', sans-serif; font-size: 1em; outline: inherit; font-weight: 400; color: #fff; } body > section .event-list2 { margin-top: 0;} body > section .event-list2 li { margin-bottom: 2%; height: 100%; float: left; list-style: none; line-height: inherit; } body > section .event-list2 .event-box { position: relative; float: left; height: 535px; background: #fff; border-radius: 20px; box-shadow: 0 0 8px #ccc; } body > section .event-list2 .event-box img {width: 100%; height: auto; border-bottom: 1px solid #d9d9d9; border-radius: 20px 20px 0 0;} body > section .event-list2 .event-info { padding: 15px;} body > section .event-list2 li h2{ margin-bottom: .5em; padding:0; font-size:1.4em; } body > section .event-list2 li h2:after { display: none; } body > section .event-list2 li date { display: block; margin-bottom: .5em; color: #d0103e; text-transform: uppercase; } /* News detail page */ .event-box{height:265px; width:100%;} .wrap-news-main { padding-top: 2.5em; } .news-social-share { position: absolute; left: 0; } .news-social-share span { display: block; } .news-social-share span .stButton { line-height: inherit; margin: 0; } .wrap-news-detail { background: #fff; border-radius: 20px; box-shadow: 0 0 8px #ccc; margin-bottom: 2em; } .wrap-news-detail .news-details-info { overflow: hidden; border-bottom: 1px solid #d9d9d9; } .wrap-news-detail .news-details-info .news-details-img, .wrap-news-detail .news-details-info .news-details-title { float: left; width: 50%; } .wrap-news-detail .news-details-info .news-details-title { padding: 20px; } .wrap-news-detail .news-details-info .news-details-title h1 { font-size: 1.4em; } .wrap-news-detail .news-details-info .news-details-title date { display: block; margin-bottom: .5em; color: #d0103e; text-transform: uppercase; } .wrap-news-detail .news-details-info .news-details-img img { max-width: 100%; height: auto; margin: 0; border-radius: 20px 0 0 0; } .wrap-news-detail .news-details-txt { padding: 20px; } .news-detail-btn.btn { position: relative; z-index: 1; float: right; margin-bottom: 2em; border: none; cursor: pointer; font-family: 'Work Sans', sans-serif; outline: inherit; font-size: 1em; font-weight: 400; color: #fff; } .new-details-latest h2 { margin-bottom: 1em; } .new-details-latest .event-list-detail li { overflow: hidden; width: 100%; height: 535px; list-style-type: none; margin-bottom: 1em; background: #fff; border-radius: 20px; box-shadow: 0 0 8px #ccc; } .new-details-latest .event-list-detail li .event-box img { width: 100%; height: auto; border-bottom: 1px solid #d9d9d9; border-radius: 20px 20px 0 0;} .new-details-latest .event-list-detail li .event-info { padding: 15px;} .new-details-latest .event-list-detail li h2 { margin-bottom: .5em; padding:0; font-size:1.4em; } .new-details-latest .event-list-detail li h2:after { display: none; } .new-details-latest .event-list-detail li date { display: block; margin-bottom: .5em; color: #d0103e; text-transform: uppercase; } /* Newsletter */ .newsletter-list li { position: relative; float: left; width: 49%; height: 265px; line-height: inherit; margin-right: 2%; margin-bottom: 2%; /*padding: 20px;*/ list-style-type: none; background: #fff; border-radius: 20px; box-shadow: 0 0 8px #ccc; } /*.newsletter-list li:first-child { width: 100%; height: 230px; margin: 0 0 5em; } .newsletter-list li:nth-child(2n-1) { margin-right: 0; }*/ .newsletter-list li:nth-child(2n) { margin-right: 0; } .newsletter-list li h2 { margin-bottom: 1em; padding: 0; font-size:1.4em; } .newsletter-list li h2:after { display: none; } .newsletter-list li date { display: block; margin-bottom: .5em; color: #d0103e; text-transform: uppercase; } .newsletter-list li .btn { float: none; } .newsletter-list .event-box .event-img { float:left; margin-right:0; width:40%; height:265px;} .newsletter-list .event-box .event-img img { width: 100%; height: 100%; border-radius: 20px 0 0 20px; } .newsletter-list .event-box .event-info { padding: 20px; } .newsletter-list .event-box .contains-img { width: 60%; padding: 20px; float:left;} .newsletter-filters { overflow: hidden; margin-bottom: 3.5em; } .newsletter-filters span { margin-bottom: .5em; text-transform: uppercase; font-weight: 600; } .newsletter-filters form select { position: relative; margin: 0; background: none; cursor: pointer; } .newsletter-filters form .select-wrapper{ position: relative; } .newsletter-filters form .select-wrapper:after { content: ''; position: absolute; top: 50%; right: 0; -webkit-transform: translateY(-50%); transform: translateY(-50%); display: block; width: 20px; height: 20px; background: url('../img/down-arrow.svg') center center no-repeat; } /* Gallery photo et video */ .dynamic-gallery-title { margin-bottom: 1.5em; } .dynamic-gallery-title:after { display: none; } .image-wrapper, .video-wrapper { overflow: hidden; width: 100%; margin-bottom: 3em; } .image-wrapper .image-box, .video-wrapper .video-box { float: left; width: calc(96%/3); margin-right: 2%; margin-bottom: 2%; } .image-wrapper .image-box:nth-of-type(3n), .video-wrapper .video-box:nth-of-type(3n) { margin-right: 0; } .image-wrapper .image-box .image-img { position: relative; background: #f1f2f2; text-align: center; } .image-wrapper .image-box .image-img img { max-width: 100%; height: auto; } .image-wrapper .image-box .image-img .wrap-img-btn { width: 100%; height: 100%; position: absolute; top: 50%; left: 50%; -webkit-transform:translate(-50%, -50%); transform:translate(-50%, -50%); } .image-wrapper .image-box .image-img .wrap-img-btn:hover { background-color: rgba(51, 63, 76, 0.7); } .image-wrapper .image-box .image-img .wrap-img-btn .img-btn { opacity: 0; position: absolute; top: 50%; left: 50%; -webkit-transform:translate(-50%, -50%); transform:translate(-50%, -50%); color: #febe30; font-size: 3em; font-weight: 600; transition: opacity .25s ease-in-out; -webkit-transition: opacity .25s ease-in-out; -moz-transition: opacity .25s ease-in-out; -o-transition: opacity .25s ease-in-out; transition: opacity .25s ease-out; } .image-wrapper .image-box .image-img .wrap-img-btn:hover .img-btn { opacity: 1; transition: opacity .25s ease-in-out; -webkit-transition: opacity .25s ease-in-out; -moz-transition: opacity .25s ease-in-out; -o-transition: opacity .25s ease-in-out; transition: opacity .25s ease-out; } .video-wrapper .video-box .video-img { position: relative; } .video-wrapper .video-box .video-img .video-txt { width: 100%; height: 100%; position: absolute; top: 50%; left: 50%; -webkit-transform:translate(-50%, -50%); transform:translate(-50%, -50%); color: #fff; text-decoration : none; font-size: 1.4em; font-weight: 600; text-transform: uppercase; } .video-wrapper .video-box .video-img .video-txt:hover { background-color: rgba(51, 63, 76, 0.7); } .video-wrapper .video-box .video-img .video-txt p { opacity: 0; width: 100%; padding: 0 20px; position: absolute; top: 50%; left: 50%; -webkit-transform:translate(-50%, -50%); transform:translate(-50%, -50%); text-align: center; transition: opacity .25s ease-in-out; -webkit-transition: opacity .25s ease-in-out; -moz-transition: opacity .25s ease-in-out; -o-transition: opacity .25s ease-in-out; transition: opacity .25s ease-out; } .video-wrapper .video-box .video-img .video-txt:hover p { opacity: 1; transition: opacity .25s ease-in-out; -webkit-transition: opacity .25s ease-in-out; -moz-transition: opacity .25s ease-in-out; -o-transition: opacity .25s ease-in-out; transition: opacity .25s ease-out; } .video-wrapper .video-box .video-img .video-txt p:after { content:"+"; display: inline-block; margin-left: 5px; color: #febe30; } .gallery-filters { overflow: hidden; margin-bottom: 3.5em; } .gallery-filters span { margin-bottom: .5em; text-transform: uppercase; font-weight: 600; } .gallery-filters form select { position: relative; margin: 0; background: none; cursor: pointer; } .gallery-filters form .select-wrapper { position: relative; } .gallery-filters form .select-wrapper:after { content: ''; position: absolute; top: 50%; right: 0; -webkit-transform: translateY(-50%); transform: translateY(-50%); display: block; width: 20px; height: 20px; background: url('../img/down-arrow.svg') center center no-repeat; } .gallery-filters .btn { position: relative; z-index: 1; border: none; cursor: pointer; font-family: 'Work Sans', sans-serif; font-size: 1em; outline: inherit; font-weight: 400; color: #fff; } /* Documents page */ .wrap-document-list { overflow: hidden; position: relative; width: 100%; margin-bottom: 1em; padding: .5em 0; } .wrap-document-list .document-list { overflow: hidden; float: left; width: 49%; height: 260px; margin-right: 2%; margin-bottom: 2%; background: #fff; border-radius: 20px; box-shadow: 0 0 8px #ccc; } .wrap-document-list .document-list:nth-of-type(2n) { margin-right: 0; } .wrap-document-list .document-list .document-img, .wrap-document-list .document-list .document-details { float: left; } .wrap-document-list .document-list .document-img { width: 40%; } .wrap-document-list .document-list img { width: 100%; height: auto; border-radius: 20px 0 0 20px; } .wrap-document-list .document-list .document-details { width: 60%; padding: 20px; } .wrap-document-list .document-list .document-details h2 { font-size: 1.4em; } .wrap-document-list .document-list .document-details h2:after { display: none; } .wrap-document-list .document-list .document-details date { display: block; margin-bottom: .5em; color: #d0103e; text-transform: uppercase; } /* Pagination */ .pagination { float: right; margin-bottom: 2em; padding: 0; } .pagination li { display: inline-block; margin-right: 2px; } .pagination li:last-child { margin-right: 0; } .pagination li a { display: block; padding: 6px 14px; color: #333f4c; text-decoration: none; font-weight: 600; } .pagination li a.active, .pagination li a:hover { border-radius: 20px; background: #5dcbf0; color: #fff; } /* Program */ .initiative-intro { padding: 2.5em 0 2em; } .initiative-intro span { display: block; margin-bottom: .5em; color: #d0103e; text-transform: uppercase;} .initiative-intro p { padding-top: .5em; font-weight: 600; } .full-section-projects { width: 100%; padding: 5em 0 3em; } .full-section-projects h2 { margin-bottom: 1.5em; } .full-section-projects .project-details h3:after { display: none; } .full-section-projects .project-details p { min-height: 120px; margin-bottom: 2em; } .full-section-projects .project-details .btn { margin-bottom: 2em; background: #ffbe30; } .full-section-projects .project-details img { clear: both; display: block; } .full-section-efficiency { width: 100%; padding: 3em 0; } .full-section-efficiency h2 { margin-bottom: 1.5em; } .full-section-efficiency h2:after { background-image: url(../img/member-icon.svg); } .full-section-efficiency .efficiency-details h3:after { display: none; } .full-section-efficiency .efficiency-details p { min-height: 72px; margin-bottom: 2em; } .full-section-efficiency .efficiency-details .btn { margin-bottom: 2em; background: #5dcbf0; } .full-section-efficiency .efficiency-details img { clear: both; display: block; } .full-section-mobilisation { position: relative; width: 100%; padding: 4em 0; } .full-section-mobilisation:before { content:''; position: absolute; bottom: -10px; left: 0; background: #f6861f; width: 58%; height: 15px; } .full-section-mobilisation:after { content:''; position: absolute; bottom: 0; right: 0; background: #263946; width: 42%; height: 30px; } .full-section-mobilisation h2 { margin-bottom: 1em; } .full-section-mobilisation h2:after { background-image: url(../img/orange-arrow.svg); } .full-section-mobilisation h3:after { display: none; } .full-section-mobilisation p, .full-section-mobilisation h3 { margin-bottom: 1.5em; } .full-section-mobilisation .wrap-mobilisation-details { overflow: hidden; } .full-section-mobilisation .wrap-mobilisation-details img, .full-section-mobilisation .wrap-mobilisation-details .btn { float: none; display: inline-block; } .full-section-mobilisation .wrap-mobilisation-details img { margin-right: 3em; } .full-section-mobilisation .wrap-mobilisation-details .btn { background: #f6861f; } .full-section-innovation { position: relative; width: 100%; padding: 7em 0 5em; } .full-section-innovation h2:after { background-image: url(../img/green-arrow.svg); } .full-section-innovation h3 { text-transform: uppercase; color: #8cc646; } .full-section-innovation h3:after { display: none; } .full-section-innovation a { font-weight: 600; } .full-section-innovation img { margin-top: 1.5em; } /* Mach pages*/ .mach-first-paragraph { width: 100%; padding: 5em 0 6em; min-height: 598px; background: #f4b528 url('../img/mach-header-txt.jpg') top left no-repeat;} .mach-first-paragraph h2:after { display: none; } .mach-first-paragraph img { max-width: 275px; height: auto; } .mach-second-paragraph { position: relative; width: 100%; padding: 4em 0; background: url('../img/top-bg-processus.png') 0 20px no-repeat, url('../img/bottom-bg-processus.png') bottom right no-repeat;} .mach-second-paragraph:before { content:''; position: absolute; bottom: -10px; left: 0; background: #f6861f; width: 58%; height: 15px; } .mach-second-paragraph:after { content:''; position: absolute; bottom: 0; right: 0; background: #263946; width: 42%; height: 30px; } .mach-second-paragraph .col-6:first-child { padding-right: 6em; } .mach-second-paragraph img { margin-top: 1em; } .mach-team { overflow: hidden; padding-top: 1em; } .mach-team img { float: left; } .mach-team .wrap-mach-details { position: relative; padding-left: 200px; height: 217px; } .mach-team .wrap-mach-details .mach-details { position: absolute; bottom: 0; } .mach-team .wrap-mach-details .mach-details p { margin: 0; } .mach-team .wrap-mach-details .mach-details a { text-decoration: none; } .cohortes-list { position: relative; width: 100%; padding: 2.5em 0; } .cohortes-list .title-cohortes { margin-bottom: 3em; } .cohortes-list h3:after { display: none; } .cohorte-company { margin-bottom: 5em; list-style-type: none; } .col-4.cohorte-company { padding: 0; } .cohorte-company-wrapper { overflow: hidden; margin-bottom: 1em; } .cohorte-company .cohorte-left, .cohorte-company .cohorte-right { float: left; width: 49%; } .cohorte-company .cohorte-right { padding-top: 2.5em; } .cohorte-company .cohorte-left { margin-right: 2%; } .cohorte-company .cohorte-left .display-logo { position: relative; width: 185px; height: 185px; margin-bottom: .5em; padding: 10px; background: #f7f8f8; text-align: center; } .cohorte-company .cohorte-left .display-logo img { position: absolute; top: 50%; left: 50%; transform: translate(-50%,-50%); -webkit-transform: translate(-50%,-50%);} .cohorte-company .display-name { width: 100%; padding: 0 1em; font-weight: 600; text-transform: uppercase; } .cohorte-company .cohorte-right .display-mach-logo { margin-bottom: 1.25em; } .cohorte-company .cohorte-right .display-url .btn { background: #333f4c; } .collapse-btn { display: inline-block; width: 100%; padding: .5em; background: #fff; color: #333f4c; border-bottom: 1px solid #d4dee9; text-transform: uppercase; font-size: 1.4em; text-decoration: none; } .collapse-btn:before { content: '+'; display: inline-block; margin-right: .5em; padding: 0 8px; font-size: 1em; font-weight: 600; background: #d0103e; color: #fff; } .collapse-btn.active { background: #333f4c; color: #fff; border-color: transparent;} .collapse-btn.active:before { content: '-'; } .cohortes-list .cohorte-box { overflow: hidden; display: none; padding: 4em 0 0; border-bottom: 1px solid #d4dee9;} .cohortes-list .cohorte-box.active { display: block; } /* Repo */ .repo-container { position: relative; } .repo-container:after { content:''; position: absolute; left: 50%; transform: translateX(-50%); -webkit-transform: translateX(-50%); bottom: -15px; width: 0; height: 0; border-left: 15px solid transparent; border-right: 15px solid transparent; border-top: 15px solid #fff; } .wrap-btn-repo.row { overflow: hidden; padding: 0; } .wrap-btn-repo li { float: left; width: calc(96%/3); margin-right: 2%; padding: 0; list-style-type: none; } .wrap-btn-repo li:last-child { margin-right: 0; } .btn-global-repo, .btn-members-repo, .btn-defense-repo { display: block; width: 100%; height: 430px; background-repeat: no-repeat; background-position: top center; text-decoration: none; } .btn-global-repo { background-image: url('../img/banner-global-repo.jpg'); } .btn-members-repo { background-image: url('../img/banner-members-repo.jpg'); } .btn-defense-repo { background-image: url('../img/banner-defense-repo.jpg'); } .btn-global-repo .wrap-txt, .btn-members-repo .wrap-txt, .btn-defense-repo .wrap-txt { position: relative; width: 100%; height: 100%; transition: all .25s ease-in-out; -webkit-transition: all .25s ease-in-out; -moz-transition: all .25s ease-in-out; -o-transition: all .25s ease-in-out; transition: all .25s ease-out; } .btn-global-repo .wrap-txt:hover, .btn-members-repo .wrap-txt:hover, .btn-defense-repo .wrap-txt:hover { background: rgba(51, 63, 76, 0.7); transition: all .25s ease-in-out; -webkit-transition: all .25s ease-in-out; -moz-transition: all .25s ease-in-out; -o-transition: all .25s ease-in-out; transition: all .25s ease-out; } .btn-global-repo .wrap-txt p, .btn-members-repo .wrap-txt p, .btn-defense-repo .wrap-txt p { position: absolute; top: 0; left: 0; padding: 1em; color: #fff; font-weight: 600; line-height: 1.25; margin: 0; font-size: 1.5em; text-transform: uppercase; -webkit-transition: all .25s ease-in-out; -moz-transition: all .25s ease-in-out; -o-transition: all .25s ease-in-out; transition: all .25s ease-out; } .btn-global-repo .wrap-txt:hover p, .btn-members-repo .wrap-txt:hover p, .btn-defense-repo .wrap-txt:hover p { top: 50%; transform: translateY(-50%); -webkit-transform: translateY(-50%); -webkit-transition: all .25s ease-in-out; -moz-transition: all .25s ease-in-out; -o-transition: all .25s ease-in-out; transition: all .25s ease-out; } .btn-global-repo .wrap-txt span, .btn-members-repo .wrap-txt span, .btn-defense-repo .wrap-txt span { opacity: 1; color: #febe30; -webkit-transition: opacity .25s ease-in-out; -moz-transition: opacity .25s ease-in-out; -o-transition: opacity .25s ease-in-out; transition: opacity .25s ease-out; } .btn-global-repo .wrap-txt:hover span, .btn-members-repo .wrap-txt:hover span, .btn-defense-repo .wrap-txt:hover span { opacity: 0; -webkit-transition: opacity .25s ease-in-out; -moz-transition: opacity .25s ease-in-out; -o-transition: opacity .25s ease-in-out; transition: opacity .25s ease-out; } .repo-filters { overflow: hidden; padding: 2em 0 3em; } .repo-filter-title { width: 100%; margin-bottom: 1em; } .repo-filter-title h3:after { display: none; } .repo-filters span { margin-bottom: .5em; text-transform: uppercase; font-weight: 600; } .repo-filters form select { position: relative; margin: 0; background: none; cursor: pointer; } .repo-filters form { position: relative; } .repo-filters form:after { content: ''; position: absolute; top: 50%; right: 0; -webkit-transform: translateY(-50%); transform: translateY(-50%); display: block; width: 20px; height: 20px; background: url('../img/down-arrow.svg') center center no-repeat; } .repo-filters .btn { position: relative; z-index: 1; border: none; cursor: pointer; font-family: 'Work Sans', sans-serif; font-size: 1em; outline: inherit; font-weight: 400; color: #fff; } .repo-by-keywords form:after { display: none; } .repo-by-keywords input[type=text] { margin: 0; } .dynamic-repo-list { width: 100%; padding: 4em 0; background: #2a5c8f; } .dynamic-repo-list .sub-dynamic-repo-list { width: 100%; } .dynamic-repo-list .wrap-repo-list { position: relative; z-index: 1; padding: 0; } .dynamic-repo-list .wrap-repo-list > li { position: relative; float: left; width: calc(96%/3); height: 490px; line-height: inherit; margin-right: 2%; margin-bottom: 2%; list-style-type: none; background: #fff; border-radius: 20px; box-shadow: 0 0 8px #333; } .dynamic-repo-list .wrap-repo-list > li .repo-logo { position: relative; height: 196px; padding: 20px 0; border-bottom: 1px solid #d9d9d9; text-align: center;} .dynamic-repo-list .wrap-repo-list > li .repo-logo img { position: absolute; top: 50%; left: 50%; transform: translate(-50%,-50%); -webkit-transform: translate(-50%,-50%); max-width: 175px; height: auto; max-height: 175px; } .dynamic-repo-list .wrap-repo-list > li .repo-details { padding: 25px 20px; } .dynamic-repo-list .wrap-repo-list > li .repo-details p { margin-bottom: .5em; color: #d0103e; text-transform: uppercase; } .dynamic-repo-list .wrap-repo-list > li .repo-details .repo-name { text-transform: uppercase; } .dynamic-repo-list .wrap-repo-list > li .repo-details .repo-name:after { display: none; } .dynamic-repo-list .wrap-repo-list > li .repo-details ul { padding: 0; } .dynamic-repo-list .wrap-repo-list > li .repo-details ul li { margin-bottom: .5em; list-style-type: none; } .dynamic-repo-list .wrap-repo-list > li .repo-details ul li a { display: block; color: #333f4c; font-weight: 600; text-decoration: none; } .dynamic-repo-list .wrap-repo-list > li .repo-details .repo-website { margin-bottom: 0; } .dynamic-repo-list .wrap-repo-list > li .repo-details .repo-profil { overflow: hidden; margin-top: 3em; } .dynamic-repo-list .wrap-repo-list > li .repo-details .repo-tel:before, .dynamic-repo-list .wrap-repo-list > li .repo-details .repo-email:before, .dynamic-repo-list .wrap-repo-list > li .repo-details .repo-website:before { content:''; float: left; width: 23px; height: 23px; margin-right: 10px; background-image: url('../img/icons-contact.png'); background-repeat: no-repeat; } .dynamic-repo-list .wrap-repo-list > li .repo-details .repo-tel:before { background-position: -1px -1px; } .dynamic-repo-list .wrap-repo-list > li .repo-details .repo-email:before { background-position: -27px 0px; } .dynamic-repo-list .wrap-repo-list > li .repo-details .repo-website:before { background-position: -54px 0; } .wrap-repo-list .repo-display-member { position: absolute; right: -11px; bottom: 20px; width: 116px; height: 42px; line-height: 32px; text-align: center; font-weight: 600; text-transform: uppercase; background: url('../img/member-tag.png') top center no-repeat; } .repo-pagination { margin: 0; } .repo-pagination li a { color: #fff; font-weight: inherit; } .wrap-repo-list.wrap-repo-company li.company-profil { float:left; width: 66%; margin-right: 0; padding: 30px 20px; } .wrap-repo-list.wrap-repo-company li.company-details { height: auto; } .wrap-repo-company li.company-profil .company-intro, .wrap-repo-company li.company-profil .company-info { margin-bottom: 2em; padding-bottom: 1em; border-bottom: 1px solid #d9d9d9; } .wrap-repo-company li.company-profil .company-name { margin-bottom: .5em; text-transform: uppercase; color: #d0103e; } .wrap-repo-company li.company-profil .company-intro h4:after, .wrap-repo-company li.company-profil .company-info h4:after, .wrap-repo-company li.company-profil .company-contact-wrapper h4:after { display: none; } .wrap-repo-company li.company-profil .company-info { padding-bottom: 2em; } .wrap-repo-company li.company-profil .company-info p { margin-bottom: .25em; } .wrap-repo-company li.company-profil .company-contact-wrapper { overflow: hidden; } .wrap-repo-company li.company-profil .company-contact-wrapper .company-contact-direction, .wrap-repo-company li.company-profil .company-contact-wrapper .company-contact-info { float: left; width: 45%; margin-right: 10%; } .wrap-repo-company li.company-profil .company-contact-wrapper .company-contact-info { margin-right: 0; } .wrap-repo-company li.company-profil .company-contact-wrapper .company-contact-direction span { display: block; margin-bottom: .25em; } .wrap-repo-company li.company-profil .company-contact-wrapper .company-contact-name { display: block; margin-bottom: 1em; font-weight: 600; text-transform: uppercase; } .company-contact-info ul { padding: 0; } .company-contact-info ul > li { list-style-type: none; margin-bottom: .5em; } .company-contact-info ul > li:before { content:''; float: left; width: 23px; height: 23px; margin-right: 10px; background-image: url('../img/icons-contact.png'); background-repeat: no-repeat; } .company-contact-info ul .company-tel:before { background-position: -1px -1px; } .company-contact-info ul .company-email:before { background-position: -27px 0px; } .company-contact-info ul .company-fax:before { background-position: -81px 0; } .company-contact-info ul > li a { text-decoration: none; color: #333f4c; } .company-profil-back { float: right; } .repo-display-member.profil { top: 20px; } /* Team */ .container-team-list.first-bloc ul li .wrap-team-info { position: relative; } .team .container-team-list { position: relative; width: 100%; padding: 2em 0 .5em;} .team .container-team-list:nth-of-type(2n) { background-color: #f2fbfe; } .team-txt { padding: 4em 0 ;} body > section .main .row.team-txt { margin: 0; } .team-list { overflow: hidden; padding: 1em 0; } .team-list li { position: relative; list-style-type: none; float: left; width: calc(94%/4); margin-right: 2%; margin-bottom: 2%; } .team-list li { position: relative; list-style-type: none; float: left; width: calc(94%/4); margin-right: 2%; margin-bottom: 2%; height: 270px;} .team-list li:nth-of-type(4n) { margin-right: 0; } .team-list li img { max-width: 100%; height: auto; } .team-list li .employee-name { opacity: 1; position: absolute; bottom: 20px; left:0; margin: 0; text-align: center; width: 100%; text-transform: uppercase; font-weight: 600; color: #fff; font-size: 1.2em; text-shadow: 0 0 8px #000; -webkit-transition: opacity .25s ease-in-out; -moz-transition: opacity .25s ease-in-out; -o-transition: opacity .25s ease-in-out; transition: opacity .25s ease-out; } .team-list li .employee-name span { color: #febe30; text-shadow: 0 0 8px #000; } .team-list li .employee-info { opacity: 0; position: absolute; top: 0; left: 0; width: 100%; height: 100%; padding: 20px; color: #fff; -webkit-transition: all .25s ease-in-out; -moz-transition: all .25s ease-in-out; -o-transition: all .25s ease-in-out; transition: all .25s ease-out; } .team-list li:hover .employee-name { opacity: 0; -webkit-transition: opacity .25s ease-in-out; -moz-transition: opacity .25s ease-in-out; -o-transition: opacity .25s ease-in-out; transition: opacity .25s ease-out; } .team-list li:hover .employee-info { opacity: 1; background: rgba(51, 63, 76, 0.7); -webkit-transition: all .25s ease-in-out; -moz-transition: all .25s ease-in-out; -o-transition: all .25s ease-in-out; transition: all .25s ease-out; } .team-list li .employee-info .employee-full-name { margin-bottom: .75em; text-transform: uppercase; font-weight: 600; color: #fff; font-size: 1.4em; } .team-list li .employee-info .employee-job-title { margin-bottom: .25em } .team-list li .employee-info .employee-company { font-size: 1.25em; line-height: 20px; } .team-list li .employee-info a { color: #fff; display: block; } .team-list.team-list-intern li .employee-name { width: 60%; left: 50%; -webkit-transform: translateX(-50%); transform: translateX(-50%); } /* Chantier */ .chantier-contact-txt { position: relative; padding: 2.5em 0 4em; } .chantier-contact-txt h3:after { display: none; } .chantier-contact-txt:before { content:''; position: absolute; left: 0; bottom: 0; width: 35%; height: 15px; background: #333f4c;} .chantier-contact-txt:after { content:''; position: absolute; right: 0; bottom: -5px; width: 65%; height: 8px; background: #5dcbef;} .chantier-members-txt { padding: 2.5em 0; } .chantier-members-txt ul { padding: 1em 0 0; } .chantier-members-txt ul li { list-style-type: none; margin-bottom: 0; } .croissance-txt { margin-bottom: 3em; } .croissance-txt h3:after { display: none; } .croissance-txt h3 { margin-top: 2em; } .croissance-txt-president { margin-bottom: 2em; } .croissance-txt-president h3 { margin-bottom: 2em; } .croissance-txt-president .quotes { color: #5dcbef; font-weight: 600; } .croissance-txt-president .quotes p:before { content: ''; display: inline-block; width: 41px; height: 32px; margin-right: 10px; vertical-align: bottom; background: url('../img/quotes.png') 0 0 no-repeat; } .croissance-txt-president .quotes p:after { content: ''; display: inline-block; width: 41px; height: 32px; margin-left: 10px; vertical-align: text-top; background: url('../img/quotes.png') 0 0 no-repeat; -webkit-transform:rotate(180deg); -moz-transform:rotate(180deg); -ms-transform:rotate(180deg); -o-transform:rotate(180deg); transform:rotate(180deg); } .wrap-president-quotes { overflow: hidden; margin-bottom: 1em; } .wrap-president-quotes img { float: left; margin-right: 2em; } .croissance-txt-president .president-details p { margin: 0; line-height: 1.25; } /* Release */ .releases .main { padding-top: 2em; } .releases-info { padding: 1em; } .releases-info h2 { margin-bottom: .5em; paddind: 0; font-size: 1.4em; } /* Evenements */ .event-info-wrapper { position: relative; width: 100%; } .event-info-wrapper:before { content:''; position: absolute; bottom: -10px; left: 0; background: #87c440; width: 58%; height: 15px; } .event-info-wrapper:after { content:''; position: absolute; bottom: 0; right: 0; background: #263946; width: 42%; height: 30px; } .event-wrapper { margin-bottom: 2em; padding-bottom: 2em; } .events-sidebar { width: 75%; } .events-sidebar dl { margin-bottom: 3em; } .events-sidebar dl dt { margin-bottom: 1em; text-transform: uppercase; font-weight: 600; } .events-sidebar dl dd { margin-bottom: .5em; } .events-sidebar label { cursor: pointer; margin: 0; } .events-sidebar label input[type="checkbox"] { margin-top: 0; margin-right: 10px;} .events-sidebar label span { font-size: 0; float: left; border-radius: 50%; width: 15px; height: 15px; margin-top: 4px; margin-right: 8px; } .events-sidebar label.aero span { background: #d0103e; } .events-sidebar label.industrie span { background: #5dcbef; } .events-sidebar label.raam span { background: #febe30; } .custom-checkbox { -webkit-appearance: none; -moz-appearance: none; appearance: none; float: left; position: relative; top: 2px; height: 15px; width: 15px; margin: 0 10px 0 0; background-color: #fff; border: 1px solid #c4c4c4; color: #333f4c; cursor: pointer; outline: none; } .custom-checkbox:checked::before { content: '\02143'; position: absolute; top: 0; left: 3px; font-size: 11px; transform: rotate(40deg); -webkit-transform: rotate(40deg); -moz-transform: rotate(40deg); } .events-filters { overflow: hidden; margin-bottom: 1em; } .events-filters span { margin-bottom: .5em; text-transform: uppercase; font-weight: 600; } .events-filters select { position: relative; margin: 0; background: none; cursor: pointer; } .events-filters .select-wrapper { position: relative; } .events-filters .select-wrapper:after { content: ''; position: absolute; top: 50%; right: 0; -webkit-transform: translateY(-50%); transform: translateY(-50%); display: block; width: 20px; height: 20px; background: url('../img/down-arrow.svg') center center no-repeat; } .events-filters .events-by-month { margin-bottom: 1.25em;} .events-sidebar .btn { float: none; margin-bottom: 2em; } .events-calendar { } .list-of-events { padding: 0 0 3em; } .list-of-events li { overflow: hidden; position: relative; width: 100%; margin-bottom: 1.5em; background: #f3f3f3; border-radius: 20px; padding: 25px; list-style-type: none; } .list-of-events li date { margin-bottom: .5em; display: block; text-transform: uppercase; color: #d0103e; } .list-of-events li h3:after { display: none; } .list-of-events li .btn { padding: 10px 30px; } .list-of-events li .event-color { position: absolute; top: 20px; right: 20px; border-radius: 50%; width: 15px; height: 15px; } .list-of-events li .event-color.aero-mtl { background: #d0103e; } .list-of-events li .event-color.industrie { background: #5dcbef; } .list-of-events li .event-color.raam { background: #febe30; } .event-detail-info { position: relative; margin-bottom: 2.5em; padding: 0 0 7em; } .event-detail-info:before { content:''; position: absolute; left: 0; bottom: 0; width: 35%; height: 15px; background: #333f4c;} .event-detail-info:after { content:''; position: absolute; right: 0; bottom: -5px; width: 65%; height: 8px; background: #5dcbef;} .event-detail-info h3:after { display: none; } .event-detail-info h3 { margin: 1.5em 0 0.5em; } .event-detail-info p { margin: 0; } .event-detail-info img { max-width: 100%; height: auto; } .event-detail-info .btn { margin: 1.5em 0; background: #333f4c; } .event-detail-info.event-detail-info-page { padding-bottom: 3em;} .events-details-txt { padding-bottom: 2em; } .events-details-txt h2:after, .events-details-txt h3:after, .events-details-txt h4:after { display: none; } .events-details-txt h2, .events-details-txt h3, .events-details-txt h4 { margin: 2em 0 1em; } .events-details-txt ul { margin-bottom: 2em; } .event-title-flag { margin-bottom: 1em; } .event-title-flag .flag { display: block; width: 222px; height: 42px; line-height: 34px; color: #fff; font-size: .8em; text-align: center; font-weight: bold; text-transform: uppercase; background-repeat: no-repeat; background-image: url('../img/etiquette_events.png');} .event-title-flag .flag.aero-montreal { background-position: -2px -3px; } .event-title-flag .flag.industrie { background-position: -2px -48px; } .event-title-flag .flag.rram { color: #333f4c; background-position: -2px -92px;} .buy-event h3:after { display: none; } .buy-event-list { margin-bottom: 1em; padding: 0 1.5em; background: #dbf4fb; } .buy-event-list li { position: relative; margin: 0; padding: 1em 0; list-style-type: none; border-bottom: 3px solid #54c9e8; } .buy-event-list li:last-child { border: none; } .buy-event-list li p { margin: 0; } .buy-event-list li .event-list-title { width: 80%; font-weight: 600; } .buy-event-list li .event-list-number { position: absolute; top: 16px; right: 0; width: 50px; height: 25px; background: #fff; border: 1px solid #c4c4c4; } .buy-event-list li .event-list-number:after { content: ''; position: absolute; top: 0; right: 10px; display: block; width: 14px; height: 18px; background: url('../img/down-arrow.svg') center center no-repeat; } .buy-event-list li .event-list-number select { position: relative; z-index: 1; width: 50px; min-width: inherit; margin: 0; height: 25px; -webkit-appearance: none; -moz-appearance: none; appearance: none; outline: none; cursor: pointer; text-align: left; text-align-last: left; border: none; text-indent: 5px; } .buy-event-list li .event-list-number select option { text-align: center;} .buy-event.buy-event-page .payment-review { float: right; width: 50%; } .buy-event.buy-event-page .buy-event-list li .event-list-number select {min-width: auto; margin: 0; border: none; } .event-list-wrap-member { overflow: hidden; } .event-list-wrap-member p { float: left; } .event-list-wrap-member p.event-list-price { margin-right: 30px; } .wrap-title-buy-event { overflow: hidden; } .wrap-title-buy-event p { margin-bottom: .5em; } .wrap-title-buy-event p.first { float: left; } .wrap-title-buy-event p.last { float: right; } .payment-review { margin-bottom: 1.5em; padding: 1.5em; background: #fff1d4;} .payment-review .payment-review-title { margin-bottom: 1.5em; padding-bottom: .5em; font-weight: 600; text-transform: uppercase; border-bottom: 3px solid #54c9e8; } .payment-review p { margin-bottom: .25em; font-weight: 600; } .payment-review p span { font-weight: 400; }/*float: right;*/ .event-payment-btn .btn { float: right; border: none; font-family: 'Work Sans', sans-serif; font-size: 1em; cursor: pointer; } .event-partner { position: relative; width: 100%; } .event-partner:before { content: ""; position: absolute; top: 100px; left: 0; width: 951px; height: 926px; background: url(../img/bg-cohorte-left-section.png) top left no-repeat; } .partners-wrapper { position: relative; z-index: 1; } .partners-box { display: none; width: 100%; overflow: hidden; padding: 2em 0; border-bottom: 1px solid #d4dee9 } .partners-box:last-child { border: none; } .partners-box.active { display: block; } .partners-box li { float: left; width: calc(92%/5); margin-right: 2%; margin-bottom: 2%; padding: 15px; text-align: center; list-style-type: none; background: #f7f8f8; min-height:175px; } .partners-box li:nth-of-type(5n) { margin-right: 0; } .partners-box li img { max-width: 100%; height: auto; } .sidebar-event-details { padding-top: 3em; } /* Forum */ .forum h1, .forum_program h1 { display: none; } .forum-btn { overflow: hidden; margin-bottom: 1em; padding: 0; } .forum-btn li { position: relative; list-style-type: none; float: left; width: calc(94%/4); margin-right: 2%; margin-bottom: 2%; } .forum-btn li:nth-of-type(4n) { margin-right: 0; } .forum-btn li a { text-decoration: none; display: block; } .forum-btn li p { position: absolute; top: 0; left: 0; width: 100%; height: 100%; padding: 15px; line-height: 1.25; color: #fff; text-transform: uppercase; font-size: 1.3em; font-weight: 600; -webkit-transition: all .25s ease-in-out; -moz-transition: all .25s ease-in-out; -o-transition: all .25s ease-in-out; transition: all .25s ease-out; } .forum-btn li p span { color: #febe30; } .forum-txt-wrapper { position: relative; width: 100%; background-color: #ddf4fc; } .forum-txt-wrapper .forum-txt { padding: 1.5em 0 4em;} .forum-txt-wrapper .forum-txt h4 { margin: 1.5em 0 1em; } .forum-txt-wrapper .forum-txt h4:after { display: none; } .forum-txt-wrapper .forum-txt ul { margin-bottom: 1.25em; } .forum-partners { width: 100%; position: relative; padding: 2em 0; } .forum-partners:before { content:''; position: absolute; left: 0; top: 0; width: 50%; height: 15px; background: #5dcbef;} .forum-partners:after { content:''; position: absolute; right: 0; top: -22px; width: 50%; height: 25px; background: #333f4c;} .forum-partners h2:after { display: none; } /* Forum program */ .wrap-forum-prog { position: relative; } .forum_program { background: #eefafd; } .forum-tabs { position: relative; z-index: 1; float: right; padding: 0; } .forum-tabs li { display: inline-block; margin: 0; padding: 5px 15px; border-radius: 10px 10px 0 0; background: #b5babd; color: #fff; list-style-type: none; text-align: center; cursor: pointer; } .forum-tabs li.active { background: #2b3e4b; } .forum-tabs-content { clear: both; margin-bottom: 3em; } .forum-tabs-content ul { position: relative; z-index: 1; overflow: hidden; width: 100%; margin: 0; padding: 0; background: #fff; } .forum-tabs-content ul li { float: left; margin: 0; padding: 1em 2em; list-style-type: none; } .forum-tabs-content ul li:first-child { width: 190px; text-align: center; font-size: 18px; } .forum-tabs-content ul li:last-child { width: calc(100% - 190px); } .forum-tabs-content .tabs-title li:first-child { background: #56bdde; } .forum-tabs-content .tabs-title li:last-child { background: #2b3e4b; text-indent: 20px; } .forum-tabs-content .tabs-title li { padding: 5px 2em; color: #fff; font-weight: bold; text-transform: uppercase; font-size: 18px; } .forum-tabs-content .dynamic-tabs-content { margin-bottom: 3px; background: #ededed; } .forum-tabs-content .dynamic-tabs-content.fix-lunch-content { background: #455560; color: #fff; text-align: center; } .forum-tabs-content .dynamic-tabs-content.open { background: #fff; } .forum-tabs-content .dynamic-tabs-content li { padding: 0; font-weight: bold; } .forum-tabs-content .dynamic-tabs-content li:first-child { padding: 1em; } .forum-tabs-content .dynamic-tabs-content li:last-child { background: #fff; } .forum-tabs-content .dynamic-tabs-content.fix-lunch-content li:last-child { padding: 1em; background: none; text-transform: uppercase; font-size: 18px; } .forum-tabs-content .dynamic-tabs-content li .tabs-link { position: relative; display: block; margin: 0; padding: 1em 4em 1em 2em; text-transform: uppercase; font-size: 18px; color: #333f4c; font-weight: bold; cursor: pointer; } .forum-tabs-content .dynamic-tabs-content li .tabs-link .remove-title { display: none; } .forum-tabs-content .dynamic-tabs-content li .tabs-link .read-more { position: absolute; top: 50%; transform: translateY(-50%); -webkit-transform: translateY(-50%); right: 1em; color: #d0103e; font-weight: bold; font-size: 1.5em; } .forum-tabs-content .dynamic-tabs-content li .tabs-link.linkable { position: absolute; right: 0; padding: 0; } .forum-tabs-content .dynamic-tabs-content li .tabs-link.linkable .read-more { top: 1em; } .inactive-tabs-link { position: relative; display: block; margin: 0; padding: 1em 4em 1em 2em; text-transform: uppercase; font-size: 18px; color: #333f4c; font-weight: bold; cursor: default; } .forum-tabs-content .dynamic-tabs-content li .tabs-link .displayed-title span:not(:first-child) { display: block; margin-top: .25em; padding-top: .25em; border-top: 2px solid #d0103e; } .forum-tabs-content .dynamic-tabs-content li .dynamic-tabs-content-txt { display: none; padding: 1.25em 1em 1.25em 2.25em; } .forum-tabs-content .dynamic-tabs-content li .dynamic-tabs-content-txt p { text-transform: inherit; font-weight: normal; } .forum-tabs-content .dynamic-tabs-content li .dynamic-tabs-content-txt .content-txt { margin-bottom: 1em; padding-top: 1em; border-top: 2px solid #2b3e4b; } .forum-tabs-content .dynamic-tabs-content li .dynamic-tabs-content-txt .content-txt:first-child { margin-bottom: 0; padding-top: 0; padding-bottom: 1em; border: none; } .forum-tabs-content .dynamic-tabs-content li .dynamic-tabs-content-txt .content-txt h1, .forum-tabs-content .dynamic-tabs-content li .dynamic-tabs-content-txt .content-txt h1, .forum-tabs-content .dynamic-tabs-content li .dynamic-tabs-content-txt .content-txt h3 { text-transform: uppercase; font-size: 18px; } .forum-tabs-content .dynamic-tabs-content li .dynamic-tabs-content-txt .content-txt h1:after, .forum-tabs-content .dynamic-tabs-content li .dynamic-tabs-content-txt .content-txt h1:after, .forum-tabs-content .dynamic-tabs-content li .dynamic-tabs-content-txt .content-txt h3:after { content: none; } .forum-tabs-content .dynamic-tabs-content li .dynamic-tabs-content-txt .content-txt p { text-transform: inherit; font-weight: normal; } .forum-tabs-content .dynamic-tabs-content li .dynamic-tabs-content-txt .content-txt p:last-child { margin-bottom: 0; } .forum-tabs-content .dynamic-tabs-content li .dynamic-tabs-content-txt .content-txt .conference-title, .forum-tabs-content .dynamic-tabs-content li .dynamic-tabs-content-txt .content-txt .conference-by { display: inline-block; margin: 1.5em 0; padding: .5em 1em; background: #d0103e; color: #fff; text-transform: uppercase; font-size: 18px; } .forum-tabs-content .dynamic-tabs-content li .dynamic-tabs-content-txt .content-txt .conference-by { margin-right: 3em; background: #febe30; color: #2b3e4b; } .forum-tabs-content .dynamic-tabs-content li .dynamic-tabs-content-txt .content-txt .wrap-conference-by img { max-width: 100%; height: auto; margin-top: .75em; } .forum-tabs-content .dynamic-tabs-content li .dynamic-tabs-content-txt .content-txt .conferencier-list { overflow: hidden; } .forum-tabs-content .dynamic-tabs-content li .dynamic-tabs-content-txt .content-txt .conferencier-list li { float: left; width: calc(94% / 5); margin-right: 1.5%; margin-bottom: 3%; padding: 0; text-align: left; font-size: 1em; } .forum-tabs-content .dynamic-tabs-content li .dynamic-tabs-content-txt .content-txt .conferencier-list li:nth-of-type(5n){ margin-right: 0; } .forum-tabs-content .dynamic-tabs-content li .dynamic-tabs-content-txt .content-txt .conferencier-list li img { max-width: 180px; height: auto; } .forum-tabs-content .dynamic-tabs-content li .dynamic-tabs-content-txt .content-txt .conferencier-list li .conferencier-info { padding-top: .5em; } .forum-tabs-content .dynamic-tabs-content li .dynamic-tabs-content-txt .content-txt .conferencier-list li a { font-weight: normal; text-decoration: none; color: #2b3e4b; } .forum-tabs-content .dynamic-tabs-content li .dynamic-tabs-content-txt .content-txt .conferencier-list li span { display: block; line-height: 1.25; } .forum-tabs-content .dynamic-tabs-content li .dynamic-tabs-content-txt .content-txt .conferencier-list li span.conferencier-from { margin-top: .75em; } .section-program-print { display: none; } /* Buisiness directory */ .business-directory .select-wrapper { float: left; width: 48.5%; margin-right: 1.5%; } .business-directory .select-wrapper:after { z-index: -1;} .business-directory .select-wrapper:last-child { margin-right: 0;} .business-directory .select-wrapper select { width: 100%; cursor: pointer; } /*Multi steps*/ body > section .multi-steps-box{position: relative; margin: 3em 0 0;height: 23px;} body > section .multi-steps-box hr{ background: #455660 none repeat scroll 0 0;border: 0 none;height: 1px;margin: 10px 0;} body > section .multi-steps{width: 100%;position: relative;margin-top: -34px;} body > section .multi-steps li{list-style: none;cursor:pointer;display: inline-block;border-radius: 50%;-moz-border-radius: 50%;-webkit-border-radius: 50%;border: 1px solid #333f4c;width: 44px;height: 44px; text-align: center;font-size: 1.125em;color: #333f4c;padding-top: 9px;background-color: #fff; position: absolute;} body > section .multi-steps li{list-style: none;cursor:pointer;display: inline-block;border-radius: 50%;-moz-border-radius: 50%;-webkit-border-radius: 50%;border: 1px solid #333f4c;width: 44px;height: 44px; text-align: center;font-size: 1.125em;color: #333f4c;padding-top: 7px;background-color: #fff; position: absolute;} body > section .multi-steps li:nth-of-type(1){left: 0;} body > section .multi-steps li:nth-of-type(2){left: 28%;} body > section .multi-steps li:nth-of-type(3){left: 57%;} body > section .multi-steps li:nth-of-type(4){right: 0;} body > section .multi-steps .current{border: 1px solid #d0103e; color: #fff;background-color: #d0103e; } /*tabs signup*/ body > section .tabs-box{margin:0;float: left;width:100%;} body > section .tabs{width: 100%; position: relative;display:block;} body > section .tabs li {list-style:none;display:none;float: left; padding-bottom: 1px;position: relative;width: 100%;} body > section .tabs li.active{display: block;} body > section .tabs li a {padding:16px 5px;display:block;background:#919296;color:#fff;text-decoration:none;text-align: center;font-size: 1.2em;text-transform: uppercase;font-weight: 600;} body > section .tabs li:nth-of-type(4) a{border-right:none;} body > section .tabs-box .col-12{float: left;} body > section .tabs li.active a,body > section .tabs li.active a:hover {background:#455660;color:#fff;display: block;} body > section .tabs li a:hover {background:#d0103e;color:#fff;} body > section .tab-content{background-color: #f3f3f3;} body > section .content-box{padding: 5em 1em 1em;} body > section .price-box{margin: 1em 0;background-color: #fff1d4;padding:1em;overflow: hidden;} body > section .price-box .table-price{color: #333f4c;text-transform: uppercase;width: 100%;float: right;} body > section .price-box .table-price td, body > section .price-box .table-price th{text-align:right;} body > section .price-box .table-price td + td, body > section .price-box .table-price th + th{text-align:right} body > section .price-box .table-price th{font-size:1.2em; } body > section .price-box .table-price th:nth-of-type(2), body > section .price-box .table-price td:nth-of-type(2) {width: 100px} body > section .tab-content p{color: #333f4c;} body > section .tabs:hover li{display: block;} body > section .tabs li.active a .pointer{ bottom: 25%;display: block;position: absolute;right: 3%;text-indent: -10000em;background: transparent url("../img/arrow-down2.svg") no-repeat scroll 0 0; background-size: 35px auto;height: 23px;width: 43px;} /*tables*/ body > section table.styled {width: 100%;margin:0;padding:0;border-collapse: collapse;border-spacing: 0;font-size:1.05em; } body > section table.styled tr {border-top: 1px dotted #bac0c4;border-bottom: 1px dotted #bac0c4;padding: 5px;} body > section table.styled td {padding: 15px 0;text-align: center;font-size: 0.95em;font-weight: 400;color:#333f4c;} body > section table.styled th {text-transform: uppercase;letter-spacing: 1px; color: #333f4c;padding: 10px;text-align: center;} body > section table.styled tr.assign {background:#f3f3f3;} body > section table.styled tr.assign td {text-align:left; padding-left: 15%; } /*tables styled even*/ body > section table.styled-even {width: 100%;margin:0;padding:0;border-collapse: collapse;border-spacing: 0;font-size:1.05em; } body > section table.styled-even tr {border: 1px solid #ecebeb;padding: 5px;} body > section table.styled-even td {padding: 15px 0;text-align: center;font-size: 0.95em;font-weight: 400;color:#333f4c;text-transform: uppercase;} body > section table.styled-even th {text-transform: uppercase;letter-spacing: 1px; color: #fff;padding: 10px;text-align: center;background-color:#919296;font-size: 1.2em;} body > section table.styled-even tr:nth-of-type(even) { background: #F5F5F5;} body > section table.styled-even td a{text-transform: none;} body > section table.cohort-tb img{max-width: 200px;} /*color box*/ body > section .bg-box{background-color: #ecebeb;padding: 1em;margin: 1em 0;position: relative;} body > section .bg-box h2{font-weight: bold; font-size: 1em; margin-bottom: 1em;} body > section .bg-box h2 span {text-transform: none;font-weight: normal;} body > section .bg-box h3{font-weight: 400; } body > section .bg-box p.cat{text-transform: uppercase;} body > section .bg-box p{color: #333f4c;font-weight: 400;} /*list info */ body > section .list-info{position: relative; margin: 0 auto;} body > section .list-info div {width: 100%;position: relative;display: block; margin: 10px 0;} body > section .list-info div p{display: inline-block;vertical-align: middle;width: 79%;margin-bottom: 0;margin-left: -5px;font-size: 1em;} body > section .list-info div a{display: inline-block;text-decoration: none;font-size: 1em;vertical-align: middle;} body > section .list-info div span{background:url(../img/icons2.svg) no-repeat scroll center 200px transparent;background-size:212px 330px; display: inline-block;height: 23px;text-indent: -10000em;vertical-align: middle; width: 23px;margin-right: 12px;} body > section .list-info div .icon5{background-position:-12px -72px;} body > section .list-info div .icon4{background-position:-12px -124px;} body > section .list-info div .icon3{background-position:-12px -176px;} body > section .list-info div .icon2{background-position: -12px -20px;} body > section .list-info div .icon1{background-position:-12px -228px; } body > section .list-info div:nth-of-type(3) a {text-decoration: underline;} body > section div.conf-form input[type="submit"] {display: inline-block;} body > section div.conf-form input.bt {float: none;} body > section div.conf-form .block {margin:0 0 1em;} body > section div.conf-form .paypal-img{width: 180px;height: 72px;display: inline-block;text-indent: -10000em;background:url(https://www.paypalobjects.com/webstatic/en_CA/mktg/logo-image/AM_mc_vs_dc_ae.jpg) no-repeat scroll 0 0 transparent;background-size:174px auto;vertical-align: middle;} body > section div.conf-form input.bt {margin: 1em 0.5em;} body > section div.conf-form input[type="radio"] {margin: -5px 15px 0 0;vertical-align: middle;} body > section div.conf-form label {margin-top: -10px;margin-right: 0;display: inline;} body > section div.conf-form .block {float: none;margin: 1em auto !important;max-width: 330px;text-align: left;} body > section div.conf-form .block div{margin: 10px 0.5em 0;} /* Pagination */ body > section nav[role="navigation"] {text-align: center;margin: 0 0px;} body > section .cd-pagination {width: 90%;/*max-width: 450px;*/margin: 0.7em auto 0;text-align: center; white-space: nowrap;overflow-x:auto;text-overflow: ellipsis; font-size: 1.5em;font-weight:600; color:#919295; word-spacing:-4px;} body > section .cd-pagination li {display: inline-block;margin: 0 5px; width: 20px;} body > section .cd-pagination li.button {display: inline-block;} body > section .cd-pagination a, .cd-pagination span {display: inline-block;-webkit-user-select: none;-moz-user-select: none;-ms-user-select: none;user-select: none;padding: .6em 0em; text-transform:uppercase; text-decoration: none;color:#919295;} .cd-pagination span {color:#C5C6C9;cursor: default;} body > section .cd-pagination a:hover {color:#455660;} body > section .cd-pagination a:active { -webkit-transform: scale(0.9); -moz-transform: scale(0.9);-ms-transform: scale(0.9); -o-transform: scale(0.9); transform: scale(0.9);} body > section .cd-pagination a.disabled {color: rgba(46, 64, 87, 0.4);pointer-events: none;} body > section .cd-pagination a.disabled::before, .cd-pagination a.disabled::after {opacity: .4;} body > section .cd-pagination .button:first-of-type a::before {content: '\00ab ';} body > section .cd-pagination .button:last-of-type a::after {content: ' \00bb';} body > section .cd-pagination .current { color: #d0103e;} body > section .cd-pagination.custom-buttons a, .cd-pagination.custom-buttons span {vertical-align: middle;} body > section .cd-pagination.custom-buttons .button a {width: 7%;overflow: hidden;white-space: nowrap;text-indent: 100%;color: transparent;background-image: url("../img/cd-icon-arrow-2.svg");background-repeat: no-repeat; background-position: center center;} body > section .cd-pagination.custom-buttons .button:last-of-type a {-webkit-transform: rotate(180deg);-moz-transform: rotate(180deg);-ms-transform: rotate(180deg);-o-transform: rotate(180deg);transform: rotate(180deg);} body > section .no-touch .cd-pagination.custom-buttons .button:last-of-type a:active {-webkit-transform: scale(0.9) rotate(180deg);-moz-transform: scale(0.9) rotate(180deg);-ms-transform: scale(0.9) rotate(180deg);-o-transform: scale(0.9) rotate(180deg);transform: scale(0.9) rotate(180deg);} body > section .pagination-box hr { background: #c7c7c8 none repeat scroll 0 0;border: 0 none;height: 1px;margin: 0 auto 1em; max-width: 450px; } /* business directory */ body > section .directory {margin: 0 -21px;} body.business-directory select[name="membership"] {font-weight:600;color:#333f4c;} body > section .directory a{text-decoration: none;} body > section .directory .bg-box{display:block;padding: 1.3em; border-bottom: 1px solid #d0cfcf; margin: 0 0 1em;} body > section .directory .aero-membre {background: #d0103e none repeat scroll 0 0;color: #fff;display: block;font-size: 0.875em;padding: 7px 20px;text-align: left;width: 100%;} body > section .directory .box-dot{display: none;} body > section .directory .bg-box .dir-btn{display: none;} body > section .directory .bg-box:hover .dir-btn{background-color: #d0103e;} body > section .directory .bg-box:hover h2{color: #d0103e;} /* business profile */ body > section .back-btn{display: none;} body > section .profile-box .col-4{margin-bottom: 2em;} body > section .profile-box .col-4 h2{font-size:1.2em;font-weight: bold; text-align: center;text-transform: uppercase;clear: both;} body > section .profile-box .col-4 div a{text-align: center;display:block;} body > section .profile-box .col-4 div a.bt{display: inline-block;} body > section .bg-box2 .aero-membre {background: #d0103e none repeat scroll 0 0;color: #fff;font-size: 0.875em;display: inline-block;padding: 7px 20px;width: auto;position: absolute;z-index: 1;top:0;right: 0;height: 100%} body > section .bg-box2{background-color: #ecebeb;padding:0 1em 1em;margin:0 0 1.3em;position: relative;min-height: 220px;clear: both;} body > section .bg-box3{background-color: #ecebeb;padding:0 1em 1em;margin:0 0 1.3em;position: relative;min-height: 220px;clear: both;float:left;} body > section .bg-box2 .tittle{display: block;background-color:#333f4c; text-transform: uppercase;color: #fff;font-weight: 600;padding: 6px 16px;margin: 0 -1em 1em;position: relative; } body > section .bg-box3 .tittle{display: block;background-color:#333f4c; text-transform: uppercase;color: #fff;font-weight: 600;padding: 6px 16px;margin: 0 -1em 1em;position: relative; } body > section .bg-box2 h2{font-weight: 600; font-size: 1em; margin-bottom: 0.2em;} body > section .bg-box3 h2{font-weight: 600; font-size: 1em; margin-bottom: 0.2em;} body > section .bg-box2 p{color: #333f4c;font-weight: 400;} body > section .bg-box3 p{color: #333f4c;font-weight: 400;} body > section .bg-box2 ul li{list-style: none;display: inline-block;width: 100%;margin:0 0 1em;} body > section .bg-box3 ul li{list-style: none;display: inline-block;width: 100%;margin:0 0 1em;} body > section .bg-box2 ul span{color: #333f4c;} body > section .bg-box3 ul span{color: #333f4c;} body > section .bg-box2 p.user{font-weight: 600;} body.business-profile > section .search-box form input.bt {margin: 1em 0 0 ;} body.business-profile > section .search-box .s-bt {padding: 9px 15px;} /*Contact map*/ body.contact section .main { background:url(../img/bg-contact.png) no-repeat 0px 25px; } @media only screen and (max-width : 1780px) { body.contact section .main { background: none; } } body > section .contact-box .col-6 h3 { margin-bottom: 2em; } body > section .contact-box .address-box { margin-bottom: 1.75em; } body > section .contact-box .address-box strong { display: block; margin-bottom: .25em; text-transform: uppercase; } body > section .map-info{position: relative; margin: 0 auto;} body > section .map-info div {width: 100%;position: relative;display: block; margin: 10px 0;} body > section .map-info div p{display: inline-block;vertical-align: middle;width: 79%;margin-bottom: 0;margin-left: -5px;color:#333f4c;font-weight: 600;} body > section .map-info div a{display: inline-block;text-decoration: none;vertical-align: middle;width: 80%; color: #333f4c; font-weight: 600;} body > section .map-info div a:hover{text-decoration: none;} body > section .map-info div span{background:url(../img/contact-icons.png) no-repeat scroll center transparent;display: inline-block;text-indent: -10000em;vertical-align: middle; margin-right: 9px;} body > section .map-info div .icon1 { width: 23px; height: 23px; background-position: 0px 0px;} body > section .map-info div .icon2 { width: 24px; height: 24px; background-position: -25px 0;} /*Member Portail*/ body > section .logo-box{border-top: 1px solid #919295;border-bottom: 1px solid #919295;padding: 1.3em 0;overflow: hidden;margin-top:10px;} body > section .logo-box img{margin-bottom: 0;max-width: 500px;width: 100%;} /*Profile menu member*/ body > section .profile-menu2{margin-top: 2em;display: block;} body > section .profile-menu2 li{list-style: none;display: block;margin: 1em 0;} body > section .profile-menu2 li a{color:#333f4c;font-size: 0.875em;text-decoration: none;vertical-align: middle;display: block;} body > section .profile-menu2 li a:hover, body > section .profile-menu2 li.selected a{color:#d0103e;} body > section .profile-menu2 li a span, body > header .profile-menu2 li a span{display: inline-block;width:20px;height: 20px;background:url(../img/icons2.svg) no-repeat scroll center 200px transparent;text-indent: -10000em;margin-right: 7px; } body > section .profile-menu2 li:nth-of-type(1) a span, body > header .profile-menu2 li:nth-of-type(1) a span{background-position:-180px -64px;} body > section .profile-menu2 li:nth-of-type(2) a span, body > header .profile-menu2 li:nth-of-type(2) a span{background-position:-179px -20px;} body > section .profile-menu2 li:nth-of-type(3) a span, body > header .profile-menu2 li:nth-of-type(3) a span{background-position:-179px -108px;} body > section .profile-menu2 li:nth-of-type(4) a span, body > header .profile-menu2 li:nth-of-type(4) a span{background-position:-179px -152px;} body > section .profile-menu2 li:nth-of-type(5) a span, body > header .profile-menu2 li:nth-of-type(5) a span{background-position: -179px -196px;} body > section .profile-menu2 li:nth-of-type(6) a span, body > header .profile-menu2 li:nth-of-type(6) a span{background-position: -179px -129px;} body > section .profile-menu2 li:nth-of-type(7) a span, body > header .profile-menu2 li:nth-of-type(7) a span{background-position: -179px -309px;} body > section .profile-menu2 li:last-of-type a span, body > header .profile-menu2 li:last-of-type a span{background-position: -179px -284px;} body > section .member-info .col-9 h1{margin-bottom: 0.2em;} body.member-portal > section .list-links a:nth-of-type(2n) {background-color: #ECEAEB ;} body.member-portal > section .list-links a { margin-bottom: 10px;} body.member-portal > section .list-links a:hover {background: #455660;color:#fff;} body > section .hover-table table tr:hover{background: #ECEAEB;} body > section .subscription-status {margin-bottom:60px;} body > section .subscription-status progress{width:100%;margin-bottom: 1em;border: none;} body > section .subscription-status span:first-of-type{display:inline-block;float:left; background-color: #445878;padding: 2px 7px;color:#fff;text-transform: uppercase;font-size: 0.95em;} body > section .subscription-status span:last-of-type{display:inline-block;float:right;background-color: #445878;padding: 2px 7px;color:#fff;text-transform: uppercase;font-size: 0.95em;} body > section .bg-box h2 span.ending-date{text-transform: uppercase;padding: 5px 10px;font-size: 0.7em!important;border:1px solid #333f4c;display: inline-block;} /*Profile menu ca ce*/ body > section .profile-menu3{margin-top: 2em;display: block;} body > section .profile-menu3 li{list-style: none;display: block;margin: 1em 0;} body > section .profile-menu3 li a{color:#333f4c;font-size: 0.875em;text-decoration: none;vertical-align: middle;display: block;} body > section .profile-menu3 li a:hover, body > section .profile-menu2 li.selected a{color:#d0103e;} body > section .profile-menu3 li a span, body > header .profile-menu3 li a span{display: inline-block;width:20px;height: 20px;background:url(../img/icons2.svg) no-repeat scroll center 200px transparent;text-indent: -10000em;margin-right: 7px; } body > section .profile-menu3 li:nth-of-type(1) a span, body > header .profile-menu3 li:nth-of-type(1) a span{background-position:-180px -64px;} body > section .profile-menu3 li:nth-of-type(2) a span, body > header .profile-menu3 li:nth-of-type(2) a span{background-position:-179px -20px;} body > section .profile-menu3 li:nth-of-type(3) a span, body > header .profile-menu3 li:nth-of-type(3) a span{background-position:-179px -311px;} body > section .profile-menu3 li:nth-of-type(4) a span, body > header .profile-menu3 li:nth-of-type(4) a span{background-position:-179px -196px;} body > section .profile-menu3 li:nth-of-type(5) a span, body > header .profile-menu3 li:nth-of-type(5) a span{background-position: -179px -284px;} /*full with label*/ body > section .label-head{display: block;background-color: #d0103e;color:#fff;text-align: center;padding: 0.5em;margin: 1em 0;} /*hero box*/ body > section .hero-box{margin-top: 1em;float: left;} body > section .hero-box {position: relative;background: #ECEAEB;width: 100%;} body > section .hero-box img{width: 100%;display: block;} body > section .hero-box .hero-info{padding: 20px;text-align: center;} body > section .hero-box .hero-info p{font-size: 0.875em;color: #333f4c;text-align: center;margin-bottom: 0;} body > section .hero-box h2{color:#d0103e;text-transform: uppercase;font-weight: 600;font-size: 1.05em;display: block;margin:0.3em 0 1em;} body > section .hero-box h3{color:#333f4c;font-weight: 600;font-size: 1.05em;display: block;margin-bottom: 0.4em;} /*Event detail*/ body.event-description > section h1{margin-bottom: 0.3em;} body > section .event-info-box .eventinfo-section h2{font-size: 1em;font-weight: 600;margin-bottom: 0.2em;} body > section .event-info-box .eventinfo-section p{color: #333f4c;} body > section .event-info-box .eventinfo-section p.user{font-weight: 600;} body > section .event-info-box .eventinfo-section .list-info{margin-bottom: 1.5em;} body > section .event-info-box .eventinfo-section .list-info:last-of-type{margin-bottom: 0;} /*event info*/ body > section .eventinfo-title {width:100%;padding:12px 15px;display:inline-block;background:#455660 ;transition:all linear 0.15s;color:#fff;font-size: 1.125em;text-decoration: none;text-transform: uppercase;font-weight: 600;letter-spacing: 1px;} body > section .eventinfo-title.active {background:#d0103e;text-decoration:none;} body > section .eventinfo-section {margin-bottom: 0.5em;} body > section .content-box {padding:30px 1em 1em;background:#ECEAEB;margin-bottom: 2.5em;} body > section .event-item{padding:1em;display: block;position: relative;background-color:#dbf4fb; margin: 1em 0;} body > section .event-items .col-12{clear: both;} body > section .event-item.no-margin{margin-top:0;} body > section .event-item p { margin: 1.3em 0;color:#333f4c;} body > section .event-item p > span {display:inline-block; width:100px;font-weight: 600;} body > section .event-item select{float: none;margin-top: 0;background-color: #fff;width: 25%;margin: 0;background-position: 91% 12px;} body > section .event-item h2,body > section .price-box h2{font-size: 1.3em;border-bottom: 3px solid #54c9e8;padding-bottom: 15px;} body > section .event-item h2:after,body > section .price-box h2:after { display: none; } body > section .event-total{background-color:#fff1d4!important;} body > section .eventinfo-content input.bt:nth-of-type(1){background-color: #d0103e;} body > section .eventinfo-content input.bt:nth-of-type(1):hover{background-color:#919296;} body > section .participant-title:after { display: none; } .pull-top h3:after { display: none; } .main-title-review { margin: 1em 0; } .event_items { overflow: hidden; } /*Parteners*/ body > section .partner-box{display: block;} body > section .partners{ margin-bottom: 1em;overflow: hidden;} body > section .partners .col-12{margin-bottom: 1em;} body > section .partners h2{color: #fff;display: inline-block;padding: 35px 70px;} body > section .partners .col-12 .gold h2 {background: #E9BB32;} body > section .partners .col-12 .silver h2{background: #919296;} body > section .partners .col-12 .bronze h2{background: #AD5E01;} body > section .partners .col-12 .gold{border-top:1px solid #E9BB32;} body > section .partners .col-12 .silver{border-top:1px solid #919296;} body > section .partners .col-12 .bronze{border-top:1px solid #AD5E01;} /*Image Gallery*/ body > section .portfolio-gallery a{text-decoration: none;} body > section .portfolio-gallery .col-12{margin-bottom: 1em; } body > section .portfolio-gallery .portfolio-box{margin-bottom: 3em;} body > section .portfolio-gallery .portfolio-img{position: relative;margin-bottom: 10px;} body > section .portfolio-gallery .portfolio-img img{border: 1px solid #ECEAEB;width:100%;} body > section .portfolio-gallery .portfolio-img:after{content:'\A';position:absolute;width:100%; height:100%;top:0; left:0;background:rgba(0,0,0,0.5); opacity:0.5; transition: all 0.5s;-webkit-transition: all 0.5s;-webkit-backface-visibility: hidden;} body > section .portfolio-gallery a:hover .portfolio-img:after { opacity:0;} body>section .portfolio-gallery a .portfolio-btn {background: transparent url("../img/plus.svg") no-repeat scroll center 7px;opacity: 0.7;display: block;height: 63px;left: 50%;position: absolute;text-indent: -10000em; top: 50%;transform: translate(-50%, -50%);width: 63px;-webkit-transform: translate(-50%, -50%);background-size: 80% auto;z-index: 2;} body > section .portfolio-gallery .portfolio-box:hover .portfolio-btn{opacity:1;} body > section .portfolio-gallery .portfolio-box h2 {padding: 16px 20px; margin-bottom: 0;position: relative;height: 80px;transition: all 0.2s;-webkit-transition: all 0.2s; -webkit-backface-visibility: hidden;border: none;text-transform: none;text-align: center;font-size: 1.2em;background: #ECEAEB; border: solid #ECEAEB 1px;} body > section .portfolio-gallery .portfolio-box:hover h2{background: #d0103e;border: solid #d0103e 1px;color:#fff;} body > section .portfolio-gallery .portfolio-box h2 span{vertical-align: middle;position: absolute;width: 80%; max-height: 64px;display: block;overflow: hidden;} body > section .gallery nav{position:relative;display: block;background:#ECEAEB;height:2.8em;width:100%;margin:2em 0;padding: 4px 13px;} body > section .gallery nav span.arrow-down{background:url(../img/select-arrow.svg) no-repeat 0 0 transparent;display: block;height: 20px;position: absolute;right:10px;text-indent: -10000em;top:50%;width: 30px; -webkit-transform: translateY(-50%);-ms-transform: translateY(-50%);transform: translateY(-50%)} body > section .gallery nav .label{display: block;text-align:left;background:none;font-size:1.5em;text-transform: uppercase;width: 88%;margin:0;position: relative;top: 50%; -webkit-transform: translateY(-50%);-ms-transform: translateY(-50%);transform: translateY(-50%);text-overflow:ellipsis;overflow:hidden;white-space:nowrap;} body > section .gallery nav:hover{cursor: pointer} body > section .gallery nav ul{background: none repeat scroll 0 0 #fff;left: -9999em;list-style: outside none none;padding: 0;position: absolute;top: 2.75em;z-index: 100;text-align:left;margin:0;width: 100%} body > section .gallery nav ul a{display: block;margin: 0;padding: 15px 13px;font-size:1.2em;text-decoration: none;text-transform: uppercase} body > section .gallery nav ul a:hover{background: none repeat scroll 0 0 #455660; border: medium none;color: #fff;text-decoration: none} body > section .gallery nav ul a span{display: none} body > section .gallery nav:hover ul{left: 0} /*popup*/ .window {position:fixed;top:50%;left:50%;-ms-transform:translate(-50%, -50%);-webkit-transform:translate(-50%, -50%);transform:translate(-50%, -50%);z-index:99999;transition: all 0.5s ease;-webkit-transition: all 0.5s ease;} .window > img {position:absolute;bottom:-1px;left:50%;-ms-transform:translate(-50%, 0);-webkit-transform:translate(-50%, 0);transform:translate(-50%, 0);transition: all 0.5s ease;-webkit-transition: all 0.5s ease; max-width: 100%;max-height:100%;} .window > .title {display:block;position:absolute;bottom: -4px; left:-1px; right:0; height: 58px; background: rgba(0,0,0, 0.8); color: #fff; text-align: left;line-height: 58px;font-size: 1em;padding-left: 1em;} .window .next, .window .prev {cursor: pointer;display: inline-block;width: 4em;height: 46px;margin: 0 10px;text-align: center;vertical-align: middle;line-height: 1em;background-size: 7px 16px;position: absolute;top: 45%;background-size: 44px auto;} .window .next:hover, .window .prev:hover,.window .close:hover{opacity:0.6;} .window .next {right: -4em;background: url(../img/icons-popup.svg) no-repeat scroll center 1px transparent;} .window .prev {left: -4em;background: url(../img/icons-popup.svg) no-repeat scroll center -80px transparent;} .window .close{cursor: pointer;display: inline-block;width: 44px;height: 44px;margin: 0 10px;text-align: center;vertical-align: middle;line-height: 1em;background-size: 7px 16px;background:url(../img/icons-popup.svg) no-repeat scroll center -161px transparent;position:absolute;top:-60px;right: -2em;} .window .count{display:none;position:absolute;bottom: -58px;right:0;min-width:58px;height:58px;padding:0 8px;color:#FFF;background:#00BCD4;line-height: 58px;text-align: center} .modal {position:fixed;top:0;left:0;right:0;bottom:0;z-index:1000; background: rgba(0,0,0, 0.8); } .popup-content .container{padding: 5px;} /*form buttons*/ body > section table a.edit-icon{display: inline-block;width: 20px;height: 20px;background:url(../img/edit.svg) no-repeat scroll 0 0 transparent;text-indent:-999999em;margin: 0 15px;transition: all 0.2s ease-out 0s; -webkit-transition: all 0.2s ease-out 0s;-webkit-backface-visibility: hidden;background-size: 20px auto;text-align: left;} body > section table a.delete-icon{display: inline-block;width: 20px;height: 20px;background:url(../img/close.svg) no-repeat scroll 0 0 transparent;text-indent:-999999em;margin: 5px;transition: all 0.2s ease-out 0s; -webkit-transition: all 0.2s ease-out 0s;-webkit-backface-visibility: hidden;background-size: 20px auto;text-align: left;} body > section table a.edit-icon:hover,body > section table a.delete-icon:hover{opacity:0.6;} /*alerts*/ .error {margin-top:10px;margin-bottom: 0px;padding: 10px;background-color: #f9c6c5;border-color: #ebccd1;color: #a94442;display: block;} .msg {margin-bottom: 20px;padding: 20px;background-color: #CDEEA7;border-color: #d6e9c6;color: #3c763d;display: block;} .gateway_form {color:#000;} /*team box*/ body > section .team-box .team-cont{text-align: center;margin-bottom:1.5em ; border: 1px solid #fff;padding: 1.5em 1em;background: #f2f2f2;} body > section .team-box img{width: 100%;max-width:350px; margin: 0 auto;position: relative;margin-bottom: 20px;} body > section .team-box h2{text-align: center;font-size: 0.8em;margin-bottom: 0;color: #d0103e; margin: 0px auto 0.5em;} body > section .team-box p{text-align: center;margin-bottom: 0;font-size: 0.9em; line-height: 140%;} body > section .team-box p strong{font-size: 1.2em;} .switcher {position:relative;float:right;margin-top:-20px;z-index:2;max-width: 45%;} .switcher select {min-width: 0;max-width: 100%;padding-right:35px} /*Legend*/ body > section .legend-box{display: block;width: 100%;clear: both;margin: 2em 0 0;font-size: 0.8em;text-transform: uppercase;} body > section .legend-box li{list-style: none;margin: 0.5em 0;vertical-align: middle;color:#333f4c;} body > section .legend-box li span{display: inline-block;width: 20px;height: 20px;text-indent: -10000em;margin-right: 0.3em;} body > section .legend-box li:nth-of-type(1) span{background: #d0103e;} body > section .legend-box li:nth-of-type(2) span{background: #44555F;} /*footer*/ footer .footer-menu { height: 266px; background: url('../img/footer-bg.png') top center no-repeat; } footer .footer-menu { position: relative; width: 100%; max-width: 1920px; color: #fff; font-size: .875em; } footer .footer-menu .logo { display: block; width: 245px; height: 100px; background: url('../img/logo-light.svg') top left no-repeat; text-indent: -5000px; } footer .footer-menu .container { padding: 1em; } footer .footer-menu .address, footer .footer-menu .phone, footer .footer-menu .social { margin-top: 50px;} footer .footer-menu .address p, footer .footer-menu .phone ul, footer .footer-menu .phone p { position: relative; padding: 0 0 0 45px; } footer .footer-menu .address p:before, footer .footer-menu .phone ul:before, footer .footer-menu .phone p:before { content:''; position: absolute; top: 0; left: 0; width: 32px; height: 32px; background-image: url('../img/footer-icons.png'); background-repeat: no-repeat; } footer .footer-menu .address p:before { background-position: 0px -8px;} footer .footer-menu .phone ul:before, footer .footer-menu .phone p:before { background-position: -36px -8px;} footer .footer-menu .phone ul { margin-bottom: 1em; } footer .footer-menu .phone li { list-style-type: none; font-size: 1.05em; } footer .footer-menu .phone li a, footer .footer-menu .phone p a { color: #fff; text-decoration: none; font-weight: 600; } footer .footer-menu .phone p { height: 32px; line-height: 32px; } footer .footer-menu .phone p:before { background-position: -72px -9px;} footer .footer-menu .social { overflow: hidden; } footer .footer-menu .social dt { margin-bottom: 1em; font-weight: 600; font-size: 1.05em; } footer .footer-menu .social dd { float: left; list-style-type: none; margin-right: 10px; } footer .footer-menu .social dd:last-child { margin-right: 0; } footer .partners-box2 { position: relative; width: 100%; background: #fff; border-top: 1px solid #d4dee9; } footer .partners-box2 h2 { float: right; margin: 0; padding: 5px 15px; background: #263946; text-align: center; color: #fff; font-weight: 600; } footer .partners-box2 h2:after { display: none; } footer .partners-box2 .container { overflow: hidden; padding-top: 0; padding-bottom: 0; } footer .partners-box2 .container .row { overflow: hidden; width: 100%; max-width: 1024px; margin: 0 auto; padding: 2.25em 0; } footer .partners-box2 .container .row img { max-width: 75%; margin: 0; } footer .partners-box2 .col-4, body > section .partners-box .col-3 { float: left;margin: 0 2%; width: 46%;} footer .partners-box2 .col-4 img.center{margin: 0 auto 7%;} footer .footer-menu { color: #fff; } footer .legal { width: 100%; padding: .75em 0; background: #fff; color: #333f4c; } footer .legal a { text-decoration: none; font-size: 0.875em; color: #333f4c; font-weight: 400; } footer .legal a:last-child { float: right; } #honeypot {display:none;} .container_full_w { margin: 0 auto; max-width: 100%; padding: 1.3em; } .topright_button { float:right; margin:0!important;} body > section .profile-menu2 li:nth-of-type(8) a span, body > header .profile-menu2 li:nth-of-type(8) a span { background-position: -179px -20px; } /* Login */ .login form.login input[type=email] { margin-right: 4%; } .login form.login input[type=submit] { margin-top: 0; } .cohorte_opener, .partner_opener, .pointer{cursor: pointer!important;} .hidden{display: none!important;} .mobile_parent_link{display: none;}