/* RESET Copyright (c) 2010, Yahoo! Inc. All rights reserved. Code licensed under the BSD License: http://developer.yahoo.com/yui/license.html version: 2.8.2r1 */ html{color:#000;background:#FFF}blockquote,body,button,code,dd,div,dl,dt,fieldset,form,h1,h2,h3,h4,h5,h6,hr,input,legend,li,ol,p,pre,td,textarea,th,ul{border:0;margin:0;padding:0}table{border-collapse:collapse;border-spacing:0}fieldset,img{border:0}address,caption,cite,code,dfn,em,optgroup,strong,th,var{font-style:inherit;font-weight:inherit}del,ins{text-decoration:none}li{list-style:none}caption,th{text-align:left}h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:400}q:after,q:before{content:''}abbr,acronym{border:0;font-variant:normal}sub,sup{vertical-align:baseline}legend{color:inherit}button,input,optgroup,option,select,textarea{font-family:inherit;font-size:inherit;font-style:inherit;font-weight:inherit}button,input,select,textarea{font-size:100%} /* BASE Copyright (c) 2010, Yahoo! Inc. All rights reserved. Code licensed under the BSD License: http://developer.yahoo.com/yui/license.html version: 2.8.2r1 */ *{-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;}html{-webkit-font-smoothing:antialiased;-moz-font-smoothing:antialiased;font-smoothing:antialiased}body{margin:2em}address,article,aside,audio,blockquote,canvas,dd,dl,dt,fieldset,figcaption,figure,footer,form,h1,h2,h3,h4,h5,h6,header,hr,input,main,nav,noscript,ol,output,p,pre,section,select,td,textarea,th,ul,video{line-height:inherit}h1{font-size:138.5%}h2{font-size:123.1%}h3{font-size:108%}fieldset,h1,h2,h3,p,pre,table{margin:1em 0}caption,dt,h1,h2,h3,h4,h5,h6,strong,th{font-weight:700}optgroup{font-weight:400}abbr,acronym{border-bottom:1px dotted #000;cursor:help}em{font-style:italic}del{text-decoration:line-through;color:red}blockquote,dl,ol,ul{margin:1em}dl,ol,ul{margin-left:2em}ol li{list-style:decimal}ul li{list-style:disc}td,th{border:0;padding:0}th{text-align:center}caption{margin-bottom:.5em;text-align:left}sup{vertical-align:super}sub{vertical-align:sub}button,input[type=checkbox],input[type=radio],input[type=reset],input[type=submit]{padding:1px}table{border-collapse:collapse}.align-left,td[align=left],th[align=left]{text-align:left!important}.align-center,td[align=center],th[align=center]{text-align:center!important}.align-right,td[align=right],th[align=right]{text-align:right!important}.valign-top,td[valign=top],th[valign=top]{vertical-align:top!important}.valign-middle,td[valign=middle],th[valign=middle]{vertical-align:middle!important}.valign-bottom,td[valign=bottom],th[valign=bottom]{vertical-align:bottom!important}.clear,.clearfix{display:block;clear:both;visibility:hidden;line-height:0;height:0}span.u,sup,u{text-decoration:underline}ins{color:green}small{font-size:.8em}big{font-size:1.2em}sub,sup{font-size:.7em;line-height:1em}body>:first-child,div>:first-child{margin-top:0!important}body>:last-child,div>:last-child{margin-bottom:0!important} /* INPUTS */ input[type=checkbox],input[type=radio]{background:0 0;border:none;cursor:pointer;font-size:1em;height:auto;padding:0;position:relative;top:0}input[type=file]{line-height:normal}input[type=range]{background:0 0;border:none}.input-button,button,input[type=button],input[type=color],input[type=reset],input[type=submit]{-webkit-appearance:none;-moz-appearance:none;appearance:none} /* CUSTOM */ .nowrap{ white-space: nowrap; } .big{ font-size: larger; } .sr, .sr-only{ position: absolute !important; width: 1px; height: 1px; padding: 0; margin: -1px; overflow: hidden; clip: rect(0, 0, 0, 0); white-space: nowrap; border: 0; } /**/ @font-face { font-display: block; font-family: 'Lato'; src: url('../fonts/Lato/Lato-Hairline.woff2') format('woff2'), url('../fonts/Lato/Lato-Hairline.woff') format('woff'); font-weight: 100; font-style: normal; } @font-face { font-display: block; font-family: 'Lato'; src: url('../fonts/Lato/Lato-Light.woff2') format('woff2'), url('../fonts/Lato/Lato-Light.woff') format('woff'); font-weight: 300; font-style: normal; } @font-face { font-display: block; font-family: 'Lato'; src: url('../fonts/Lato/Lato-Regular.woff2') format('woff2'), url('../fonts/Lato/Lato-Regular.woff') format('woff'); font-weight: normal; font-style: normal; } @font-face { font-display: block; font-family: 'Lato'; src: url('../fonts/Lato/Lato-Italic.woff2') format('woff2'), url('../fonts/Lato/Lato-Italic.woff') format('woff'); font-weight: normal; font-style: italic; } @font-face { font-display: block; font-family: 'Lato'; src: url('../fonts/Lato/Lato-Bold.woff2') format('woff2'), url('../fonts/Lato/Lato-Bold.woff') format('woff'); font-weight: 700; font-style: normal; } @font-face { font-display: block; font-family: 'Lato'; src: url('../fonts/Lato/Lato-Black.woff2') format('woff2'), url('../fonts/Lato/Lato-Black.woff') format('woff'); font-weight: 900; font-style: normal; } /**/ /** * LAYOUT */ html{ margin: 0; padding: 0; } body{ margin: 0; padding: 0; color: #042641; font-family: 'Lato', sans-serif; letter-spacing: 0.025em; min-width: 375px; } .inner{ margin: 0 auto; position: relative; max-width: 686px; } #wrapper{ overflow-x: hidden; } @media (min-width: 1280px){ .inner{ max-width: 916px } } @media (min-width: 1536px){ .inner{ max-width: 1120px } } @media (min-width: 1920px){ .inner{ max-width: 1080px } } @media (max-width:767px){ body{ letter-spacing: 0.022em; } .inner{ max-width: 334px } .inner{ max-width: none } } #top{} #top a{ display: table; lefT: 0; top: -100px; position: fixed; z-index: 9999; } #top a:focus{ top: 0; background: #1191F0; color: #fff; } #header{ left: 0; top: 32px; right: 0; position: absolute; z-index: 900; } @media (min-width: 1280px){ #header{ top: 46px; } } @media (min-width: 1536px){ #header{ top: 54px; } } @media (min-width: 1920px){ #header{ top: 52px; } } @media (max-width: 767px){ #header{ top: 0; } } #header-logo{ position: absolute; left: 40px; top: 0; z-index: 8; } #header-logo a{ display: table; } #header-logo img{ display: block; height: auto; width: 180px; } @media (min-width: 1280px){ #header-logo{ top: -8px; } } @media (max-width: 767px){ #header-logo{ left: 20px; top: 38px; } #header-logo img{ width: 182px; } } #header-desktop{} #header-desktop .inner{} #header-desktop-nav{} #header-desktop-nav ul{ display: table; margin: 0 auto; padding: 0; } #header-desktop-nav li{ display: table-cell; vertical-align: middle; margin: 0; padding: 0 20px; } #header-desktop-nav a{ color: #fff; font-size: 20px;font-size:1.25rem; font-weight: bold; text-decoration: none; transition: all 0.25s; } #header-desktop-nav a:focus, #header-desktop-nav a:hover{ color: #1191F0; text-decoration: underline; } #header-desktop-languages{ position: absolute; right: 32px; top: 8px; } #header-desktop-languages ul{ display: table; margin: 0 auto; padding: 0; } #header-desktop-languages li{ border-left: 2px solid #fff; display: table-cell; vertical-align: middle; margin: 0; padding: 0 8px; } #header-desktop-languages li:first-child{ border-left: 0; } #header-desktop-languages a{ color: #fff; display: block; font-weight: bold; font-size: 14px;font-size:0.875rem; line-height: 1.2; text-transform: uppercase; text-decoration: none; } #header-desktop-languages a:focus, #header-desktop-languages a:hover{ text-decoration: underline; } html[lang="en"] #header-desktop-languages a[hreflang="en"], html[lang="jp"] #header-desktop-languages a[hreflang="jp"], html[lang="kr"] #header-desktop-languages a[hreflang="kr"], html[lang="fr"] #header-desktop-languages a[hreflang="fr"]{ color: #C7CE8D; font-weight: bold; } @media (min-width: 1280px){ #header-desktop-nav a{ font-size: 16px;font-size:1rem; } #header-desktop-languages{ top: 3px; } } @media (min-width: 1536px){ #header-desktop-nav li{ padding: 0 36px; } #header-desktop-nav a{ font-size: 18px;font-size:1.125rem; } #header-desktop-languages{ top: 6px; } } @media (min-width: 1920px){ #header-desktop-languages{ top: 8px; } #header-desktop-nav li{ padding: 0 40px; } #header-desktop-nav a{ font-size: 20px;font-size:1.25rem; } } @media(max-width: 1279px){ #header-desktop{ display: none; } } #header-mobile{ display: none; } #header-mobile .inner{} #header-mobile-nav{} #header-mobile-nav .nav{} #header-mobile-nav .nav-open{ position: absolute; right: 40px; top: 0; } #header-mobile-nav .nav-open button{ background: url(../images/nav-open.svg.php?fill=ffffff) no-repeat center center; background-size: contain; display: block; height: 28px; width: 32px; overflow: hidden; text-indent: -9999em; } #header-mobile-nav .nav-open button:focus, #header-mobile-nav .nav-open button:hover{ background-image: url(../images/nav-open.svg.php?fill=1191F0); } #header-mobile-nav .nav-overlay{ display: none; left: 0; right: 0; top: 0; bottom: 0; position: fixed; z-index: 998;} #header-mobile-nav .nav-container{ position: fixed; bottom: 0; right: 0; top: 0; z-index: 999; background: #F5F5F5; width: 370px; right: -800px; transition: right 0.5s; } #header-mobile-nav .nav-content{ display: none; padding: 20px; } #header-mobile-nav .nav-close{ margin-bottom: 20px; } #header-mobile-nav .nav-close button{ background: url(../images/nav-close.svg.php?fill=1191F0) no-repeat center center; background-size: contain; display: block; height: 28px; width: 32px; overflow: hidden; text-indent: -9999em; } #header-mobile-nav .nav-close button:focus, #header-mobile-nav .nav-close button:hover{ background-image: url(../images/nav-close.svg.php?fill=000000); } #header-mobile-nav .nav-outer{} #header-mobile-nav .nav-inner{} #header-mobile-nav-primary{ margin-bottom: 40px; } #header-mobile-nav-primary ul{ margin: 0; padding: 0; } #header-mobile-nav-primary li{ list-style: none; margin: 0; padding: 10px 0; } #header-mobile-nav-primary a{ color: #1191F0; display: block; font-size: 20px;font-size:1.25rem; font-weight: bold; line-height: 35px;line-height:1.75; text-align: right; text-decoration: none; } #header-mobile-nav-primary a:focus, #header-mobile-nav-primary a:hover{ text-decoration: underline; } #header-mobile-languages ul{ display: table; margin-left: auto; margin-right: -8px; padding: 0; } #header-mobile-languages li{ border-left: 2px solid #042641; display: table-cell; vertical-align: middle; margin: 0; padding: 0 8px; } #header-mobile-languages li:first-child{ border-left: 0; } #header-mobile-languages a{ color: #042641; display: block; font-weight: bold; font-size: 14px;font-size:0.875rem; line-height: 1.2; text-transform: uppercase; text-decoration: none; } #header-mobile-languages a:focus, #header-mobile-languages a:hover{ text-decoration: underline; } html[lang="en"] #header-mobile-languages a[hreflang="en"], html[lang="kr"] #header-mobile-languages a[hreflang="kr"], html[lang="jp"] #header-mobile-languages a[hreflang="jp"], html[lang="fr"] #header-mobile-languages a[hreflang="fr"]{ color: #1191F0; font-weight: bold; } .is-mobile-nav #header-mobile-nav .nav-container{ right: 0; } .is-mobile-nav #header-mobile-nav .nav-overlay{ display: block; } .is-mobile-nav #header-mobile-nav .nav-content{ display: block; } @media(max-width: 1279px){ #header-mobile{ display: block; } } @media (max-width: 767px){ #header-mobile-nav .nav-open{ right: 20px; top: 40px; } } #goto-hero{ background: #042641; color: #fff; padding: 0 20px; position: relative; } #goto-hero .inner{ max-width: none; position: static; } #goto-hero .hero{ display: table; height: 640px; width: 100%; margin: 0 auto; max-width: 686px; position: relative; z-index: 12; } #goto-hero .hero-inner{ display: table-cell; vertical-align: middle; text-align: center; padding-top: 34px;} #goto-hero .hero-title{ color: #C7CE8D; font-size: 34px;font-size:2.125rem; font-weight: bold; line-height: 1.2; margin: 0; margin-bottom: 32px; } #goto-hero .hero-content{ color: #fff; font-size: 26px;font-size:1.625rem; line-height: 35px;line-height:1.3461538461538; margin-bottom: 65px; } #goto-hero .hero-cta{} #goto-hero .hero-cta a{ background-color:#1191F0; border-radius: 29px; color: #fff; display: table; font-size: 21px;font-size:1.3125rem; line-height: 58px;line-height:2.7619047619048; margin: 0 auto; padding: 0 1.5em; text-decoration: none; transition: all 0.25s; } #goto-hero .hero-cta a:focus, #goto-hero .hero-cta a:hover{ background-color: #fff; color: #1191F0; } #goto-hero .hero-scrollto{ position: absolute; left: 0; bottom: 72px; right: 0; } #goto-hero .hero-scrollto a{ background: url(../images/goto-hero-scrollto.svg.php?fill=ffffff) no-repeat center center; background-size: contain; display: block; height: 28px; width: 24px; margin: 0 auto; overflow: hidden; text-indent: -9999em; } #goto-hero .hero-scrollto a:focus, #goto-hero .hero-scrollto a:hover{ background-image: url(../images/goto-hero-scrollto.svg.php?fill=1191F0) } #goto-hero .animates{} #goto-hero .animate{ left: 0; right: 0; top: 0; bottom: 0; position: absolute; background: no-repeat center center; background-size: cover; opacity: 0; animation-duration: 3s; animation-iteration-count: infinite; animation-direction: alternate; } #goto-hero .animate--01a{ background-image: url(../images/1920-animate-01a.png?202209011103); z-index: 1; opacity: 1; animation-name: goto-hero-animate-a; } #goto-hero .animate--02a{ background-image: url(../images/1920-animate-02a.png?202209011103); z-index: 2; opacity: 1; animation-name: goto-hero-animate-a; animation-delay: 0.25s; } #goto-hero .animate--03a{ background-image: url(../images/1920-animate-03a.png?202209011103); z-index: 3; opacity: 1; animation-name: goto-hero-animate-a; animation-delay: 0.5s; } #goto-hero .animate--04a{ background-image: url(../images/1920-animate-04a.png?202209011103); z-index: 4; opacity: 1; animation-name: goto-hero-animate-a; animation-delay: 0.75s; } #goto-hero .animate--05a{ background-image: url(../images/1920-animate-05a.png?202209011103); z-index: 5; opacity: 1; animation-name: goto-hero-animate-a; animation-delay: 1s; } #goto-hero .animate--01b{ background-image: url(../images/1920-animate-01b.png?202209011103); z-index: 6; animation-name: goto-hero-animate-b; } #goto-hero .animate--02b{ background-image: url(../images/1920-animate-02b.png?202209011103); z-index: 7; animation-name: goto-hero-animate-b; animation-delay: 0.25s; } #goto-hero .animate--03b{ background-image: url(../images/1920-animate-03b.png?202209011103); z-index: 8; animation-name: goto-hero-animate-b; animation-delay: 0.5s; } #goto-hero .animate--04b{ background-image: url(../images/1920-animate-04b.png?202209011103); z-index: 9; animation-name: goto-hero-animate-b; animation-delay: 0.75s; } #goto-hero .animate--05b{ background-image: url(../images/1920-animate-05b.png?202209011103); z-index: 10; animation-name: goto-hero-animate-b; animation-delay: 1s; } @keyframes goto-hero-animate-a{ 0%{ opacity: 1; } 100%{ opacity: 0; } } @keyframes goto-hero-animate-b{ 0%{ opacity: 0; } 100%{ opacity: 1; } } @media (min-width: 1280px){ #goto-hero{} #goto-hero .hero{ height: 730px;max-width: 916px; } #goto-hero .hero-inner{ padding-top: 58px;} #goto-hero .hero-title{ font-size: 38px;font-size:2.375rem; margin-bottom: 12px; } #goto-hero .hero-content{ font-size: 22px;font-size:1.375rem; line-height: 32px;line-height:1.4545454545455; margin-bottom: 56px; } #goto-hero .hero-cta a{ border-radius: 25px; font-size: 18px;font-size:1.125rem; line-height: 50px;line-height:2.7777777777778; } #goto-hero .hero-scrollto{ bottom: 56px; } } @media (min-width: 1536px){ #goto-hero{} #goto-hero .hero{ height: 862px; max-width: 1120px; } #goto-hero .hero-inner{ padding-top: 10px;} #goto-hero .hero-title{ font-size: 46px;font-size:2.875rem; margin-bottom: 12px; } #goto-hero .hero-content{ font-size: 26px;font-size:1.625rem; line-height: 36px;line-height:1.3846153846154; margin-bottom: 62px; } #goto-hero .hero-scrollto{ bottom: 88px; } } @media (min-width: 1920px){ #goto-hero{} #goto-hero .hero{ height: 960px; max-width: 1080px; } #goto-hero .hero-inner{ padding-top: 10px;} #goto-hero .hero-title{ font-size: 54px;font-size:3.375rem; margin-bottom: 10px; } #goto-hero .hero-content{ font-size: 33px;font-size:2.0625rem; line-height: 46px;line-height:1.3939393939394; margin-bottom: 65px; } #goto-hero .hero-cta a{ border-radius: 29px; font-size: 21px;font-size:1.3125rem; line-height: 58px;line-height:2.7619047619048; } #goto-hero .hero-scrollto{ bottom: 128px; } } @media (max-width: 767px){ #goto-hero{} #goto-hero .hero{ height: auto; max-width: none } #goto-hero .hero-inner{ padding-top: 178px; padding-bottom: 130px;} #goto-hero .hero-title{ font-size: 32px;font-size:2rem; line-height: 40px;line-height:1.25; margin-bottom: 28px; } #goto-hero .hero-content{ font-size: 22px;font-size:1.375rem; line-height: 30px;line-height:1.3636363636364; margin: 0 auto; max-width: 290px; margin-bottom: 47px; } #goto-hero .hero-cta a{ border-radius: 29px; font-size: 21px;font-size:1.3125rem; line-height: 58px;line-height:2.7619047619048; } #goto-hero .hero-scrollto{ bottom: 56px; } } #goto-about{ background: #fff; color: #042641; padding: 0 20px; padding-top: 82px; padding-bottom: 102px; } #goto-about strong{ color: #1A5998; } #goto-about .inner{} #goto-about .about{} #goto-about .about-title{ font-size: 28px;font-size:1.75rem; font-weight: bold; line-height: 1.2; margin: 0; margin-bottom: 28px; } #goto-about .about-head{ font-size: 1.375rem; line-height: 1.6923076923; letter-spacing: 0.025em; margin-bottom: 2em; } #goto-about .about-body{ font-size: 1rem; line-height: 1.6666666667; } #goto-about .about-body ul{ margin-left: 0; } #goto-about .about-body li{ list-style: none; margin-top: 1.6666666667em; margin-bottom: 1.6666666667em; position: relative; padding-left: 30px; } #goto-about .about-body li:before{ background: url(../images/li.svg) no-repeat center center; background-size: contain; content: ''; display: block; left: 0; top: 0.25em; position: absolute; height: 20px; width: 14px; } #goto-about .about-body li:first-child{ margin-top: 0; } @media (min-width: 1280px){ #goto-about{ padding-top: 130px; padding-bottom: 144px; } #goto-about .about-title{ font-size: 32px;font-size:2rem; margin-bottom: 30px; } #goto-about .about-container{ display: table; table-layout: fixed; width: 100%; } #goto-about .about-head, #goto-about .about-body{ display: table-cell; vertical-align: top; margin: 0; } #goto-about .about-headinner{ padding-right: 70px; } #goto-about .about-body{ font-size: 1.125rem; } } @media (min-width: 1536px){ #goto-about{ padding-top: 132px; padding-bottom: 156px; } #goto-about .about-title{ font-size: 36px;font-size: 2.25rem; margin-bottom: 30px; } #goto-about .about-head{ font-size: 1.5rem } #goto-about .about-body{ font-size: 1.25rem; } } @media (min-width: 1920px){ #goto-about{ padding-top: 180px; padding-bottom: 224px; } #goto-about .about-title{ font-size: 44px;font-size:2.75rem; margin-bottom: 40px; } #goto-about .about-head{ font-size: 1.625rem; } } @media (max-width: 767px){ #goto-about{ padding-top: 64px; padding-bottom: 100px; } #goto-about .about-title{ font-size: 28px;font-size:1.75rem; margin-bottom: 28px; } } #goto-program{ background: #f2f5e2 linear-gradient(to bottom, #f2f5e2, #e5f3fe); padding: 0 20px; padding-top: 82px; padding-bottom: 102px; overflow: hidden; } #goto-program .inner{} #goto-program .programs{} #goto-program .programs-title{ font-size: 28px;font-size:1.75rem; font-weight: bold; line-height: 1.2; margin: 0; margin-bottom: 25px; } #goto-program .programs-event{ font-size: 18px;font-size:1.125rem; font-weight: bold; line-height: 30px;line-height:1.6666666666667; margin-bottom: 32px; } #goto-program .program{} #goto-program .program:last-child{} #goto-program .program-head{} #goto-program .program-headinner{} #goto-program .program-body{} #goto-program .program-bodyinner{ padding-top: 28px; } #goto-program .program-title{ font-size: 18px;font-size:1.125rem; font-weight: bold; line-height: 1.2; margin: 0; position: relative; } #goto-program .program-title time{ display: block; } #goto-program .program-title strong{} #goto-program .program-title em{} #goto-program .participants{} #goto-program .participants dl{ margin: 0; padding: 0; margin-bottom: 32px; } #goto-program .participants dt{ margin: 0; padding: 0; color: #9FAF6B; font-size: 16px;font-size:1rem; font-weight: bold; line-height: 1.2; margin-bottom: 16px; } #goto-program .participants dd{ margin: 0; padding: 0; color: #042641; font-size: 16px;font-size:1rem; line-height: 1.2; } #goto-program .participants ul{ margin: 0; padding: 0; } #goto-program .participants li{ list-style: none; margin: 0.25em 0; padding: 0; } #goto-program .participants a{ color: inherit; text-decoration: none; } #goto-program .participants a:focus, #goto-program .participants a:hover{ color: inherit; text-decoration: underline; } #goto-program .description{ font-size: 18px;font-size:1.125rem; line-height: 28px;line-height:1.5555555555556; padding-top: 56px; } #goto-program .description p{ margin: 28px 0; } #goto-program .break{} #goto-program .break-inner{ font-size: 18px;font-size:1.125rem; font-weight: bold; line-height: 1.2; margin: 0; } #goto-program .break-inner time{ display: block; } @media (min-width: 1280px){ #goto-program{ padding-top: 118px; padding-bottom: 187px; } #goto-program .programs-title{ font-size: 32px;font-size:2rem; margin-bottom: 25px; } #goto-program .programs-event{ font-size: 18px;font-size:1.125rem; line-height: 30px;line-height:1.6666666666667; margin-bottom: 114px; } #goto-program .programs-container{ padding-left: 137px; position: relative } #goto-program .programs-containerinner{ border-left: 1px solid #9FAF6B; padding-left: 50px; } #goto-program .program{ position: relative; top: -10px; margin-bottom: 40px; } #goto-program .program:last-child{ margin-bottom: 0; } #goto-program .program-bodyinner{ padding-top: 20px; } #goto-program .program-title:before{ background: #9FAF6B; border-radius: 50%; content: ''; display: block; height: 10px; width: 10px; left: -55px; position: absolute; top: 3px; } #goto-program .program-title time{ left: -188px; position: absolute; } #goto-program .participants dl{ margin-bottom: 22px; } #goto-program .participants dt{ font-size: 18px;font-size:1.125rem; margin-bottom: 12px; } #goto-program .participants dd{ font-size: 18px;font-size:1.125rem; } #goto-program .description{ font-size: 16px;font-size:1rem; line-height: 26px;line-height:1.625; padding-top: 36px; } #goto-program .description p{ margin: 26px 0; } #goto-program .break{ margin-bottom: 35px; position: relative; padding-top: 18px; padding-bottom: 18px; } #goto-program .break:before, #goto-program .break:after{ border-top: 1px solid #C7CE8D; content: ''; display: block; height: 1px; left: 50%; margin-left: -646px; position: absolute; width: 1104px; } #goto-program .break:before{ top: 0; } #goto-program .break:after{ bottom: 0; } #goto-program .break-inner{ position: relative; margin-right: -40px; } #goto-program .break-inner{ font-size: 18px;font-size:1.125rem; } #goto-program .break-inner time{ left: -188px; position: absolute; } #goto-program .break--01{ margin-bottom: 0; } #goto-program .break--02:before{ display: none; } } @media (min-width: 1536px){ #goto-program{ padding-top: 128px; padding-bottom: 150px; } #goto-program .programs-title{ font-size: 36px;font-size:2.25rem; margin-bottom: 48px; } #goto-program .programs-event{ font-size: 20px;font-size:1.25rem; line-height: 32px;line-height:1.6; margin-bottom: 128px; } #goto-program .programs-container{ padding-left: 177px; } #goto-program .programs-containerinner{ padding-left: 74px; } #goto-program .program{ top: -15px; margin-bottom: 62px; } #goto-program .program:last-child{ margin-bottom: 0; } #goto-program .program-bodyinner{ padding-top: 28px; } #goto-program .program-title{ font-size: 20px;font-size:1.25rem; margin-right: -40px; } #goto-program .program-title:before{ left: -80px; top: 8px; } #goto-program .program-title time{ left: -250px; } #goto-program .program-title strong{} #goto-program .program-title em{} #goto-program .participants{} #goto-program .participants dl{ margin-bottom: 32px; } #goto-program .participants dt{ font-size: 18px;font-size:1.125rem; margin-bottom: 16px; } #goto-program .participants dd{ font-size: 18px;font-size:1.125rem; } #goto-program .description{ font-size: 16px;font-size:1rem; line-height: 26px;line-height:1.625; padding-top: 56px; } #goto-program .description p{ margin: 26px 0; } #goto-program .break{ margin-bottom: 55px; padding-top: 28px; padding-bottom: 28px; } #goto-program .break:before, #goto-program .break:after{ margin-left: -800px; width: 1350px; } #goto-program .break-inner{ font-size: 20px;font-size:1.25rem; margin-right: -40px; } #goto-program .break-inner time{ left: -250px; } #goto-program .break--01{ margin-bottom: 0; } } @media (min-width: 1920px){ #goto-program{ padding-top: 145px; padding-bottom: 110px; } #goto-program .programs-title{ font-size: 44px;font-size:2.75rem; margin-bottom: 44px; } #goto-program .programs-event{ font-size: 22px;font-size:1.375rem; line-height: 34px;line-height:1.5454545454545; margin-bottom: 124px; } #goto-program .programs-container{ padding-left: 177px; } #goto-program .programs-containerinner{ padding-left: 74px; } #goto-program .program{ top: -15px; margin-bottom: 62px; } #goto-program .program:last-child{ margin-bottom: 0; } #goto-program .program-bodyinner{ padding-top: 28px; } #goto-program .program-title{ font-size: 22px;font-size:1.375rem; margin-right: -40px; } #goto-program .program-title:before{ left: -80px; top: 8px; } #goto-program .program-title time{ left: -248px; } #goto-program .program-title strong{} #goto-program .program-title em{} #goto-program .participants{} #goto-program .participants dl{ margin-bottom: 32px; } #goto-program .participants dt{ font-size: 18px;font-size:1.125rem; margin-bottom: 16px; } #goto-program .participants dd{ font-size: 18px;font-size:1.125rem; } #goto-program .description{ font-size: 18px;font-size:1.125rem; line-height: 28px;line-height:1.5555555555556; padding-top: 56px; } #goto-program .description p{ margin: 28px 0; } #goto-program .break{ margin-bottom: 75px; padding-top: 35px; padding-bottom: 35px; } #goto-program .break:before, #goto-program .break:after{ margin-left: -906px; width: 1640px; } #goto-program .break-inner{ font-size: 22px;font-size:1.375rem; margin-right: -40px; } #goto-program .break-inner time{ left: -248px; } #goto-program .break--01{ margin-bottom: 0; } } @media (max-width: 1279px){ #goto-program .program-head{ position: relative; padding-right: 40px; } #goto-program .program-head[tabindex]:after{ position: absolute; bottom: 0; right: 0; } #goto-program .program-head[tabindex]:after{ background: url(../images/goto-hero-scrollto.svg.php?fill=1191F0) no-repeat center center; background-size: contain; content: ''; display: block; height: 22px; width: 18px; margin: 0 auto; overflow: hidden; text-indent: -9999em; transform: rotate(0); transition: transform 0.25s; } #goto-program .program-head[tabindex]:focus:after, #goto-program .program-head[tabindex]:hover:after{ background-image: url(../images/goto-hero-scrollto.svg.php?fill=000000)} #goto-program .program{ border-bottom: 1px solid #9FAF6B; padding: 30px 0; } #goto-program .program-title time{ margin-bottom: 13px; } #goto-program .break{ border-bottom: 1px solid #9FAF6B; padding: 30px 0; } #goto-program .break-inner time{ margin-bottom: 13px; } .js #goto-program .program-body{ display: none; } .js #goto-program .program--active .program-head:after{ transform: rotate(-180deg); } } @media (max-width: 767px){ #goto-program{ padding-top: 56px; padding-bottom: 97px; } } #goto-speakers{ background-color: #042641; color: #fff; padding: 0 20px; padding-top: 80px; padding-bottom: 140px; } #goto-speakers .speakers{ margin: 0 auto; max-width: 686px; } #goto-speakers .speakers-head, #goto-speakers .speakers-body{} #goto-speakers .speakers-body{} #goto-speakers .speakers-head{ margin-bottom: 62px; } #goto-speakers .speakers-headinner{} #goto-speakers .speakers-title{ color: #fff; font-size: 28px;font-size:1.75rem; line-height: 34px;line-height:1.2142857142857; margin: 0; margin-bottom: 20px; } #goto-speakers .speakers-content{ color: #E6EDCA; font-size: 20px;font-size:1.25rem; line-height: 26px;line-height:1.3; } #goto-speakers-grid{ display: flex; flex: 0 0 auto; flex-wrap: wrap; align-items: stretch } #goto-speakers-grid .speaker{ width: 50%; } #goto-speakers-grid .speaker-a{ display: block; position: relative; } #goto-speakers-grid .speaker-image{} #goto-speakers-grid .speaker-image picture{ background-repeat: no-repeat; background-position: center center; background-size: cover; display: block; } #goto-speakers-grid .speaker-image img{ display: block; height: auto; width: 100%; } #goto-speakers-grid .speaker-container{ background: url(../images/speaker-container.png) repeat-x center bottom; background-size: contain; color: #fff; display: table; position: absolute; left: 0; bottom: 0; height: 100%; width: 100%; z-index: 3; } #goto-speakers-grid .speaker-containerinner{ display: table-cell; vertical-align: bottom; padding: 20px; } #goto-speakers-grid .speaker-fullname{ font-size: 21px;font-size:1.3125rem; font-weight: normal; line-height: 1.2; margin: 0; } #goto-speakers-grid .speaker-fullname small{ font-size: 0.75em; line-height: 1; white-space: nowrap; } #goto-speakers-grid .speaker-role{ font-size: 16px;font-size:1rem; line-height: 25px;line-height:1.5625; } #goto-speakers-grid .speaker--1 picture{ background-image: url(../images/speaker--01.jpg)} #goto-speakers-grid .speaker--2 picture{ background-image: url(../images/speaker--02.jpg)} #goto-speakers-grid .speaker--3 picture{ background-image: url(../images/speaker--03.jpg)} #goto-speakers-grid .speaker--4 picture{ background-image: url(../images/speaker--04.jpg)} #goto-speakers-grid .speaker--5 picture{ background-image: url(../images/speaker--05.jpg)} #goto-speakers-grid .speaker--6 picture{ background-image: url(../images/speaker--06.jpg)} #goto-speakers-grid .speaker--7 picture{ background-image: url(../images/speaker--07.jpg)} #goto-speakers-grid .speaker--8 picture{ background-image: url(../images/speaker--08.jpg)} #goto-speakers-grid .speaker--9 picture{ background-image: url(../images/speaker--09.jpg)} #goto-speakers-grid .speaker--10 picture{ background-image: url(../images/speaker--10.jpg)} #goto-speakers-grid .speaker--11 picture{ background-image: url(../images/speaker--11.jpg)} #goto-speakers-grid .speaker-a:focus .speaker-fullname, #goto-speakers-grid .speaker-a:hover .speaker-fullname{ text-decoration: underline; } #goto-speakers-list{ display: none; } #goto-speakers-list .speaker{ border-bottom: 1px solid #1191F0; padding: 30px 0; } #goto-speakers-list .speaker-head{ position: relative; padding-right: 40px; } #goto-speakers-list .speaker-head[tabindex]:after{ position: absolute; bottom: 0; right: 0; } #goto-speakers-list .speaker-head[tabindex]:after{ background: url(../images/goto-hero-scrollto.svg.php?fill=1191F0) no-repeat center center; background-size: contain; content: ''; display: block; height: 22px; width: 18px; margin: 0 auto; overflow: hidden; text-indent: -9999em; transform: rotate(0); transition: transform 0.25s; } #goto-speakers-list .speaker-head[tabindex]:focus:after, #goto-speakers-list .speaker-head[tabindex]:hover:after{ background-image: url(../images/goto-hero-scrollto.svg.php?fill=ffffff); } #goto-speakers-list .speaker-fullname{ font-size: 20px;font-size:1.25rem; font-weight: normal; line-height: 1.2; margin: 0; } #goto-speakers-list .speaker-fullname small{ font-size: 0.75em; } #goto-speakers-list .speaker-role{ font-size: 16px;font-size:1rem; line-height: 1.2; } #goto-speakers-list .speaker-body{} #goto-speakers-list .speaker-bodyinner{ font-size: 16px;font-size:1rem; line-height: 24px;line-height:1.5; padding-top: 40px; } .js #goto-speakers-list .speaker-body{ display: none; } .js #goto-speakers-list .speaker--active .speaker-head:after{ transform: rotate(-180deg); } @media (min-width: 1280px){ #goto-speakers{ padding: 0; } #goto-speakers .speakers{ margin: 0 auto; display: table; width: 100%; max-width: none; } #goto-speakers .speakers-head, #goto-speakers .speakers-body{ display: table-cell; vertical-align: top; margin: 0; } #goto-speakers .speakers-headinner{ margin: 0 auto; max-width: 258px; padding-top: 142px; } #goto-speakers .speakers-body{ width: 66.666666%; } #goto-speakers .speakers-title{ font-size: 32px;font-size:2rem; line-height: 36px;line-height:1.125; margin-bottom: 18px; } #goto-speakers .speakers-content{ font-size: 20px;font-size:1.25rem; line-height: 26px;line-height:1.3; } #goto-speakers-grid .speaker{ width: 33.333333%; } #goto-speakers-grid .speaker-fullname{ font-size: 16px;font-size:1rem; } #goto-speakers-grid .speaker-role{ font-size: 16px;font-size:1rem; } } @media (min-width: 1536px){ #goto-speakers .speakers-headinner{ max-width: 360px; padding-top: 169px; } #goto-speakers .speakers-title{ font-size: 36px;font-size:2.25rem; line-height: 42px;line-height:1.1666666666667; margin-bottom: 25px; } #goto-speakers .speakers-content{ font-size: 22px;font-size:1.375rem; line-height: 28px;line-height:1.2727272727273; } #goto-speakers-grid .speaker-containerinner{ padding: 20px; } #goto-speakers-grid .speaker-fullname{ font-size: 21px;font-size:1.3125rem; } #goto-speakers-grid .speaker-role{ font-size: 16px;font-size:1rem; } } @media (min-width: 1920px){ #goto-speakers .speakers-headinner{ max-width: 464px; padding-top: 220px; } #goto-speakers .speakers-title{ font-size: 50px;font-size:3.125rem; line-height: 62px;line-height:1.24; margin-bottom: 40px; } #goto-speakers .speakers-content{ font-size: 25px;font-size:1.5625rem; line-height: 36px;line-height:1.44; } #goto-speakers-grid .speaker-containerinner{ padding: 20px; } #goto-speakers-grid .speaker-fullname{ font-size: 21px;font-size:1.3125rem; } #goto-speakers-grid .speaker-role{ font-size: 16px;font-size:1rem; } } @media (max-width: 767px){ #goto-speakers{ padding-bottom: 102px } #goto-speakers .speakers-headinner{ max-width: 260px; } #goto-speakers-grid{ display: none; } #goto-speakers-list{ display: block; } } #goto-speakersbio{ display: none; } .speakerbio{} .speakerbio-inner{ display: table; width: 100%; } .speakerbio-image{ display: table-cell; vertical-align: top; width: 366px; } .speakerbio-image picture{ background-repeat: no-repeat; background-position: center center; background-size: cover; display: block; } .speakerbio-image img{ display: block; height: auto; width: 100%; } .speakerbio-container{ display: table-cell; vertical-align: top; padding-left: 40px; } .speakerbio-containerinner{ padding-top: 40px; padding-bottom: 80px; } .speakerbio-fullname{ font-size: 23px;font-size:1.4375rem; font-weight: bold; line-height: 1.2; margin: 0; margin-bottom: 40px; } .speakerbio-fullname small{ color: #5EAEE8; font-size: 0.75em; } .speakerbio-role{ font-size: 18px;font-size:1.125rem; font-weight: bold; line-height: 1.2; margin-bottom: 90px; } .speakerbio-content{ font-size: 16px;font-size:1rem; line-height: 25px;line-height:1.5625; } .speakerbio-content p{ margin: 25px 0; } .speakerbio--1 picture{ background-image: url(../images/speaker--01.jpg)} .speakerbio--2 picture{ background-image: url(../images/speaker--02.jpg)} .speakerbio--3 picture{ background-image: url(../images/speaker--03.jpg)} .speakerbio--4 picture{ background-image: url(../images/speaker--04.jpg)} .speakerbio--5 picture{ background-image: url(../images/speaker--05.jpg)} .speakerbio--6 picture{ background-image: url(../images/speaker--06.jpg)} .speakerbio--7 picture{ background-image: url(../images/speaker--07.jpg)} .speakerbio--8 picture{ background-image: url(../images/speaker--08.jpg)} .speakerbio--9 picture{ background-image: url(../images/speaker--09.jpg)} .speakerbio--10 picture{ background-image: url(../images/speaker--10.jpg)} .speakerbio--11 picture{ background-image: url(../images/speaker--11.jpg)} .fancybox-slide--html{ padding: 40px; } .fancybox-content{ max-width: 1360px; } @media (min-width: 1280px){ } @media (min-width: 1536px){ } @media (min-width: 1920px){ } @media (max-width: 1279px){ .speakerbio-inner{ display: block; } .speakerbio-image{ display: block; width: 280px; } .speakerbio-container{ padding-left: 0; } .speakerbio-fullname{ margin-bottom: 1em; } .speakerbio-role{ margin-bottom: 1em; } } #goto-location{ background-color: #fff; padding: 0 20px; padding-top: 128px; padding-bottom: 110px; } #goto-location .location{} #goto-location .location-title{ font-size: 28px;font-size:1.75rem; font-weight: bold; line-height: 1.2; margin: 0; margin-bottom: 40px; } #goto-location .location-container{ display: table; width: 100%; } #goto-location .location-content, #goto-location .location-image{ display: table-cell; vertical-align: top; } #goto-location .location-image{ width: 375px; } #goto-location .location-contentinner{} #goto-location .location-contentinner dl{ margin: 0; padding: 0; } #goto-location .location-contentinner dt{ margin: 0; padding: 0; margin-bottom: 5px; } #goto-location .location-contentinner img{ display: block; height: auto; width: 70px; } #goto-location .location-contentinner dd{ margin: 0; padding: 0; font-size: 22px;font-size:1.375rem; line-height: 1.5; } #goto-location .location-date{ margin: 0; padding: 0; } #goto-location .location-address{ margin-top: 30px; } #goto-location .location-address a{ color: inherit; text-decoration: none; } #goto-location .location-address a:focus, #goto-location .location-address a:hover{ text-decoration: underline; } #goto-location .location-address small{font-size: 18px;font-size:1.125rem; line-height: 27px;line-height:1.5; } #goto-location .location-image{} #goto-location .location-image img{ display: block; height: auto; width: 100%; } @media (min-width: 1280px){ #goto-location{ padding-top: 152px; padding-bottom: 178px; } #goto-location .inner{ max-width: 916px; } #goto-location .location{} #goto-location .location-title{ font-size: 32px;font-size:2rem; } #goto-location .location-contentinner dt{ margin-bottom: 20px; } #goto-location .location-contentinner img{ width: 80px; } #goto-location .location-contentinner dd{ font-size: 20px;font-size:1.25rem; } #goto-location .location-address{ margin-top: 64px; } #goto-location .location-address small{font-size: 16px;font-size:1rem; line-height: 25px;line-height:1.5625; } #goto-location .location-image{ width: 540px; } } @media (min-width: 1536px){ #goto-location{ padding-top: 183px; padding-bottom: 220px; } #goto-location .inner{ max-width: 1110px; } #goto-location .location{} #goto-location .location-title{ font-size: 36px;font-size:2.25rem; } #goto-location .location-contentinner dt{ margin-bottom: 28px; } #goto-location .location-contentinner img{ width: 90px; } #goto-location .location-contentinner dd{ font-size: 22px;font-size:1.375rem; } #goto-location .location-address{ margin-top: 60px; } #goto-location .location-address small{font-size: 18px;font-size:1.125rem; line-height: 28px;line-height:1.5555555555556; } #goto-location .location-image{ width: 660px; } } @media (min-width: 1920px){ #goto-location{ padding-top: 180px; padding-bottom: 180px; } #goto-location .inner{ max-width: 1360px; } #goto-location .location{} #goto-location .location-title{ font-size: 44px;font-size:2.75rem; } #goto-location .location-contentinner dt{ margin-bottom: 28px; } #goto-location .location-contentinner img{ width: 90px; } #goto-location .location-contentinner dd{ font-size: 24px;font-size:1.5rem; } #goto-location .location-address{ margin-top: 64px; } #goto-location .location-address small{font-size: 20px;font-size:1.25rem; line-height: 35px;line-height:1.75; } #goto-location .location-image{ width: 660px; } } @media (max-width: 767px){ #goto-location{ padding-top: 86px; padding-bottom: 70px; } #goto-location .location-container{ display: block; } #goto-location .location-content{ display: block; margin-bottom: 77px; } #goto-location .location-contentinner dt{ margin-bottom: 18px; } #goto-location .location-address{ margin-top: 24px; } #goto-location .location-image{ margin: 0 -20px; display: block; width: auto; } } #tpl-success{ background: #F0F0F0;} #goto-register{ background: #F0F0F0; padding: 0 20px; padding-top: 85px; padding-bottom: 76px; } #goto-register .register{} #goto-register .register-head{ margin-bottom: 40px; } #goto-register .register-headinner{} #goto-register .register-body{} #goto-register .register-bodyinner{} #goto-register .register-thankyou{ display: table-cell; vertical-align: top; padding-top: 200px; } #goto-register .register-thankyou h2 strong{ display: block; font-size: 40px;font-size:2.5rem; font-size: 2.5rem; line-height: 36px;line-height:0.9; line-height: 0.9; } #goto-register .register-thankyou h2 small{ display: block; font-size: 22px;font-size:1.375rem; font-size: 1.375rem; line-height: 36px;line-height:1.6363636363636; line-height:1.6363636364; } #goto-register .register-title{ font-size: 1em; margin: 0; margin-bottom: 2em; } #goto-register .register-title small{ color: #1C90EB; display: block; font-size: 22px;font-size:1.375rem; font-size: 1.375rem; font-weight: bold; line-height: 43px;line-height:1.9545454545455; line-height: 1.9545454545; } #goto-register .register-title strong{ color: #042641; display: block; font-size: 28px;font-size:1.75rem; font-weight: bold; line-height: 34px;line-height:1.2142857142857; } #goto-register .register-legend{ left: -9999em; position: absolute; top: -9999em; height: 0; width: 0; overflow: hidden; } #goto-register .fields{} #goto-register .field{ margin-bottom: 20px; } #goto-register .field-label{ margin-bottom: 6px; } #goto-register .field-label label{ display: block; font-size: 14px;font-size:0.875rem; font-weight: bold; line-height: 1.2; } #goto-register .field-input{} #goto-register .field-input input{ border: 1px solid #D9D9D9; border-radius: 3px; display: block; height: 54px; padding: 0 1em; width: 100%; } #goto-register .field-input input:focus{ border-color: #319AED; outline: none; } #goto-register .field-input textarea{ border: 1px solid #D9D9D9; border-radius: 3px; display: block; height: 154px; padding: 1em; width: 100%; } #goto-register .field-input textarea:focus{ border-color: #319AED; outline: none; } #goto-register .input-select{ border-radius: 3px; color: #042641; display: block; font-size: 1rem; line-height: 3.375em; height: 3.375em; overflow: hidden; position: relative; transition: all 0.5s; } #goto-register .input-select:after{ background: url(../images/arrow-down.svg.php?fill=1191F0) no-repeat center center; content: ''; display: block; right: 0; top: 0; position: absolute; line-height: inherit; height: inherit; width: 40px; z-index: 3; transition: all 0.5s; } #goto-register .input-select select{ background-color: #fff; border: 1px solid #D9D9D9; appearance: none; outline: none; line-height: inherit; height: inherit; padding: 0 1.5em; padding-right: 60px; width: 100%; transition: all 0.5s; position: relative; z-index: 2; } #goto-register .input-select:focus-within select, #goto-register .input-select:focus select, #goto-register .input-select:hover select{ border-color: #1C90EB; outline: none; } #goto-register .input-select:focus-within:after, #goto-register .input-select:focus:after, #goto-register .input-select:hover:after{ background-color: #1C90EB; background-image: url(../images/arrow-down.svg.php?fill=ffffff); } #goto-register .submit{ padding-top: 40px; text-align: right; } #goto-register .submit button{ background-color: #1C90EB; border-color: #1C90EB; color: #fff; cursor: pointer; display: table; margin-left: auto; border-radius: 29px; font-size: 21px;font-size:1.3125rem; line-height: 58px;line-height:2.7619047619048; padding: 0 1.5em; transition: all 0.25s; } #goto-register .submit button:focus, #goto-register .submit button:hover{ background-color: #042641; border-color: #042641; } #goto-register .thankyou{} #goto-register .thankyou-inner{ color: #042641; text-align: right; } #goto-register .thankyou-title{ font-size: 30px;font-size:1.875rem; line-height: 1.2; margin: 0; margin-bottom: 1em; } #goto-register .thankyou-content{ font-size: 19px;font-size:1.1875rem; line-height: 1.2; margin: 0; margin-bottom: 1em; } #goto-register .thankyou-content time{ white-space: nowrap; } #goto-register .thankyou-ics{} #goto-register .thankyou-ics a{ background-color: #1191F0; border-radius: 22px; color: #fff; display: table; font-size: 16px;font-size:1rem; line-height: 44px;line-height:2.75; margin-left: auto; padding: 0 1.5em; text-decoration: none; transition: all 0.25s; } #goto-register .thankyou-ics a:focus, #goto-register .thankyou-ics a:hover{ background-color: #fff; color: #1191F0; } .js #goto-register .field--specify{ display: none; } @media (min-width: 1280px){ #goto-register{ padding-top: 156px; padding-bottom: 78px; } #goto-register .inner{ max-width: 916px } #goto-register .register{ display: table; table-layout: fixed; margin: 0 auto; width: 100%; } #goto-register .register-head{ display: table-cell; vertical-align: top; margin: 0; padding-right: 40px; } #goto-register .register-headinner{ max-width: 340px; } #goto-register .register-headinner:after{ background: url(../images/fiera-arrow.svg) no-repeat; background-size: contain; content: ''; display: block; height: 136px; width: 102px; margin-left: auto; position: relative; top: 52px; } #goto-register .register-body{ display: table-cell; vertical-align: top; } #goto-register .register-bodyinner{ margin-left: auto; max-width: 446px; } #goto-register .register-title small{ font-size: 22px;font-size:1.375rem; line-height: 43px;line-height:1.9545454545455; } #goto-register .register-title strong{ font-size: 32px;font-size:2rem; line-height: 40px;line-height:1.25; } #goto-register .submit button{ border-radius: 25px; font-size: 18px;font-size:1.125rem; line-height: 50px;line-height:2.7777777777778; } } @media (min-width: 1536px){ #goto-register{ padding-top: 154px; padding-bottom: 140px; } #goto-register .inner{ max-width: 1120px } #goto-register .register-title small{ font-size: 22px;font-size:1.375rem; line-height: 43px;line-height:1.9545454545455; } #goto-register .register-title strong{ font-size: 36px;font-size:2.25rem; line-height: 43px;line-height:1.1944444444444; } #goto-register .register-headinner{ max-width: 460px; } #goto-register .register-headinner:after{ height: 186px; width: 140px; } #goto-register .register-bodyinner{ max-width: 462px; } #goto-register .submit button{ border-radius: 25px; font-size: 18px;font-size:1.125rem; line-height: 50px;line-height:2.7777777777778; } } @media (min-width: 1920px){ #goto-register{ padding-top: 94px; padding-bottom: 140px; } #goto-register .inner{ max-width: 1360px } #goto-register .register-title small{ font-size: 22px;font-size:1.375rem; line-height: 43px;line-height:1.9545454545455; } #goto-register .register-title strong{ font-size: 40px;font-size:2.5rem; line-height: 46px;line-height:1.15; } #goto-register .register-headinner{ max-width: 600px; } #goto-register .register-headinner:after{ height: 186px; width: 140px; } #goto-register .register-bodyinner{ max-width: 462px; } #goto-register .submit button{ border-radius: 29px; font-size: 21px;font-size:1.3125rem; line-height: 58px;line-height:2.7619047619048; } } @media (max-width: 767px){ #goto-register{ padding-top: 116px; padding-bottom: 116px; } } #goto-ressources{ background: #fff; padding: 0 32px; } #goto-ressources .inner{ border-bottom: 1px solid #D1D3D4; padding-top: 231px; padding-bottom: 140px; } #goto-ressources .ressources{ margin-bottom: 80px; } #goto-ressources .ressources-title{ color: #0E263F; font-size: 1.875rem; font-weight: bold; line-height: 1.2; margin-bottom: 60px; text-align: center; } #goto-ressources .ressources-content{ color: #0E263F; font-size: 1.25rem; line-height: 1.95; margin: 0 auto; max-width: 810px; text-align: center; } #goto-ressources .ressources-content p{ margin: 1.95em 0; } #goto-ressources .documents{ display: flex; flex-wrap: wrap; justify-content: center; width: 100%; } #goto-ressources .document{ flex: 1 1 260px; align-items: stretch; text-align: center; padding: 30px 20px; } #goto-ressources .document-inner{ height: 100%; padding-bottom: 82px; position: relative; } #goto-ressources .document-image{ display: table; height: 200px; margin: 0 auto; margin-bottom: 40px; width: 138px; } #goto-ressources .document-imageinner{ display: table-cell; vertical-align: bottom; } #goto-ressources .document-imageinner picture{ display: block; } #goto-ressources .document-imageinner img{ background: #333; border: 1px solid #707070; display: block; height: auto; width: 100%; } #goto-ressources .document-title{ font-size: 1.125rem; line-height: 1.3333333333; margin: 0; } #goto-ressources .document-cta{ left: 0; right: 0; bottom: 0; position: absolute; } #goto-ressources .document-cta a{ display: table; margin: 0 auto; border: 1px solid #1C90EB; border-radius: 22px; color: #393939; font-size: 1rem; line-height: 44px; padding: 0 1.5em; padding-right: 3.125em; position: relative; text-decoration: none; } #goto-ressources .document-cta a:after{ background: url(../images/downloadable.svg.php?fill=1C90EB) no-repeat center center; background-size: contain; content: ''; display: block; height: 18px; width: 18px; position: absolute; right: 1.5em; top: 50%; margin-top: -9px; } #goto-ressources .document-cta a:focus, #goto-ressources .document-cta a:hover{ background-color: #1C90EB; color: #fff; } #goto-ressources .document-cta a:focus:after, #goto-ressources .document-cta a:hover:after{ background-image: url(../images/downloadable.svg.php?fill=ffffff); } @media (min-width: 1280px){ #goto-ressources .inner{ padding-top: 145px; padding-bottom: 170px; max-width: 1440px; } } @media (max-width: 767px){ #goto-ressources .document{ flex: 0 1 auto; width: 50%; } } @media (max-width:580px){ #goto-ressources .documents{ display: block } #goto-ressources .document{ width: auto; } } #goto-disclaimer{ background: #042641; color: #fff; height: 400px; } .field-error{ position: relative; color: #c14a4a; } .field-alert{ display: none; background-color: #c14a4a; color: #fff; font-size: 0.8rem; font-weight: bold; bottom: -0.5em; left: 0; padding: 5px 10px; position: absolute; z-index: 5; transform: translateY(100%); max-width: 300px; } .field-alert:before { content:""; display: block; position: absolute; left: 10px; top: -5px; width: 0; height: 0; border-left: 5px solid transparent; border-right: 5px solid transparent; border-bottom: 5px solid #c14a4a; } .field:hover .field-alert{ display: block; } .notifications{ margin-bottom: 30px; } .notification{ padding: 20px; } .notification-title{ font-weight: bold; margin-bottom: 1em; } .notification ul{} .notification li{} .notification a{ color: inherit; } .notification--success{ background-color: #899047; color: #fff; } .notification--errors{ background-color: #c14a4a; color: #fff; } /** * DEMO * html{ background: no-repeat center 0; } body{ opacity: 0.5; } #tpl-frontpage{ background-image: url(../../demo/768.jpg); margin: 0 auto; position: relative; max-width: 768px; } @media (min-width: 1280px){ #tpl-frontpage{ background-image: url(../../demo/1280.jpg); max-width: 1280px; } } @media (min-width: 1536px){ #tpl-frontpage{ background-image: url(../../demo/1536.jpg); max-width: 1536px; } #tpl-frontpage{ background-position: center 0; } #tpl-frontpage{ background-position: center 274px; } } @media (min-width: 1920px){ #tpl-frontpage{ background-image: url(../../demo/1920.jpg); max-width: 1920px; } #tpl-frontpage{ background-position: center 0; } } @media (max-width: 767px){ #tpl-frontpage{ background-image: url(../../demo/375.jpg); } #tpl-frontpage{ background-position: center -908px; } } /**/ No file chosen Send