/* normalize.css v1.1.0 | MIT License | git.io/normalize */article,aside,details,figcaption,figure,footer,header,hgroup,main,nav,section,summary{display:block}audio,canvas,video{display:inline-block}audio:not([controls]){display:none;height:0}[hidden]{display:none}html{font-size:100%;-webkit-text-size-adjust:100%;-ms-text-size-adjust:100%}html,button,input,select,textarea{font-family:Arial, sans-serif}body{margin:0}a:focus{outline:thin dotted}a:active,a:hover{outline:0}h1,h2,h3,h4,h5,h6{margin:0 0 1em}abbr[title]{border-bottom:0.0625em dotted}b,strong{font-weight:bold}blockquote{margin:1em 2.5em}dfn{font-style:italic}hr{-moz-box-sizing:content-box;box-sizing:content-box;height:0}mark{background:#ff0;color:#000}p,pre{margin:0 0 1em}code,kbd,pre,samp{font-family:monospace, serif;font-size:1em}pre{white-space:pre;white-space:pre-wrap;word-wrap:break-word}q{quotes:none}q:before,q:after{content:'';content:none}small{font-size:81.25%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sup{top:-0.5em}sub{bottom:-0.25em}dl,menu,ol,ul{margin:0 0 1em}dd{margin:0 0 0 2.5em}menu,ol,ul{padding:0}nav ul,nav ol{list-style:none;list-style-image:none}img{border:0;-ms-interpolation-mode:bicubic}svg:not(:root){overflow:hidden}figure{margin:0}form{margin:0}fieldset{border:none;margin:0;padding:0}legend{border:0;padding:0;white-space:normal}button,input,select,textarea{font-size:100%;margin:0;vertical-align:baseline}button,input{line-height:normal}button,select{text-transform:none}button,html input[type="button"],input[type="reset"],input[type="submit"]{-webkit-appearance:button;cursor:pointer}button[disabled],html input[disabled]{cursor:default}input[type="checkbox"],input[type="radio"]{box-sizing:border-box;padding:0}input[type="search"]{-webkit-appearance:textfield;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;box-sizing:border-box}input[type="search"]::-webkit-search-cancel-button,input[type="search"]::-webkit-search-decoration{-webkit-appearance:none}button::-moz-focus-inner,input::-moz-focus-inner{border:0;padding:0}textarea{overflow:auto;vertical-align:top}table{border-collapse:collapse;border-spacing:0}body{background-color:#fff;font-family:Arial, sans-serif;line-height:1.4}@media screen and (min-width: 20em){body:after{content:"b1";display:none;visibility:hidden}}img,video,iframe,object{max-width:100%;height:auto}img,video{vertical-align:text-bottom}button,input,select,textarea{box-sizing:border-box}p,li{font-size:1.0625em;letter-spacing:0.01764705882353em;line-height:1.33333333333333;margin-bottom:1.38888888888889em}@media screen and (min-width: 20em){p,li{font-size:1.125em;font-family:"Proxima Nova", Arial, sans-serif;letter-spacing:normal;font-size-adjust:0.5;margin-bottom:1.333333333333333em}}ul,ol{margin:0 0 1.5625em}li{list-style-position:inside;margin-bottom:0.61111111111111em}@media screen and (min-width: 19.25em){li{list-style-position:outside;margin-left:1em}}@media screen and (min-width: 30em){li{margin-left:0}}/* Components */.page-title{font-family:Calibri, Arial, sans-serif;font-size:2.375em;letter-spacing:-0.01315789473684em;line-height:1;margin-bottom:0.894736842105263em}@media screen and (min-width: 20em){.page-title{font-weight:normal;font-family:"Effra Medium", "Myriad Pro", Helvetica, Arial, sans-serif;font-size:2.5em;letter-spacing:normal;margin-bottom:1.4em}}.section-title{font-family:Calibri, Arial, sans-serif;font-size:1.625em;letter-spacing:-0.01315789473684em;line-height:1;margin-bottom:0.84615384615385em}@media screen and (min-width: 20em){.section-title{font-weight:normal;font-family:"Effra Medium", "Myriad Pro", Helvetica, Arial, sans-serif;font-size:1.6875em;letter-spacing:normal;margin-bottom:0.77777777777778em}}.section-title--nav{color:#fff;padding:0 7.5%}.page-header{padding:1em 0;position:relative}.logo{margin-bottom:1.375em}@media screen and (min-width: 20em){.logo{width:66.666%;max-width:11.3125em}}@media screen and (min-width: 20em){.menu-toggle{position:absolute;top:1.4375em;right:3.75%;width:1.625em;height:1.1875em}}@media screen and (min-width: 20em){.menu-toggle--close{height:1.625em}}.nav{background:#333}@media screen and (min-width: 20em){.nav.off-canvas{padding-top:3em;position:absolute;top:0;right:0;bottom:0;width:47.368421052632%}}.menu{border-bottom:0.0625em solid #373a3a;list-style:none;margin-bottom:0}.menu__item{border-top:0.0625em solid #373a3a;border-bottom:0.0625em solid #2a2c2c;margin:0}.menu__item:first-of-type{border-top:none}.menu__anchor{color:#fff;text-decoration:none;padding:0.61111111111111em 1.25em;display:block}.menu--enclosed{border-top:0.0625em solid #2a2c2c}.menu--enclosed .menu__item:first-of-type{border-top:0.0625em solid #373a3a}.social{background:#373a3a;border-bottom:0.0625em solid #2a2c2c;padding:0.75em 0;margin-bottom:3em}.social__item{margin:0}.social__anchor{color:#fff;background-position:1.25em 37.5%;background-size:auto 1em;text-decoration:none;padding:0.66666666666667em 1.25em 0.66666666666667em 3em;display:block}.nav-section{margin-bottom:3em}.nav-showcase{width:85%;margin:0 7.5%}.nav-showcase__item{float:left;width:45%;width:calc(50% - 0.5em);margin:0 0 1em}.nav-showcase__item:nth-of-type(2n+2){float:right}.module{border-bottom:0.0625em solid #333;padding-top:2em}.module__desc{color:#777;font-family:Arial, sans-serif;font-size:0.875em}/* Layout */.l-wrap{width:92.5%;max-width:39.6875em;margin-left:auto;margin-right:auto}[role=main]{}.l-grid{margin-left:-2.5%}.l-grid__item{display:inline-block;vertical-align:top;width:97.5%;margin-left:2.5%}.l-media{margin-bottom:1em}.l-media,.l-media__body{overflow:hidden}.l-media__img-wrap{display:block;margin-bottom:1em}@media screen and (min-width: 20em){.l-media__img-wrap{float:left;width:33%;margin-right:6%}}.l-media__img{display:block;margin:0 auto}@media screen and (min-width: 20em){.l-stretch{text-align:right}}.l-stretch__item{display:block;clear:left;margin-bottom:1em}@media screen and (min-width: 20em){.l-stretch__item{display:inline-block;clear:none}}.l-stretch__left{display:block;clear:left;margin-bottom:1em}@media screen and (min-width: 20em){.l-stretch__left{float:left}}.l-outer{overflow:hidden;position:relative;width:100%}@media screen and (min-width: 20em){.l-inner.off-canvas{position:relative;width:190%;transform:translate3d(0, 0, 0);-webkit-transform:translate3d(0, 0, 0);-webkit-transition:-webkit-transform 0.2s ease-in-out;transition:transform 0.2s ease-in-out}}@media screen and (min-width: 20em){.l-inner.off-canvas.is-visible{-webkit-transform:translate3d(-47.36842%, 0, 0);transform:translate3d(-47.36842%, 0, 0)}}@media screen and (min-width: 20em){.l-content.off-canvas{position:relative;z-index:2;width:52.631578947368%}}.l-bottom{margin:15em 2em 2em}.l-bottom a{margin-right:2em}/* Helper */.ir{background-color:transparent;border:0;overflow:hidden}.ir:before{content:"";display:block;width:0;height:150%}.visuallyhidden{border:0;clip:rect(0 0 0 0);height:0.0625em;margin:-0.0625em;overflow:hidden;padding:0;position:absolute;width:0.0625em}.cf:before,.cf:after{content:" ";display:table}.cf:after{clear:both} /* 1/16 */ /* 40/16 */ /* 40/16 */ /* 1/16 */ /* 1/16 */ /* 1/16 */ /* 1/16 */ /* 1/16 */ /* 1/16 */ /* 1/16 */ /* 1/16 */ /* 1/16 */ /* 1/16 */ @font-face { font-family: 'texgyreadventorbold'; src: url('../fonts/texgyreadventor-bold-webfont.eot'); src: url('../fonts/texgyreadventor-bold-webfont.eot?#iefix') format('embedded-opentype'), url('../fonts/texgyreadventor-bold-webfont.woff') format('woff'), url('../fonts/texgyreadventor-bold-webfont.ttf') format('truetype'), url('../fonts/texgyreadventor-bold-webfont.svg#texgyreadventorbold') format('svg'); font-weight: normal; font-style: normal; } @font-face { font-family: 'texgyreadventoritalic'; src: url('../fonts/texgyreadventor-italic-webfont.eot'); src: url('../fonts/texgyreadventor-italic-webfont.eot?#iefix') format('embedded-opentype'), url('../fonts/texgyreadventor-italic-webfont.woff') format('woff'), url('../fonts/texgyreadventor-italic-webfont.ttf') format('truetype'), url('../fonts/texgyreadventor-italic-webfont.svg#texgyreadventoritalic') format('svg'); font-weight: normal; font-style: normal; } @font-face { font-family: 'texgyreadventorregular'; src: url('../fonts/texgyreadventor-regular-webfont.eot'); src: url('../fonts/texgyreadventor-regular-webfont.eot?#iefix') format('embedded-opentype'), url('../fonts/texgyreadventor-regular-webfont.woff') format('woff'), url('../fonts/texgyreadventor-regular-webfont.ttf') format('truetype'), url('../fonts/texgyreadventor-regular-webfont.svg#texgyreadventorregular') format('svg'); font-weight: normal; font-style: normal; } html { height: 100%; } body { margin:0; padding:0; height: 100%; font-family: "texgyreadventorregular",Helvetica,Arial,sans-serif; font-size:16px; color:#303e48; background-color: #ffffff; } /* 14/16 */ h2 { font-family: "texgyreadventorbold",Helvetica,Arial,sans-serif; font-size: 50px; line-height: 50px; letter-spacing: 0em; font-weight: normal; } /* 0/16 */ h2:after { content: ""; border-bottom: 15px solid #303e48; text-align: left; padding-top: 50px; display: block; width: 1.44em; } /* 15/16 */ h3 { font-family: "texgyreadventorbold",Helvetica,Arial,sans-serif; font-size: 1.5em; line-height: 1.2em; font-weight: normal; margin-right: 10%;} /* 24/16 */ h5 { font-family: Helvetica,Arial,sans-serif; font-size: 1.2em; line-height: 1.45em; margin-right: 10%; margin-bottom: 7%; font-weight: normal; } p { font-family: Helvetica,Arial,sans-serif; font-size: 1.09em; line-height: 1.30em; margin-right: 10%; font-weight: normal; } /* 20/16 */ /* 26/16 */ h4,h5,h6 { font-family: Helvetica,Arial,sans-serif; font-weight: normal; } header { position: fixed; top:0; width:100%; padding:0; z-index: 100; background: #ffffff; } /* 40/16 */ #top { position: relative; width:1160px; margin: 40px auto; } .logo-wrap img { width: 100%; max-width: 363px; } /* 314/16 */ .nav-btn { display: none; position: absolute; right: 0; top: -5px; cursor: pointer; } /* 15/16 */ .container { width:1160px; padding:0; margin: 0 auto; position: relative; } .col-left { width:50%; float: left; } .col-right { width:50%; float: left; text-align: right; } .col { width: 100%; float: left; } section { display: block; float: left; width: 100%; margin: 100px 0; } img.next-arrow { position: absolute; top:-41px; left:50%; margin-left: -41px; width:82px; height:41px; } #quote { background: url('../images/speech.jpg') no-repeat 20px 20px; border: 2px solid #303e48; padding: 80px 20px 20px 20px; position: relative; -moz-border-radius: 15px; -webkit-border-radius: 15px; border-radius: 15px; } .quote-inner { background: url('../images/speech.jpg') no-repeat left bottom; padding: 0 0 80px 0; text-align: left; } .quote-mark { background: url('../images/speech-mark.jpg') no-repeat left bottom; position: absolute; bottom: -78px; right:40px; width: 59px; height: 79px; } blockquote { text-align: left; margin: 10px 0; padding: 0; font-family: "texgyreadventorregular",Helvetica,Arial,sans-serif; font-size: 25px; line-height:28px; font-weight: normal; margin: 0 0 20px 0; } span.author { font-family: "texgyreadventorbold",Helvetica,Arial,sans-serif; } ul#special-logos { margin: 0; padding: 5% 0; } ul#special-logos li { display: inline-block; width: 32%; margin: 0; padding: 0; zoom: 1; *display: inline; } ul#special-logos li.ttl { width:32%; margin-right: 10%; } ul#special-logos li.pp { width: 22%; } #menu { position: absolute; top:5px; right:0; z-index: 101; margin:0; padding:0; } /* 40/16 */ #menu ul { text-align: right; margin:0; padding:0; } #menu ul li { display: inline-block; margin: 0; padding: 0; } #menu ul li a { color:#303e48; text-decoration: none; font-family: "texgyreadventorbold",Helvetica,Arial,sans-serif; padding: 0 10px; font-size: 20px; line-height: 20px; } /* 10/16 */ #menu ul li a.current { text-decoration: underline; } .slide { float: left; width: 100%; padding:0; height: 100%; position: relative; } #home.slide { background:#ffffff; } #home.slide h1 { font-family: "texgyreadventorbold",Helvetica,Arial,sans-serif; font-size: 6em; line-height: 0.95em; letter-spacing: -1px; font-weight: normal; margin:0; } /* 1/16 */ #home.slide h2:after { border: none; } #home.slide h2 { font-family: "texgyreadventorbold",Helvetica,Arial,sans-serif; font-size: 16em; line-height: 0.65em; letter-spacing: -10px; margin:0; } /* 8/16 */ #home.slide h2 span { font-family: "texgyreadventorregular",Helvetica,Arial,sans-serif; font-weight: normal; } #home .col-left { float: left; margin-right: 20px; } #home .col-right { float: right; text-align: left; } #home .col-left img { width:100%; max-width:363px; } #home .col-right img { width:100%; max-width:453px; } #home section { margin: 250px 0 150px 0;} #about.slide { background:#fdc741; } #about .col-right { text-align: center; } #about-feature { background:#fdc741; } #about-feature ul { margin: 0; padding: 0; } #about-feature ul li { display: inline-block; width: 32.8%; margin:0; margin-top: 0.8%; padding: 0; zoom: 1; *display: inline; float: left; } #about-feature ul li.first { margin-right: 0.8%; } #about-feature ul li.second { margin-right: 0.8%; } #about-feature ul li img { float: left; width: 100%; } #specialists.slide { background:#303e48; } #specialists h3 { color:#fff; margin-bottom: 0.5em; } #partners.slide { background:#ffffff; } #places.slide { background:#303e48; } #specialists.slide h2, #specialists.slide p, #places.slide h2, #places.slide p { color:#ffffff; } #specialists.slide h2:after,#places.slide h2:after { border-bottom: 15px solid #ffffff; } /* 15/16 */ #partners .col-right { width: 350px; } #partners .col-left { width:806px; } #partners h3 { margin-bottom: 2em; } .partner { width:100%; float: left; margin-bottom: 1.25em; } /* 20/16 */ .partner .img { width:20%; margin: 0 5% 5% 0; float: left; } .partner .img img { width: 100%; max-width: 156px; margin-top: 5px; } /* 200/16 */ .partner .content { width:75%; float: left; } .partner .content p { font-size: 1em; } .partner .content h3 { margin-bottom:0!important; font-size:1.3em; } .partner .content h4 { font-size: 1.25em; } /* 20/16 */ main { background: #fdc741; } section.address { width: 300px; float: left; margin: 0 0 20px 0; color: #fff; } section.address h3 { color: #fff; } section.address a { text-decoration: none; color:#fff; } footer { float: left; width: 100%; padding:0; background: #303e48; } #bottom { width:1160px; margin: 200px auto 10px auto; } p.legal { margin:0; color:#fff; } @media only screen and (min-width : 1em) { h2 { font-size: 3em; } h2:after { border-bottom: 15px solid #303e48; } /* 10/16 */ h3 { font-size: 1.25em; } /* 20/16 */ p { font-size: 1em; } header { position: absolute; } #home section { margin: 150px 0; } .logo-wrap img { max-width: 9.375em; } /* 150/16 */ .nav-btn { display: block; } #menu { display:none; width:100%; top:5.875em; right:0; background: #ffffff; border-top:1px solid #ececec; } /* 94/16 */ /* 1/16 */ #menu ul { text-align: center; } #menu ul li { display: block; float: left; width:100%; border-bottom:1px solid #ececec; } /* 1/16 */ #menu ul li a { float: left; text-align: center; padding: 1.25em 0; width: 100%; } /* 20/16 */ #menu ul li a:hover { background:#ececec; } .col-left { width:100%; margin-bottom: 40px; } .col-right { width:100%; } #home.slide h1 { text-align: center; font-size: 3em; } #home.slide h2 { text-align: center; font-size: 6em; } ul#special-logos li {width: 100%; } #partners .col-right { width: 100%; } #partners .col-left { width:100%; } .partner .img { width:100%; margin: 0 0 5% 0; } .partner .content { width:100%; float: left; } section.address { width: 100%; } .container,#top,#bottom { width: 80%; } } @media only screen and (min-width : 20em) { h2 { font-size: 3em; } h2:after { border-bottom: 15px solid #303e48; } /* 10/16 */ h3 { font-size: 1.25em; } /* 20/16 */ p { font-size: 1em; } header { position: absolute; } .logo-wrap img { max-width: 200px; } /* 150/16 */ .nav-btn { display: block; } #menu { display:none; width:100%; top:59px; background: #ffffff; border-top:1px solid #ececec; } /* 94/16 */ /* 1/16 */ #menu ul { text-align: center; } #menu ul li { display: block; float: left; width:100%; border-bottom:1px solid #ececec; } /* 1/16 */ #menu ul li a { float: left; text-align: center; padding: 1.25em 0; width: 100%; } /* 20/16 */ .col-left { width:100%; } .col-right { width:100%; } #home .col-left img { width:80%; } #home.slide h1 { text-align: left; font-size: 3em; } #home.slide h2 { text-align: left; font-size: 6em; } ul#special-logos li {width: 100%; } ul#special-logos li.ttl { width:100%; margin-right: 0%; } ul#special-logos li.pp { width: 100%; } #partners .col-right { width: 100%; } #partners .col-left { width:100%; } .partner .img { width:100%; margin: 0 0 5% 0; } .partner .content { width:100%; float: left; } #quote { display: none; } .container,#top,#bottom{ width: 280px; } } /* ===== == = === 30em (30em) === = == ===== */ /* 480/16 */ @media only screen and (min-width : 30em) { .logo-wrap img { max-width: 200px; } /* 200/16 */ #home .col-left img { width:50%; } #home .col-right img { width:80%; } .container,#top,#bottom { width: 440px; } } /* ===== == = === 37.5em (37.5em) === = == ===== */ /* 600/16 */ @media only screen and (min-width: 37.5em) { .container,#top,#bottom { width: 480px; } .logo-wrap img { max-width: 300px; } } /* ===== == = === 48em (48em) === = == ===== */ /* 768/16 */ @media only screen and (min-width : 48em) { header { position: fixed; } ul#special-logos li { width: 32%; } ul#special-logos li.ttl { width:32%; margin-right: 10%; } ul#special-logos li.pp { width: 22%; } .col-left { width:50%; margin-bottom: 0px; } .col-right { width:50%; } #home .col-left img { width:80%; } #home .col-right img { width:100%; } #home.slide h1 { text-align: left; font-size: 3em; } #home.slide h2 { text-align: left; font-size: 7em; } section.address { width: 50%; } .partner .img { width:20%; margin: 0 5% 5% 0; } .partner .content { width:75%; float: left; } .container,#top,#bottom { width: 600px; } #home .col-left { margin-right: 0px; } } /* ===== == = === 56.25em (56.25em) === = == ===== */ /* 900/16 */ @media only screen and (min-width : 56.25em) { .logo-wrap img { min-width: 300px; } p { font-size: 1.09em; } h3 { font-size: 1.5em; } #home section { margin: 250px 0 150px 0; } #home .col-left img { width:90%; } #home .col-right img { width:100%; } .nav-btn { display: none; } #menu { display:block!important; width: auto; top:5px; background: none; border-top: none; } /* 40/16 */ #menu ul { text-align: right; } #menu ul li { display: inline-block; float: left; width:auto; border-bottom:none; padding:0; } #menu ul li a { float: left; text-align: left; padding: 0 0.625em; font-size: 14px; line-height: 14px; width: auto; } /* 10/16 */ #menu ul li a:hover { background:none; } #home.slide h1 { text-align: left; font-size: 4.5em; } #home.slide h2 { text-align: left; font-size: 11em; } #partners .col-right { width: 350px; } #partners .col-left { width:806px; } section.address { width: 300px; } #quote { display: block; } .container,#top,#bottom { width: 768px; } } /* ===== == = === 68.75em (68.75em) === = == ===== */ /* 1100/16 */ @media only screen and (min-width : 68.75em) { .container,#top,#bottom { width: 900px; } .logo-wrap img { max-width: 363px; margin: 0; } /* 314/16 */ #menu ul li a { font-size: 16px; line-height: 16px; } #home.slide h1 { text-align: left; font-size: 5em; } #home.slide h2 { text-align: left; font-size: 13em; } #home .col-left img { width:100%; } #home .col-right img { width:100%; } #home .col-left { margin-right: 20px; } } /* ===== == = === 81.25em (81.25em) === = == ===== */ /* 1300/16 */ @media only screen and (min-width : 81.25em) { #menu ul { text-align: right; } #menu ul li { display: inline-block; float: left; width:auto; border-bottom:none; padding:0; } #menu ul li a { float: left; text-align: left; padding: 0 0.625em; font-size: 20px; line-height: 20px; width: auto; } /* 10/16 */ .container,#top,#bottom { width: 1160px; } #home.slide h1 { text-align: left; font-size: 6em; } #home.slide h2 { text-align: left; font-size: 16em; } } /* 2000px */ @media only screen and (min-width : 125.000em) { h2 { font-size: 4em; } h2:after { border-bottom: 15px solid #303e48; } /* 15/16 */ h3 { font-size: 1.5em; } /* 24/16 */ p { font-size: 1.25em; } /* 20/16 */ #menu ul { text-align: right; } #menu ul li { display: inline-block; float: left; width:auto; border-bottom:none; padding:0; } #menu ul li a { float: left; text-align: left; padding: 0 0.625em; font-size: 20px; line-height: 20px; width: auto; } /* 10/16 */ #home.slide h1 { text-align: left; font-size: 6em; } #home.slide h2 { text-align: left; font-size: 16em; } }