/* ------------------------------------------- Name: Glass Cubes Date: 2015/12/15 Author: http://psdhtml.me --------------------------------------------- */ * { margin: 0; padding: 0; } *, :before, :after { -moz-box-sizing: border-box; -webkit-box-sizing: border-box; -o-box-sizing: border-box; -ms-box-sizing: border-box; box-sizing: border-box; } html { overflow-y: scroll; min-height: 100%; margin: 0 0 1px; font-size: 100.01%; -webkit-tap-highlight-color: rgba(0,0,0,0); -moz-osx-font-smoothing: grayscale; -webkit-overflow-scrolling: touch; -ms-content-zooming: none; } body { min-height: 100%; background: #343434; font-size: 62.5%; -webkit-font-smoothing: antialiased; -webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%; } body, textarea, input, select, option, button { color: #000; font-family: 'Open Sans', Arial, Helvetica, sans-serif; line-height: 1.525; } li, dt, dd, p, figure, th, td, caption, legend, pre { font-size: 1.7em; } li *, dt *, dd *, p *, figure *, th *, td *, legend * { font-size: 1em; } ul, ol, dl, p, figure, table, pre, h1, h2, h3, h4, h5, h6, legend { margin-bottom: 26px; } article, aside, details, div, figcaption, figure, footer, header, hgroup, main, menu, nav, section, summary { display: block; } /*! Layout --------- */ #root { overflow: hidden; position: relative; width: 100%; padding: /*80px*/ 0 0; background: #fff; } #top { position: absolute; left: -3000em; top: 0; z-index: 10; width: 100%; height: 80px; padding: 23px 0 0; background: #fff; } #top:after { content: ""; display: block; overflow: hidden; clear: both; height: 0; } #top h4, #top-fixed h4 { position: relative; z-index: 2; width: 1170px; height: 35px; margin: 0 auto; } #top h4 a, #top-fixed h4 a { display: block; overflow: hidden; width: 100%; height: 100%; background: url(../images/logo.svg) 0 center no-repeat; background-size: auto 100%; text-indent: -3000em; } .ie #top h4 a, .ie #top-fixed h4 a { background: url(../images/sprite.png) no-repeat; } #skip { position: fixed; top: 0; left: -10000px; } #skip a:focus, #skip a:active { display: block; position: absolute; left: 10000px; top: 0; z-index: 10001; width: 200px; margin: 15px 0 0 15px; padding: 4px 8px; background: #333; color: #fff; font-weight: 500; font-size: 1.1em; text-align: center; text-decoration: none; } #nav { position: absolute; right: 50%; top: 23px; z-index: 3; margin: 0 -585px 0 0; } #nav > ul { list-style: none; margin: 0; padding: 0; } #nav > ul > li { position: absolute; left: -3000em; top: 0; float: left; height: 57px; padding: 0 0 0 44px; font-size: 1.6em; } #nav > ul > li > a { display: block; overflow: hidden; position: relative; padding: 4px 0 6px; border-radius: 3px; color: #fff; } #nav > ul > li.a { padding-left: 52px; } #nav > ul > li.a > a { padding-left: 21px; padding-right: 21px; background: #80c342; text-transform: uppercase; text-decoration: none; } #nav > ul > li.a > a:hover { background: #88cf46; } #nav > ul > li > ul, #nav > ul > li > div { position: absolute; left: 31px; top: -3000em; list-style: none; padding: 0 0 2px; border: 1px solid #545454; background: #333; color: #fff; white-space: nowrap; } .no-mobile #nav > ul > li:hover > ul, .no-mobile #nav > ul > li:hover > div, .mobile #nav > ul li.toggle > div, .mobile #nav > ul li.toggle > ul { top: 100%; } #nav > ul > li > ul > li, #nav > ul > li > div ul li { margin-bottom: 1px; } #nav > ul > li > ul > li a { display: block; padding: 3px 12px; color: #fff; } #nav > ul > li > div { left: 7px; } .no-mobile #nav > ul > li > div { width: 550px; min-height: 161px; } .no-mobile #nav > ul > li > div:before { content: ""; display: block; position: absolute; right: 7px; top: 7px; bottom: 7px; z-index: 1; width: 280px; border: 1px solid #545454; } #nav > ul > li > div ul { list-style: none; float: left; width: 240px; margin: 0; padding: 0; } #nav > ul > li > div ul li a { display: block; position: relative; padding: 3px 12px 3px 36px; color: #fff; } #nav > ul > li > div ul li span { display: block; visibility: hidden; position: absolute; right: 30000em; top: 7px; bottom: 7px; z-index: 2; width: 280px; padding: 1px 0 0; background-position: center 100%; background-size: contain; background-repeat: no-repeat; line-height: 1.3; text-align: center; opacity: 0; } .no-mobile #nav > ul > li > div ul li span { right: 7px; } .no-mobile #nav > ul > li > div ul li.hover span { visibility: visible; opacity: 1; } #nav > ul > li > div ul li.a span { background-image: url(../images/nav/a.svg); } #nav > ul > li > div ul li.b span { background-image: url(../images/nav/b.svg); } #nav > ul > li > div ul li.c span { background-image: url(../images/nav/c.svg); } #nav > ul > li > div ul li.d span { background-image: url(../images/nav/d.svg); } #nav > ul > li > div ul li.e span { background-image: url(../images/nav/e.svg); } .lt-ie9 #nav > ul > li > div ul li.a span { background-image: url(../images/nav/a.svg.png); } .lt-ie9 #nav > ul > li > div ul li.b span { background-image: url(../images/nav/b.svg.png); } .lt-ie9 #nav > ul > li > div ul li.c span { background-image: url(../images/nav/c.svg.png); } .lt-ie9 #nav > ul > li > div ul li.d span { background-image: url(../images/nav/d.svg.png); } .lt-ie9 #nav > ul > li > div ul li.e span { background-image: url(../images/nav/e.svg.png); } #nav > ul > li > div ul li a i { display: block; position: absolute; left: 0; top: 8px; width: 36px; text-align: center; } #nav > ul > li > div ul li.a a i { color: #ef4136; } #nav > ul > li > div ul li.b a i { color: #80c342; } #nav > ul > li > div ul li.c a i { color: #ffc20e; } #nav > ul > li > div ul li.d a i { color: #29aae2; } #nav em, #root .a > #top { position: absolute; left: -3000em; top: -3000em; right: auto; bottom: auto; } #top > .menu, #top-fixed > .menu { display: block; position: absolute; right: 12px; top: -3000em; z-index: 10000; width: 49px; height: 49px; background: #1a1a1a; cursor: pointer; } /*#top > .menu, #top-fixed > .menu { -moz-transform-origin: right 0; -webkit-transform-origin: right 0; -o-transform-origin: right 0; -ms-transform-origin: right 0; transform-origin: right 0; -moz-transform: scale(.3,.3); -webkit-transform: scale(.5,.5); -o-transform: scale(.5,.5); -ms-transform: scale(.5,.5); transform: scale(.5,.5); }*/ #top > .menu:before, #top > .menu:after, #top-fixed > .menu:before, #top-fixed > .menu:after { content: ""; display: block; position: absolute; left: 50%; width: 30px; margin: 0 0 0 -15px; height: 13px; border-bottom: 3px solid #fff; } #top > .menu:before, #top-fixed > .menu:before { top: 13px; border-top: 3px solid #fff; } #top > .menu:after, #top-fixed > .menu:after { bottom: 13px; } #top.toggle > .menu, #top-fixed.toggle > .menu { } #top.toggle > .menu:before, #top-fixed.toggle > .menu:before { top: 23px; height: 3px; border-top-width: 0; border-bottom-width: 0; background: #fff; } #top.toggle > .menu:after, #top-fixed.toggle > .menu:after { bottom: 23px; height: 3px; border-top-width: 0; border-bottom-width: 0; background: #fff; } #top.toggle > .menu:before, #top-fixed.toggle > .menu:before { transform: rotate(-225deg); -moz-transform: rotate(-225deg); -webkit-transform: rotate(-225deg); -o-transform: rotate(-225deg); -ms-transform: rotate(-225deg); } #top.toggle > .menu:after, #top-fixed.toggle > .menu:after { transform: rotate(225deg); -moz-transform: rotate(225deg); -webkit-transform: rotate(225deg); -o-transform: rotate(225deg); -ms-transform: rotate(225deg); } #top-fixed { position: fixed; left: 0; top: -80px; z-index: 11; width: 100%; height: 80px; padding: 23px 0 0; background: #333; } #top-fixed #nav > ul > li { position: relative; left: 0; } #top-fixed.show { top: 0; } #root.top-show.totop { padding-top: 80px; } #welcome { position: relative; width: 1170px; margin: 0 auto; padding: 72px 0 300px; line-height: 1.2; text-align: center; } #welcome h1, #welcome h2 { margin: 0 0 30px; } #welcome p { margin-bottom: 72px; font-size: 2.2em; } #welcome p.link-a { font-size: 1.7em; } #welcome > div.middle { position: absolute; left: 0; top: 45%; right: 0; } #welcome > div.middle { -moz-transform: translateY(-50%); -webkit-transform: translateY(-50%); -o-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); } #welcome .list-b { overflow: visible; position: absolute; left: 50%; bottom: 30px; width: 902px; margin: 0 0 0 -456px; } #welcome .list-b li { position: absolute; bottom: 0; padding-top: 30px; } #welcome .list-b li:first-child { left: 0; } #welcome .list-b li:first-child + li { left: 241px; } #welcome .list-b li:first-child + li + li { right: 241px; } #welcome .list-b li:first-child + li + li + li { right: 0; } #welcome #sbt { max-width: 685px;margin: 0 auto;margin-bottom: 55px;} #featured { position: relative; z-index: 3; min-height: 770px; padding: 85px 0 300px; background: #ccc; } .lt-ie9 #featured { min-height: 408px; } .lt-ie9 #featured, .lt-ie9 #welcome { -moz-box-sizing: content-box; -webkit-box-sizing: content-box; -o-box-sizing: content-box; -ms-box-sizing: content-box; box-sizing: content-box; } #featured:before { content: ""; display: block; position: absolute; left: -1000em; bottom: 0; z-index: 1; width: 3000em; height: 4px; background: url(../images/module-d.svg) repeat-x; background-size: auto 4px; } #featured:after { content: ""; display: block; position: absolute; z-index: 2; background-repeat: no-repeat; background-size: 100% 100%; } .lt-ie9 #featured:after, .lt-ie9 .module-d:before, .lt-ie9 .module-d:after { background-image: url(../images/module-d.png); } #featured > * { z-index: 5; width: 1170px; margin-left: auto; margin-right: auto; } #featured h1, #featured h2, #featured h3 { position: relative; margin: 0 0 31px; padding: 0 0 0 118px; font-weight: 300; } #featured h1 span, #featured h2 span, #featured h3 span { display: block; margin: 9px 0 0; color: #000; font-size: 22px/*.647em*/; font-weight: 400; } #featured h1 i, #featured h2 i, #featured h3 i { display: block; position: absolute; left: 0; top: 8px; width: 85px; font-size: 92px; line-height: 92px; text-align: center; } #featured p { max-width: 690px; font-size: 2em; } #featured figure { position: absolute; right: 0; bottom: -36px; top: auto; z-index: 40000; width: auto; } #root #featured figure.mobile-only { bottom: auto; } #featured > .clouds { position: absolute; left: 0; bottom: 0; z-index: 3; width: 100%; height: 204px; } #featured > .clouds > *, #featured > .bigclouds > *, #featured > .icons > *, #featured > .lines > *, #featured > .static > *, div.b #featured > .cloud > *, div.b #featured > .arrow > * { display: block; position: absolute; left: 0; top: 0; z-index: 1; width: 100%; font-weight: 400; } #featured > .clouds > *:before, #featured > .bigclouds > *:before, #featured > .icons > *:before, #featured > .lines > *:before, #featured > .static > *:before, div.b #featured > .cloud > *:before, div.b #featured > .person:before, div.b #featured > .arrow:before, div.b #featured > .bg:before, div.d #featured > .person:before, div.d #featured > .line:before, div.d #featured > .cloud:before, div.d #featured > .bg:before, div.c #featured > .cog:before, div.c #featured > .check:before, div.c #featured > .cloud:before, div.c #featured > .person:before { content: "\e911"; display: block; position: absolute; left: 50%; font-weight: 400; color: #ccc; font-family: i; } #featured > .clouds > .a:before { top: 33px; margin-left: -604px; color: #fff; font-size: 35px; line-height: 35px; } #featured > .clouds > .b:before { top: 0; margin-left: -364px; color: #ccc; font-size: 23px; line-height: 23px; } #featured > .clouds > .c:before { top: 54px; margin-left: -427px; color: #ccc; font-size: 56px; line-height: 56px; } #featured > .clouds > .d:before { content: "\e912"; top: 55px; margin-left: -154px; color: #ccc; font-size: 32px; line-height: 32px; } #featured > .clouds > .e:before { top: 27px; color: #ccc; font-size: 36px; line-height: 36px; } #featured > .clouds:before { content: "\e912"; display: block; position: absolute; left: 50%; bottom: -37px; z-index: 2; margin: 0 0 0 -463px; font-weight: 400; color: #fff; font-family: i; font-size: 164px; line-height: 164px; } #featured > .bigclouds { position: absolute; left: 0; bottom: 0; z-index: 2; width: 100%; height: 204px; } #featured > .bigclouds > *:before { content: "\e912"; } #featured > .bigclouds > .a:before { top: 117px; margin-left: -559px; color: #b2b2b2; font-size: 67px; line-height: 67px; } #featured > .bigclouds > .b:before { top: 110px; margin-left: -195px; color: #cdcccc; font-size: 103px; line-height: 103px; } #featured > .icons { position: absolute; left: 0; bottom: 0; z-index: 3; width: 100%; height: 383px; } #featured > .icons > *:before { content: ""; width: 117px; height: 117px; } #featured > .icons > .a:before { top: 15px; margin-left: -563px; background: url(../images/featured/icon-aa.svg) no-repeat; } #featured > .icons > .b:before { top: 15px; width: 120px; margin-left: -395px; background: url(../images/featured/icon-ab.svg) no-repeat; } #featured > .icons > .c:before { top: 15px; margin-left: -229px; background: url(../images/featured/icon-ac.svg) no-repeat; } #featured > .icons > .d:before { top: 0; width: 140px; height: 132px; margin-left: -70px; background: url(../images/featured/icon-ad.svg) no-repeat; } #featured > .lines { position: absolute; left: 0; bottom: 0; z-index: 1; width: 100%; height: 383px; } #featured > .lines > .a:before { content: "\e928"; top: 108px; margin-left: -496px; color: #fff; font-size: 203px; line-height: 203px; } #featured > .lines > .b:before { content: "\e929"; top: 119px; margin-left: -332px; color: #fff; font-size: 137px; line-height: 137px; } #featured > .lines > .c:before { content: "\e92a"; top: 119px; margin-left: -201px; color: #fff; font-size: 158px; line-height: 158px; } #featured > .lines > .d:before { content: "\e92b"; top: 112px; margin-left: -106px; color: #fff; font-size: 186px; line-height: 186px; } #featured > .static { position: absolute; left: 0; bottom: 0; z-index: 0; width: 100%; height: 383px; } #featured > .static > .a:before { content: "\e912"; top: -24px; margin-left: -603px; color: #ccc; font-size: 32px; line-height: 32px; } #featured > .static > .b:before { top: 43px; margin-left: -290px; color: #ccc; font-size: 17px; line-height: 17px; } #featured > .static > .c:before { top: 2px; margin-left: -122px; color: #fff; font-size: 11px; line-height: 11px; } #featured > .static > .d:before { top: 69px; margin-left: -170px; color: #bfbfbf; font-size: 36px; line-height: 36px; } #featured > .static > .e:before { top: 183px; margin-left: -395px; color: #fff; font-size: 11px; line-height: 11px; } #featured > .static > .f:before { top: 208px; margin-left: -184px; color: #fff; font-size: 17px; line-height: 17px; } #featured > .static > .g:before { top: 149px; margin-left: -79px; color: #fff; font-size: 22px; line-height: 22px; } div.b #featured > .cloud { position: absolute; left: 0; bottom: 0; z-index: 11; width: 100%; height: 204px; } div.b #featured > .cloud.a { z-index: 9; } div.b #featured > .cloud.a > *:before { top: 82px; z-index: 10; margin-left: -522px; color: #fff; font-size: 36px; line-height: 36px; } div.b #featured > .cloud.b > *:before { top: 65px; z-index: 20; margin-left: -304px; color: #ccc; font-size: 38px; line-height: 38px; } div.b #featured > .cloud.c > *:before { content: "\e912"; top: 47px; z-index: 20; margin-left: -157px; color: #b2b2b2; font-size: 34px; line-height: 34px; } div.b #featured > .cloud.d > *:before { top: 110px; z-index: 20; margin-left: -9px; color: #fff; font-size: 29px; line-height: 29px; } div.b #featured > .person { position: absolute; left: 0; bottom: 0; z-index: 10; width: 100%; height: 204px; } div.b #featured > .person:before { z-index: 2; color: #171716; } div.b #featured > .person:after { content: "\e919"; position: absolute; left: 50%; top: 0; z-index: 1; color: #3e729f; font-family: i; font-weight: 400; font-size: 53px; line-height: 53px; } div.b #featured > .person.a:before { content: "\e91e"; top: -144px; margin-left: -544px; font-size: 296px; line-height: 296px; } div.b #featured > .person.a:after { top: 102px; margin-left: -597px; font-size: 73px; line-height: 73px; } div.b #featured > .person.b:before { content: "\e91c"; top: -125px; margin-left: -363px; font-size: 201px; line-height: 201px; } div.b #featured > .person.b:after { top: 39px; margin-left: -389px; } div.b #featured > .person.c:before { content: "\e917"; top: -118px; margin-left: -113px; font-size: 160px; line-height: 160px; } div.b #featured > .person.c:after { top: 8px; margin-left: -155px; } div.b #featured > .person.d { left: 22px; } div.b #featured > .person.d:before { content: "\e91d"; top: -120px; margin-left: 5px; font-size: 235px; line-height: 235px; } div.b #featured > .person.d:after { top: 72px; margin-left: -24px; } div.b #featured > .arrow { position: absolute; left: 0; bottom: 0; z-index: 9; width: 100%; height: 204px; } div.b #featured > .arrow.a:before { content: "\e935"; top: -122px; margin-left: -473px; color: #fff; font-size: 62px; line-height: 62px; } div.b #featured > .arrow.b:before { content: "\e936"; top: -65px; margin-left: -264px; color: #fff; font-size: 69px; line-height: 69px; } div.b #featured > .arrow.c:before { content: "\e937"; top: -145px; margin-left: -63px; color: #fff; font-size: 49px; line-height: 49px; } div.b #featured > .bg { position: absolute; left: 0; bottom: 0; z-index: 5; width: 100%; height: 204px; } div.b #featured > .bg.a { z-index: 11; } div.b #featured > .bg.a:before { top: 61px; margin-left: -412px; color: #fff; font-size: 18px; line-height: 18px; } div.b #featured > .bg.b:before { content: "\e940"; top: 21px; margin-left: -440px; color: #bfbfbf; font-size: 50px; line-height: 50px; } div.b #featured > .bg.c:before { top: -85px; margin-left: -416px; color: #ccc; font-size: 58px; line-height: 58px; } div.b #featured > .bg.d:before { top: -82px; margin-left: -270px; color: #bfbfbf; font-size: 18px; line-height: 18px; } div.b #featured > .bg.e:before { top: 39px; margin-left: -208px; color: #bfbfbf; font-size: 18px; line-height: 18px; } div.b #featured > .bg.f:before { top: -56px; margin-left: -149px; color: #b2b2b2; font-size: 38px; line-height: 38px; } div.b #featured > .bg.g:before { top: 27px; margin-left: -54px; color: #fff; font-size: 23px; line-height: 23px; } div.b #featured > .bg.h { left: 113px; } div.b #featured > .bg.h:before { content: "\e940"; top: -98px; margin-left: 0; color: #bfbfbf; font-size: 30px; line-height: 30px; } div.b #featured > .bg.i { left: 39px; } div.b #featured > .bg.i:before { top: 51px; margin-left: 0; color: #fff; font-size: 38px; line-height: 38px; } div.b #featured > .bg.j:before { bottom: -86px; margin-left: -594px; color: #29aae2; font-size: 42px; line-height: 42px; } div.b #featured > .bg.k:before { content: "\e912"; bottom: -86px; margin-left: -520px; color: #fff; font-size: 161px; line-height: 161px; } div.b #featured > .bg.l { z-index: 1; } div.b #featured > .bg.l:before { content: "\e912"; bottom: -57px; margin-left: -205px; color: #fff; font-size: 119px; line-height: 119px; } div.b #featured > .bg.m { z-index: 2; } div.b #featured > .bg.m:before { content: "\e912"; bottom: -40px; margin-left: -216px; color: #ccc; font-size: 76px; line-height: 76px; } div.b #featured > .bg.n { z-index: 3; } div.b #featured > .bg.n:before { bottom: -40px; margin-left: -91px; color: #bfbfbf; font-size: 41px; line-height: 41px; } div.c #featured > .cog { position: absolute; left: 0; bottom: 0; z-index: 5; width: 100%; height: 204px; } div.c #featured > .cog:before { content: "\e91b"; } div.c #featured > .cog.a:before { top: -59px; margin-left: -590px; color: #fff872; font-size: 85px; line-height: 85px; } div.c #featured > .cog.b:before { top: 37px; margin-left: -500px; color: #fff9e5; font-size: 106px; line-height: 106px; } div.c #featured > .cog.c:before { top: -187px; margin-left: -442px; color: #5e4800; font-size: 231px; line-height: 231px; } div.c #featured > .cog.d:before { top: -136px; margin-left: -200px; color: #ffc; font-size: 154px; line-height: 154px; } div.c #featured > .cog.e:before { top: -42px; margin-left: -20px; color: #fbff84; font-size: 58px; line-height: 58px; } div.c #featured > .check { position: absolute; left: 0; bottom: 0; z-index: 6; width: 100%; height: 204px; } div.c #featured > .check:before { content: "\e90f"; color: #dc8000; } div.c #featured > .check.a:before { top: -11px; margin-left: -544px; font-size: 32px; line-height: 32px; } div.c #featured > .check.b:before { top: 87px; margin-left: -438px; font-size: 46px; line-height: 46px; } div.c #featured > .check.c:before { top: -31px; margin-left: -122px; font-size: 55px; line-height: 55px; } div.c #featured > .check.d:before { content: "\e944"; top: -23px; padding-left: 3px; font-size: 38px; line-height: 38px; } div.c #featured > .cloud { position: absolute; left: 0; bottom: 0; z-index: 2; width: 100%; height: 204px; } div.c #featured > .cloud.a:before { top: -95px; margin-left: -549px; color: #fff; font-size: 19px; line-height: 19px; opacity: .8; } div.c #featured > .cloud.b:before { top: 126px; margin-left: -562px; color: #fff; font-size: 12px; line-height: 12px; } div.c #featured > .cloud.c:before { top: 159px; margin-left: -499px; color: #ccc; font-size: 23px; line-height: 23px; } div.c #featured > .cloud.d:before { top: 132px; margin-left: -290px; color: #ffd654; font-size: 28px; line-height: 28px; } div.c #featured > .cloud.e:before { top: 57px; margin-left: -193px; color: #ffd654; font-size: 41px; line-height: 41px; } div.c #featured > .cloud.f:before { top: 47px; margin-left: -79px; color: #fff; font-size: 18px; line-height: 18px; } div.c #featured > .cloud.g:before { top: -133px; padding-left: 36px; color: #ffe38a; font-size: 35px; line-height: 35px; } div.c #featured > .cloud.h:before { top: 86px; padding-left: 62px; color: #ccc; font-size: 28px; line-height: 28px; } div.c #featured > .cloud.i:before { content: "\e940"; top: 2px; padding-left: 66px; color: #fff; font-size: 32px; line-height: 32px; } div.c #featured > .cloud.j:before { content: "\e945"; top: auto; bottom: -38px; margin-left: -618px; color: #ccc; font-size: 86px; line-height: 86px; } div.c #featured > .cloud.k:before { content: "\e945"; top: auto; bottom: -35px; margin-left: -478px; color: #b2b2b2; font-size: 59px; line-height: 59px; opacity: .8; } div.c #featured > .cloud.l { z-index: 1; } div.c #featured > .cloud.l:before { content: "\e945"; top: auto; bottom: -74px; margin-left: -290px; color: #fff; font-size: 136px; line-height: 136px; } div.c #featured > .cloud.m:before { top: auto; bottom: -102px; margin-left: -234px; color: #ccc; font-size: 28px; line-height: 28px; } div.c #featured > .cloud.n:before { content: "\e912"; top: auto; bottom: -31px; margin-left: -64px; color: #ffd654; font-size: 70px; line-height: 70px; } div.c #featured > .person { position: absolute; left: 0; bottom: 0; z-index: 4; width: 100%; height: 204px; } div.c #featured > .person:before { overflow: hidden; color: #5e4800; } div.c #featured > .person.a:before { content: "\e91e"; top: -37px; height: 50px; margin-left: -568px; font-size: 196px; line-height: 196px; } div.c #featured > .person.b:before { content: "\e91c"; top: 69px; height: 58px; margin-left: -472px; font-size: 185px; line-height: 185px; } div.c #featured > .person.c:before { content: "\e91d"; top: -101px; width: 102px; height: 95px; margin-left: -182px; font-size: 359px; line-height: 359px; } div.c #featured > .person.d:before { content: "\e917"; top: -27px; width: 26px; height: 34px; margin-left: -2px; font-size: 149px; line-height: 149px; } div.c #featured > .person.e:before { content: ""; top: -128px; width: 99px; height: 105px; margin-left: -377px; background: url(../images/featured/icon-ca.svg) no-repeat; background-size: 100% 100%; } div.d #featured > .cloud { position: absolute; left: 0; bottom: 0; z-index: 11; width: 100%; height: 204px; } div.d #featured > .cloud:before { left: 50%; right: auto; color: #fff; } div.d #featured > .cloud.a:before { top: 130px; margin-left: -122px; font-size: 37px; line-height: 37px; } div.d #featured > .cloud.b:before { top: 112px; padding-left: 102px; font-size: 38px; line-height: 38px; } div.d #featured > .cloud.c:before { top: 57px; padding-left: 279px; font-size: 24px; line-height: 24px; } div.d #featured > .person { position: absolute; right: 0; bottom: 0; z-index: 10; width: 100%; height: 204px; } div.d #featured > .person:before { left: auto; right: 50%; z-index: 2; color: #171716; } div.d #featured > .person:after { content: "\e941"; position: absolute; right: 50%; top: -3000em; z-index: 1; color: #390; font-family: i; font-weight: 400; font-size: 59px; line-height: 59px; } div.d #featured > .person.a { z-index: 11; } div.d #featured > .person.a:before { content: "\e93b"; top: -135px; margin-right: -129px; color: #001638; font-size: 230px; line-height: 230px; } div.d #featured > .person.a:after { top: 40px; margin-right: -237px; font-size: 96px; line-height: 96px; } div.d #featured > .person.b { right: 80px; z-index: 9; } div.d #featured > .person.b:before { content: "\e938"; top: -137px; margin-right: 0; color: #192644; font-size: 135px; line-height: 135px; } div.d #featured > .person.b:after { top: -48px; margin-right: -119px; } div.d #featured > .person.c { right: 29px; } div.d #featured > .person.c:before { content: "\e93e"; top: -154px; margin-right: 0; color: #192644; font-size: 142px; line-height: 142px; } div.d #featured > .person.d:before { content: "\e92c"; top: -154px; margin-right: -26px; color: #001638; font-size: 146px; line-height: 146px; } div.d #featured > .person.d:after { content: "\e918"; top: -190px; color: #fff; font-size: 39px; line-height: 39px; } div.d #featured > .person.e:before { content: "\e92d"; top: -165px; margin-right: -211px; color: #001638; font-size: 85px; line-height: 85px; } div.d #featured > .person.e:after { top: -99px; margin-right: -262px; font-size: 33px; line-height: 33px; } div.d #featured > .person.f:before { content: "\e92e"; top: -172px; margin-right: -248px; color: #001638; font-size: 94px; line-height: 94px; } div.d #featured > .person.g:before { content: "\e93f"; top: -139px; margin-right: -385px; color: #192644; font-size: 122px; line-height: 122px; } div.d #featured > .person.g:after { content: "\e942"; top: -46px; margin-right: -498px; font-size: 57px; line-height: 57px; } div.d #featured > .person.h:before { content: "\e93c"; top: -141px; margin-right: -431px; color: #001638; font-size: 131px; line-height: 131px; } div.d #featured > .person.i:before { content: "\e92f"; top: -143px; margin-right: -474px; color: #192644; font-size: 127px; line-height: 127px; } div.d #featured > .person.j:before { content: "\e93d"; top: -42px; margin-right: -522px; color: #001638; font-size: 172px; line-height: 172px; } div.d #featured > .person.j:after { top: 101px; margin-right: -558px; font-size: 51px; line-height: 51px; } div.d #featured > .line { position: absolute; right: 0; bottom: 0; z-index: 8; width: 100%; height: 204px; } div.d #featured > .line:before { right: 50%; left: auto; color: #693; } div.d #featured > .line.a:before { content: "\e932"; top: -89px; margin-right: -218px; font-size: 172px; line-height: 172px; } div.d #featured > .line.b:before { content: "\e933"; top: -90px; margin-right: -404px; font-size: 67px; line-height: 67px; } div.d #featured > .line.c:before { content: "\e934"; top: -19px; margin-right: -501px; font-size: 146px; line-height: 146px; } div.d #featured > .bg { position: absolute; right: 0; bottom: 0; z-index: 1; width: 100%; height: 204px; } div.d #featured > .bg.a:before { top: 182px; margin-left: -42px; color: #bfbfbf; font-size: 38px; line-height: 38px; } div.d #featured > .bg.b:before { top: 57px; margin-left: -183px; color: #ccc; font-size: 25px; line-height: 25px; } div.d #featured > .bg.c:before { top: -141px; padding-left: 19px; color: #bfbfbf; font-size: 20px; line-height: 20px; } div.d #featured > .bg.d:before { content: "\e91a"; top: -53px; padding-left: 178px; color: #fff; font-size: 25px; line-height: 25px; } div.d #featured > .bg.e { z-index: 10; } div.d #featured > .bg.e:before { top: -29px; padding-left: 244px; color: #bfbfbf; font-size: 37px; line-height: 37px; } div.d #featured > .bg.f:before { top: -135px; padding-left: 541px; color: #fff; font-size: 19px; line-height: 19px; } div.d #featured > .bg.g { z-index: 2; } div.d #featured > .bg.g:before { content: "\e91a"; top: 160px; padding-left: 287px; color: #80c342; font-size: 60px; line-height: 60px; } div.d #featured > .bg.h:before { content: "\e943"; top: 125px; padding-left: 145px; color: #fff; font-size: 127px; line-height: 127px; } div.d #featured > .bg.i:before { content: "\e930"; right: 50%; left: auto; top: -91px; margin-right: -583px; color: #fff; font-size: 57px; line-height: 57px; } #heading { overflow: hidden; position: relative; margin: -44px 0 72px; padding: 100px 0 210px; background-position: center 0; background-size: cover; line-height: 1.5; text-align: center; } #heading.solutions {padding: 260px 0 210px;margin-bottom: 0PX;} .no-mobile #heading { background-attachment: fixed; } #heading:before { content: ""; display: block; position: absolute; left: 0; top: 0; z-index: 2; width: 100%; height: 100%; background: #000; opacity: .4; } #heading > figure { position: absolute; left: 0; top: 0; z-index: 1; width: 100%; margin: 0; } #heading > figure img { display: block; width: 100% !important; } .js #heading > figure { left: -3000em; } #heading > div { position: relative; z-index: 3; width: 900px; margin: 0 auto; padding: 32px 20px 14px; border-radius: 5px; background: #333; color: #fff; opacity: 0.8;} #heading h1, #heading h2, #heading h3, #heading h4, #heading h5, #heading h6 { margin: 0 0 45px; line-height: 1.1; } #heading p { font-size: 2em; } #contentvideo { position: relative; z-index: 2; padding: 100px 0 0px;text-align: center; } #contentvideo h3 {margin-top: 20px;} #root div.a #contentvideo .link-a a:hover {background: #88cf46;} #content { position: relative; z-index: 1; padding: 80px 0 50px; } #content > * { width: 1170px; margin-left: auto; margin-right: auto; } #content:after, .form-a:after, .news-a article:after, .list-a:after, .list-c:after, .cols-a:after, .double:after { content: ""; display: block; overflow: hidden; clear: both; height: 0; } #footer { position: relative; z-index: 1; width: 1170px; margin: 0 auto; padding: 68px 0 14px; background: #343434; color: #fff; } #footer:before { content: ""; display: block; position: absolute; left: -1000em; top: 0; z-index: 1; width: 3000em; height: 100%; background: #343434; } #footer > * { position: relative; z-index: 2; } #footer > nav { min-height: 173px; margin: 0 0 130px; padding: 31px 0 0 586px; } #footer h1, #footer h2, #footer h3, #footer h4, #footer h5, #footer h6 { margin: 0 0 27px; padding: 0 5px 19px; border-bottom: 2px solid #666; font-size: 2.2em; font-weight: 700; } #footer ul { overflow: hidden; list-style: none; width: 110%; padding: 0 10px; } #footer li { position: relative; float: left; margin: 0 72px 0 0; font-size: 1.6em; } #footer li:before { content: ""; display: block; position: absolute; right: -39px; top: 10px; width: 8px; height: 8px; border-radius: 10px; border: 1px solid #666; background: #fff; } #footer li:last-child { margin-right: 0; } #footer li.last-child { margin-right: 0; } #footer li:last-child:before { right: 3000em; top: -3000em; } #footer li.last-child:before, #footer #social li:before { right: 3000em; top: -3000em; } .lt-ie9 #footer li:before { width: 7px; height: 6px; border-radius: 0; border: 0; background: url(../images/sprite.png) 0 -49px no-repeat; } #footer #social { overflow: visible; position: absolute; left: 103px; top: 0; width: 259px; height: 173px; padding: 0; background: url(../images/social.svg) no-repeat; background-size: 100% 100%; } .lt-ie9 #footer #social { background-image: url(../images/social.png); } #footer #social li { position: absolute; margin: 0; } #footer #social li.a { left: -25px; top: 66px; } #footer #social li.b { left: 44px; top: 20px; } #footer #social li.c { left: 114px; top: 84px; } #footer #social li.d { left: 184px; top: 20px; } #footer #social li.e { left: 254px; top: 66px; } #footer #social a { display: block; overflow: hidden; position: relative; width: 50px; height: 50px; border-radius: 40px; background: #fff; color: #343434; text-indent: -3000em; text-align: left; } #footer #social i { display: block; position: absolute; left: 0; top: 50%; width: 100%; margin: -20px 0 0; line-height: 40px; text-indent: 0; text-align: center; } #footer #social i.icon-facebook { font-size: 30px; } #footer #social i.icon-twitter { font-size: 25px; } #footer #social i.icon-linkedin { font-size: 26px; } #footer #social i.icon-google-plus { font-size: 29px; } #footer #social i.icon-youtube { font-size: 30px; } #footer > p { font-size: 1.5em; text-align: center; } #footer a { color: #fff; } #root div.home { padding-top: 0; } html.home #top { left: 0; } html.home #nav > ul > li { position: absolute; left: -3000em; top: 0; } html.home #nav > ul > li.aa { position: relative; left: 0; } html.home #nav > ul > li.aa > a { background: none; padding-left: 0; padding-right: 0; color: #999; text-transform: none; } html.home #top-fixed #nav > ul > li.a > a { padding-left: 21px; padding-right: 21px; background: #80c342; color: #fff; text-transform: uppercase; } .static #root, #root.static, #root.top-show.totop.static, .static #root.top-show.totop { padding-top: 124px; } .static #top-fixed { top: 0; } .static #content { padding-top: 0; } /*! Columns --------- */ .cols-a { width: 100%; } .cols-a > *:first-child { float: right; width: 754px; } .cols-a > aside { float: left; width: 240px; } #content > .cols-a:first-child { padding-top: 32px; } .double { } .double > * { float: right; } .double > *:first-child { float: left; } .double.a { } .double.a > * { width: 47.877984084%; } /*! Modules --------- */ .article-a { } .article-a h1, .article-a h2, .article-a h3, .article-a h4, .article-a h5, .article-a h6 { margin: 70px 0 20px; color: #176f96; line-height: 1.1; } .article-a h2 { font-size: 2.2em; } .article-a h3 { font-size: 2em; } .article-a * + h1.text-uppercase, .article-a * + h2.text-uppercase, .article-a * + h3.text-uppercase, .article-a * + h4.text-uppercase, .article-a * + h5.text-uppercase, .article-a * + h6.text-uppercase { margin-top: 90px; } .article-a h2 + h3, .article-a h2 + h4, .article-a h2 + h5, .article-a h2 + h6 { margin-top: 0; } .article-a a, .article-a a.overlay-h:hover { text-decoration: underline; } .article-a a:hover, .article-a a.overlay-h { text-decoration: none; } .article-a table { width: auto; margin-left: auto; margin-right: auto; } .article-a * + table { margin-top: 30px; } .article-a table + table { margin-top: -20px; } .article-a footer { margin-top: 74px; } .article-a.a { padding-top: 44px; } .gallery-a { list-style: none; margin: 0; padding: 0; text-align: center; } .gallery-a li { display: inline-block; margin: 0 25px 14px; } .gallery-a li:first-child { margin-left: 0; } .gallery-a li:last-child { margin-right: 0; } .gallery-a li.last-child { margin-right: 0; } .gallery-a .bx-pager { position: absolute; left: -3000em; top: 0; } .gallery-a.mobile-only li { display: block; margin: 25px 0px; } .gallery-a .bx-prev, .gallery-a .bx-next { display: block; overflow: hidden; position: absolute; top: -3000em; z-index: 10; width: 20px; height: 20px; margin: -10px 0 0; color: #fff; font-weight: 400; font-size: 18px; line-height: 20px; text-align: left; text-indent: -3000em; text-decoration: none; } .gallery-a .bx-prev { left: 0; } .gallery-a .bx-next { right: 0; } .gallery-a .bx-prev:before, .gallery-a .bx-next:before { display: block; position: absolute; left: 0; top: 50%; width: 100%; margin: -10px 0 0; font-family: i; text-align: left; text-indent: 0; } .gallery-a .bx-prev:before { content: "\e920"; text-align: left; } .gallery-a .bx-next:before { content: "\e921"; text-align: right; } .heading-a { margin-bottom: 30px; } .heading-a h1, .heading-a h2, .heading-a h3, .heading-a h4, .heading-a h5, .heading-a h6 { margin-bottom: 10px; } article + article > .heading-a:first-child { margin-top: 58px; } .module-a { position: relative; margin: 260px 0 118px; padding: 148px 0 129px; background: #ccc; } .module-a:before { content: ""; display: block; position: absolute; left: -1000em; top: 0; z-index: 1; width: 3000em; height: 100%; } .module-a:after { content: ""; display: block; position: absolute; left: 0; top: 0; z-index: 2; background-repeat: no-repeat; background-size: 100% 100%; } .module-a > * { width: 660px; margin-left: auto; margin-right: auto; } .module-a h1, .module-a h2, .module-a h3 { margin-bottom: 63px; font-size: 3.4em; font-weight: 300; } .module-a p { font-size: 2em; } .module-a figure { position: absolute; right: 0; top: 0; width: auto; margin: 0; opacity: 1; } .module-a + .module-b, .module-a + .module-d, .module-d + .module-a, .module-b + .module-a, .module-d + .module-d, .module-d + .module-b, .module-b + .module-d, .module-b + .module-b, .module-b + .module-c { margin-top: -118px; } #content > .module-a { width: auto; } .module-a.a { padding: 70px 0 137px; } .module-a.a > * { width: 1014px; } .module-a.a h1, .module-a.a h2, .module-a.a h3 { margin-bottom: 50px; text-align: center; } .module-a.a p { position: relative; padding: 25px 62px 27px; border-radius: 36px; background: rgba(62,114,159,.49); } .module-a.a p.intranet { max-width: 850px;} .lt-ie9 .module-a.a p { background: url(../images/shadow-a.png); } .module-a.b { margin-top: 0; padding: 98px 0 70px; } .module-a.b > * { width: 1170px; padding-left: 595px; } .module-a.b h1, .module-a.b h2, .module-a.b h3 { margin-bottom: 41px; } .module-a.c { padding: 106px 0 104px; } .module-a.c > * { width: 1170px; padding-right: 350px; } .module-a.c h1, .module-a.c h2, .module-a.c h3 { margin-bottom: 41px; } .module-a.c figure { left: auto; right: 0; top: auto; bottom: -38px; width: auto; margin-right: 0; margin-bottom: 0; padding: 0; } .trustpilotnarr { max-width: 660px;} .module-b { position: relative; margin: 130px 0 118px; padding: 48px 0; background: #ededed; } .module-b:before { content: ""; display: block; position: absolute; left: -1000em; top: 0; z-index: -1; width: 3000em; height: 100%; background: #ededed; } .module-b h1 img, .module-b h2 img, .module-b h3 img, .module-b h4 img, .module-b h5 img, .module-b h6 img { display: block; margin: 0 auto 34px; } .module-b h2 img { display: inline;} .module-b.va { padding: 130px 0 150px; } .module-b.va > * { max-width: 675px; margin-left: auto; margin-right: auto; } .quote-a .strong .dt {font-weight: 500; padding-left: 15px;} .module-d.a, .module-d.a:before, .module-d.a:after, .module-b.a, .module-b.a:before, #root .link-a a.a { background-color: #ef4136; color: #fff; } .module-d.b, .module-d.b:before, .module-d.b:after, .module-b.b, .module-b.b:before, #root .link-a a.b { background-color: #29aae2; color: #fff; } .module-d.c, .module-d.c:before, .module-d.c:after, .module-b.c, .module-b.c:before, #root .link-a a.c { background-color: #ffc200; color: #fff; } .module-d.d, .module-d.d:before, .module-d.d:after, .module-b.d, .module-b.d:before, #root .link-a a.d { background-color: #80c342; color: #fff; } .module-d.e, .module-d.e:before, .module-d.e:after, .module-b.e, .module-b.e:before, #root .link-a a.e { background-color: #999; color: #fff; } .module-d.f, .module-d.f:before, .module-d.f:after, .module-b.f, .module-b.f:before, #root .link-a a.f { background-color: #000; color: #fff; } .module-d.g, .module-d.g:before, .module-d.g:after, .module-b.g, .module-b.g:before, #root .link-a a.g { background-color: #f2f2f2; } .module-d.h, .module-d.h:before, .module-d.h:after, .module-b.h, .module-b.h:before, #root .link-a a.h { background-color: transparent; } #root .link-a a.a:hover { background-color: #e75045; } #root .link-a a.b:hover { background-color: #1eb7e7; } #root .link-a a.c:hover { background-color: #f4cf05; } #root .link-a a.d:hover { background-color: #75d047; } #root .link-a a.e:hover { background-color: #b3b3b3; } #root .link-a a.f:hover { background-color: #262626; } #root .link-a a.g:hover { background-color: #fff; } .module-d.a a, .module-b.a a, .module-d.e a, .module-b.e a, .module-d.f a, .module-b.f a, .module-d.c a, .module-b.c a { color: #fff; } .module-d.a .bx-pager .bx-pager-item a, .module-d.b .bx-pager .bx-pager-item a, .module-b.a .bx-pager .bx-pager-item a, .module-b.f .bx-pager .bx-pager-item a, .module-b.e .bx-pager .bx-pager-item a, .module-d.e .bx-pager .bx-pager-item a, .module-b.c .bx-pager .bx-pager-item a, .module-d.c .bx-pager .bx-pager-item a, .module-b.d .bx-pager .bx-pager-item a, .module-d.d .bx-pager .bx-pager-item a { border-color: #fff; } .module-d.a .bx-pager .bx-pager-item a.active, .module-d.b .bx-pager .bx-pager-item a.active, .module-b.a .bx-pager .bx-pager-item a.active, .module-b.f .bx-pager .bx-pager-item a.active, .module-b.e .bx-pager .bx-pager-item a.active, .module-d.e .bx-pager .bx-pager-item a.active, .module-b.c .bx-pager .bx-pager-item a.active, .module-d.c .bx-pager .bx-pager-item a.active, .module-b.d .bx-pager .bx-pager-item a.active, .module-d.d .bx-pager .bx-pager-item a.active { background-color: #fff; } .module-c { overflow: hidden; position: relative; margin: 0 0 211px; padding: 112px 0 210px; background-size: cover; background-position: center center; background-color: #000; color: #fff; } .no-mobile .module-c { background-attachment: fixed; } #content > .module-c { width: 100%; } .module-c:before { content: ""; display: block; position: absolute; left: -1px; bottom: -1px; right: -1px; z-index: 5; height: 101px; background: url(../images/module-c.svg) no-repeat; background-size: 100% 100%; } .lt-ie9 .module-c:before { height: 200px; background-image: url(../images/module-c.png); background-position: center 0; } .module-c > * { position: relative; width: 1170px; margin-left: auto; margin-right: auto; } .module-c > figure { position: absolute; left: 0; top: 0; z-index: 2; width: 100%; margin: 0; } .js .module-c > figure { left: -3000em; } .lt-ie9 .module-c > figure:first-child { left: 0; width: 100%; } .lt-ie9 .module-c > figure:first-child img { display: block; width: 100% !important; } .module-c > h1, .module-c > h2 { margin-top: 0; margin-bottom: 77px; text-align: center; } .module-c > div { z-index: 5; padding: 32px 32px 14px; border-radius: 14px; background: #333; } .module-c p { font-size: 2.2em; } .module-c > div h1, .module-c > div h2 { margin-bottom: 16px; } .js .module-c > div + figure { left: 50%; top: 17px; z-index: 4; margin-left: -638px; } .module-c:after, .lt-ie9 .module-c > .fit-a { content: ""; display: block; position: absolute; left: 0; top: 0; z-index: 1; width: 100%; height: 100%; padding: 0; border-radius: 0; background: #fff; opacity: .1; } .lt-ie9 .module-c > .fit-a { z-index: 3; background: url(../images/shadow-b.png); } .module-c.a { } .module-c.a > * { width: 744px; } .module-c.b { padding: 234px 0 108px; } .module-c.b > * { left: 240px; width: 690px; } .module-c.c { } .module-c.c > * { width: 926px; } .module-d { position: relative; margin: 130px 0 118px; padding: 48px 0 65px; background: #ededed; } .module-d > *, .module-b > *, .module-c > *, .module-a > * { position: relative; z-index: 3; } .module-d:before, .module-d:after { content: ""; display: block; position: absolute; left: -1000em; z-index: 1; width: 3000em; height: 4px; background: url(../images/module-d.svg) repeat-x #ededed; background-size: auto 4px; } .module-d:before { top: 0; height: 100%; } .module-d:after { bottom: 0; z-index: 2; } .module-b + .module-d { margin-top: -118px; } .module-b + .module-d:before { background-position: -3000em -3000em; } #root .module-d a { color: #81A3EA; } #root div.home .module-d a { color: #3F6272; } .module-d.h { margin-bottom: 0; } .module-e { position: relative; z-index: 2; margin-bottom: 0; } .module-e > * { position: relative; z-index: 2; } #root .module-e > figure { position: absolute; right: 0; bottom: -198px; z-index: 1; width: auto; margin: 0; padding: 0; } .module-e h2 { } .module-e h3 { } .module-e p { } .module-e + * { position: relative; z-index: 1; } #content > .module-e { width: 100%; } #content > .module-e > * { width: 1170px; margin-left: auto; margin-right: auto; padding-right: 550px; } .module-e .quote-b { margin-top: 60px; margin-left: 9px; margin-bottom: 80px;} .module-e.a { z-index: 1; padding-bottom: 11px; } .module-e.a h2 { position: relative; left: -65px; width: 600px;} #root .module-e.a > * { padding-left: 605px; padding-right: 0; } #root .module-e.a figure { right: auto; left: 50%; bottom: 0; margin: 0 0 0 -585px; padding: 0; } #root .module-e.a figure img { position: relative; left: -85px; } .module-e.a + * { z-index: 2; margin-top: 0; } .module-f { position: relative; margin: 0 0 60px; padding: 14px 16px 0; border-radius: 3px; border: 1px solid #d8d8d8; border-right-width: 2px; border-bottom-width: 2px; background: #f5f5f5; color: #4b4b4b; line-height: 1.25; } .module-f h1, .module-f h2, .module-f h3, .module-f h4, .module-f h5, .module-f h6 { position: relative; width: 100%; margin: 0 0 6px -16px; padding: 0 16px 7px; font-size: 1.9em; line-height: 1.1; } .module-f h1:before, .module-f h2:before, .module-f h3:before, .module-f h4:before, .module-f h5:before, .module-f h6:before { content: ""; display: block; position: absolute; left: 0; bottom: 0; width: 100%; height: 1px; background: #e9e9e9; } .module-f h1:before, .module-f h2:before, .module-f h3:before, .module-f h4:before, .module-f h5:before, .module-f h6:before { background: -moz-linear-gradient(left, rgba(233,233,233,1) 0%, rgba(233,233,233,0) 100%); background: -webkit-linear-gradient(left, rgba(233,233,233,1) 0%,rgba(233,233,233,0) 100%); background: linear-gradient(to right, rgba(233,233,233,1) 0%,rgba(233,233,233,0) 100%); } .ie9 .module-f h1:before, .ie9.module-f h2:before, .ie9.module-f h3:before, .ie9.module-f h4:before, .ie9.module-f h5:before, .ie9.module-f h6:before { background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIxMDAlIiB5Mj0iMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2U5ZTllOSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNlOWU5ZTkiIHN0b3Atb3BhY2l0eT0iMCIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+); } .module-f p { margin: 0 0 20px; font-size: 1.6em; } .module-f > *:last-child { margin-bottom: 16px; } .module-f li { font-size: 1.6em; } .module-f .link { display: block; position: absolute; right: -15px; top: 1px; width: 20px; height: 20px; color: #7a7a7a; font-size: 12px; text-indent: -3000em; text-decoration: none; text-align: left; } .module-f .link:before { content: "\e958"; display: block; position: absolute; left: 0; top: 50%; width: 100%; margin: -10px 0 0; font-family: i; line-height: 20px; text-align: right; text-indent: 0; } .nav-a { } .nav-a ul { overflow: hidden; list-style: none; padding: 0; } .nav-a li { position: relative; float: left; margin: 0 31px 0 0; color: #4b4b4b; font-size: 1.6em; } .nav-a li:after { content: ""; display: block; position: absolute; right: -17px; top: 8px; width: 2px; height: 12px; border-left: 1px solid #6d6d6d; background: #d9d9d9; } .nav-a li:last-child { margin-right: 0; } .nav-a li:last-child:after { left: -3000em; } .nav-a a { color: #4b4b4b; } .nav-a + article { margin-top: -30px; } .news-a { position: relative; } #content > .news-a:first-child { margin-top: -100px; } .news-a:before { content: ""; display: block; position: absolute; left: 50%; top: 100px; border: 0; z-index: 1; width: 1140px; height: 100%; margin: 0 0 0 -570px; background-repeat: repeat-y; background-position: center 0; background-size: 100% auto; } .news-a article { position: relative; z-index: 2; margin: 0 0 105px; padding: 0 0 0 585px; } .news-a article > .inner { position: relative; } .news-a article > .inner > .inset.middle { position: absolute; left: 0; top: 50%; right: 0; } .news-a figure { position: absolute; left: 0; top: 50%; } .news-a figure img, .lt-ie9 .news-a figure .video-a { position: absolute; left: -3000em; top: 0; } .lt-ie9 .news-a figure img { position: relative; left: 0; } .news-a figure, .news-a article > .inner > .inset.middle { -moz-transform: translateY(-50%); -webkit-transform: translateY(-50%); -o-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); } .news-a article:nth-child(2n) { padding-left: 0; padding-right: 585px; } .news-a article:nth-child(2n) figure { left: auto; right: 0; } .news-a article.nth-a { padding-left: 0; padding-right: 585px; } .news-a article.nth-a figure { left: auto; right: 0; } .news-a + * { margin-top: 0; } .news-b { overflow: hidden; margin: 0 0 61px; } .news-b article { float: right; width: 535px; margin: 0 0 62px; } .news-b article:nth-child(2n-1) { float: left; } .news-b article:nth-child(2n) + * { clear: both; } .news-b article.nth-a { float: left; } .news-b article.nth-b { clear: both; } .news-b h1, .news-b h2, .news-b h3, .news-b h4, .news-b h5, .news-b h6 { margin: 0 0 31px; font-size: 2.2em; font-weight: 400; text-align: center; } .news-b h1 i, .news-b h2 i, .news-b h3 i, .news-b h4 i, .news-b h5 i, .news-b h6 i, .news-b h1 .icon, .news-b h2 .icon, .news-b h3 .icon, .news-b h4 .icon, .news-b h5 .icon, .news-b h6 .icon { display: block; position: relative; width: 68px; height: 68px; margin: 0 auto 37px; border-radius: 100px; background: #666; color: #fff; font-size: 34px; line-height: 68px; text-align: center; } .news-b h1 i.icon-book, .news-b h2 i.icon-book, .news-b h3 i.icon-book, .news-b h4 i.icon-book, .news-b h5 i.icon-book, .news-b h6 i.icon-book { font-size: 27px; } .news-b h1 i.icon-graph, .news-b h2 i.icon-graph, .news-b h3 i.icon-graph, .news-b h4 i.icon-graph, .news-b h5 i.icon-graph, .news-b h6 i.icon-graph { font-size: 30px; } .news-b h1 i.icon-chat, .news-b h2 i.icon-chat, .news-b h3 i.icon-chat, .news-b h4 i.icon-chat, .news-b h5 i.icon-chat, .news-b h6 i.icon-chat { font-size: 39px; } .news-b h1 i.icon-lock, .news-b h2 i.icon-lock, .news-b h3 i.icon-lock, .news-b h4 i.icon-lock, .news-b h5 i.icon-lock, .news-b h6 i.icon-lock { font-size: 44px; } .news-b h1 i.icon-check, .news-b h2 i.icon-check, .news-b h3 i.icon-check, .news-b h4 i.icon-check, .news-b h5 i.icon-check, .news-b h6 i.icon-check { font-size: 44px; text-indent: -8px; } .news-b h1 i.icon-bullhorn, .news-b h2 i.icon-bullhorn, .news-b h3 i.icon-bullhorn, .news-b h4 i.icon-bullhorn, .news-b h5 i.icon-bullhorn, .news-b h6 i.icon-bullhorn { font-size: 45px; } .news-b h1 i.icon-calendar, .news-b h2 i.icon-calendar, .news-b h3 i.icon-calendar, .news-b h4 i.icon-calendar, .news-b h5 i.icon-calendar, .news-b h6 i.icon-calendar { font-size: 46px; } .news-b h1 i.icon-mobile, .news-b h2 i.icon-mobile, .news-b h3 i.icon-mobile, .news-b h4 i.icon-mobile, .news-b h5 i.icon-mobile, .news-b h6 i.icon-mobile { font-size: 48px; } .news-b h1 i.icon-clock, .news-b h2 i.icon-clock, .news-b h3 i.icon-clock, .news-b h4 i.icon-clock, .news-b h5 i.icon-clock, .news-b h6 i.icon-clock { font-size: 55px; } .news-b h1 i.icon-team, .news-b h2 i.icon-team, .news-b h3 i.icon-team, .news-b h4 i.icon-team, .news-b h5 i.icon-team, .news-b h6 i.icon-team { font-size: 58px; } .news-b h1 .icon, .news-b h2 .icon, .news-b h3 .icon, .news-b h4 .icon, .news-b h5 .icon, .news-b h6 .icon { padding: 6px 0 0; line-height: 1; } .news-b.a { } .news-b.a article { float: left; width: 340px; } .news-b.a article:nth-child(2n) + * { clear: none; } .news-b.a article:nth-child(3n) { float: right; } .news-b.a article:nth-child(3n-2) { margin-right: 75px; } .news-b.a article:nth-child(3n) + * { clear: both; } .news-b.a article.nth-b { clear: none; } .news-b.a article.nth-c { float: right; } .news-b.a article.nth-d { clear: both; } .news-b.a article.nth-e { margin-right: 75px; } .news-b article p {text-align: justify;} .news-c { position: relative; } .news-c > h1, .news-c > h2, .news-c > h3, .news-c > h4, .news-c > h5, .news-c > h6 { text-align: center; } .news-c article { position: relative; min-height: 205px; margin: 0 0 20px; padding: 40px 0 0 254px; border-top: 10px solid #f2f2f2; } .news-c article:before { content: ""; display: block; position: absolute; left: -1000em; top: -10px; width: 3000em; height: 10px; background: #f2f2f2; } .news-c article:first-child, .news-c > h1 + article, .news-c > h2 + article, .news-c > h3 + article, .news-c > h4 + article, .news-c > h5 + article, .news-c > h6 + article { min-height: 195px; margin-top: -37px; border: 0; } .news-c article:first-child:before, .news-c > h1 + article:before, .news-c > h2 + article:before, .news-c > h3 + article:before, .news-c > h4 + article:before, .news-c > h5 + article:before, .news-a > h6 + article:before { background: none; } .news-c article figure { position: absolute; left: 0; top: 40px; } .news-c article h1, .news-c article h2, .news-c article h3, .news-c article h4, .news-c article h5, .news-c article h6 { margin: 0 0 8px; color: #404040; font-size: 2.2em; font-weight: 400; } .news-c article h1 a, .news-c article h2 a, .news-c article h3 a, .news-c article h4 a, .news-c article h5 a, .news-c article h6 a { color: #404040; } .news-c p { font-size: 1.6em; } .news-a a, .news-b a, .news-c a, .news-d a { font-size: 1.6em;} .news-a p a, .news-b p a, .news-c p a, .news-d p a { font-size: 1em;} .generalpage {max-width: 900px;margin: 0 auto;} .generalpage h1 { margin-top: 0px;} .generalpage h1.extralarge { font-size: 45px;} .generalpage h2.extralarge { font-size: 2.6em;} .generalpage table th {line-height: 14px;} .generalpage h3 {font-size: 1.7em;margin-top: 40px;} .generalpage td h3, .helppage td h3, .helppage td h6{font-size: 1.1em;} .generalpage article h3 {font-size: 1.1em;} .generalpage .iceberg img {border: 1px solid #ccc;} .quote-a { position: relative; padding: 3px 0 0 0; line-height: 1.25; } .quote-a h1, .quote-a h2, .quote-a h3, .quote-a h4, .quote-a h5, .quote-a h6 { margin-bottom: 19px; font-size: 2.5em; font-weight: 400; } .quote-a h1 .rating-a, .quote-a h2 .rating-a, .quote-a h3 .rating-a, .quote-a h4 .rating-a, .quote-a h5 .rating-a, .quote-a h6 .rating-a { margin: 8px 0 0; } .quote-a h1 .rating-a .star, .quote-a h2 .rating-a .star, .quote-a h3 .rating-a .star, .quote-a h4 .rating-a .star, .quote-a h5 .rating-a .star, .quote-a h6 .rating-a .star { margin: 0 8px 0 0; } .quote-a p { margin-bottom: 4px; } .quote-a .strong { margin-top: 14px; text-align: right; } .quote-b { position: relative; padding: 0 20px 0 36px; font-style: italic; font-weight: 300; line-height: 1.2; } .quote-b:before, .quote-b:after { display: block; position: absolute; color: #ccc; font-family: i; font-weight: 400; font-style: normal; font-size: 14px; line-height: 14px; } .quote-b:before { content: "\e93a"; left: 0; top: 8px; } .quote-b:after { content: "\e939"; right: 0; bottom: 8px; } .quote-b q { quotes: none; } .quote-b q:before, .quote-b q:after { content: ""; } .quote-b > span { margin-left: 19px; } .quote-bw { position: relative;top: -60px;left: 109px;color: #444;} .rating-a { display: block; } .rating-a .inner { position: absolute; left: -3000em; top: 0; } .rating-a .star { display: inline-block; position: relative; width: 31px; height: 26px; margin: 0 8px 0 0; color: #000; font-size: 26px; line-height: 26px; } .rating-a .star:before, .rating-a .star:after { display: block; position: absolute; left: 0; top: 0; font-family: i; font-weight: 400; } .rating-a .star:before { content: "\e906"; z-index: 1; color: #faa21e; } .rating-a .star:after { content: "\e946"; z-index: 2; color: #000; } .slider-a { padding-top: 128px; } .slider-a .bx-pager { padding: 45px 0 54px; text-align: center; } .slider-a .bx-pager .bx-pager-item { display: inline-block; margin: 0 1.5px; } .slider-a .bx-pager .bx-pager-item a { display: inline-block; overflow: hidden; width: 10px; height: 10px; border-radius: 10px; border: 1px solid #ccc; text-align: left; text-indent: -3000em; } .slider-a .bx-pager .bx-pager-item a.active { background: #ccc; cursor: default; } .slider-a .bx-prev, .slider-a .bx-next { position: absolute; left: -3000em; top: 0; } .video-d { border: 1px solid #eeecec; } .video-d img { display: block; width: 545px; } .news-a figure.video-d img {position: relative;left:0;} .video-a { border: 1px solid #eeecec; } .video-a video { display: block; width: 545px; } .video-a video { -moz-object-fit: cover; -webkit-object-fit: cover; -o-object-fit: cover; -ms-object-fit: cover; object-fit: cover; } /*! Headers --------- */ h1, h2, h3, h4, h5, h6 { margin-top: 81px; font-size: 2.2em; font-weight: 400; line-height: 1.5; } h1, h2 { margin-bottom: 48px; font-size: 3.4em; font-weight: 301; } /*! Content --------- */ .light { font-weight: 300; } b, strong, .strong { font-weight: 700; } blockquote { margin: 1em 40px; } dfn, em, i, .em { font-style: italic; } ins { background: #ff9; color: #000; text-decoration: none; } mark { background: #ff0; color: #000; font-style: italic; font-weight: bold; } pre, code, kbd, samp { font-family: monospace, serif; font-size: 1em; } pre { white-space: pre; white-space: pre-wrap; word-wrap: break-word; } small { font-size: 85%; } strike, del, .strike { text-decoration: line-through; } sub, sup { font-size: 75%; line-height: 0; position: relative; vertical-align: baseline; } sup { top: -0.5em; } sub { bottom: -0.25em; } .text-center { text-align: center; } .text-left { text-align: left; } .text-right { text-align: right; } .text-justify { text-align: justify; } .text-lowercase { text-transform: lowercase; } .text-uppercase { text-transform: uppercase; } .overlay-a { color: #ef4136; } .overlay-b { color: #29aae2; } .overlay-c { color: #ffc200; } .overlay-d { color: #80c342; } .overlay-e { color: #666; } .overlay-f { color: #999; } .overlay-g { color: #333; } .overlay-h { color: #000; } .size-a, #root .size-a { font-size: 24px; } .size-b, #root .size-b { font-size: 26px; } .size-c, #root .size-c { font-size: 31px; } .size-d, #root .size-d { font-size: 13px; } /*! Links --------- */ a { background: none; color: #2399ce; text-decoration: none; cursor: pointer; } /*---*/ a span { cursor: pointer; } a:hover, a:focus, a:active { text-decoration: underline; outline: none; } .link-a { font-size: 1.7em; } #root .link-a a { display: inline-block; margin: 0 9px 10px 0; padding: 10px 28px 11px; box-shadow: 0 1px 5px rgba(0,0,0,.25); border-radius: 3px; border: 0; background: #80c342; color: #fff; text-transform: uppercase; text-align: center; text-decoration: none; } .lt-ie9 #root .link-a a { box-shadow: 0 1px 5px #bfbfbf; } #root .text-center .link-a a, #root .link-a.text-center a { margin: 0 4.5px 10px; } #root .link-a a:hover { background: #88cf46; } .link-a i { position: relative; left: -6px; top: 2px; margin: 0 0 0 -5px; } /*! Lists --------- */ ul, ol, dd, blockquote { padding-left: 40px; } ul ul, ul ol, ol ol, ol ul { margin-bottom: 0; } .list-a { overflow: hidden; position: relative; list-style: none; width: auto; margin: 138px auto 50px; padding: 0; line-height: 1.125; text-transform: uppercase; text-align: center; } .list-a li { display: inline-block; margin: 0 8.5px 20px; border-left: 0 solid rgba(0,0,0,0); font-size: 1.8em; vertical-align: top; word-wrap: break-word; } #root .list-a li a { display: inline-block; position: relative; width: 225px; min-height: 212px; padding: 40px 9px 16px; border-radius: 5px; border: 1px solid #aaa; color: #4b4b4b; text-decoration: none; } #root .list-a li a:hover { background: #eee; } .list-a i { display: block; margin: 0 0 10px; font-size: 65px; line-height: 65px; } .list-a span { display: block; padding: 8px 0 0; font-size: .88888888888em; text-transform: none; } .list-a li.a i { color: #ef4136; } .list-a li.b i { color: #29aae2; } .list-a li.c i { color: #ffc200; } .list-a li.d i { color: #80c342; } /*.list-a { list-style: none; max-width: 895px; margin: 138px auto 50px; padding: 0; font-weight: 700; line-height: 1.65; text-transform: uppercase; text-align: center; } .list-a li { float: left; width: 185px; margin: 0 0 20px; border-left: 0 solid rgba(0,0,0,0); font-size: 1.8em; } #root .list-a a { display: block; overflow: hidden; position: relative; min-height: 150px; padding: 25px 10px 18px; box-shadow: 1px 1px 3px rgba(0,0,0,.1); border-radius: 12px; color: #fff; text-decoration: none; word-wrap: break-word; } .list-a li.a a, .list-b li.a span { border-color: #ef4136; background: #ef4136; } .list-a li.b a, .list-b li.b span { border-color: #29aae2; background: #29aae2; } .list-a li.c a, .list-b li.c span { border-color: #ffc200; background: #ffc200; } .list-a li.d a, .list-b li.d span { border-color: #80c342; background: #80c342; } .list-a li:first-child { margin-right: 170px; } .list-a li:last-child { float: right; } .list-a li.last-child { float: right; } .list-a i { display: block; margin: 0 0 9px; font-size: 39px; line-height: 39px; } .list-a span, .list-a br { display: none; position: absolute; left: -3000em; top: 0; }*/ .list-b { overflow: hidden; list-style: none; padding: 0; line-height: 1.5; text-align: center; text-transform: uppercase; } .list-b li { float: left; width: 178px; font-size: 1.935em; } .list-b li.a i { color: #ef4136; } .list-b li.b i { color: #29aae2; } .list-b li.c i { color: #ffc200; } .list-b li.d i { color: #80c342; } .list-b a { display: block; color: #000; text-decoration: none; } .list-b i { display: block; margin: 0 0 30px; font-size: 40px; line-height: 40px; } .list-b span { display: block; overflow: hidden; height: 2px; margin: 37px 0 0; padding: 0 10px 0; border-top: 2px solid #ccc; color: #fff; font-size: .9em; line-height: 1.225; text-transform: none; } .list-b li:hover span { height: 99px; padding-top: 18px; } .list-b li.a span { border-color: #ef4136; background: #ef4136; } .list-b li.b span { border-color: #29aae2; background: #29aae2; } .list-b li.c span { border-color: #ffc200; background: #ffc200; } .list-b li.d span { border-color: #80c342; background: #80c342; } .list-c { list-style: none; margin: 0 0 54px -60px; padding: 0; line-height: 1.2; } .list-c li { float: left; width: 33.3333333333333%; padding: 77px 0 0; border-left: 60px solid rgba(0,0,0,0); font-size: 1.5em; } .list-c li:first-child, .list-c li:first-child + li, .list-c li:first-child + li + li { padding-top: 0; } .list-c li:nth-child(3n) + li { clear: both; } .list-c i { display: block; margin: 0 0 6px; line-height: 48px; font-size: 40px; } .list-c i.icon-id { font-size: 32px; } .list-c i.icon-clipboard { font-size: 42px; } .list-c i.icon-shuffle { font-size: 36px; } .list-c i.icon-file2 { font-size: 46px; } .list-c i.icon-lock2 { font-size: 48px; } .list-c i.icon-user { font-size: 41px; } .list-c i.icon-address { font-size: 42px; } .list-c i.icon-clipboard2 { font-size: 48px; } .list-c i.icon-box { font-size: 42px; } .list-c .title { display: block; margin: 0 0 9px; font-size: 1.6em; line-height: 1.0416666666; } .list-d { position: relative; list-style: none; margin: 0 0 17px; padding: 9px 0 6px; box-shadow: 0 0 6px #bfbfbf; background: #fff; color: #4b4b4b; line-height: 1.5; } .list-d li { position: relative; padding: 1px 0 0 0; font-size: 1.6em; } .list-d li:before { content: ""; display: block; position: absolute; left: 0; top: 0; width: 100%; height: 1px; background: #e9e9e9; } .list-d li:before { background: -moz-linear-gradient(left, rgba(233,233,233,1) 0%, rgba(233,233,233,0) 100%); background: -webkit-linear-gradient(left, rgba(233,233,233,1) 0%,rgba(233,233,233,0) 100%); background: linear-gradient(to right, rgba(233,233,233,1) 0%,rgba(233,233,233,0) 100%); } .ie9 .list-d li:before { background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIxMDAlIiB5Mj0iMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2U5ZTllOSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNlOWU5ZTkiIHN0b3Atb3BhY2l0eT0iMCIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+); } .list-d li:first-child { padding-top: 0; background: none; } .list-d li:first-child:before { left: -3000em; } .list-d li.vcard { padding: 12px 18px 9px 49px; line-height: 1.6; } .list-d a { display: block; padding: 9px 18px 7px 49px; color: #4b4b4b; text-decoration: none; } .list-d i { display: block; position: absolute; left: 14px; top: 11px; width: 24px; color: #444; font-size: 24px; line-height: 24px; text-align: center; } .list-d i.icon-youtube-play { font-size: 16px; } .list-d i.icon-envelope { font-size: 15px; } .list-d i.icon-twitter-circle, .list-d i.icon-facebook-circle { font-size: 22px; } /*! Media --------- */ img, iframe, object, embed, video { max-width: 100% !important; } img { height: auto !important; image-rendering: optimizeQuality; -ms-interpolation-mode: bicubic; } .lt-ie9 img { max-width: none !important; } img::selection { background: transparent; } img::-moz-selection { background: transparent; } .icon-a { display: block; margin: 0 0 3px; color: #1f86ce; font-size: 124px; line-height: 124px; } /*! Forms --------- */ fieldset, hr { border-width: 0; } legend { position: absolute; left: 0; top: -3000em; padding: 0; border: 0; white-space: normal; } input, select, textarea { position: relative; z-index: 1; margin: 0; padding: 0; box-shadow: none; border-radius: 0; line-height: normal; text-align: left; text-transform: none; outline: none; } input, select, textarea, button, input[type="button"], input[type="reset"], input[type="submit"] { -moz-box-sizing: border-box; -webkit-box-sizing: border-box; -o-box-sizing: border-box; -ms-box-sizing: border-box; box-sizing: border-box; } input { } input[type="search"], input[type="number"] { -moz-appearance: textfield; -webkit-appearance: textfield; appearance: textfield; } input::-webkit-search-decoration, input::-webkit-search-cancel-button { -webkit-appearance: none; } input::-o-outer-spin-button, input::-o-inner-spin-button { -o-appearance: none; margin: 0; } input[type="checkbox"], input[type="radio"], .lt-ie9 input[type="checkbox"], .lt-ie9 input[type="radio"] { height: auto; padding: 0; border: 0; background: none; line-height: 1; } input[type="color"] { padding: 0; cursor: pointer; } textarea { overflow: auto; vertical-align: top; resize: vertical; } select { line-height: 1; text-overflow: ''; text-indent: 0.01px; -moz-appearance: none; -webkit-appearance: none; appearance: none; } select::-ms-expand { display: none; } button, input[type="button"], input[type="reset"], input[type="submit"] { overflow: visible; position: relative; z-index: 3; margin: 0; box-shadow: none; text-transform: none; cursor: pointer; outline: none; -webkit-appearance: button; -webkit-font-smoothing: inherit; } button::-moz-focus-inner, input::-moz-focus-inner { padding: 0; border: 0; outline: none; } form [disabled] { cursor: default; } form > div { position: relative; } ::-webkit-input-placeholder { opacity: 1; color: inherit; } ::-moz-placeholder { opacity: 1; color: inherit; } :-moz-placeholder { opacity: 1; color: inherit; } :-ms-input-placeholder { opacity: 1; color: inherit; } :focus::-webkit-input-placeholder { opacity: 0; } :focus::-moz-placeholder { opacity: 0; } :focus:-moz-placeholder { opacity: 0; } :focus:-ms-placeholder { opacity: 0; } form { } label { display: block; position: relative; left: 0; top: 0; z-index: 2; font-weight: 400; } form p { position: relative; clear: both; } form p:after { content: ""; display: block; overflow: hidden; clear: both; height: 0; } input { height: 46px; padding: 0 24px 1px; } .lt-ie9 input { line-height: 44px; } select { padding: 7px 7px 7px 9px; } textarea { padding: 7px 7px 7px 12px; } input, select, textarea { border-radius: 2px; border: 1px solid #999; background: #fff; font-weight: 300; } button, input[type="button"], input[type="reset"], input[type="submit"] { display: block; overflow: hidden; float: left; height: auto; padding: 10px 28px; border-radius: 3px; border: 0; background: #80c342; color: #fff; font-size: 17px; text-transform: uppercase; text-align: center; } .form-a { position: relative; margin: 0 0 72px; padding: 12px 280px 0 514px; } .form-a header { position: absolute; left: 0; top: 0; width: 452px; text-align: right; } .form-a header h1, .form-a header h2, .form-a header h3, .form-a header h4, .form-a header h5, .form-a header h6 { margin-bottom: 27px; } .form-a header p { font-size: 1.6em; } .form-a p { margin: 0 0 22px; font-size: 1.6em; } .form-a label { margin: 0 0 4px; text-transform: uppercase; } .js .form-a label { position: absolute; top: -1px; padding: 0 25px; font-weight: 300; line-height: 46px; cursor: text; } .js .form-a label.hidden { left: -3000em; } .form-a input, #Form_RequestSubForm input { width: 100%; font-size: 14px;} .form-a p.submit { position: absolute; right: 0; bottom: 22px; margin: 0; } #Form_RequestSubForm_action_doSubRequest{ position: absolute; right: -260px;; bottom: 0px; margin: 0; } #Form_RequestSubForm input#Form_RequestSubForm_action_doSubRequest {width: 160px;font-size: 17px;font-weight: 400;} #Form_RequestSubForm label {font-size: 15px;position: inherit;top: 0;padding: 0px 0px;font-weight: 300;line-height: 30px;cursor: inherit;} .form-b { margin: 0 0 10px; text-align: center; } .form-b .errors { position: absolute; left: -3000em; top: 0; } .form-b p { display: inline-block; margin: 0; } .form-b label { position: absolute; left: -3000em; top: 0; } .form-b input { display: block; float: left; height: 46px; margin: 0 17px 0 0; padding: 0 18px; } .form-b button { height: 46px; padding-top: 0; padding-bottom: 0; box-shadow: 0 1px 5px rgba(0,0,0,.25); } .form-b .btn { display: block; overflow: hidden; float: left; height: 46px; padding: 0 28px; box-shadow: 0 1px 5px rgba(0,0,0,.25); border-radius: 3px; border: 0; background: #e73d30; color: #fff; font-size: 17px; line-height: 46px; text-transform: uppercase; text-align: center; } .form-b p > span { display: block; float: left; padding: 0 14px; line-height: 46px; } .heading-a + .form-b { margin-top: -18px; } /*! Tables --------- */ table { display: table; width: 100%; border-collapse: collapse; border-spacing: 0; } th, td { padding: 5px 10px; border: 1px solid #eee; font-weight: 400; text-align: left; } .table-a { table-layout: fixed; max-width: 1014px; margin: 0 auto 40px; } .table-a th { position: relative; z-index: 1; padding: 10px; border: 0; color: #757575; font-size: 1.6em; line-height: 1.5; text-align: center; } .table-a td { position: relative; z-index: 1; padding: 10px; border: 0; border-bottom: 1px solid #d3d3d3; color: #757575; font-size: 1.6em; line-height: 1.5; text-align: center; } .table-a {position: relative;left: -120px;} .table-prx {border-collapse: separate; margin: 0 auto; position: static;margin-bottom: 35px;} .table-prx td {border-bottom:0;border-right: 1px solid #ccc; background-color: #f8f8f8;} .table-prx td.b { border-bottom: 1px solid #ccc;} .table-prx th.c { border-top: 1px solid #ccc;border-right: 1px solid #ccc;} .table-prx th.cl { border-left: 1px solid #ccc;} .table-prx th.cr { } .table-a tr > *:first-child { text-align: left; } .table-a tr:last-child td {border-bottom: 0;} .table-prx tr:last-child td {border-bottom: 1px solid #ccc;} .table-prx tr > td:first-child {border-left: 1px solid #ccc;text-align: center;} .table-prx .weak { font-size: 0.8em} .table-prx .strong { font-size: 2em} .table-a th[colspan], .table-a .head th,.table-a th.ff { color: #333; font-size: 2.5em; text-transform: uppercase; } .table-a .head th[colspan] { font-size: 1.6em; text-transform: none; text-align: center; } .table-prx th:first-child {border-right: 1px solid #ccc;text-align: center;} .table-prx tr.link-a td a{ font-size: 17px;} #root .table-prx tr.link-a td a.contact{ background-color: #2399ce;} #root .table-prx tr.link-a td a.contact:hover{ background-color: #49a8d3;} .table-a .inner { display: block; padding: 0 20px 0 0; } .table-a .inner:before { content: "?"; display: block; position: absolute; right: 22px; top: 50%; width: 14px; height: 14px; margin: -7px 0 0; border-radius: 10px; border: 1px solid #1f86ce; color: #1f86ce; font-weight: 400; font-size: 11px; line-height: 12px; text-align: center; } .table-a .tip { display: block; position: absolute; left: -3000em; top: 0; width: 294px; margin: 0 0 0 -21px; padding: 10px; background: #999; color: #fff; font-size: .875em; text-align: center; } .no-mobile .table-a .has-tip:hover, .mobile .table-a .has-tip.toggle { background: #999; color: #fff; } .no-mobile .table-a th:hover .inner .tip, .mobile .table-a .toggle .inner .tip { left: 100%; } .table-a th:hover, .table-a .toggle { z-index: 2; } .table-a a { font-weight: 400; } .table-a .icon-check, .table-a .icon-check2 , .huddlecomp .icon-check{ display: block; color: #0b0; font-size: 25px; line-height: 25px; } /*! Red --------- */ div.a a, div.a .news-b h1, div.a .news-b h2, div.a .news-b h3, div.a .news-b h4, div.a .news-b h5, div.a .news-b h6, div.a .news-a h1, div.a .news-a h2, div.a .news-a h3, div.a .news-a h4, div.a .news-a h5, div.a .news-a h6 { color: #ef4136; } div.a .news-b h1 i, div.a .news-b h2 i, div.a .news-b h3 i, div.a .news-b h4 i, div.a .news-b h5 i, div.a .news-b h6 i, div.a #featured, div.a .module-a, div.a .module-a:before, div.a #root .link-a a, div.a button, div.a .news-b h1 .icon, div.a .news-b h2 .icon, div.a .news-b h3 .icon, div.a .news-b h4 .icon, div.a .news-b h5 .icon, div.a .news-b h6 .icon, div.a #top { background-color: #ef4136; color: #fff; } #root div.a .link-a a:hover { background-color: #e75045; } div.a .module-a { color: #fff; } div.a .module-a:after { top: -178px; width: 1104px; height: 714px; background-image: url(../images/module-a/a.svg); } div.a .module-a figure { top: auto; right: -100px; bottom: -30px; } div.a .news-a { } div.a .news-a:before { top: 0; background-image: url(../images/clouds/a.svg); } div.a ::selection { background-color: #ef4136; } div.a ::-moz-selection { background-color: #ef4136; } div.a.lt-ie9 .news-a:before { background-image: url(../images/clouds/a.svg.png); } div.a.lt-ie9 .module-a:after { background-image: url(../images/module-a/a.svg.png); } div.a.lt-ie9 #featured > .icons > .a:before { background-image: url(../images/featured/icon-aa.png); } div.a.lt-ie9 #featured > .icons > .b:before { background-image: url(../images/featured/icon-ab.png); } div.a.lt-ie9 #featured > .icons > .c:before { background-image: url(../images/featured/icon-ac.png); } div.a.lt-ie9 #featured > .icons > .d:before { background-image: url(../images/featured/icon-ad.png); } div.a.lt-ie9 #featured .clouds > *:before { left: 50%; } /*! Blue --------- */ div.b a, div.b .news-b h1, div.b .news-b h2, div.b .news-b h3, div.b .news-b h4, div.b .news-b h5, div.b .news-b h6, div.b .news-a h1, div.b .news-a h2, div.b .news-a h3, div.b .news-a h4, div.b .news-a h5, div.b .news-a h6 { color: #29aae2; } div.b .news-b h1 i, div.b .news-b h2 i, div.b .news-b h3 i, div.b .news-b h4 i, div.b .news-b h5 i, div.b .news-b h6 i, div.b #featured, div.b .module-a, div.b .module-a:before, div.b #root .link-a a, div.b button, div.b .news-b h1 .icon, div.b .news-b h2 .icon, div.b .news-b h3 .icon, div.b .news-b h4 .icon, div.b .news-b h5 .icon, div.b .news-b h6 .icon, div.b #top { background-color: #29aae2; color: #fff; } #root div.b .link-a a:hover { background-color: #8EDB46; } div.b #featured { } div.b #featured p { color: #000; } div.b #featured:after { } div.b #featured figure { bottom: -36px; } div.b .module-a { } div.b .module-a, div.b .module-a:before { background: #3d8cbd; } div.b .module-a:after { left: 50%; top: -316px; width: 1469px; height: 826px; margin: 0 0 0 -734.5px; background-image: url(../images/module-a/b.svg); } div.b .module-a figure { bottom: -5px; margin-right: -258px; } div.b .news-a { } div.b .news-a:before { top: 0; width: 1200px; margin-left: -600px; background-image: url(../images/clouds/b.svg); } div.b ::selection { background-color: #29aae2; } div.b ::-moz-selection { background-color: #29aae2; } div.b.lt-ie9 .news-a:before { background-image: url(../images/clouds/b.svg.png); } div.b.lt-ie9 .module-a:after { background-image: url(../images/module-a/b.svg.png); } /*! Yellow --------- */ div.c a, div.c .news-b h1, div.c .news-b h2, div.c .news-b h3, div.c .news-b h4, div.c .news-b h5, div.c .news-b h6, div.c .news-a h1, div.c .news-a h2, div.c .news-a h3, div.c .news-a h4, div.c .news-a h5, div.c .news-a h6 { color: #dc8000; } div.c .news-b h1 i, div.c .news-b h2 i, div.c .news-b h3 i, div.c .news-b h4 i, div.c .news-b h5 i, div.c .news-b h6 i, div.c .module-a, div.c .module-a:before, div.c #featured, div.c .news-b h1 .icon, div.c .news-b h2 .icon, div.c .news-b h3 .icon, div.c .news-b h4 .icon, div.c .news-b h5 .icon, div.c .news-b h6 .icon, div.c #top { background-color: #ffc200; } div.c #featured { } div.c #featured h1, div.c #featured h2, div.c #featured h3 { color: #fff; } div.c #featured:after { } div.c #featured figure { bottom: -46px; } div.c .module-a { min-height: 480px; color: #630; } div.c .module-a h1, div.c .module-a h2, div.c .module-a h3 { color: #000; } div.c .module-a:after { left: 50%; top: -138px; bottom: 0; width: 1677px; margin: 0 0 0 -1672px; background-image: url(../images/module-a/c.svg); background-size: 1677px auto; } div.c .module-a > *:first-child:before { content: ""; display: block; position: absolute; left: 50%; top: -138px; width: 1677px; height: 773px; margin: -97px 0 0 -1672px; background-image: url(../images/module-a/c2.svg); background-size: 100% 100%; } div.c .news-a { } div.c .news-a:before { top: 0; width: 1167px; margin-left: -583.5px; background-image: url(../images/clouds/c.svg); } div.c ::selection { background-color: #ffc200; } div.c ::-moz-selection { background-color: #ffc200; } div.c.lt-ie9 .news-a:before { background-image: url(../images/clouds/c.svg.png); } div.c.lt-ie9 .module-a:after { background-image: url(../images/module-a/c.svg.png); } div.c.lt-ie9 .module-a > *:first-child:before { background-image: url(../images/module-a/c2.svg.png); } div.c.lt-ie9 #featured > .person.e:before { background-image: url(../images/featured/icon-ca.png); background-size: auto; } /*! Yellow --------- */ div.d a, div.d .news-b h1, div.d .news-b h2, div.d .news-b h3, div.d .news-b h4, div.d .news-b h5, div.d .news-b h6, div.d .news-a h1, div.d .news-a h2, div.d .news-a h3, div.d .news-a h4, div.d .news-a h5, div.d .news-a h6 { color: #80c342; } div.d .news-b h1 i, div.d .news-b h2 i, div.d .news-b h3 i, div.d .news-b h4 i, div.d .news-b h5 i, div.d .news-b h6 i, div.d .module-a, div.d .module-a:before, div.d #featured, div.d .news-b h1 .icon, div.d .news-b h2 .icon, div.d .news-b h3 .icon, div.d .news-b h4 .icon, div.d .news-b h5 .icon, div.d .news-b h6 .icon, div.d #top { background-color: #80c342; } div.d #featured { color: #fff; } div.d #featured h1, div.d #featured h2, div.d #featured h3 { } div.d #featured:after { } div.d #featured figure { right: auto; left: 0; bottom: -47px; } div.d #featured p { max-width: none; } div.d .module-a { color: #fff; } div.d .module-a h1, div.d .module-a h2, div.d .module-a h3 { } div.d .module-a:after { left: 50%; top: -283px; width: 1404px; height: 284px; margin: 0 0 0 -702px; background-image: url(../images/module-a/d.svg); } div.d .news-a { } div.d .news-a:before { top: 0; width: 1185px; margin-left: -592.5px; background-image: url(../images/clouds/d.svg); } div.d ::selection { background-color: #80c342; } div.d ::-moz-selection { background-color: #80c342; } div.d.lt-ie9 .news-a:before { background-image: url(../images/clouds/d.svg.png); } div.d.lt-ie9 .module-a:after { background-image: url(../images/module-a/d.svg.png); } /*! Helpers --------- */ *, *:before, *:after { -moz-transition: color 0.5s ease-in-out 0s, background-color 0.5s ease-in-out 0s, border-color 0.5s ease-in-out 0s, opacity 0.5s ease-in-out 0s; -webkit-transition: color 0.5s ease-in-out 0s, background-color 0.5s ease-in-out 0s, border-color 0.5s ease-in-out 0s, opacity 0.5s ease-in-out 0s; -o-transition: color 0.5s ease-in-out 0s, background-color 0.5s ease-in-out 0s, border-color 0.5s ease-in-out 0s, opacity 0.5s ease-in-out 0s; -ms-transition: color 0.5s ease-in-out 0s, background-color 0.5s ease-in-out 0s, border-color 0.5s ease-in-out 0s, opacity 0.5s ease-in-out 0s; transition: color 0.5s ease-in-out 0s, background-color 0.5s ease-in-out 0s, border-color 0.5s ease-in-out 0s, opacity 0.5s ease-in-out 0s; -moz-transform-origin: center center; -webkit-transform-origin: center center; -o-transform-origin: center center; -ms-transform-origin: center center; -webkit-transition-delay: -0.1s; } #top > .menu:before, #top > .menu:after, #top-fixed, .module-a, #social-a, #top-fixed > .menu:before, #top-fixed > .menu:after, #root.animated, .list-b span, .module-e figure, .module-e h1, .module-e h2, .module-e h3, .module-e p { -moz-transition: all 0.5s ease-in-out 0s; -webkit-transition: all 0.5s ease-in-out 0s; -o-transition: all 0.5s ease-in-out 0s; -ms-transition: all 0.5s ease-in-out 0s; transition: all 0.5s ease-in-out 0s; } #nav > ul > li > div ul li span { -moz-transition: all 0.3s ease-in-out 0s; -webkit-transition: all 0.3s ease-in-out 0s; -o-transition: all 0.3s ease-in-out 0s; -ms-transition: all 0.3s ease-in-out 0s; transition: all 0.3s ease-in-out 0s; } .module-a figure, .module-a:after, .module-a > *:first-child:before { -moz-transition: all 1s ease-in-out 0s; -webkit-transition: all 1s ease-in-out 0s; -o-transition: all 1s ease-in-out 0s; -ms-transition: all 1s ease-in-out 0s; transition: all 1s ease-in-out 0s; } .rating-a, #social-a { -moz-transition: all 2s ease-in-out 0s; -webkit-transition: all 2s ease-in-out 0s; -o-transition: all 2s ease-in-out 0s; -ms-transition: all 2s ease-in-out 0s; transition: all 2s ease-in-out 0s; } .table-a *, .static #top-fixed { -moz-transition: none; -webkit-transition: none; -o-transition: none; -ms-transition: none; transition: none; } .clear { clear: both; overflow: hidden; width: 100%; height: 0; } .hidden, [hidden], template { position: absolute; left: -3000em; top: 0; } hr, .hr { display: block; overflow: hidden; width: 100%; height: 1px; margin: 15px 0; padding: 0; border: 0; border-top: 1px solid #ccc; background: none; font-size: 0; } .hr hr { display: none; } h1:first-child, h2:first-child, h3:first-child, h4:first-child, h5:first-child, h6:first-child, .news-c:first-child, .module-d:first-child, .news-a figure + *, .module-a:first-child, .list-a:first-child, #root .quote-b:first-child, #root .mb-a + *, #root .mb-b + *, #root .mb-c + *, #root .mb-d + *, .article-a h1:first-child, .article-a h2:first-child, .article-a h3:first-child, .article-a h4:first-child, .article-a h5:first-child, .article-a h6:first-child, #root .cols-a + * { margin-top: 0; } .news-a p:last-child, #welcome p:last-child { margin-bottom: 0; } .news-a p.last-child, #welcome p.last-child { margin-bottom: 0; } .news-a p, .news-a h3 {margin-right: 20px; margin-left: 20px;} #root .mb-a { margin-bottom: 0; } #root .mb-b { margin-bottom: 67px; } #root .mb-c { margin-bottom: 81px; } #root .mb-d { margin-bottom: 47px; } /*! Animations --------- */ #featured > .icons { } #featured > .icons > *:before { opacity: 0; } #featured > .icons > *:before { -moz-animation: enlarge 1s linear; -webkit-animation: enlarge 1s linear; -o-animation: enlarge 1s linear; -ms-animation: enlarge 1s linear; animation: enlarge 1s linear; } #featured > .icons > .a:before { -moz-animation-delay: 1s; -webkit-animation-delay: 1s; -o-animation-delay: 1s; -ms-animation-delay: 1s; animation-delay: 1s; } #featured > .icons > .b:before { -moz-animation-delay: 3s; -webkit-animation-delay: 3s; -o-animation-delay: 3s; -ms-animation-delay: 3s; animation-delay: 3s; } #featured > .icons > .c:before { -moz-animation-delay: 2s; -webkit-animation-delay: 2s; -o-animation-delay: 2s; -ms-animation-delay: 2s; animation-delay: 2s; } #featured > .icons > .d:before { -moz-animation-delay: 4s; -webkit-animation-delay: 4s; -o-animation-delay: 4s; -ms-animation-delay: 4s; animation-delay: 4s; } #featured > .bigclouds { } #featured > .bigclouds > *:before { -moz-transform: scale(0,0); -webkit-transform: scale(0,0); -o-transform: scale(0,0); -ms-transform: scale(0,0); transform: scale(0,0); opacity: .5; } #featured > .bigclouds > *:before { -moz-animation: bigcloud 1.5s linear; -webkit-animation: bigcloud 1.5s linear; -o-animation: bigcloud 1.5s linear; -ms-animation: bigcloud 1.5s linear; animation: bigcloud 1.5s linear; -moz-animation-delay: 1s; -webkit-animation-delay: 1s; -o-animation-delay: 1s; -ms-animation-delay: 1s; animation-delay: 1s; } #featured .clouds { } #featured .clouds:before { -moz-animation: bigcloud 1.5s linear; -webkit-animation: bigcloud 1.5s linear; -o-animation: bigcloud 1.5s linear; -ms-animation: bigcloud 1.5s linear; animation: bigcloud 1.5s linear; } #featured .clouds > *:before { left: 100%; opacity: 0; } .lt-ie10 #featured .clouds > *:before, div.a.lt-ie10 #featured > .cloud > *:before, div.b.lt-ie10 #featured > .cloud > *:before, div.c.lt-ie10 #featured > .cloud > *:before, div.d.lt-ie10 #featured > .cloud > *:before { left: 50%; opacity: 1; } #featured .clouds > .a:before { -moz-animation: moveclouds 200s linear; -webkit-animation: moveclouds 200s linear; -o-animation: moveclouds 200s linear; -ms-animation: moveclouds 200s linear; animation: moveclouds 200s linear; -moz-animation-delay: 1s; -webkit-animation-delay: 1s; -o-animation-delay: 1s; -ms-animation-delay: 1s; animation-delay: 1s; } #featured .clouds > .b:before { -moz-animation: moveclouds 250s linear; -webkit-animation: moveclouds 250s linear; -o-animation: moveclouds 250s linear; -ms-animation: moveclouds 250s linear; animation: moveclouds 250s linear; -moz-animation-delay: 1.5s; -webkit-animation-delay: 1.5s; -o-animation-delay: 1.5s; -ms-animation-delay: 1.5s; animation-delay: 1.5s; } #featured .clouds > .c:before { -moz-animation: moveclouds 125s linear; -webkit-animation: moveclouds 125s linear; -o-animation: moveclouds 125s linear; -ms-animation: moveclouds 125s linear; animation: moveclouds 125s linear; -moz-animation-delay: 2s; -webkit-animation-delay: 2s; -o-animation-delay: 2s; -ms-animation-delay: 2s; animation-delay: 2s; } #featured .clouds > .d:before { -moz-animation: moveclouds 225s linear; -webkit-animation: moveclouds 225s linear; -o-animation: moveclouds 225s linear; -ms-animation: moveclouds 225s linear; animation: moveclouds 225s linear; -moz-animation-delay: 2.5s; -webkit-animation-delay: 2.5s; -o-animation-delay: 2.5s; -ms-animation-delay: 2.5s; animation-delay: 2.5s; } #featured .clouds > .e:before { -moz-animation: moveclouds 200s linear; -webkit-animation: moveclouds 200s linear; -o-animation: moveclouds 200s linear; -ms-animation: moveclouds 200s linear; animation: moveclouds 200s linear; -moz-animation-delay: 3s; -webkit-animation-delay: 3s; -o-animation-delay: 3s; -ms-animation-delay: 3s; animation-delay: 3s; } #featured > .lines { } #featured > .lines > *:before { opacity: 0; } #featured > .lines > *:before { -moz-animation: show 2s linear; -webkit-animation: show 2s linear; -o-animation: show 2s linear; -ms-animation: show 2s linear; animation: show 2s linear; } #featured > .lines > .a:before { -moz-animation-delay: 2.5s; -webkit-animation-delay: 2.5s; -o-animation-delay: 2.5s; -ms-animation-delay: 2.5s; animation-delay: 2.5s; } #featured > .lines > .b:before { -moz-animation-delay: 3.5s; -webkit-animation-delay: 3.5s; -o-animation-delay: 3.5s; -ms-animation-delay: 3.5s; animation-delay: 3.5s; } #featured > .lines > .c:before { -moz-animation-delay: 3s; -webkit-animation-delay: 3s; -o-animation-delay: 3s; -ms-animation-delay: 3s; animation-delay: 3s; } #featured > .lines > .d:before { -moz-animation-delay: 4s; -webkit-animation-delay: 4s; -o-animation-delay: 4s; -ms-animation-delay: 4s; animation-delay: 4s; } div.b #featured > .cloud { } div.b #featured > .cloud > *:before { left: 100%; opacity: 0; } div.b #featured > .cloud.a > *:before { -moz-animation: moveclouds 250s linear; -webkit-animation: moveclouds 250s linear; -o-animation: moveclouds 250s linear; -ms-animation: moveclouds 250s linear; animation: moveclouds 250s linear; -moz-animation-delay: 1s; -webkit-animation-delay: 1s; -o-animation-delay: 1s; -ms-animation-delay: 1s; animation-delay: 1s; } div.b #featured > .cloud.b > *:before { -moz-animation: moveclouds 125s linear; -webkit-animation: moveclouds 125s linear; -o-animation: moveclouds 125s linear; -ms-animation: moveclouds 125s linear; animation: moveclouds 125s linear; -moz-animation-delay: 1.5s; -webkit-animation-delay: 1.5s; -o-animation-delay: 1.5s; -ms-animation-delay: 1.5s; animation-delay: 1.5s; } div.b #featured > .cloud.c > *:before { -moz-animation: moveclouds 200s linear; -webkit-animation: moveclouds 200s linear; -o-animation: moveclouds 200s linear; -ms-animation: moveclouds 200s linear; animation: moveclouds 200s linear; -moz-animation-delay: 2s; -webkit-animation-delay: 2s; -o-animation-delay: 2s; -ms-animation-delay: 2s; animation-delay: 2s; } div.b #featured > .cloud.d > *:before { -moz-animation: moveclouds 225s linear; -webkit-animation: moveclouds 225s linear; -o-animation: moveclouds 225s linear; -ms-animation: moveclouds 225s linear; animation: moveclouds 225s linear; -moz-animation-delay: 2.5s; -webkit-animation-delay: 2.5s; -o-animation-delay: 2.5s; -ms-animation-delay: 2.5s; animation-delay: 2.5s; } div.b #featured > .person { } div.b #featured > .person:before, div.b #featured > .person:after { opacity: 0; } div.b #featured > .person:before, div.b #featured > .person:after { -moz-animation: show 1.5s linear; -webkit-animation: show 1.5s linear; -o-animation: show 1.5s linear; -ms-animation: show 1.5s linear; animation: show 1.5s linear; } div.b #featured > .person.a:after { -moz-animation-delay: 0; -webkit-animation-delay: 0; -o-animation-delay: 0; -ms-animation-delay: 0; animation-delay: 0; } div.b #featured > .person.a:before { -moz-animation-delay: 1s; -webkit-animation-delay: 1s; -o-animation-delay: 1s; -ms-animation-delay: 1s; animation-delay: 1s; } div.b #featured > .person.d:after { -moz-animation-delay: 1.5s; -webkit-animation-delay: 1.5s; -o-animation-delay: 1.5s; -ms-animation-delay: 1.5s; animation-delay: 1.5s; } div.b #featured > .person.d:before { -moz-animation-delay: 2s; -webkit-animation-delay: 2s; -o-animation-delay: 2s; -ms-animation-delay: 2s; animation-delay: 2s; } div.b #featured > .person.b:after { -moz-animation-delay: 2.5s; -webkit-animation-delay: 2.5s; -o-animation-delay: 2.5s; -ms-animation-delay: 2.5s; animation-delay: 2.5s; } div.b #featured > .person.b:before { -moz-animation-delay: 3s; -webkit-animation-delay: 3s; -o-animation-delay: 3s; -ms-animation-delay: 3s; animation-delay: 3s; } div.b #featured > .person.c:after { -moz-animation-delay: 3.5s; -webkit-animation-delay: 3.5s; -o-animation-delay: 3.5s; -ms-animation-delay: 3.5s; animation-delay: 3.5s; } div.b #featured > .person.c:before { -moz-animation-delay: 4s; -webkit-animation-delay: 4s; -o-animation-delay: 4s; -ms-animation-delay: 4s; animation-delay: 4s; } div.c #featured > .cloud { } div.c #featured > .cloud.d:before, div.c #featured > .cloud.e:before, div.c #featured > .cloud.h:before { left: 100%; opacity: 0; } div.c #featured > .cloud.d:before { -moz-animation: moveclouds 250s linear; -webkit-animation: moveclouds 250s linear; -o-animation: moveclouds 250s linear; -ms-animation: moveclouds 250s linear; animation: moveclouds 250s linear; -moz-animation-delay: 1s; -webkit-animation-delay: 1s; -o-animation-delay: 1s; -ms-animation-delay: 1s; animation-delay: 1s; } div.c #featured > .cloud.e:before { -moz-animation: moveclouds 200s linear; -webkit-animation: moveclouds 200s linear; -o-animation: moveclouds 200s linear; -ms-animation: moveclouds 200s linear; animation: moveclouds 200s linear; -moz-animation-delay: 1.5s; -webkit-animation-delay: 1.5s; -o-animation-delay: 1.5s; -ms-animation-delay: 1.5s; animation-delay: 1.5s; } div.c #featured > .cloud.h:before { -moz-animation: moveclouds 350s linear; -webkit-animation: moveclouds 350s linear; -o-animation: moveclouds 350s linear; -ms-animation: moveclouds 350s linear; animation: moveclouds 350s linear; -moz-animation-delay: 2s; -webkit-animation-delay: 2s; -o-animation-delay: 2s; -ms-animation-delay: 2s; animation-delay: 2s; } div.c #featured > .check { } div.c #featured > .check.b:before, div.c #featured > .check.d:before, div.c #featured > .person.e:before { opacity: 0; } div.c #featured > .check.b:before, div.c #featured > .check.d:before, div.c #featured > .person.e:before { -moz-animation: enlarge2 2.5s linear; -webkit-animation: enlarge2 2.5s linear; -o-animation: enlarge2 2.5s linear; -ms-animation: enlarge2 2.5s linear; animation: enlarge2 2.5s linear; } div.c #featured > .check.b:before { -moz-animation-delay: 1s; -webkit-animation-delay: 1s; -o-animation-delay: 1s; -ms-animation-delay: 1s; animation-delay: 1s; } div.c #featured > .check.d:before { -moz-animation-delay: 2s; -webkit-animation-delay: 2s; -o-animation-delay: 2s; -ms-animation-delay: 2s; animation-delay: 2s; } div.c #featured > .person.e:before { -moz-animation-delay: 3s; -webkit-animation-delay: 3s; -o-animation-delay: 3s; -ms-animation-delay: 3s; animation-delay: 3s; } div.d #featured > .cloud { } div.d #featured > .cloud:before { left: 100%; opacity: 0; } div.d #featured > .cloud.a:before { -moz-animation: moveclouds 250s linear; -webkit-animation: moveclouds 250s linear; -o-animation: moveclouds 250s linear; -ms-animation: moveclouds 250s linear; animation: moveclouds 250s linear; } div.d #featured > .cloud.b:before { -moz-animation: moveclouds 200s linear; -webkit-animation: moveclouds 200s linear; -o-animation: moveclouds 200s linear; -ms-animation: moveclouds 200s linear; animation: moveclouds 200s linear; } div.d #featured > .cloud.c:before { -moz-animation: moveclouds 350s linear; -webkit-animation: moveclouds 350s linear; -o-animation: moveclouds 350s linear; -ms-animation: moveclouds 350s linear; animation: moveclouds 350s linear; } div.d #featured > .person { } div.d #featured > .person.d:after, div.d #featured > .bg.i:before { opacity: 0; } div.d #featured > .person.d:after, div.d #featured > .bg.i:before { -moz-animation: enlarge 1.5s linear; -webkit-animation: enlarge 1.5s linear; -o-animation: enlarge 1.5s linear; -ms-animation: enlarge 1.5s linear; animation: enlarge 1.5s linear; } div.d #featured > .person.d:after { -moz-animation-delay: 1s; -webkit-animation-delay: 1s; -o-animation-delay: 1s; -ms-animation-delay: 1s; animation-delay: 1s; } div.d #featured > .bg.i:before { -moz-animation-delay: 2s; -webkit-animation-delay: 2s; -o-animation-delay: 2s; -ms-animation-delay: 2s; animation-delay: 2s; } .module-e p.pn {text-align: center;} /*#featured > .icons > *:before, #featured > .bigclouds > *:before, #featured .clouds:before, #featured > .lines > *:before, div.b #featured > .cloud > *:before, #root div.b #featured > .person:before, #root div.b #featured > .person:after, div.d #featured > .cloud:before, div.d #featured > .cloud:before, div.d #featured > .person.d:after, div.d #featured > .bg.i:before, div.c #featured > .cloud:before, div.c #featured > .check.b:before, div.c #featured > .check.d:before, div.c #featured > .person.e:before, div.b #featured > .person.a:before, div.b #featured > .person.b:before, div.b #featured > .person.c:before, div.b #featured > .person.d:before,*/ #root *, #root *:before, #root *:after { -moz-animation-fill-mode: forwards !important; -webkit-animation-fill-mode: forwards !important; -o-animation-fill-mode: forwards !important; -ms-animation-fill-mode: forwards !important; animation-fill-mode: forwards !important; } @-moz-keyframes moveclouds { 0% { left: 45%; opacity: 0; } 1% { opacity: 1; } 100% { left: 100%; opacity: 1; } } @-moz-keyframes bigcloud { 0% { transform: scale(.5,.5); opacity: .5; } 100% { transform: scale(1,1); opacity: 1; } } @-moz-keyframes enlarge { 0% { transform: scale(.5,.5); opacity: 0; } 50% { transform: scale(1.25,1.25); } 100% { transform: scale(1,1); opacity: 1; } } @-moz-keyframes enlarge2 { 0% { transform: scale(.5,.5); opacity: 0; } 1% { opacity: 1; } 50% { transform: scale(1.25,1.25); } 100% { transform: scale(1,1); opacity: 1; } } @-moz-keyframes show { 0% { opacity: 0; } 100% { opacity: 1; } } @-webkit-keyframes moveclouds { 0% { left: 45%; opacity: 0; } 1% { opacity: 1; } 100% { left: 100%; opacity: 1; } } @-webkit-keyframes bigcloud { 0% { transform: scale(.5,.5); opacity: .5; } 100% { transform: scale(1,1); opacity: 1; } } @-webkit-keyframes enlarge { 0% { transform: scale(.5,.5); opacity: 0; } 50% { transform: scale(1.25,1.25); } 100% { transform: scale(1,1); opacity: 1; } } @-webkit-keyframes enlarge2 { 0% { transform: scale(.5,.5); opacity: 0; } 1% { opacity: 1; } 50% { transform: scale(1.25,1.25); } 100% { transform: scale(1,1); opacity: 1; } } @-webkit-keyframes show { 0% { opacity: 0; } 100% { opacity: 1; } } @-o-keyframes moveclouds { 0% { left: 45%; opacity: 0; } 1% { opacity: 1; } 100% { left: 100%; opacity: 1; } } @-o-keyframes bigcloud { 0% { transform: scale(.5,.5); opacity: .5; } 100% { transform: scale(1,1); opacity: 1; } } @-o-keyframes enlarge { 0% { transform: scale(.5,.5); opacity: 0; } 50% { transform: scale(1.25,1.25); } 100% { transform: scale(1,1); opacity: 1; } } @-o-keyframes enlarge2 { 0% { transform: scale(.5,.5); opacity: 0; } 1% { opacity: 1; } 50% { transform: scale(1.25,1.25); } 100% { transform: scale(1,1); opacity: 1; } } @-o-keyframes show { 0% { opacity: 0; } 100% { opacity: 1; } } @-ms-keyframes moveclouds { 0% { left: 45%; opacity: 0; } 1% { opacity: 1; } 100% { left: 100%; opacity: 1; } } @-ms-keyframes bigcloud { 0% { transform: scale(.5,.5); opacity: .5; } 100% { transform: scale(1,1); opacity: 1; } } @-ms-keyframes enlarge { 0% { transform: scale(.5,.5); opacity: 0; } 50% { transform: scale(1.25,1.25); } 100% { transform: scale(1,1); opacity: 1; } } @-ms-keyframes enlarge2 { 0% { transform: scale(.5,.5); opacity: 0; } 1% { opacity: 1; } 50% { transform: scale(1.25,1.25); } 100% { transform: scale(1,1); opacity: 1; } } @-ms-keyframes show { 0% { opacity: 0; } 100% { opacity: 1; } } @keyframes moveclouds { 0% { left: 45%; opacity: 0; } 1% { opacity: 1; } 100% { left: 100%; opacity: 1; } } @keyframes bigcloud { 0% { transform: scale(.5,.5); opacity: .5; } 100% { transform: scale(1,1); opacity: 1; } } @keyframes enlarge { 0% { transform: scale(.5,.5); opacity: 0; } 50% { transform: scale(1.25,1.25); } 100% { transform: scale(1,1); opacity: 1; } } @keyframes enlarge2 { 0% { transform: scale(.5,.5); opacity: 0; } 1% { opacity: 1; } 50% { transform: scale(1.25,1.25); } 100% { transform: scale(1,1); opacity: 1; } } @keyframes show { 0% { opacity: 0; } 100% { opacity: 1; } } .lt-ie10 #featured > .icons > *:before, .lt-ie10 #featured > .bigclouds > *:before, .lt-ie10 #featured .clouds:before, .lt-ie10 #featured > .lines > *:before, html.lt-ie10.b #featured > .cloud > *:before, html.lt-ie10.b #root #featured > .person:before, html.lt-ie10.b #root #featured > .person:after, html.lt-ie10.d #featured > .cloud:before, html.lt-ie10.d #featured > .cloud:before, html.lt-ie10.d #featured > .person.d:after, html.lt-ie10.d #featured > .bg.i:before, html.lt-ie10.c #featured > .cloud:before, html.lt-ie10.c #featured > .check.b:before, html.lt-ie10.c #featured > .check.d:before, html.lt-ie10.c #featured > .person.e:before { opacity: 1; } .lt-ie10 #featured > .icons > *:before, .lt-ie10 #featured > .bigclouds > *:before, .lt-ie10 #featured .clouds:before, .lt-ie10 #featured > .lines > *:before, html.lt-ie10.b #featured > .cloud > *:before, html.lt-ie10.b #root #featured > .person:before, html.lt-ie10.b #root #featured > .person:after, html.lt-ie10.d #featured > .cloud:before, html.lt-ie10.d #featured > .cloud:before, html.lt-ie10.d #featured > .person.d:after, html.lt-ie10.d #featured > .bg.i:before, html.lt-ie10.c #featured > .cloud:before, html.lt-ie10.c #featured > .check.b:before, html.lt-ie10.c #featured > .check.d:before, html.lt-ie10.c #featured > .person.e:before, .lt-ie10 #featured > .bigclouds > *:before, .lt-ie10 #featured > .bigclouds > *:before, .lt-ie10 #featured > .clouds::before { -ms-transform: scale(1,1); transform: scale(1,1); } .lt-ie10 #featured .clouds:before, .lt-ie10 #featured .clouds:before, .lt-ie10 #featured > .bigclouds > *:before, .lt-ie10 #featured > .clouds::before { left: 0; } div.a.lt-ie10 #featured > .cloud:before, div.b.lt-ie10 #featured > .cloud:before, div.c.lt-ie10 #featured > .cloud:before, div.d.lt-ie10 #featured > .cloud:before, .lt-ie10 #featured > .bigclouds > *:before, .lt-ie10 #featured > .bigclouds > *:before, .lt-ie10 #featured > .clouds::before { left: 50%; opacity: 1; } /*! Showing --------- */ .csstransitions .module-a > *, .csstransitions .quote-a h1, .csstransitions .quote-a h2, .csstransitions .quote-a h3, .csstransitions .quote-a h4, .csstransitions .quote-a h5, .csstransitions .quote-a h6, .csstransitions #social a, .csstransitions .quote-a .rating-a, .csstransitions .fadein { opacity: 0; } .csstransitions .module-a.show > *, .csstransitions .quote-a.show h1, .csstransitions .quote-a.show h2, .csstransitions .quote-a.show h3, .csstransitions .quote-a.show h4, .csstransitions .quote-a.show h5, .csstransitions .quote-a.show h6, .csstransitions #social.show a, .csstransitions div.a .module-a:after { opacity: 1; } .csstransitions .module-a > figure, .csstransitions .module-e > figure, .csstransitions .module-e.a p, .csstransitions .module-e.a h3 { -moz-transform: translateX(50px); -webkit-transform: translateX(50px); -o-transform: translateX(50px); -ms-transform: translateX(50px); transform: translateX(50px); opacity: 0; } .csstransitions div.c .module-a:after, .csstransitions div.a .module-a:after, .csstransitions .module-e.a h1, .csstransitions .module-e.a h2, .csstransitions div.c .module-a > *:first-child:before { -moz-transform: translateX(-50px); -webkit-transform: translateX(-50px); -o-transform: translateX(-50px); -ms-transform: translateX(-50px); transform: translateX(-50px); opacity: 0; } .csstransitions .module-e.a figure { -moz-transform: translateY(50px); -webkit-transform: translateY(50px); -o-transform: translateY(50px); -ms-transform: translateY(50px); transform: translateY(50px); opacity: 0; } .csstransitions div.d .module-a:after { -moz-transform: translateY(100%); -webkit-transform: translateY(100%); -o-transform: translateY(100%); -ms-transform: translateY(100%); transform: translateY(100%); } .csstransitions .module-a.show, .csstransitions .module-a.show > figure, .csstransitions div.c .module-a.show:after, .csstransitions div.d .module-a.show:after, .csstransitions .quote-a.show .rating-a, .csstransitions div.a .module-a.show:after, .csstransitions .module-e.show > figure, .csstransitions .module-e.a.show figure, .csstransitions .module-e.a.show h1, .csstransitions .module-e.a.show h2, .csstransitions .module-e.a.show h3, .csstransitions .module-e.a.show p, .csstransitions .fadein.show, .csstransitions div.c .module-a.show > *:first-child:before, #root.static #top-fixed, .static #root #top-fixed, .static #root #content, #root.static #content, .static #root, #root.static { -moz-transform: none; -webkit-transform: none; -o-transform: none; -ms-transform: none; transform: none; opacity: 1; } .csstransitions .module-a.c.show figure { -moz-transition-delay: 1s; -webkit-transition-delay: 1s; -o-transition-delay: 1s; -ms-transition-delay: 1s; transition-delay: 1s; } /*! Warnings --------- */ .js #root:after { position: absolute; left: -3000em; top: -3000em; } .js body { padding-top: 0; } /*! Miscellaneous --------- */ audio, canvas, iframe, img, svg, video { border-width: 0; vertical-align: middle; } audio, canvas, progress, video { display: inline-block; vertical-align: baseline; } audio:not([controls]) { display: none; height: 0; } svg:not(:root) { overflow: hidden; } @-ms-viewport { width: auto; } ::selection { background: #4da1ff; color: #fff; text-shadow: none; } ::-moz-selection { background: #4da1ff; color: #fff; text-shadow: none; } #root .desktop-hide, #root .tablet-only, #root .mobile-only { position: absolute; left: -3000em; top: -3000em; bottom: inherit; right: inherit; } /*! Fonts --------- @font-face { font-family: 'Open Sans'; font-style: normal; font-weight: 300; src: local('Open Sans Light'), local('OpenSans-Light'), url(https://fonts.gstatic.com/s/opensans/v13/DXI1ORHCpsQm3Vp6mXoaTegdm0LZdjqr5-oayXSOefg.woff2) format('woff2'); } @font-face { font-family: 'Open Sans'; font-style: normal; font-weight: 400; src: local('Open Sans'), local('OpenSans'), url(https://fonts.gstatic.com/s/opensans/v13/cJZKeOuBrn4kERxqtaUH3VtXRa8TVwTICgirnJhmVJw.woff2) format('woff2'); } @font-face { font-family: 'Open Sans'; font-style: normal; font-weight: 700; src: local('Open Sans Bold'), local('OpenSans-Bold'), url(https://fonts.gstatic.com/s/opensans/v13/k3k702ZOKiLJc3WVjuplzOgdm0LZdjqr5-oayXSOefg.woff2) format('woff2'); } @font-face { font-family: 'Open Sans'; font-style: italic; font-weight: 300; src: local('Open Sans Light Italic'), local('OpenSansLight-Italic'), url(https://fonts.gstatic.com/s/opensans/v13/PRmiXeptR36kaC0GEAetxko2lTMeWA_kmIyWrkNCwPc.woff2) format('woff2'); } @font-face { font-family: 'Open Sans'; font-style: italic; font-weight: 400; src: local('Open Sans Italic'), local('OpenSans-Italic'), url(https://fonts.gstatic.com/s/opensans/v13/xjAJXh38I15wypJXxuGMBo4P5ICox8Kq3LLUNMylGO4.woff2) format('woff2'); } @font-face { font-family: 'Open Sans'; font-style: italic; font-weight: 700; src: local('Open Sans Bold Italic'), local('OpenSans-BoldItalic'), url(https://fonts.gstatic.com/s/opensans/v13/PRmiXeptR36kaC0GEAetxolIZu-HDpmDIZMigmsroc4.woff2) format('woff2'); } */ @font-face { font-family: 'Open Sans'; font-style: normal; font-weight: 300; src: local('Open Sans Light'), local('OpenSans-Light'), url(fonts/DXI1ORHCpsQm3Vp6mXoaTegdm0LZdjqr5-oayXSOefg.woff2) format('woff2'); } @font-face { font-family: 'Open Sans'; font-style: normal; font-weight: 400; src: local('Open Sans'), local('OpenSans'), url(fonts/cJZKeOuBrn4kERxqtaUH3VtXRa8TVwTICgirnJhmVJw.woff2) format('woff2'); } @font-face { font-family: 'Open Sans'; font-style: normal; font-weight: 700; src: local('Open Sans Bold'), local('OpenSans-Bold'), url(fonts/k3k702ZOKiLJc3WVjuplzOgdm0LZdjqr5-oayXSOefg.woff2) format('woff2'); } @font-face { font-family: 'Open Sans'; font-style: italic; font-weight: 300; src: local('Open Sans Light Italic'), local('OpenSansLight-Italic'), url(fonts/PRmiXeptR36kaC0GEAetxko2lTMeWA_kmIyWrkNCwPc.woff2) format('woff2'); } @font-face { font-family: 'Open Sans'; font-style: italic; font-weight: 400; src: local('Open Sans Italic'), local('OpenSans-Italic'), url(fonts/xjAJXh38I15wypJXxuGMBo4P5ICox8Kq3LLUNMylGO4.woff2) format('woff2'); } @font-face { font-family: 'Open Sans'; font-style: italic; font-weight: 700; src: local('Open Sans Bold Italic'), local('OpenSans-BoldItalic'), url(fonts/PRmiXeptR36kaC0GEAetxolIZu-HDpmDIZMigmsroc4.woff2) format('woff2'); } /*! Icons --------- */ @font-face { font-family: 'i'; src:url('icons/icomoon.eot?wze4eb'); src:url('icons/icomoon.eot?wze4eb#iefix') format('embedded-opentype'), url('icons/icomoon.ttf?wze4eb') format('truetype'), url('icons/icomoon.woff?wze4eb') format('woff'), url('icons/icomoon.svg?wze4eb#icomoon') format('svg'); font-weight: 400; font-style: normal; } [class^="icon-"], [class*=" icon-"] { font-family: 'i' !important; speak: none; font-style: normal; font-weight: 400; font-variant: normal; text-transform: none; line-height: 1; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } .icon-address:before { content: "\e94e"; } .icon-arrow1:before { content: "\e935"; } .icon-arrow2:before { content: "\e936"; } .icon-arrow3:before { content: "\e937"; } .icon-arrow-down:before { content: "\e926"; } .icon-arrow-left:before { content: "\e925"; } .icon-arrow-right:before { content: "\e924"; } .icon-arrow-up:before { content: "\e927"; } .icon-board:before { content: "\e95c"; } .icon-book:before { content: "\e90a"; } .icon-box:before { content: "\e94c"; } .icon-bullhorn:before { content: "\e90b"; } .icon-calculator:before { content: "\e948"; } .icon-calendar:before { content: "\e90c"; } .icon-caret-wide-down:before { content: "\e923"; } .icon-caret-wide-left:before { content: "\e920"; } .icon-caret-wide-right:before { content: "\e921"; } .icon-caret-wide-up:before { content: "\e922"; } .icon-chat:before { content: "\e90d"; } .icon-chat2:before { content: "\e90e"; } .icon-chat3:before { content: "\e918"; } .icon-chat4:before { content: "\e930"; } .icon-check:before { content: "\e90f"; } .icon-check2:before { content: "\e944"; } .icon-chevron-down:before { content: "\e959"; } .icon-chevron-left:before { content: "\e957"; } .icon-chevron-right:before { content: "\e958"; } .icon-chevron-up:before { content: "\e95a"; } .icon-circle:before { content: "\e919"; } .icon-circle2:before { content: "\e941"; } .icon-circle3:before { content: "\e942"; } .icon-clipboard:before { content: "\e94a"; } .icon-clipboard2:before { content: "\e94d"; } .icon-clock:before { content: "\e910"; } .icon-cloud:before { content: "\e911"; } .icon-cloud2:before { content: "\e91a"; } .icon-cloud3:before { content: "\e931"; } .icon-cloud4:before { content: "\e940"; } .icon-cloud5:before { content: "\e943"; } .icon-cloud6:before { content: "\e945"; } .icon-cloud-inv:before { content: "\e912"; } .icon-cog:before { content: "\e91b"; } .icon-cogs:before { content: "\e95d"; } .icon-envelope:before { content: "\e952"; } .icon-facebook:before { content: "\e913"; } .icon-facebook-circle:before { content: "\e954"; } .icon-file:before { content: "\e914"; } .icon-file2:before { content: "\e947"; } .icon-files:before { content: "\e915"; } .icon-google-plus:before { content: "\e916"; } .icon-graph:before { content: "\e900"; } .icon-id:before { content: "\e949"; } .icon-line1:before { content: "\e928"; } .icon-line2:before { content: "\e929"; } .icon-line3:before { content: "\e92a"; } .icon-line4:before { content: "\e92b"; } .icon-line5:before { content: "\e932"; } .icon-line6:before { content: "\e933"; } .icon-line7:before { content: "\e934"; } .icon-linkedin:before { content: "\e901"; } .icon-list:before { content: "\e902"; } .icon-lock:before { content: "\e903"; } .icon-lock2:before { content: "\e950"; } .icon-man:before { content: "\e91c"; } .icon-man2:before { content: "\e91d"; } .icon-man3:before { content: "\e93f"; } .icon-man4:before { content: "\e92c"; } .icon-man5:before { content: "\e92d"; } .icon-man6:before { content: "\e92e"; } .icon-man7:before { content: "\e92f"; } .icon-man8:before { content: "\e93e"; } .icon-man9:before { content: "\e960"; } .icon-man10:before { content: "\e95e"; } .icon-man11:before { content: "\e95f"; } .icon-mobile:before { content: "\e904"; } .icon-phone:before { content: "\e955"; } .icon-pictures:before { content: "\e905"; } .icon-pin:before { content: "\e956"; } .icon-quote-1:before { content: "\e93a"; } .icon-quote-2:before { content: "\e939"; } .icon-remote:before { content: "\e961"; } .icon-shuffle:before { content: "\e94b"; } .icon-star:before { content: "\e906"; } .icon-star-outline:before { content: "\e946"; } .icon-team:before { content: "\e907"; } .icon-twitter:before { content: "\e908"; } .icon-twitter-circle:before { content: "\e953"; } .icon-user:before { content: "\e94f"; } .icon-users:before { content: "\e95b"; } .icon-woman:before { content: "\e91e"; } .icon-woman2:before { content: "\e917"; } .icon-woman3:before { content: "\e938"; } .icon-woman4:before { content: "\e93b"; } .icon-woman5:before { content: "\e93c"; } .icon-woman6:before { content: "\e93d"; } .icon-woman7:before { content: "\e962"; } .icon-x-circle:before { content: "\e963"; } .icon-youtube:before { content: "\e909"; } .icon-youtube-play:before { content: "\e951"; } .icon-zoom:before { content: "\e91f"; } #huddlecal form.form-r fieldset p span#fac { position: relative;top: 1px; left: 30px;} #huddlecal form.form-r p { font-size: 1.2em;} #huddlecal form.form-r h3 {font-size: 2em;} #huddlecal form.form-r { border-radius: 5px;font-size: 1.5em; position: relative; width: 580px; margin: 0 auto 66px; border:1px solid #ececec; background: #fff; color: #000; text-align: left; padding: 25px; } table.huddlecomp {width: 900px;} .huddlecomp h3{font-size: 22px;} .huddleslider {padding-left:10px;width:400px;display:inline-block;} /* Responsive --------- */ @media only screen and (max-width: 1300px) { .table-a {position: relative;left: -50px;} } @media only screen and (max-width: 1067px) { .table-a {position: relative;left: 0px;} } @media only screen and (max-height: 50em) { /* 800h */ div.d * + .module-a { margin-top: 400px; } } @media only screen and (max-width: 87.5em) { /* 1400 */ div.a .module-a:after { left: 50%; margin: 0 0 0 -695px; } .module-a figure { right: 50%; margin: 0 -585px 0 0; } #root div.a .module-a figure { margin-right: -975px; } #featured figure, #root .module-e > figure { right: 50%; margin-right: -700px; } .module-a.c figure { right: -50px; } div.d #featured figure { left: 50%; margin-left: -700px; } } @media only screen and (max-width: 75em) { /* 1200 */ #top h1, #featured > *, #content > *, #footer, #top-fixed h1, .module-a.a > *, .module-a.b > *, .module-a.c > *, #welcome, #content > .module-e > * { width: 960px; } #nav { margin-right: -480px; } #top { } #nav > ul > li { padding-left: 30px; } #nav > ul > li.a { padding-left: 40px; } #nav > ul > li > ul { left: 17px; } #nav > ul > li > div { left: -7px; } #heading { padding: 100px 0; } #featured { } #featured p { max-width: 590px; } #content { padding-top: 0px; } #content > .news-a:first-child { margin-top: -80px; } #footer { } #footer > nav { margin-bottom: 70px; padding-left: 450px; } #footer h1, #footer h2, #footer h3, #footer h4, #footer h5, #footer h6, #footer ul { padding-left: 0; padding-right: 0; } #footer li { margin-right: 52px; } #footer li:before { right: -29px; } #footer #social { left: 25px; } .cols-a > *:first-child { width: 650px; } #root .mb-b { margin-bottom: 33px; } #root .mb-c { margin-bottom: 40px; } .gallery-a { } .gallery-a li { margin-left: 15px; margin-right: 15px; } .gallery-a .bx-prev, .gallery-a .bx-next { top: 50%; } .list-a { } h1 + .list-a, h2 + .list-a { margin-top: 80px; } .module-a, .module-c, .module-d { margin-top: 80px; margin-bottom: 80px; padding-top: 80px; padding-bottom: 80px; } .module-a { margin-top: 230px; } .module-a.b { } .module-a.b > * { padding-left: 500px; } .module-a.c { } .module-a.c > * { padding-right: 160px; } .module-a.c figure { right: -225px; } .module-b { margin-top: 80px; margin-bottom: 80px; } .module-b.va { padding: 80px 0; } .module-c { padding-top: 80px; padding-bottom: 140px; } .module-a + .module-b, .module-a + .module-d, .module-d + .module-a, .module-b + .module-a, .module-d + .module-d, .module-d + .module-b, .module-b + .module-d, .module-b + .module-b, .module-b + .module-c { margin-top: -80px; } .module-c > h1, .module-c > h2 { margin-bottom: 48px; } .module-c.b { } .module-c.b > * { left: 135px; } .module-e { } #content > .module-e > * { padding-right: 410px; } #root .module-e > figure { bottom: -148px; } #root .module-e.a > * { padding-left: 50%; } #root .module-e.a figure { max-width: 48%; margin-left: -480px; } #root .module-e.a figure img { left: 0; } .news-b { margin-bottom: 30px; } .news-b article { width: 45%; } .module-b + .news-b, .news-b + * { margin-top: 0; } .news-b.a { } .news-b.a article { width: 300px; } .news-b.a article:nth-child(3n-2) { margin-right: 30px; } .slider-a { } .slider-a .bx-pager { padding-bottom: 0; } .form-a { padding-right: 0; } .form-a p.submit { position: relative; bottom: 0; } .form-a p.submit button { float: right; } } @media only screen and (max-width: 62.5em) { /* 1000 */ #top h1, #featured > *, #content > *, #footer, #top-fixed h1, .module-a.a > *, .module-c.c > *, .module-a.b > *, .module-a.c > *, #welcome, #content > .module-e > *, #welcome .list-b, #root .module-e.a.a figure, #heading > div { width: 720px; } #welcome .list-b { margin-left: -360px; } #nav { margin-right: -360px; } #top, #top-fixed { padding-top: 27px; } #top h1, #top-fixed h1 { height: 27px; } #nav > ul > li { padding-left: 10px; font-size: 1.4em; } #nav > ul > li.a { padding-left: 15px; } #nav > ul > li > ul { left: -3px; } #nav > ul > li > div { left: -27px; } #heading { padding: 50px 0; } #welcome { } #welcome .list-b li { width: 170px; } #welcome .list-b li:first-child + li { left: 183px; } #welcome .list-b li:first-child + li + li { right: 183px; } #featured { min-height: 0; padding-bottom: 62px; } #featured p { max-width: none; } #footer { } #footer > nav { padding-left: 360px; } .cols-a > *:first-child { width: 425px; } #root .cols-a .double > * { float: none; width: auto; } .article-a.a { padding-top: 24px; } .list-a { margin-left: -20px; } .list-a li { display: block; float: left; width: 33.3333333333%; margin-left: 0; margin-right: 0; border-left-width: 20px; } #root .list-a li a { display: block; width: auto; } .list-c { margin-left: -40px; } .list-c li { padding-top: 40px; border-left-width: 40px; } .module-a { } #root .module-a { min-height: 0; } .module-a.a { } .module-a.a p { padding-left: 30px; padding-right: 30px; } .module-a.b { min-height: 0; padding-top: 80px; padding-bottom: 80px; } .module-a.b > * { padding-left: 0; } .module-c.b { } .module-c.b > * { left: 0; width: 720px; } .module-e { } #content > .module-e > *, #root .module-e.a > * { padding-right: 0; padding-left: 0; } .module-e .quote-b { margin-top: 0; margin-left: 0; } .module-e.a h2 { left: 0; width: auto;} #root .module-e.a.a figure { position: relative; left: 0; top: 0; max-width: none; margin: 0 auto -11px; } .module-f { } .cols-a .module-f + .module-f { margin-top: -40px; } .news-a { } #root .news-a article { padding: 0; } .news-a figure { position: relative; top: 0; margin-bottom: 30px; } .news-a figure img, .news-a figure video, .video-a video { display: block; width: 100% !important; } .news-b { } .news-b article, .news-b.a article { float: right; width: 47%; } .news-b.a article:nth-child(2n-1) { float: left; } .news-b.a article:nth-child(2n+1) { clear: both; } .quote-a { padding-left: 0; } .quote-a h1, .quote-a h2, .quote-a h3, .quote-a h4, .quote-a h5, .quote-a h6 { position: relative; width: auto; text-align: left; } quote-a h1 .rating-a, .quote-a h2 .rating-a, .quote-a h3 .rating-a, .quote-a h4 .rating-a, .quote-a h5 .rating-a, .quote-a h6 .rating-a { margin-top: 10px; } .quote-a h1 .rating-a i, .quote-a h2 .rating-a i, .quote-a h3 .rating-a i, .quote-a h4 .rating-a i, .quote-a h5 .rating-a i, .quote-a h6 .rating-a i { margin: 0 8px 0 0; } .form-a { padding: 0; } .form-a header { position: relative; width: auto; margin: 0 0 40px; text-align: left; } .news-a figure { -moz-transform: none; -webkit-transform: none; -o-transform: none; -ms-transform: none; transform: none; } #root .desktop-hide, #root .tablet-only { position: relative; left: 0; top: 0; } #root .desktop-only, #root .tablet-hide, #root #featured:after, #root #featured .clouds, #root #featured .bigclouds, #root #featured .icons, #featured > .static, #featured > .lines, #root #featured figure, div.c .module-a:after, #root .module-e > figure, div.b #featured > .cloud, div.b #featured > .person, div.b #featured > .arrow, div.b #featured > .bg, div.c #featured > .cloud, div.c #featured > .cog, div.c #featured > .check, div.c #featured > .person, div.d #featured > .cloud, div.d #featured > .person, div.d #featured > .line, div.d #featured > .bg { position: absolute; left: -3000em; top: -3000em; bottom: inherit; right: inherit; } } @media only screen and (max-width: 800px) { html.home #top-fixed #nav > ul > li.a > a, #top-fixed #nav > ul > li.a > a {font-size: 0.8em;padding-left: 5px;padding-right: 5px;} #prForm {font-size: 0.8em;} #top-fixed h4 a {position: relative;top:-6px;} } @media only screen and (max-width: 47.5em) { /* 760 */ ul.blog-columns li.column-left { width: 100%;} #top h1, #featured > *, #content > *, #footer, .module-c.a > *, .module-c > *, #content > .module-a > *, #top-fixed h1, .module-c.c > *, .module-a.b > *, .module-a.c > *, #welcome, #content > .module-e > *, #root .module-e.a.a figure { width: auto; } #top, #featured, #content > *, #footer, #top-fixed, #welcome { padding-left: 20px; padding-right: 20px; } #root, #root.top-show, #root.top-show.totop { padding-top: 40px; } #root #top { position: fixed; left: 0; top: 0; height: 56px; padding: 13px 12px 0; background: #333; } #top h1 { height: 14px; } #top h1 a { background-size: auto 14px; } #top > .menu, #top-fixed > .menu { top: 3px; right:0;} #nav { right: 0; left: 0; top: -3000em; margin: 0; box-shadow: 0 0 4px rgba(0,0,0,.25); background: #1a1a1a; color: #fff; } #root #nav > ul > li { position: relative; left: 0; float: none; height: auto; padding: 0; font-size: 2em; } #root #nav > ul > li > a { padding: 6px 12px; border-radius: 0; background: none; text-decoration: none; } #root #nav > ul > li > a:hover, #root #nav > ul > li.sub > .toggle:hover { background: #000; } #root #nav > ul > li.sub > .toggle { display: block; position: absolute; right: 3px; top: 0; z-index: 10; width: 32px; height: 32px; cursor: pointer; } #root #nav > ul > li.sub > .toggle:before { content: "\e923"; display: block; position: absolute; left: 0; top: 50%; width: 100%; margin: -10px 0 0; font-family: i; font-size: 3px; font-weight: 400; line-height: 20px; text-align: center; } #root #nav > ul > li.sub.toggle > .toggle:before { content: "\e922"; } #root #nav > ul > li > ul, #root #nav > ul > li > div { position: absolute; left: -3000em; top: 0; width: auto; min-height: 0; margin: 0; padding: 6px 0; border: 0; background: #0d0d0d; } #root #nav > ul > li.toggle > ul, #root #nav > ul > li.toggle > div { position: relative; left: 0; } #root #nav > ul > li > div ul { float: none; width: auto; } #root #nav > ul > li > ul li, #root #nav > ul > li > div ul li { margin: 0; font-size: .9em; } #root #nav > ul > li > ul li a, #root #nav > ul > li > div ul li a { display: block; padding-right: 12px; padding-top: 3px; padding-bottom: 3px; text-decoration: none; } #top.toggle #nav, #top-fixed.toggle.show #nav { top: 100%; } #featured { padding: 18px 20px 0; text-align: center; } #featured h1, #featured h2, #featured h3 { padding: 0; font-size: 3em; } #featured h1 span, #featured h2 span, #featured h3 span { padding: 14px 0 0; font-size: .6666em; } #featured p { font-size: 1.7em; } #root #featured figure.mobile-only { position: relative; left: 0; top: 36px; margin: 50px -20px 0; } #welcome { padding-bottom: 0; } #welcome > div.middle { left: 20px; right: 20px; } #welcome .list-b { position: relative; bottom: 0; width: auto; } #welcome > div.middle + .list-a, #welcome > div.middle + * + .list-a { position: absolute; left: 10px; bottom: 10px; top: auto; right: 20px; margin: 0; } #heading { margin: -30px 0 30px; padding: 20px; } #heading > div { width: auto; padding: 20px 20px 10px; } #heading h1, #heading h2, #heading h3, #heading h4, #heading h5, #heading h6 { margin-bottom: 10px; font-size: 2.6em; } #heading p { margin-bottom: 10px; font-size: 1.5em; } #content { padding-top: 20px; padding-bottom: 40px; } #content > .news-a:first-child { margin-top: 0; } #content > *:last-child { margin-bottom: 0; } #content > .module-a { width: auto; max-width: 660px; } #footer { padding-top: 30px; padding-bottom: 5px; text-align: center; } #footer > nav { min-height: 0; margin: 0; padding: 0; } #footer #social { position: relative; left: 0; margin: 0 auto 30px; } #footer ul { width: auto; text-align: center; } #footer ul li { float: none; margin: 0; } .static #root, #root.static, #root.top-show.totop.static, .static #root.top-show.totop { padding-top: 70px; } #root .double > *, #root .cols-a > * { float: none; width: auto; } #content > .cols-a:first-child { padding-top: 0; } li, dt, dd, p, figure, th, td, caption, legend, pre, .module-a p, .module-c p, #footer > p, #footer nav ul li { font-size: 1.5em; } li *, dt *, dd *, p *, figure *, th *, td *, legend * { font-size: 1em; } h1, h2, .module-a h1, .module-a h2, .module-a h3, .module-c > h1, .module-c > h2, .module-a.a h1, .module-a.a h2, .module-a.a h3, .article-a h1 { margin-bottom: 20px; font-size: 2.8em; } .size-a, h3, h4, h5, h6, .news-c article h1, .news-c article h2, .news-c article h3, .news-c article h4, .news-c article h5, .news-c article h6 { font-size: 2em; } ul, ol, dl, p, figure, table, pre, h1, h2, h3, h4, h5, h6, legend { margin-bottom: 20px; } .mobile-text-center { text-align: center; } .cols-a { margin-bottom: 50px; } .article-a { } .article-a table + table { margin-top: -10px; } .article-a.a { padding-top: 0; } .gallery-a { margin-bottom: 18px; } .module-b .gallery-a:last-child { margin-bottom: 10px; } .heading-a { } .heading-a h1, .heading-a h2, .heading-a h3, .heading-a h4, .heading-a h5, .heading-a h6 { font-size: 3.6em; } .list-a { margin-left: -10px; } #root .list-a li { margin: 0 0 10px; border-left-width: 10px; font-size: 1.6em; } #root .list-a li a { min-height: 160px; padding-top: 20px; } .list-a i { font-size: 50px; line-height: 50px; } h1 + .list-a, h2 + .list-a { margin-top: 0; } .list-a.a { } #root .list-a.a li { width: 25%; } .list-c { } #root .list-c li { float: none; width: auto; padding-top: 40px; text-align: center; } #root .list-c li:first-child { padding-top: 0; } .module-a { text-align: center; } div.a .module-a { padding-top: 181px; padding-bottom: 17px; } #root div.a .module-a:after { left: -47px; top: -101px; width: 417px; height: 287px; margin: 0; background: url(../images/module-a/a-mobile.svg) no-repeat; background-size: 100% 100%; opacity: 1; } div.a .module-a p { font-size: 1.7em; } .module-a, .module-b, .module-c, .module-d, .module-c.b, .module-a.b, .module-a.c { margin-top: 30px; margin-bottom: 30px; padding-top: 20px; padding-bottom: 20px; } .module-a + .module-b, .module-a + .module-d, .module-d + .module-a, .module-b + .module-a, .module-d + .module-d, .module-d + .module-b, .module-b + .module-d, .module-b + .module-b, .module-b + .module-c { margin-top: -30px; } .module-a, .module-a.a, .module-a.b, .module-a.c { margin-top: 0; padding-top: 20px; padding-bottom: 10px; } .module-a.c { padding-top: 70px; padding-bottom: 60px; } .module-a.c > * { padding: 0; } #content > .module-a { max-width: none; } div.b .module-a:after { overflow: hidden; bottom: 0; height: auto; background-size: 100% 826px; } .module-c { padding-bottom: 25px; } .module-c > div { padding: 14px 20px; } .module-b > *:last-child, .module-c > *:last-child, .module-c > div > *:last-child { margin-bottom: 0; } .module-c.b { } .module-c.b > * { width: auto; } .module-d { padding-top: 30px; } .module-e + * { margin-top: 70px; } .module-f { } .module-f + .module-f { margin-top: -40px; } .nav-a { } .nav-a + article { margin-top: 0; } .news-a { padding-top: 88px; } .news-a article { margin-top: 0 !important; margin-bottom: 50px; padding-top: 0 !important; } .news-b { text-align: center; } #root .news-b article { float: none; width: auto; margin-bottom: 50px; margin-right: 0; } .news-b h1 i, .news-b h2 i, .news-b h3 i, .news-b h4 i, .news-b h5 i, .news-b h6 i { margin-bottom: 16px; } .news-c { text-align: center; } .news-c article { padding: 20px 0 0 0; } .news-c article figure { position: relative; left: 0; top: 0; } .news-c article:first-child, .news-c > h1 + article, .news-c > h2 + article, .news-c > h3 + article, .news-c > h4 + article, .news-c > h5 + article, .news-c > h6 + article { margin-top: 0; } #root p.size-a, #root p.size-b, #root p.size-c { font-size: 1.8em; } .slider-a { } .slider-a .bx-pager { padding: 15px 0 20px; } .form-a { margin-bottom: 40px; text-align: center; } .form-a header { text-align: center; } .form-a p.submit button { display: inline-block; float: none; } .form-b { max-width: 300px; margin-left: auto; margin-right: auto; text-align: center; vertical-align: top; } .form-b p { display: block; } .form-b input, .form-b button, .form-b .btn, .form-b p > span { float: none; width: 100%; } .form-b input { margin-bottom: 15px; } .form-b p > span { padding: 6px 0; line-height: 1.5; } .table-a { table-layout: inherit; } .table-a-wrapper { margin: 0 -20px; } #root .table-a th, .table-a td, th, td { font-size: 1.2em; } .table-a tr > *:first-child { width: 40%; } .table-prx tr > *:first-child { width: 33%; } .table-a .icon-check, .table-a .icon-check2 { font-size: 16px; line-height: 16px; } .table-a .tip { font-size: 1em; } .news-c article figure, #root div.a .module-a:after { -moz-transform: none; -webkit-transform: none; -o-transform: none; -ms-transform: none; transform: none; } #root .tablet-hide, #root .mobile-only { position: relative; left: 0; top: 0; } #root .tablet-only, #root .mobile-hide, #root #content .module-a figure, .module-c:before, #footer ul li:before, #root .module-c figure,#featured > .bigclouds, #featured > .icons, #root #featured figure.mobile-hide, #featured h1 i, #featured h2 i, #featured h3, #root #top-fixed, #root #nav > ul > li > div ul li span, #root #nav > ul > li > div:before { position: absolute; left: -3000em; top: -3000em; bottom: inherit; right: inherit; } } @media (max-height: 780px) { #welcome ul.mobile-only { position: relative; left: 0; top: 0; } #welcome ul.mobile-hide, #welcome .list-b{ position: absolute; left: -3000em; top: -3000em; bottom: inherit; right: inherit; } #welcome { padding-bottom: 0; } #welcome > div.middle { left: 20px; right: 20px; } #welcome .list-b { position: relative; bottom: 0; width: auto; } #welcome > div.middle + .list-a, #welcome > div.middle + * + .list-a { position: absolute; left: 10px; bottom: 10px; top: auto; right: 20px; margin: 0; } .list-a { margin-left: -20px; } .list-a li { display: block; float: left; width: 33.3333333333%; margin-left: 0; margin-right: 0; border-left-width: 20px; } #root .list-a li a { display: block; width: auto; } .list-a { margin-left: -10px; } #root .list-a li { margin: 0 0 10px; border-left-width: 10px; font-size: 1.6em; } #root .list-a li a { min-height: 160px; padding-top: 20px; } .list-a i { font-size: 50px; line-height: 50px; } h1 + .list-a, h2 + .list-a { margin-top: 0; } .list-a.a { } #root .list-a.a li { width: 25%; } } @media only screen and (max-width: 680px) { #welcome .list-a li a { font-size: 0.7em; } } @media only screen and (max-width: 500px) { #welcome .list-a li a { min-height: 135px; font-size: 0.8em; } .list-a { } #root .list-a li { font-size: 1.4em; } .table-a { } #root .table-a th, .table-a td, th, td { font-size: 1.05em; width: 33%; } .table-a tr > *:first-child { width: 30%; } .table-a .tip { width: 200px; } } @media only screen and (max-width: 25em) { /* 400 */ @-ms-viewport { width: device-width; } @viewport { width: device-width; } #welcome .list-a li { font-size: 1.2em; } #root #footer #social { width: auto; height: auto; margin: 0 -20px 20px; background-position: -3000em -3000em; text-align: center; } #root #footer #social li { display: inline-block; position: relative; left: 0; top: 0; float: none; margin: 0 4px 4px; } #root #footer #social a { display: inline-block; width: 40px; height: 40px; } #footer #social i.icon-facebook { font-size: 24px; } #footer #social i.icon-twitter { font-size: 20px; } #footer #social i.icon-linkedin { font-size: 21px; } #footer #social i.icon-google-plus { font-size: 23px; } #footer #social i.icon-youtube { font-size: 24px; } .list-a { } #root .list-a li, #root .list-a.a li { float: none; width: auto; height: auto !important; min-height: 0 !important; margin-bottom: 10px; } #root .list-a li a { min-height: 0; } #welcome .list-a li, #welcome .list-a.a li { float: left; width: 50%; } .table-a { } #root .table-a th, .table-a td, th, td,.table-prx .strong { padding: 5px; font-size: 1em; } .table-prx tr.link-a td a { padding: 5px; font-size: 0.6em; } #root .link-a a {padding: 5px 22px;} .table-a tr > *:first-child { width: auto; } .blog-columns li.column-left { width: 100%;} .blogtree h2, ul.blog-columns li.column-left div.blog-post h1 {font-size: 2em !important;line-height: 1.2em;} .cases .content {float: none;margin-right:0; width: 100%;} .wpfeatures h1 {font-size: 2.3em; line-height: 27px;} ul.generalpage { padding-left: 0;} #huddlecal form.form-r { font-size: 1em;padding: 5px;} .huddleslider {width:320px;} table.huddlecomp { width: 100%;} table.huddlecomp td {padding: 0;} .huddlecomp h3 {font-size: 19px;} } /*! Fancybox --------- */ body.fancybox-active { overflow: hidden; } body.fancybox-iosfix { position: fixed; left: 0; right: 0; } .fancybox-is-hidden { position: absolute; top: -9999px; left: -9999px; visibility: hidden; } .fancybox-container { position: fixed; top: 0; left: 0; width: 100%; height: 100%; z-index: 99992; -webkit-tap-highlight-color: transparent; -webkit-backface-visibility: hidden; backface-visibility: hidden; -webkit-transform: translateZ(0); transform: translateZ(0); font-family: -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Helvetica Neue, Arial, sans-serif; } .fancybox-bg, .fancybox-inner, .fancybox-outer, .fancybox-stage { position: absolute; top: 0; right: 0; bottom: 0; left: 0; } .fancybox-outer { overflow-y: auto; -webkit-overflow-scrolling: touch; } .fancybox-bg { background: #1e1e1e; opacity: 0; transition-duration: inherit; transition-property: opacity; transition-timing-function: cubic-bezier(.47, 0, .74, .71); } .fancybox-is-open .fancybox-bg { opacity: .87; transition-timing-function: cubic-bezier(.22, .61, .36, 1); } .fancybox-caption-wrap, .fancybox-infobar, .fancybox-toolbar { position: absolute; direction: ltr; z-index: 99997; opacity: 0; visibility: hidden; transition: opacity .25s, visibility 0s linear .25s; box-sizing: border-box; } .fancybox-show-caption .fancybox-caption-wrap, .fancybox-show-infobar .fancybox-infobar, .fancybox-show-toolbar .fancybox-toolbar { opacity: 1; visibility: visible; transition: opacity .25s, visibility 0s; } .fancybox-infobar { top: 0; left: 0; font-size: 13px; padding: 0 10px; height: 44px; min-width: 44px; line-height: 44px; color: #ccc; text-align: center; pointer-events: none; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; -webkit-touch-callout: none; -webkit-tap-highlight-color: transparent; -webkit-font-smoothing: subpixel-antialiased; mix-blend-mode: exclusion; } .fancybox-toolbar { top: 0; right: 0; margin: 0; padding: 0; } .fancybox-stage { overflow: hidden; direction: ltr; z-index: 99994; -webkit-transform: translateZ(0); } .fancybox-is-closing .fancybox-stage { overflow: visible; } .fancybox-slide { position: absolute; top: 0; left: 0; width: 100%; height: 100%; margin: 0; padding: 0; overflow: auto; outline: none; white-space: normal; box-sizing: border-box; text-align: center; z-index: 99994; -webkit-overflow-scrolling: touch; display: none; -webkit-backface-visibility: hidden; backface-visibility: hidden; transition-property: opacity, -webkit-transform; transition-property: transform, opacity; transition-property: transform, opacity, -webkit-transform; } .fancybox-slide:before { content: ""; display: inline-block; vertical-align: middle; height: 100%; width: 0; } .fancybox-is-sliding .fancybox-slide, .fancybox-slide--current, .fancybox-slide--next, .fancybox-slide--previous { display: block; } .fancybox-slide--image { overflow: visible; } .fancybox-slide--image:before { display: none; } .fancybox-slide--video .fancybox-content, .fancybox-slide--video iframe { background: #000; } .fancybox-slide--map .fancybox-content, .fancybox-slide--map iframe { background: #e5e3df; } .fancybox-slide--next { z-index: 99995; } .fancybox-slide > * { display: inline-block; position: relative; padding: 24px; margin: 44px 0; border-width: 0; vertical-align: middle; text-align: left; background-color: #fff; overflow: auto; box-sizing: border-box; } .fancybox-slide > base, .fancybox-slide > link, .fancybox-slide > meta, .fancybox-slide > script, .fancybox-slide > style, .fancybox-slide > title { display: none; } .fancybox-slide .fancybox-image-wrap { position: absolute; top: 0; left: 0; margin: 0; padding: 0; border: 0; z-index: 99995; background: transparent; cursor: default; overflow: visible; -webkit-transform-origin: top left; transform-origin: top left; background-size: 100% 100%; background-repeat: no-repeat; -webkit-backface-visibility: hidden; backface-visibility: hidden; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; transition-property: opacity, -webkit-transform; transition-property: transform, opacity; transition-property: transform, opacity, -webkit-transform; } .fancybox-can-zoomOut .fancybox-image-wrap { cursor: zoom-out; } .fancybox-can-zoomIn .fancybox-image-wrap { cursor: zoom-in; } .fancybox-can-drag .fancybox-image-wrap { cursor: -webkit-grab; cursor: grab; } .fancybox-is-dragging .fancybox-image-wrap { cursor: -webkit-grabbing; cursor: grabbing; } .fancybox-image, .fancybox-spaceball { position: absolute; top: 0; left: 0; width: 100%; height: 100%; margin: 0; padding: 0; border: 0; max-width: none; max-height: none; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; } .fancybox-spaceball { z-index: 1; } .fancybox-slide--iframe .fancybox-content { padding: 0; width: 80%; height: 80%; max-width: calc(100% - 100px); max-height: calc(100% - 88px); overflow: visible; background: #fff; } .fancybox-iframe { display: block; padding: 0; border: 0; height: 100%; } .fancybox-error, .fancybox-iframe { margin: 0; width: 100%; background: #fff; } .fancybox-error { padding: 40px; max-width: 380px; cursor: default; } .fancybox-error p { margin: 0; padding: 0; color: #444; font-size: 16px; line-height: 20px; } .fancybox-button { box-sizing: border-box; display: inline-block; vertical-align: top; width: 44px; height: 44px; margin: 0; padding: 10px; border: 0; border-radius: 0; background: rgba(30, 30, 30, .6); transition: color .3s ease; cursor: pointer; outline: none; } .fancybox-button, .fancybox-button:link, .fancybox-button:visited { color: #ccc; } .fancybox-button: focus, .fancybox-button:hover { color: #fff; } .fancybox-button[disabled] { color: #ccc; cursor: default; opacity: .6; } .fancybox-button svg { display: block; position: relative; overflow: visible; shape-rendering: geometricPrecision; } .fancybox-button svg path { fill: currentColor; stroke: currentColor; stroke-linejoin: round; stroke-width: 3; } .fancybox-button--share svg path { stroke-width: 1; } .fancybox-button--pause svg path: nth-child(1), .fancybox-button--play svg path: nth-child(2) { display: none; } .fancybox-button--zoom svg path { fill: transparent; } .fancybox-navigation { display: none; } .fancybox-show-nav .fancybox-navigation { display: block; } .fancybox-navigation button { position: absolute; top: 50%; margin: -50px 0 0; z-index: 99997; background: transparent; width: 60px; height: 100px; padding: 17px; } .fancybox-navigation button:before { content: ""; position: absolute; top: 30px; right: 10px; width: 40px; height: 40px; background: rgba(30, 30, 30, .6); } .fancybox-navigation .fancybox-button--arrow_left { left: 0; } .fancybox-navigation .fancybox-button--arrow_right { right: 0; } .fancybox-close-small { position: absolute; top: 0; right: 0; width: 44px; height: 44px; padding: 0; margin: 0; border: 0; border-radius: 0; background: transparent; z-index: 10; cursor: pointer; } .fancybox-close-small:after { content: "×"; position: absolute; top: 5px; right: 5px; width: 30px; height: 30px; font: 20px/30px Arial, Helvetica Neue, Helvetica, sans-serif; color: #888; font-weight: 300; text-align: center; border-radius: 50%; border-width: 0; background-color: transparent; transition: background-color .25s; box-sizing: border-box; z-index: 2; } .fancybox-close-small: focus { outline: none; } .fancybox-close-small: focus:after { outline: 1px dotted #888; } .fancybox-close-small:hover:after { color: #555; background: #eee; } .fancybox-slide--iframe .fancybox-close-small, .fancybox-slide--image .fancybox-close-small { top: 0; right: -44px; } .fancybox-slide--iframe .fancybox-close-small:after, .fancybox-slide--image .fancybox-close-small:after { font-size: 35px; color: #aaa; } .fancybox-slide--iframe .fancybox-close-small:hover:after, .fancybox-slide--image .fancybox-close-small:hover:after { color: #fff; background: transparent; } .fancybox-is-scaling .fancybox-close-small, .fancybox-is-zoomable.fancybox-can-drag .fancybox-close-small { display: none; } .fancybox-caption-wrap { bottom: 0; left: 0; right: 0; padding: 60px 2vw 0; background: linear-gradient(180deg, transparent 0, rgba(0, 0, 0, .1) 20%, rgba(0, 0, 0, .2) 40%, rgba(0, 0, 0, .6) 80%, rgba(0, 0, 0, .8)); pointer-events: none; } .fancybox-caption { padding: 30px 0; border-top: 1px solid hsla(0, 0%, 100%, .4); font-size: 14px; color: #fff; line-height: 20px; -webkit-text-size-adjust: none; } .fancybox-caption a, .fancybox-caption button, .fancybox-caption select { pointer-events: all; position: relative; } .fancybox-caption a { color: #fff; text-decoration: underline; } .fancybox-slide > .fancybox-loading { border: 6px solid hsla(0, 0%, 39%, .4); border-top: 6px solid hsla(0, 0%, 100%, .6); border-radius: 100%; height: 50px; width: 50px; -webkit-animation: a .8s infinite linear; animation: a .8s infinite linear; background: transparent; position: absolute; top: 50%; left: 50%; margin-top: -30px; margin-left: -30px; z-index: 99999; } @-webkit-keyframes a { 0% { -webkit-transform: rotate(0deg); transform: rotate(0deg); } to { -webkit-transform: rotate(359deg); transform: rotate(359deg); }; } @keyframes a { 0% { -webkit-transform: rotate(0deg); transform: rotate(0deg); } to { -webkit-transform: rotate(359deg); transform: rotate(359deg); }; } .fancybox-animated { transition-timing-function: cubic-bezier(0, 0, .25, 1); } .fancybox-fx-slide.fancybox-slide--previous { -webkit-transform: translate3d(-100%, 0, 0); transform: translate3d(-100%, 0, 0); opacity: 0; } .fancybox-fx-slide.fancybox-slide--next { -webkit-transform: translate3d(100%, 0, 0); transform: translate3d(100%, 0, 0); opacity: 0; } .fancybox-fx-slide.fancybox-slide--current { -webkit-transform: translateZ(0); transform: translateZ(0); opacity: 1; } .fancybox-fx-fade.fancybox-slide--next, .fancybox-fx-fade.fancybox-slide--previous { opacity: 0; transition-timing-function: cubic-bezier(.19, 1, .22, 1); } .fancybox-fx-fade.fancybox-slide--current { opacity: 1; } .fancybox-fx-zoom-in-out.fancybox-slide--previous { -webkit-transform: scale3d(1.5, 1.5, 1.5); transform: scale3d(1.5, 1.5, 1.5); opacity: 0; } .fancybox-fx-zoom-in-out.fancybox-slide--next { -webkit-transform: scale3d(.5, .5, .5); transform: scale3d(.5, .5, .5); opacity: 0; } .fancybox-fx-zoom-in-out.fancybox-slide--current { -webkit-transform: scaleX(1); transform: scaleX(1); opacity: 1; } .fancybox-fx-rotate.fancybox-slide--previous { -webkit-transform: rotate(-1turn); transform: rotate(-1turn); opacity: 0; } .fancybox-fx-rotate.fancybox-slide--next { -webkit-transform: rotate(1turn); transform: rotate(1turn); opacity: 0; } .fancybox-fx-rotate.fancybox-slide--current { -webkit-transform: rotate(0deg); transform: rotate(0deg); opacity: 1; } .fancybox-fx-circular.fancybox-slide--previous { -webkit-transform: scale3d(0, 0, 0) translate3d(-100%, 0, 0); transform: scale3d(0, 0, 0) translate3d(-100%, 0, 0); opacity: 0; } .fancybox-fx-circular.fancybox-slide--next { -webkit-transform: scale3d(0, 0, 0) translate3d(100%, 0, 0); transform: scale3d(0, 0, 0) translate3d(100%, 0, 0); opacity: 0; } .fancybox-fx-circular.fancybox-slide--current { -webkit-transform: scaleX(1) translateZ(0); transform: scaleX(1) translateZ(0); opacity: 1; } .fancybox-fx-tube.fancybox-slide--previous { -webkit-transform: translate3d(-100%, 0, 0) scale(.1) skew(-10deg); transform: translate3d(-100%, 0, 0) scale(.1) skew(-10deg); } .fancybox-fx-tube.fancybox-slide--next { -webkit-transform: translate3d(100%, 0, 0) scale(.1) skew(10deg); transform: translate3d(100%, 0, 0) scale(.1) skew(10deg); } .fancybox-fx-tube.fancybox-slide--current { -webkit-transform: translateZ(0) scale(1); transform: translateZ(0) scale(1); } .fancybox-share { padding: 30px; border-radius: 3px; background: #f4f4f4; max-width: 90%; } .fancybox-share h1 { color: #222; margin: 0 0 20px; font-size: 33px; font-weight: 700; text-align: center; } .fancybox-share p { margin: 0; padding: 0; text-align: center; } .fancybox-share p: first-of-type { margin-right: -10px; } .fancybox-share_button { display: inline-block; text-decoration: none; margin: 0 10px 10px 0; padding: 10px 20px; border: 0; border-radius: 3px; box-shadow: 0 2px 2px 0 rgba(0, 0, 0, .16); background: #fff; white-space: nowrap; font-size: 16px; line-height: 23px; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; min-width: 140px; color: #707070; transition: all .2s; } .fancybox-share_button: focus, .fancybox-share_button:hover { text-decoration: none; color: #333; box-shadow: 0 2px 2px 0 rgba(0, 0, 0, .3); } .fancybox-share_button svg { margin-right: 5px; width: 20px; height: 20px; vertical-align: text-bottom; } .fancybox-share input { box-sizing: border-box; width: 100%; margin: 5px 0 0; padding: 10px 15px; border: 1px solid #d7d7d7; border-radius: 3px; background: #ebebeb; color: #5d5b5b; font-size: 14px; outline: none; } .fancybox-thumbs { display: none; position: absolute; top: 0; bottom: 0; right: 0; width: 212px; margin: 0; padding: 2px 2px 4px; background: #fff; -webkit-tap-highlight-color: transparent; -webkit-overflow-scrolling: touch; -ms-overflow-style: -ms-autohiding-scrollbar; box-sizing: border-box; z-index: 99995; } .fancybox-thumbs-x { overflow-y: hidden; overflow-x: auto; } .fancybox-show-thumbs .fancybox-thumbs { display: block; } .fancybox-show-thumbs .fancybox-inner { right: 212px; } .fancybox-thumbs > ul { list-style: none; position: absolute; position: relative; width: 100%; height: 100%; margin: 0; padding: 0; overflow-x: hidden; overflow-y: auto; font-size: 0; white-space: nowrap; } .fancybox-thumbs-x > ul { overflow: hidden; } .fancybox-thumbs-y > ul: : -webkit-scrollbar { width: 7px; } .fancybox-thumbs-y > ul: : -webkit-scrollbar-track { background: #fff; border-radius: 10px; box-shadow: inset 0 0 6px rgba(0, 0, 0, .3); } .fancybox-thumbs-y > ul: : -webkit-scrollbar-thumb { background: #2a2a2a; border-radius: 10px; } .fancybox-thumbs > ul > li { float: left; overflow: hidden; padding: 0; margin: 2px; width: 100px; height: 75px; max-width: calc(50% - 4px); max-height: calc(100% - 8px); position: relative; cursor: pointer; outline: none; -webkit-tap-highlight-color: transparent; -webkit-backface-visibility: hidden; backface-visibility: hidden; box-sizing: border-box; } li.fancybox-thumbs-loading { background: rgba(0, 0, 0, .1); } .fancybox-thumbs > ul > li > img { position: absolute; top: 0; left: 0; max-width: none; max-height: none; -webkit-touch-callout: none; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; } .fancybox-thumbs > ul > li:before { content: ""; position: absolute; top: 0; right: 0; bottom: 0; left: 0; border: 4px solid #4ea7f9; z-index: 99991; opacity: 0; transition: all .2s cubic-bezier(.25, .46, .45, .94); } .fancybox-thumbs > ul > li.fancybox-thumbs-active:before { opacity: 1; } @media (max-width: 800px) { .fancybox-thumbs { width: 110px; } .fancybox-show-thumbs .fancybox-inner { right: 110px; } .fancybox-thumbs > ul > li { max-width: calc(100% - 10px); }; } .csstud:hover {text-decoration: none;} /* Other content */ /* Pricing calc */ #basic-modal-content {display:none;} #simplemodal-overlay {background-color:#000;} #simplemodal-container {width: 570px; height: 250px;color:#bbb; background-color:#FFF; border:4px solid #444; padding:12px;} #simplemodal-container a.modalCloseImg {background:url(../images/basic/x.png) no-repeat; width:25px; height:29px; display:inline; z-index:3200; position:absolute; top:-15px; right:-16px; cursor:pointer;} #simplemodal-container form.form-a fieldset p { font-size: 14px;} #basic-modal-content.simplemodal-data form.form-a fieldset {border: 0px;} #simplemodal-container .form-a { position: relative; border-radius: 5px; width: 530px; margin: 0 auto 66px; border: 2px solid #fff; background: #fff; color: #000; text-align: left; padding:0px; } #simplemodal-container .form-a legend { display: block; position: absolute; left: 0; top: 15px; padding: 0 0 0 105px; color: #414141; font-size: 2.2em; font-weight: 400; } #simplemodal-container legend, caption { display: none; padding: 0; border: 0; white-space: normal; } #simplemodal-container .form-a p {margin: 0 0 12px 0;} #simplemodal-container .form-a fieldset { border-radius: 3px; position: relative; padding: 75px 15px 11px; padding-left: 109px; } #simplemodal-container .form-a label { text-transform:none; font-weight: 500; } #simplemodal-container .form-a .check-a label { display: block; position: relative; float: left; padding: 0 28px 0 33px; line-height: normal; text-transform:none; top: 2px; } #simplemodal-container .form-a p > span.label { display: block; position: relative; top: -2px; float: left; margin: 0 17px 0 0; color: #000; font-size: 1.3125em; text-transform:none; } #simplemodal-container .check-a label > .fit-a { display: block; position: absolute; left: -3px; top: -4px; width: 30px; height: 30px; background: url(../images/sprite-a.png) -103px -440px no-repeat; cursor: pointer; } #simplemodal-container .check-a label.active > .fit-a { background-position: -103px -470px; } #simplemodal-container .check-a input { position: absolute; left: -3000em; top: 7px; } #simplemodal-container .form-a p > input { border-radius: 3px; display: block; float: left; width: 50px; margin: 0 6px 0 0; height: 27px; padding: 0 5px; } #simplemodal-container .form-a p > label:first-child { display: block; float: left; margin: 0; padding:0 5px 0 0; line-height: 34px; position: inherit; } .supporthome {font-size: 20px;} /* WYSIWYG EDITOR ALIGNMENT CLASSES */ .typography .left { text-align:left; } .typography .center { text-align:center; } .typography img.center { display:block; margin:0 auto; } .typography .right { text-align:right; } .typography img.right { float:right; border:1px solid silver; padding:2px; margin-left:6px; } .typography img.left { float:left; } .typography p.MsoNormal, .typography p.MsoBodyText { margin: 0; } .typography {list-style-type: none;} #Form_RequestdemoForm { font-size:1.7em; height: 450px;} #Form_RequestdemoForm select { height: 49px;} #Form_RequestdemoForm input[type="text"] {width: 250px;font-size: 1em;} #Form_RequestdemoForm input[type="submit"] { margin-top: 40px;font-size: 1em;} .ent-ctx-right { background:url("../gfx/enterprise/cloud.jpg") no-repeat scroll 0px 0px transparent; width:400px; height:274px; margin-right:14px; float:right; margin-top:10px; } .ent-ctx-left { float:left; width:50%; } .ent-secimg { background:url("../gfx/enterprise/control.jpg") no-repeat scroll 0px 0px transparent; width:400px; height:316px; margin-right:14px; float:left; margin-top:100px; } .ent-sec-right { float:right; width:60%; margin-top:20px; } .ent-roiimg { background:url("../gfx/enterprise/roi.jpg") no-repeat scroll 0px 0px transparent; width:400px; height:256px; margin-right:14px; float:right; margin-top:83px; } .ent-roileft { float:left; width:60%; margin-top:35px; } article .arrow { display: block; cursor: pointer; position: absolute; bottom: -2rem; left: 50%; margin-left:-20px; width: 40px; height: 40px; background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/PjxzdmcgaGVpZ2h0PSI1MTIiIGlkPSJzdmcyIiB2ZXJzaW9uPSIxLjEiIHdpZHRoPSI1MTIiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6Y2M9Imh0dHA6Ly9jcmVhdGl2ZWNvbW1vbnMub3JnL25zIyIgeG1sbnM6ZGM9Imh0dHA6Ly9wdXJsLm9yZy9kYy9lbGVtZW50cy8xLjEvIiB4bWxuczppbmtzY2FwZT0iaHR0cDovL3d3dy5pbmtzY2FwZS5vcmcvbmFtZXNwYWNlcy9pbmtzY2FwZSIgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIiB4bWxuczpzb2RpcG9kaT0iaHR0cDovL3NvZGlwb2RpLnNvdXJjZWZvcmdlLm5ldC9EVEQvc29kaXBvZGktMC5kdGQiIHhtbG5zOnN2Zz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPjxkZWZzIGlkPSJkZWZzNCIvPjxnIGlkPSJsYXllcjEiIHRyYW5zZm9ybT0idHJhbnNsYXRlKDAsLTU0MC4zNjIyKSI+PHBhdGggZD0ibSAxMjcuNDA2MjUsNjU3Ljc4MTI1IGMgLTQuOTg1MywwLjA3ODQgLTkuOTEwNzcsMi4xNjMwOCAtMTMuNDM3NSw1LjY4NzUgbCAtNTUsNTUgYyAtMy42MDA1NjUsMy41OTkyNyAtNS42OTY4ODMsOC42NTg5NSAtNS42OTY4ODMsMTMuNzUgMCw1LjA5MTA1IDIuMDk2MzE4LDEwLjE1MDczIDUuNjk2ODgzLDEzLjc1IEwgMjQyLjI1LDkyOS4yNSBjIDMuNTk5MjcsMy42MDA1NiA4LjY1ODk1LDUuNjk2ODggMTMuNzUsNS42OTY4OCA1LjA5MTA1LDAgMTAuMTUwNzMsLTIuMDk2MzIgMTMuNzUsLTUuNjk2ODggTCA0NTMuMDMxMjUsNzQ1Ljk2ODc1IGMgMy42MDA1NiwtMy41OTkyNyA1LjY5Njg4LC04LjY1ODk1IDUuNjk2ODgsLTEzLjc1IDAsLTUuMDkxMDUgLTIuMDk2MzIsLTEwLjE1MDczIC01LjY5Njg4LC0xMy43NSBsIC01NSwtNTUgYyAtMy41OTgxNSwtMy41OTEyNyAtOC42NTA2OCwtNS42ODEyNyAtMTMuNzM0MzgsLTUuNjgxMjcgLTUuMDgzNjksMCAtMTAuMTM2MjIsMi4wOSAtMTMuNzM0MzcsNS42ODEyNyBMIDI1Niw3NzguMDMxMjUgMTQxLjQzNzUsNjYzLjQ2ODc1IGMgLTMuNjY2NzgsLTMuNjY0MjMgLTguODQ4MDEsLTUuNzY0NDIgLTE0LjAzMTI1LC01LjY4NzUgeiIgaWQ9InBhdGgzNzY2LTEiIHN0eWxlPSJmb250LXNpemU6bWVkaXVtO2ZvbnQtc3R5bGU6bm9ybWFsO2ZvbnQtdmFyaWFudDpub3JtYWw7Zm9udC13ZWlnaHQ6bm9ybWFsO2ZvbnQtc3RyZXRjaDpub3JtYWw7dGV4dC1pbmRlbnQ6MDt0ZXh0LWFsaWduOnN0YXJ0O3RleHQtZGVjb3JhdGlvbjpub25lO2xpbmUtaGVpZ2h0Om5vcm1hbDtsZXR0ZXItc3BhY2luZzpub3JtYWw7d29yZC1zcGFjaW5nOm5vcm1hbDt0ZXh0LXRyYW5zZm9ybTpub25lO2RpcmVjdGlvbjpsdHI7YmxvY2stcHJvZ3Jlc3Npb246dGI7d3JpdGluZy1tb2RlOmxyLXRiO3RleHQtYW5jaG9yOnN0YXJ0O2Jhc2VsaW5lLXNoaWZ0OmJhc2VsaW5lO2NvbG9yOiMwMDAwMDA7ZmlsbDojMjIyMjIyO2ZpbGwtb3BhY2l0eToxO2ZpbGwtcnVsZTpub256ZXJvO3N0cm9rZTpub25lO3N0cm9rZS13aWR0aDozOC44ODAwMDEwNzttYXJrZXI6bm9uZTt2aXNpYmlsaXR5OnZpc2libGU7ZGlzcGxheTppbmxpbmU7b3ZlcmZsb3c6dmlzaWJsZTtlbmFibGUtYmFja2dyb3VuZDphY2N1bXVsYXRlO2ZvbnQtZmFtaWx5OlNhbnM7LWlua3NjYXBlLWZvbnQtc3BlY2lmaWNhdGlvbjpTYW5zIi8+PC9nPjwvc3ZnPg==); background-size: contain; opacity: 0.2; } .bounce { animation: bounce 2s 2; } @keyframes bounce { 0%, 20%, 50%, 80%, 100% { transform: translateY(0); } 40% { transform: translateY(-30px); } 60% { transform: translateY(-15px); } } .switch { position: relative; margin: 0px auto; height: 30px; width: 300px; border-radius: 3px; color:#666; -webkit-box-shadow: inset 0 1px 3px rgba(0, 0, 0, 0.3), 0 1px rgba(255, 255, 255, 0.1); box-shadow: inset 0 1px 3px rgba(0, 0, 0, 0.3), 0 1px rgba(255, 255, 255, 0.1);margin-bottom: 30px; } .switch-label { position: relative; z-index: 2; float: left; width: 150px; line-height: 30px; font-size: 16px; text-align: center; cursor: pointer; color: #7A7A7A; } .switch-label:active { font-weight: bold; } .switch-label-off { padding-left: 2px; } .switch-label-on { padding-right: 2px; } /* * Note: using adjacent or general sibling selectors combined with * pseudo classes doesn't work in Safari 5.0 and Chrome 12. * See this article for more info and a potential fix: * http://css-tricks.com/webkit-sibling-bug/ */ .switch-input { display: none; } .switch-input:checked + .switch-label { -webkit-transition: 0.15s ease-out; -moz-transition: 0.15s ease-out; -o-transition: 0.15s ease-out; transition: 0.15s ease-out; } .switch-input:checked + .switch-label-on ~ .switch-selection { /* Note: left: 50% doesn't transition in WebKit */ left: 150px; } .switch-selection { display: block; position: absolute; z-index: 1; top: 2px; left: 2px; width: 150px; height: 26px; background: #dbdbda; border-radius: 3px; -webkit-box-shadow: inset 0 1px rgba(255, 255, 255, 0.5), 0 0 2px rgba(0, 0, 0, 0.2); box-shadow: inset 0 1px rgba(255, 255, 255, 0.5), 0 0 2px rgba(0, 0, 0, 0.2); -webkit-transition: left 0.15s ease-out; -moz-transition: left 0.15s ease-out; -o-transition: left 0.15s ease-out; transition: left 0.15s ease-out; } .switch-blue .switch-selection { background: #3aa2d0; background-image: -webkit-linear-gradient(top, #4fc9ee, #3aa2d0); background-image: -moz-linear-gradient(top, #4fc9ee, #3aa2d0); background-image: -o-linear-gradient(top, #4fc9ee, #3aa2d0); background-image: linear-gradient(to bottom, #4fc9ee, #3aa2d0); } .switch-yellow .switch-selection { background: #c4bb61; background-image: -webkit-linear-gradient(top, #e0dd94, #c4bb61); background-image: -moz-linear-gradient(top, #e0dd94, #c4bb61); background-image: -o-linear-gradient(top, #e0dd94, #c4bb61); background-image: linear-gradient(to bottom, #e0dd94, #c4bb61); } #subForm input {display: block;position: static;} #root #contentvideo .prdvid a {background:#fff;padding:0px;box-shadow: 3px 3px 8px rgba(0,0,0,.4);} .dimScreen { position:fixed; padding:0; margin:0; top:0; left:0; width: 100%; height: 100%; background:rgba(255,255,255,1); z-index:10; } .list-f h3 { color: #29aae2;}