@charset "utf-8"; /* ------------------------------------------- Name: NetFire LLC Date: 2014/11/17 Author: http://netfire.net --------------------------------------------- */ * { margin: 0; padding: 0; } html { overflow-y: scroll; min-height: 100%; margin: 0 0 1px; font-size: 100.01%; -webkit-tap-highlight-color: rgba(0,0,0,0); } body { min-height: 100%; padding-top: 28px; background: #fff; 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: #565656; font-family: Arial, Helvetica, sans-serif; line-height: 1.4; } li, dt, dd, p, figure, th, td, caption, legend, pre { font-size: 1.3em; } 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: 14px; } article, aside, details, div, figcaption, figure, footer, header, hgroup, menu, nav, section, summary { display: block; } /*! Layout --------- */ #root { overflow: hidden; position: relative; width: 100%; } #top { position: relative; z-index: 5; padding: 17px 0 0; border-bottom: 2px solid #cfcfcf; background: #fff; } #top:after { content: ""; display: block; overflow: hidden; clear: both; height: 0; } #top h1 { width: 960px; height: 65px; margin: 0 auto; padding: 0 0 15px; } #top h1 a { display: block; overflow: hidden; width: 249px; height: 100%; background: url(../images/logo.svg) no-repeat; background-size: 249px 65px; text-indent: -3000em; } #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: 36px; margin: 0 -584px 0 0; } #nav > ul { position: relative; left: 10px; list-style: none; margin: 0; padding: 0; background: url(../images/arrow-up-b.svg) -3000em -3000em no-repeat; } #nav > ul:after { content: ""; display: block; overflow: hidden; clear: both; height: 0; } #nav > ul > li { float: left; padding: 25px 0 0 30px; background: url(../images/arrow-up-a.svg) -3000em -3000em no-repeat; } #nav > ul > li.has-ul { position: relative; } /*#nav.a > ul > li { padding-left: 20px; }*/ #nav > ul > li > a { display: block; position: relative; float: left; padding: 0 0 18px; color: #626262; font-family: Myriad; font-weight: 700; text-transform: uppercase; text-decoration: none; } #nav > ul > li > a:hover, #nav > ul > li:hover > a, #nav > ul > li.active > a, #nav > ul > li.sub.toggle > a:after, #nav > ul > li.sub:hover > a:after { color: #593691; } #nav > ul > li.sub > a:before { content: ""; display: block; position: absolute; right: 0; bottom: -9px; width: 100%; height: 9px; background: #593691; opacity: 0; } #nav > ul > li.sub.toggle > a:before { bottom: 0; opacity: 1; } #nav > ul > li.sub > a { padding-right: 11px; } #nav > ul > li.sub > a:after { content: "\e600"; display: block; position: absolute; right: 0; top: 7px; color: #737f8b; font-family: i; font-size: 5px; font-weight: 400; line-height: 5px; } #nav > ul > li.sub.toggle > a:after { -moz-transform: rotate(-180deg); -webkit-transform: rotate(-180deg); -o-transform: rotate(-180deg); -ms-transform: rotate(-180deg); transform: rotate(-180deg); } .lt-ie9 #nav > ul > li.sub.toggle > a:after { content: "\e603"; } /*#nav > ul > li.sub.toggle > a:after { background: url(../images/arrow-up-a.svg) no-repeat; background-size: 100% 100%; } #nav > ul > li.a.sub.toggle > a:after, #nav > ul > li.b.sub.toggle > a:after { background: url(../images/arrow-up-b.svg) no-repeat; background-size: 100% 100%; } #nav > ul > li.sub.toggle > a:before { content: ""; display: block; position: absolute; left: 10px; right: 20px; bottom: 7px; height: 8px; background: #515a66; } #nav > ul > li.sub.toggle.user > a:before { background: none; }*/ #nav > ul > li.active > a, .nav-a li.active a { cursor: default; } /*#nav > ul > li.a.sub.toggle > a { background: #737f8b; color: #fff; } #nav > ul > li.a.sub.toggle > a:before, #nav > ul > li.b.sub.toggle > a:before { left: -3000em; right: auto; } #nav > ul > li.b.sub.toggle > a { background: #593691; color: #fff; } #nav > ul > li > a img { position: relative; top: -4px; margin: 0 2px 0 0; border-radius: 30px; }*/ #nav > ul > li > div { visibility: hidden; position: absolute; right: 0; top: 70px; border-top: 7px solid #593691; background: #e8e8e8; font-family: Myriad; opacity: 0; } #nav > ul > li.toggle > div, #nav > ul > li.toggle > ul { visibility: visible; top: 61px; opacity: 1; } #nav > ul > li:first-child > div { left: 0; right: auto; } #nav > ul > li > div h1, #nav > ul > li > div h2, #nav > ul > li > div h3, #nav > ul > li > div h4, #nav > ul > li > div h5, #nav > ul > li > div h6 { margin: 0; padding: 2px 0 9px; border-bottom: 1px solid #ced3d7; color: #4f4f4f; font-size: 19px; font-weight: 700; text-transform: none; } #nav > ul > li ul { list-style: none; margin: 0 0 20px; padding: 0; border-top: 1px solid #ced3d7; } #nav > ul > li h1 + ul, #nav > ul > li h2 + ul, #nav > ul > li h3 + ul, #nav > ul > li h4 + ul, #nav > ul > li h5 + ul, #nav > ul > li h6 + ul { border: 0; } #nav > ul > li ul > li { margin: 0; padding: 0; border-bottom: 1px solid #ced3d7; font-size: 14px; } #nav > ul > li ul > li > a { display: block; margin: 0 -15px; padding: 7px 15px 6px; color: #626262; font-family: Myriad; text-decoration: none; } #nav > ul > li ul > li.active > a, #nav > ul > li ul > li > a:hover { /*background: #59626d;*/ color: #593691; } #nav > ul > li ul > li.active > a { cursor: default; } #nav > ul > li > div .quadruple { width: 880px; } #nav > ul > li > div .triple { width: 660px; } #nav > ul > li > div .double { width: 440px; } #nav > ul > li > div .double.e { width: 620px; } #nav > ul > li > div > * + .double { width: 100%; /*border-top: 1px solid #c8c8c8;*/ } #nav > ul > li > div .quadruple > *, #nav > ul > li > div .double > *, #nav > ul > li > div .triple > * { width: 170px; padding: 20px 25px 0; } #nav > ul > li > div .quadruple > *:hover, #nav > ul > li > div .double > *:hover, #nav > ul > li > div .triple > *:hover { background: #fff; } #root #nav p.link { overflow: hidden; position: relative; margin: 0; padding: 10px 17px 12px; background: #525252; color: #fff; font-size: 13px; line-height: 1.2; } #root #nav p.link:first-child { background: #7a7a7a; color: #dbdbdb; } #nav p.link span { display: block; margin: 0 0 1px; color: #fff; font-size: 14px; } #nav p.link a { display: block; overflow: hidden; position: absolute; right: 13px; top: 50%; height: 32px; margin: -17px 0 0; padding: 0 12px; border-radius: 3px; border: 1px solid #593691; background: #593691; color: #fff; font-size: 14px; font-weight: 400; line-height: 34px; text-decoration: none; } /*#nav p.link a:before { content: "\e602"; display: block; position: absolute; right: 12px; top: 0; font-weight: 400; font-family: i; font-size: 8px; line-height: 32px; }*/ #nav p.link a:hover { border-color: #731dad; background: #731dad; } #nav p.link a.a { width: 30px; height: 30px; margin: -15px 0 0; padding: 0; border: 0; border-radius: 100px; background: #654da0; font-size: 16px; line-height: 30px; text-align: left; text-indent: -3000em; text-shadow: -1px -1px 0 rgba(0,0,0,.1); } #nav p.link a.a i, #nav p.link a.b i, #nav p.link a.c i { display: block; position: absolute; left: 0; top: 50%; width: 100%; margin: -20px 0 0; padding: 0 0 0 1px; line-height: 40px; text-indent: 0; text-align: center; } #nav p.link a.a:before, #nav p.link a.b:before { top: -3000em; } #nav p.link a.a:hover, #nav p.link a.b:hover { background: #2edb07; } #nav p.link a.b { width: 40px; height: 40px; margin: -20px 0 0; padding: 0; border: 0; border-radius: 100px; background: #654da0; font-size: 28px; line-height: 30px; text-align: left; text-indent: -3000em; text-shadow: -1px -1px 0 rgba(0,0,0,.1); } #nav p.link a.c { width: auto; height: 40px; margin: -20px 0 0; padding: 0; border: 0; border-radius: 0; background: none; color: #3fb54a; font-size: 28px; line-height: 30px; text-align: left; text-indent: 0; } #nav p.link a.c:hover { color: #2edb07; } #nav p.link a.c i { position: relative; top: 0; width: auto; margin: 0; padding: 0; line-height: 40px; } #nav > ul > li > div > p.link { float: none; width: 100%; } #root #nav > ul > li .view { padding: 37px 37px 20px 32px; background: #546c87; color: #fff; } #root #nav > ul > li .view figure { float: left; margin: 0 22px 22px 0; padding: 2px 0 0; } #root #nav > ul > li .view h1, #root #nav > ul > li .view h2, #root #nav > ul > li .view h2, #root #nav > ul > li .view h3, #root #nav > ul > li .view h4, #root #nav > ul > li .view h5, #root #nav > ul > li .view h6 { margin: 0 0 8px; padding: 0; border: 0; color: #fff; font-weight: 400; font-size: 18px; line-height: 1.65; } #root #nav > ul > li .view p { font-size: 12px; line-height: 1.6; } #nav > ul > li > ul { visibility: hidden; position: absolute; left: 50%; top: 70px; list-style: none; width: 170px; margin: 0 0 0 -95px; padding: 9px 25px 20px; border-top: 7px solid #593691; background: #e8e8e8; font-family: Myriad; opacity: 0; } #nav > ul > li > ul:hover { background: #fff; } /*#nav > ul > li > div { overflow: hidden; position: absolute; z-index: 999999; left: -61px; top: -3000em; width: 576px; padding: 20px 30px 0; background: #fff; font-family: Myriad; } #nav > ul > li.toggle > div, #nav > ul > li.toggle > ul { top: 61px; } #nav > ul > li > div.right { left: auto; right: -165px; } #nav > ul > li > div > div { width: 100%; } #nav > ul > li > div > div:after { content: ""; display: block; overflow: hidden; clear: both; height: 0; } #nav > ul > li > div > div > * { float: left; width: 33.33333333%; padding: 1px 0 0 14px; border-left: 1px solid #d6dadd; } #nav > ul > li > div > div > *, #support { box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; -o-box-sizing: border-box; -ms-box-sizing: border-box; } #nav > ul > li > div > div > *:first-child { padding-left: 8px; border: 0; } #nav > ul > li > div h2, #nav > ul > li > div h2 a, #nav > ul > li > div h3 { color: #59626d; } #nav > ul > li > div h2, #nav > ul > li > div h3 { margin: 0 0 13px; padding: 0 0 0 20px; font-size: 13px; font-family: Myriad; font-weight: 600; text-transform: uppercase; text-decoration: none; } #nav > ul > li > div ul { list-style: none; margin: 0; padding: 0; } #nav > ul > li > div ul li { margin: 0; font-size: 12px; text-transform: uppercase; } #nav > ul > li > div ul li a { display: block; position: relative; padding: 6px 10px 6px 20px; color: #59626d; text-decoration: none; } #nav > ul > li > div ul li a:hover, #nav > ul > li > ul > li > a:hover { background: #737f8b; color: #fff; } #nav > ul > li > div ul li.fb a, #nav > ul > li > div ul li.tw a, #nav > ul > li > div ul li.li a, #nav > ul > li > div ul li.gl a { margin-bottom: 11px; padding-left: 58px; background: none; } #nav > ul > li > div ul li.fb a:hover, #nav > ul > li > div ul li.tw a:hover, #nav > ul > li > div ul li.li a:hover, #nav > ul > li > div ul li.gl a:hover { color: #59626d; } #nav > ul > li > div ul li.fb a:before, #nav > ul > li > div ul li.tw a:before, #nav > ul > li > div ul li.li a:before, #nav > ul > li > div ul li.gl a:before { content: ""; display: block; position: absolute; left: 20px; top: 0; width: 29px; height: 29px; } #nav > ul > li > div ul li.fb a:before { background: url(../images/fb-a.svg) no-repeat; background-size: 100% 100%; } #nav > ul > li > div ul li.tw a:before { background: url(../images/tw-a.svg) no-repeat; background-size: 100% 100%; } #nav > ul > li > div ul li.li a:before { background: url(../images/li-a.svg) no-repeat; background-size: 100% 100%; } #nav > ul > li > div ul li.gl a:before { background: url(../images/gl-a.svg) no-repeat; background-size: 100% 100%; } #nav > ul > li > div > p { margin: 23px -30px 0; padding: 15px 16px; background: #737f8b; color: #fff; font-size: 16px; font-weight: 600; text-transform: uppercase; text-align: left; } #nav > ul > li > div > p.link-a { } #nav > ul > li > div > p.link-a a { margin: 0 10px 0 0; text-transform: none; } #nav > ul > li.a > div, #nav > ul > li.a > ul { background: #737f8b; color: #fff; } #nav > ul > li.a > div > div > * { border-color: #88929c; } #nav > ul > li.a > div > p { background: #59626d; } #nav > ul > li.a > ul { border-color: #59626d; } #nav > ul > li.a > div h2, #nav > ul > li.a > div h3, #nav > ul > li.a > div ul li a, #nav > ul > li.b > div h2, #nav > ul > li.b > div h3, #nav > ul > li.b > div ul li a, #nav > ul > li.a > ul > li > a, #nav > ul > li.b > ul > li > a { color: #fff; } #nav > ul > li.b > div, #nav > ul > li.b > ul { background: #593691; color: #fff; } #nav > ul > li.b > div > div > * { border-color: #6e3992; } #nav > ul > li.b > div > p { background: #480c72; } #nav > ul > li.b > ul { border-color: #480c72; } #nav > ul > li.b > div > p.link-a a { background: #697581; } #nav > ul > li.b > div > p.link-a a:hover { background: #7e8d9c; } #nav > ul > li.b > ul > li > a:hover, #nav > ul > li.b > div ul li a:hover { background: #fff; color: #3d454e; } #nav > ul > li > ul { position: absolute; left: -17px; top: -3000em; list-style: none; padding: 13px 0 13px; border-bottom: 0px solid #737f8b; background: #fff; font-family: Myriad; text-transform: uppercase; white-space: nowrap; } #nav > ul > li.right > div { left: auto; right: -7px; } #nav > ul > li > ul > li { font-size: 12px; } #nav > ul > li > ul > li > a { display: block; padding: 6px 25px 6px; color: #59626d; text-decoration: none; } #nav > ul > li > ul.a { overflow: hidden; left: auto; right: 0; margin: -6px 0 0; padding: 0; border-radius: 4px; border: 1px solid #dbdbdb; background: #fff; } #nav > ul > li > ul.a > li { border-top: 1px solid #dbdbdb; font-size: 14px; } #nav > ul > li > ul.a > li:first-child { border: 0; } #nav > ul > li > ul.a > li > a { position: relative; padding: 10px 29px 10px 33px; background: none; color: #696969; text-transform: none; } #nav > ul > li > ul.a > li > a:hover { text-decoration: underline; } #nav > ul > li > ul.a > li > a:before { content: ""; display: block; position: absolute; top: 50%; height: 11px; margin-top: -5.5px; } #nav > ul > li > ul.a > li.a > a:before { left: 13.5px; width: 7px; background: url(../images/user-a.svg) no-repeat; background-size: 100% 100%; } #nav > ul > li > ul.a > li.b > a:before { left: 11px; width: 11px; background: url(../images/user-b.svg) no-repeat; background-size: 100% 100%; } #nav > ul > li > ul.a > li.c > a:before { left: 9.5px; width: 15px; background: url(../images/user-c.svg) no-repeat; background-size: 100% 100%; }*/ /*#nav > ul > li > div > div > * { float: left; width: 182px; margin: 0 0 14px; padding: 2px 0 5px; border-left: 1px solid #ddd; } #nav > ul > li > div > div > *:first-child { width: 140px; border: 0; } #nav > ul > li > div > div > * > * { padding-left: 42px; } #nav > ul > li > div > div > *:first-child > * { padding-left: 0; } #nav > ul > li > div h2, #nav > ul > li > div h3 { margin: 0 0 13px; color: #593691; font-size: 13px; font-family: Myriad; font-weight: 600; text-transform: uppercase; text-decoration: none; }*/ #nav > ul > li.white > div, #root #nav > ul > li.white .view { background: #fff; } #nav .gapps { } #root #nav > ul > li .view.gapps h5, #root #nav > ul > li .view.gapps h6 { margin: 0 0 20px; font-weight: 400; line-height: 1.1; } #root #nav > ul > li .view.gapps h5 { color: #ffcd41; font-size: 18px; } #root #nav > ul > li .view.gapps h6 { font-size: 12px; } #root #nav > ul > li .view.gapps h5 + h6 { margin-top: -17px; } #root #nav > ul > li .view.gapps p { clear: both; margin: 0 0 19px; font-size: 11px; line-height: 1.6; } #nav .gapps .lead-link { display: block; position: relative; float: right; padding: 0 36px 0 0; color: #ffcd41; font-size: 12px; font-weight: 600; } #nav .gapps .lead-link:before { content: "\e602"; display: block; position: absolute; right: 16px; top: 50%; margin: -10px 0 0; font-size: 8px; font-family: i; font-weight: 400; line-height: 20px; text-decoration: none; } #nav .gapps .lead-link + * { clear: both; } #root #nav > ul > li .view.gapps1 { overflow: hidden; position: relative; padding: 0; background: #418afe; } #nav .gapps1 > * { position: relative; z-index: 1; float: left; width: 50%; height: 100%; padding: 25px 11px 29px; } #nav .gapps1 > *:first-child { background: #ebebeb; } #nav .gapps1 > * > img { display: block; margin: 22px auto; } #nav .gapps1 .colored-stripes { position: absolute; left: 0; bottom: 0; } #nav .gapps .colored-stripes { overflow: hidden; z-index: 2; float: none; clear: both; width: 100%; height: 8px; padding: 0; } #nav .gapps .colored-stripes > * { display: block; float: left; width: 25%; height: 8px; } #nav .gapps .colored-stripes > *:first-child { background: #418afe; } #nav .gapps .colored-stripes > *:first-child + * { background: #eb4236; } #nav .gapps .colored-stripes > *:first-child + * + * { background: #fabb07; } #nav .gapps .colored-stripes > *:first-child + * + * + * { background: #34a951; } #root #nav > ul > li .view.gapps2 { overflow: hidden; position: relative; height: 100%; padding: 0; background: #16a05d; } #nav .gapps2 .colored-stripes { position: absolute; left: 0; top: 0; } #nav .gapps2 > * { overflow: hidden; position: relative; width: 100%; padding: 0; } #nav .gapps2 > *:before { content: ""; display: block; position: absolute; left: 50%; top: 10px; bottom: 15px; width: 2px; background: #8bd0ae; } #nav .gapps2 > *:first-child { background: #ebebeb; } #nav .gapps2 > *:first-child:before { left: -3000em; background: none; } #root #nav > ul > li .view.gapps2 h5:first-child, #root #nav > ul > li .view.gapps2 h6:first-child { padding-top: 8px; } #nav .gapps2 .col > * { float: left; width: 50%; padding: 11px 12px 0; } #nav .gapps2 .col > * + * { padding-right: 15px; } #nav .gapps2 .col > img { display: block; float: none; width: 142px; margin: 22px auto 10px; padding: 0; } #root #nav > ul > li .view.gapps2 p { font-size: 10px; line-height: 1.8; } #root #nav > ul > li .view.gapps2 p + .lead-link { margin-top: -28px; } #nav em { position: absolute; left: -3000em; top: -3000em; } #top > p { position: absolute; right: 0; top: 35px; width: 290px; padding: 0 0 0 19px; color: #646464; font-size: 1.2em; font-weight: 700; line-height: 1.5; } #top > p:before { content: ""; display: block; position: absolute; left: 0; top: 3px; width: 14px; height: 10px; background: url(../images/flag-us.svg) no-repeat; background-size: cover; } #top > p a { color: #646464; } #top > .fit-a { display: block; position: absolute; right: 5%; top: -3000em; width: 50px; height: 50px; background: #8d49b9; background-size: 30px 23px; cursor: pointer; } #top > .fit-a:before, #top > .fit-a:after { content: ""; display: block; position: absolute; left: 50%; width: 30px; margin: 0 0 0 -15px; height: 7px; border-bottom: 3px solid #fff; } #top > .fit-a:before { top: 13px; border-top: 3px solid #fff; } #top > .fit-a:after { bottom: 13px; } #top.active > .fit-a { } #top.active > .fit-a:before { top: 23px; height: 3px; border-top-width: 0; border-bottom-width: 0; background: #fff; } #top.active > .fit-a:after { bottom: 23px; height: 3px; border-top-width: 0; border-bottom-width: 0; background: #fff; } #top.active > .fit-a:before { transform: rotate(-225deg); -moz-transform: rotate(-225deg); -webkit-transform: rotate(-225deg); -o-transform: rotate(-225deg); -ms-transform: rotate(-225deg); } #top.active > .fit-a:after { transform: rotate(225deg); -moz-transform: rotate(225deg); -webkit-transform: rotate(225deg); -o-transform: rotate(225deg); -ms-transform: rotate(225deg); } #root > .fit-a { display: block; visibility: hidden; position: fixed; left: -; top: 0; z-index: 4; width: 100%; height: 100%; background: rgba(0,0,0,.35); opacity: 0; cursor: pointer; } #root.toggle > .fit-a { visibility: visible; opacity: 1; } #welcome { overflow: hidden; position: relative; z-index: 3; padding: 297px 0 290px; background-color: #17091f; background-position: center center; background-repeat: no-repeat; background-size: cover; color: #fff; } .js #welcome > header { position: absolute; left: 0; top: 50%; width: 100%; } #welcome h1, #welcome h2 { position: relative; z-index: 3; width: 960px; margin: 0 auto 27px; color: #fff; font-weight: 300; font-size: 6em; text-align: center; } #welcome h1 .strong, #welcome h2 .strong { display: block; font-size: 1.06666em; font-weight: 700; } #welcome p { position: relative; z-index: 3; width: 960px; margin-left: auto; margin-right: auto; } #welcome a { color: #fff; font-weight: 700; } #welcome > p { position: absolute; left: 0; bottom: 0; z-index: 2; width: 100%; margin: 0; padding: 32px 0; background: rgba(0,0,0,.35); font-size: 1.5em; text-align: center; } .lt-ie9 #welcome > p, .lt-ie9 #welcome:before, .lt-ie9 #root > .fit-a { background: transparent; filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#59000000,endColorstr=#59000000); zoom: 1; } #welcome > p > .inner { display: block; width: 1004px; margin-left: auto; margin-right: auto; } #welcome:before { content: ""; display: block; position: absolute; left: 0; top: 0; z-index: 2; width: 100%; height: 100%; background: rgba(0,0,0,.35); } #root #welcome video, #root #featured video { position: absolute; left: 0; top: 0; right: 0; bottom: 0; z-index: 1; min-width: 100%; min-height: 100%; width: auto; height: auto; margin: 0; background: #000; object-fit: fill; } .lt-ie9 #root #welcome video, .lt-ie9 #root #featured video { left: -3000em; top: -3000em; right: auto; bottom: auto; } #support { position: relative; width: 960px; margin: 0 auto; padding: 41px 0 320px; background: #006bcf; color: #fff; font-family: 'Proxima Nova'; font-weight: 300; line-height: 1.7; } #support:before, #support footer:before { content: ""; display: block; position: absolute; left: -1000em; top: 0; z-index: 1; width: 3000em; height: 100%; background: #006bcf; } #support > * { position: relative; z-index: 2; max-width: 560px; } #support figure { position: absolute; right: -342px; top: 62px; z-index: 3; max-width: none; } #support h1, #support h2 { margin: 0 0 11px; color: #fff; font-size: 4.9em; line-height: 1.3; } #support h3, #support h4, #support h5 { margin: 0 0 13px; padding: 0; border: 0; color: #fff; font-size: 2.9em; font-weight: 400; line-height: 1.35; } #support p { margin-bottom: 29px; font-size: 1.8em; } #support a { color: #fff; } #support footer { position: absolute; left: 0; bottom: 0; width: 100%; max-width: none; padding: 28px 0 0; } #support footer:before { background: #2681d6; } .rgba #support footer:before { background: rgba(255,255,255,.15); } #support footer > * { position: relative; z-index: 2; } #support footer .countdown { font-size: 2.1em; } #support footer .countdown.microsoft { padding-left: 170px; } #support footer .countdown.microsoft:before { content: ""; display: block; position: absolute; left: 0; top: -6px; width: 155px; height: 33px; background: url(/wp-content/uploads/2015/06/Microsoft-Logo.svg) no-repeat; background-size: 100% 100%; } #support footer .countdown.microsoft .count { margin-left: -170px; } #support footer .bottom { position: relative; margin: 0; padding: 30px 0; background: #004687; font-size: 1.45em; text-align: center; } #support footer .bottom:before, #support footer .bottom:after { content: ""; display: block; position: absolute; top: 0; width: 3000em; height: 100%; background: #004687; } #support footer .bottom:before { left: 100%; } #support footer .bottom:after { right: 100%; } #support footer .bottom a { font-weight: 700; } #countdown { position: relative; width: 1200px; min-height: 492px; margin: 0 auto; padding: 58px 0 5px; background: #046ab8; color: #fff; font-weight: 300; font-family: 'Proxima Nova'; line-height: 1.19; text-align: center; } #countdown:before { content: ""; display: block; position: absolute; left: -1000em; top: 0; z-index: 1; width: 3000em; height: 100%; background: #046ab8; } #countdown:after { content: ""; display: block; position: absolute; left: 0; top: 45px; z-index: 2; width: 954px; height: 485px; background: url(../images/clouds.svg) no-repeat; background-size: 100% 100%; } #countdown > * { position: relative; z-index: 3; } #countdown figure { position: absolute; right: 0; top: 70px; } #countdown p { margin-bottom: 25px; font-size: 2.568em; } #countdown p a { color: #fff; font-weight: 700; text-decoration: underline; } #countdown p a:hover { text-decoration: none; } #countdown p a.btn { margin: 0 15px; padding: 12px 34px; background: #7db912; font-weight: 600; font-size: .856em; text-decoration: none; } #countdown p a.btn:hover { background: #8ed415; } #countdown p.countdown { position: relative; max-width: 580px; margin: 0 0 50px; padding: 80px 0 0; font-size: 6em; font-weight: 100; text-align: left; } #countdown p.countdown:before { content: ""; display: block; position: absolute; left: 0; top: 0; width: 270px; height: 57px; background: url(/wp-content/uploads/2015/06/Microsoft-Logo.svg) no-repeat; background-size: 100% 100%; } #countdown p.countdown .count { padding: 18px 0 0; font-size: .316em; } #featured { overflow: hidden; position: relative; z-index: 3; padding: 51px 0 28px; background-color: #17091f; background-position: center center; background-repeat: no-repeat; background-size: cover; color: #fff; font-weight: 300; font-family: 'Proxima Nova'; line-height: 1.19; } #featured > * { position: relative; z-index: 2; width: 960px; margin-left: auto; margin-right: auto; } #featured h1, #featured h2 { margin-bottom: 35px; color: #fff; font-size: 3.6em; font-weight: 600; font-family: 'Proxima Nova'; } #featured[style*="support"] h1, #featured[style*="support"] h2 { color: #7f3f98; } #featured p { font-size: 3.6em; } #featured img { display: block; float: left; width: 113px; margin: -10px 35px 35px 0; } #featured.a { background-color: #312361; } #featured.b { background-color: #106fa3; } #content { position: relative; z-index: 2; padding: 53px 0 57px; } #content.pb-a { padding-bottom: 0; } #content.pb-a + #footer { border-top-width: 0; } #content.pb-a + #footer:before { height: 0; } #content:after, #support:after { content: ""; display: block; overflow: hidden; clear: both; height: 0; } #content > * { width: 960px; margin-left: auto; margin-right: auto; } #content.a > * { width: 1170px; } #content > .module-a:last-child { margin-bottom: -59px; } #content > .module-a.last-child { margin-bottom: -59px; } #content > .module-b:last-child { margin-bottom: -2px; } #content > .module-b.last-child { margin-bottom: -2px; } #content > .news-a:last-child { margin-bottom: -57px; } #content > .news-a.last-child { margin-bottom: -57px; } .white-paper-content .filedetails ul { padding-left: 0; list-style: none } .white-paper-content .filedetails { padding: 15px; border: 2px dashed #eee } .white-paper-content ul, .white-paper-content div { overflow: hidden; } .search-page h3 { border-bottom: 0 } #footer { position: relative; z-index: 1; width: 960px; margin-left: auto; margin-right: auto; padding: 37px 0 0; border-top: 2px solid #cfcfcf; } #footer:before { content: ""; display: block; position: absolute; left: -1000em; top: -2px; width: 3000em; height: 2px; background: #cfcfcf; } #footer > nav { margin: 0 0 44px -30px; } #footer > nav:after { content: ""; display: block; overflow: hidden; clear: both; height: 0; } #footer > nav > * { position: relative; float: left; width: 16.666666%; } #footer > nav > *:before { content: ""; display: block; position: absolute; left: 0; top: 0; width: 2px; height: 100%; background: #e7e7e7; } #footer > nav > *:first-child:before { left: -3000em; } #footer > nav h2, #footer > nav h3, #footer > nav h4 { margin: 0 0 20px; padding: 0; border: 0; color: #414141; font-size: 1.4em; font-weight: 400; } #footer > nav > * > ul { list-style: none; margin: 0 0 24px; padding: 0; } #footer > nav > * > ul > li { padding: 5px 0 0; font-size: 1.1em; } #footer > nav > * > ul.social-a > li { margin-bottom: 0; } #footer > nav > * > ul > li:first-child { padding: 0; } #footer > nav > * > ul > li > a { color: #707070; } #footer > nav > * > ul > li > ul { list-style: none; margin: 0; padding: 0; } #footer > nav > * > ul > li > ul > li { padding: 5px 0 0; } #footer > nav > * > ul > li > ul > li > a { color: #707070; } #root #footer > nav > * > * { padding-left: 30px; padding-right: 10px; } #footer > p { color: #8e8e8e; font-size: 1.1em; text-align: center; } #footer > p a { margin-left: 48px; color: #8e8e8e; } /*! Columns --------- */ .cols-a { width: 100%; } .cols-a:after, .quadruple:after { content: ""; display: block; overflow: hidden; clear: both; height: 0; } #root .cols-a > *:first-child { float: left; width: 870px; margin: 0; } #root .cols-a > aside { float: right; width: 270px; margin: 0; padding: 4px 0 0; } #content.cols-a { width: 1170px; margin: 0 auto; padding-top: 40px; } .cols-a.a { } #root .cols-a.a > aside { padding-top: 0; } .double-a { width: 100%; } .double-a:after { content: ""; display: block; overflow: hidden; clear: both; height: 0; } .double-a > * { float: right; } .double-a > *:first-child { float: left; } .double { width: 100%; } .double:after { content: ""; display: block; overflow: hidden; clear: both; height: 0; } .double > * { float: right; } .double > *:first-child { float: left; } .double.a { margin-top: 35px; } .double.a > * { width: 47.5%; } .double.a > figure { overflow: hidden; } .double.a > figure > img { display: block; float: right; } .double.b { } .double.b > * { width: 48.7%; } .double.c { } .double.c > *, #nav > ul > li > div .double.c > * { width: 50%; } .double.d { } .double.d > *, #nav > ul > li > div .double.d > * { width: 40%; } .double.d > *:first-child, #nav > ul > li > div .double.d > *:first-child { width: 60%; } .double.e { } .double.e > *, #nav > ul > li > div .double.e > * { width: 68%; } .double.e > *:first-child, #nav > ul > li > div .double.e > *:first-child { width: 32%; } .triple-a, .triple-b { width: 100%; } .triple-a:after, .triple-b:after { content: ""; display: block; overflow: hidden; clear: both; height: 0; } .triple-a > * { float: left; width: 368px; } .triple-a > *:first-child { margin-right: 31px; } .triple-a > *:last-child { float: right; } #content > .triple-a { width: 1166px; } .triple-b { } .triple-b > *, #nav .triple > * { float: left; width: 33.333333333333%; } .quadruple { width: 100%; } .quadruple > * { float: left; width: 25%; } /*! Modules --------- */ .article-a { position: relative; padding: 53px 0 0 0; background-repeat: no-repeat; background-size: auto 100%; line-height: 1.65; } .article-a:after { content: ""; display: block; overflow: hidden; clear: both; height: 0; } #root #content > .article-a { width: auto; margin-left: auto; margin-right: auto; /*padding-left: 372px;*/ } #root #content > .article-a, #root #content > .article-a > *, #nav .gapps1, #nav .gapps1 > *, #nav .gapps .col, #nav .gapps2 > *, #nav .gapps .col > * { -moz-box-sizing: border-box; -webkit-box-sizing: border-box; -o-box-sizing: border-box; -ms-box-sizing: border-box; box-sizing: border-box; } #root #content > .article-a > * { width: 1200px; margin-left: auto; margin-right: auto; padding-right: 0; } .article-a h1, .article-a h2 { margin-bottom: 35px; font-size: 2.8em; } .article-a p, .article-a ul, .article-a ol { margin-bottom: 30px; } .article-a p, .article-a li { font-size: 1.8em; } .article-a > figure:first-child { position: absolute; left: 0; top: 50%; width: auto; padding: 0; } .article-a > figure:first-child { -moz-transform: translateY(-50%); -webkit-transform: translateY(-50%); -o-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); } .article-a[style] { padding-left: 550px; } .article-a.a { padding-left: 0; background-position: 100% 0; } #root #content .article-a.a > * { padding-right: 372px; } .article-a.a > figure:first-child { left: auto; right: 0; padding: 0; } .article-a.a[style] { padding-right: 0; padding-left: 0; } /*#root #content .article-a.a[style] > * { padding-right: 550px; }*/ #content > .article-a:first-child { margin-top: -53px; } .article-a + .module-d { margin-top: -36px; } .cols-a { color: #7b7b7b; line-height: 1.85; } .cols-a h1, .cols-a h2 { margin: 0 0 29px; color: #7b7b7b; font-size: 3em; font-family: Arial, Helvetica, sans-serif; } .cols-a h3, .cols-a h4, .cols-a h5, .cols-a h6 { margin: 0 0 17px; padding: 0; border: 0; color: #7b7b7b; font-size: 1.8em; font-weight: 700; font-family: Arial, Helvetica, sans-serif; } .cols-a > aside h3, .cols-a > aside h4, .cols-a > aside h5, .cols-a > aside h6 { margin: 36px 0 19px; font-weight: 400; font-size: 1.9em; } .cols-a h2 + h3 { margin-top: 34px; } .cols-a p, .cols-a li { font-size: 1.4em; } .cols-a ul, .cols-a ol, .cols-a dl, .cols-a p, .cols-a figure, .cols-a table { margin-bottom: 26px; } .comments-a { } .comments-a h1, .comments-a h2 { margin: 0 0 29px; font-size: 3em; } .comments-a h3, .comments-a h4, .comments-a h5, .comments-a h6 { margin: 0 0 17px; font-size: 2.4em; font-weight: 400; } .comments-a ul { list-style: none; margin: 31px 0 54px; padding: 0 0 0 100px; color: #7b7b7b; line-height: 1.3; } .comments-a ul li { position: relative; margin: 0 0 10px; padding: 14px 20px 20px; border: 1px solid #f1f1f1; font-size: 1.4em; } .comments-a ul li p { font-size: 1em; } .comments-a ul li .title { display: block; margin: 0 0 12px; font-size: .857em; } .comments-a ul li .title a { color: #7b7b7b; } .comments-a ul li .title span { position: relative; margin: 0 0 0 28px; padding: 0 0 0 29px; color: #bbb; } .comments-a ul li .title span:before { content: ""; display: block; position: absolute; left: 0; top: 1px; width: 1px; height: 10px; background: #f1f1f1; } .comments-a ul li img { display: block; position: absolute; left: -101px; top: 50%; margin-top: -39.5px; border-radius: 100px; } .comments-a form { margin-top: 38px; } .countdown { position: relative; font-size: 2.1em; line-height: 1.2; } .countdown .count { display: block; overflow: hidden; width: 100%; padding: 20px 0 0; font-size: .9em; font-weight: 300; line-height: 1; text-align: center; } .countdown .count .circle { display: block; position: relative; float: left; width: 114px; height: 94px; margin: 0 19px 0 0; padding: 20px 0 0; border-radius: 100px; border: 2px solid #fff; } .countdown .count .circle span { display: block; margin: 0 0 -3px; font-size: 2.8em; } .heading-a { position: relative; margin: 0 0 41px; padding: 0 0 3px; border-bottom: 3px solid #eee; line-height: 1.65; text-align: center; } .heading-a:last-child { margin-bottom: 0; padding-bottom: 0; border-bottom: 0; } .heading-a.last-child { margin-bottom: 0; padding-bottom: 0; border-bottom: 0; } .heading-a figure { margin: 0 0 18px; } .heading-a figure img { display: block; position: relative; margin: 0 auto; border-radius: 100px; } #root .heading-a h1, #root .heading-a h2, #root .heading-a h3, #root .heading-a h4, #root .heading-a h5, #root .heading-a h6 { margin: 0 0 21px; border: 0; color: #595f6f; font-size: 1.6em; font-family: Arial, Helvetica, sans-serif; font-weight: 700; } .heading-a h1 span, .heading-a h2 span, .heading-a h3 span, .heading-a h4 span, .heading-a h5 span, .heading-a h6 span { display: block; padding: 10px 0 0; color: #bebebe; font-size: .75em; text-transform: none; } .heading-a p { font-size: 1.2em; font-weight: 700; text-transform: uppercase; } .heading-a p span { display: block; font-weight: 400; text-transform: none; } .heading-a p img { display: block; margin: 6px auto 0; } #root > .heading-a { padding-top: 40px; } .heading-b { padding: 204px 0 52px; background: url(../images/eco-banner.svg) center 0 no-repeat #282d69; color: #fff; line-height: 1.65; } .heading-b > * { position: relative; width: 1170px; margin-left: auto; margin-right: auto; } .heading-b > * { -moz-box-sizing: border-box; -webkit-box-sizing: border-box; -o-box-sizing: border-box; -ms-box-sizing: border-box; box-sizing: border-box; } .heading-b > *:after, .heading-b .sticky:after { content: ""; display: block; overflow: hidden; clear: both; height: 0; } .heading-b header { min-height: 119px; margin-bottom: 28px; padding: 22px 0 0 148px; } .heading-b header h1, .heading-b header h2, .heading-b header h3, .heading-b header h4, .heading-b header h5, .heading-b header h6 { margin: 0 0 8px; font-size: 3.9em; text-align: left; } .heading-b header p { font-size: 3.5em; line-height: 1.2; } .heading-b header:before { content: "\e62e"; display: block; position: absolute; left: 0; top: 0; width: 111px; height: 111px; border-radius: 100px; border: 4px solid #fff; font-family: i; font-size: 79px; font-weight: 400; line-height: 103px; text-align: center; } .heading-b h1, .heading-b h2, .heading-b h3, .heading-b h4, .heading-b h5, .heading-b h6 { margin: 47px 0 8px; padding: 0; border: 0; color: #fff; font-size: 2.4em; font-weight: 700; text-align: center; } .heading-b p { margin-bottom: 19px; font-size: 1.8em; } .heading-b p.link { text-align: center; text-transform: uppercase; } .heading-b p.link a { display: inline-block; position: relative; padding: 13px 36px 11px; border-radius: 6px; border: 2px solid #fff; text-decoration: none; } .heading-b p.link a:after { content: "\e602"; margin: 0 0 0 19px; font-size: 20px; font-family: i; } .heading-b a { color: #fff; } .heading-b .nav-a, .heading-b footer.scroll-to-fixed-fixed > .nav-a { position: absolute; left: -3000em; top: 52px; bottom: auto; background: #4ca813; } .heading-b .nav-a:before { content: ""; display: block; position: absolute; left: -1000em; top: 0; z-index: 1; width: 3000em; height: 100%; background: #4ca813; } .heading-b .nav-a > * { position: relative; z-index: 2; width: auto; } .heading-b .nav-a li.active a, .heading-b .nav-a li a:hover { background: #368c00; } .heading-b footer { position: relative; padding-top: 30px; padding-bottom: 0; text-align: center; } .heading-b footer p { font-size: 2.4em; } .heading-b footer.scroll-to-fixed-fixed { padding-bottom: 20px; background: #282d69 } .heading-b footer.scroll-to-fixed-fixed:before, .heading-b .sticky.scroll-to-fixed-fixed:before { content: ""; display: block; position: absolute; left: -1000em; top: 0; z-index: 1; width: 3000em; height: 100%; background: #282d69; } .heading-b footer.scroll-to-fixed-fixed > *, .heading-b .sticky.scroll-to-fixed-fixed > * { position: relative; z-index: 2; } .logo-a { list-style: none; margin: 0; padding: 0; text-align: center; } .logo-a li { display: -moz-inline-stack; display: inline-block; margin: 0 19px 31px; } .logo-a li:first-child { margin-left: 0; } .logo-a li:last-child { margin-right: 0; } .logo-a li.last-child { margin-right: 0; } .module-a { position: relative; margin: 0 0 48px; padding: 80px 0; background: #593691; color: #fff; } .module-a:after { content: ""; display: block; overflow: hidden; clear: both; height: 0; } .module-a:before { content: ""; display: block; position: absolute; left: -1000em; top: 0; width: 3000em; height: 100%; background: #593691; } .module-a > .link-a:first-child > span.a { margin-top: -7px; } .module-a > .quote-a:first-child { margin-top: -24px; } .module-a > .quote-a:last-child { margin-bottom: -21px; } .module-a > .quote-a.last-child { margin-bottom: -21px; } .module-a.a, .module-a.a:before { background: #737f8b; } .module-c { position: relative; margin: 40px 0 45px; padding: 36px 0 9px; border-top: 2px solid #cfcfcf; border-bottom: 2px solid #cfcfcf; } .module-c:first-child { margin-top: 0; padding-top: 0; border-top: 0; } .module-c > *, .module-d > *, .module-e > *, .module-f > * { position: relative; z-index: 2; } .module-d { position: relative; width: 100%; padding: 70px 0 21px; background: #e3e4e5; font-family: 'Proxima Nova'; } .module-d:after, .module-e:after { content: ""; display: block; overflow: hidden; clear: both; height: 0; } .module-d > header { float: left; width: 250px; text-align: center; } .module-d > header h1, .module-d > header h2, .module-d > header h3 { margin: 0 0 23px; color: #5b5b5b; font-size: 2.9em; line-height: 1.4; } .module-d > header h1 a, .module-d > header h2 a, .module-d > header h3 a, .module-d > header h1 span, .module-d > header h2 span, .module-d > header h3 span { color: #8753a2; } .module-d > ul { float: right; list-style: none; padding: 0; line-height: 2; text-align: center; } .module-d > ul > li { position: relative; float: left; width: 226px; margin: 0 0 26px 26px; padding: 90px 20px 76px; border: 2px solid #fff; font-size: 1.4em; } .module-d > ul > li .title { display: block; margin: 0 0 6px; font-size: 1.35em; font-weight: 600; } .module-d > ul > li .link { display: block; position: absolute; left: 20px; right: 20px; bottom: 9px; } .module-d > ul > li .tel { color: #565657; } .module-d > ul > li:before { content: ""; display: block; position: absolute; left: 50%; top: 26px; width: 48px; height: 48px; margin: 0 0 0 -24px; } .module-d > ul > li.a:before { background: url(../images/md-a.svg) no-repeat; background-size: 100% 100%; } .module-d > ul > li.b:before { width: 30px; height: 46px; margin-left: -15px; background: url(../images/md-b.svg) no-repeat; background-size: 100% 100%; } .module-d > ul > li.c:before { width: 46px; height: 46px; margin-left: -23px; background: url(../images/md-c.svg) no-repeat; background-size: 100% 100%; } .module-d > ul > li > .social-b { position: absolute; left: 17px; right: 17px; bottom: 9px; margin: 0; text-align: left; } .module-d > ul > li > .social-b li { float: left; width: 50%; } .module-d > ul > li > .social-b li:nth-child(2n) + li { clear: both; } .module-d > ul > li > .social-b li a { color: #565657; } #content > .module-d, #content > .module-e, #content > .article-a, #content > .wide { width: 1200px; } #content > .module-d:last-child, #content > .module-e:last-child { top: 0; margin-bottom: 0; } #content > .module-d.last-child, #content > .module-e.last-child { top: 0; margin-bottom: 0; } /*#content > .module-e + .module-d:last-child, #content > .module-d + .module-e:last-child { margin-top: -36px; } #content > .module-e + .module-d.last-child, #content > .module-d + .module-e.last-child { margin-top: -36px; } #content > .module-f + .module-d:last-child { margin-top: 0; } #content > .module-f + .module-d.last-child { margin-top: 0; }*/ #root .module-f + .module-d { margin-top: -55px; } .module-d:before { content: ""; display: block; position: absolute; left: -1000em; top: 0; width: 3000em; height: 100%; background: #e3e4e5; } .module-d > .module-g:first-child { margin-top: -70px; } .module-d > .module-g:last-child { margin-bottom: -21px; } .module-d > .module-g.last-child { margin-bottom: -21px; } .module-d.a { padding: 48px 0 30px; background: #013a66; color: #fff; } .module-d.a:before { background: #013a66; } .module-d.a > header { float: none; width: auto; } .module-d.a > header h1, .module-d.a > header h2, .module-d.a > header h3 { margin: 0 0 36px; color: #fff; font-size: 3em; } .module-d.a > header h1 a, .module-d.a > header h2 a, .module-d.a > header h3 a { color: #fff; } .module-d.a > header h1 span, .module-d.a > header h2 span, .module-d.a > header h3 span { color: #fff; font-weight: 700; } .module-d.a > header figure { position: absolute; left: -3000em; top: 0; } .module-d.a > ul { overflow: hidden; float: none; width: 110%; margin: 0 auto 22px; line-height: 1.55; } .module-d.a > ul > li { width: 278px; margin: 0 30px 30px 0; padding: 96px 50px 100px; border: 1px solid #fff; font-size: 1.8em; } .module-d.a > ul > li.a { background: #f25022; } .module-d.a > ul > li.b { background: #80ba01; } .module-d.a > ul > li.c { background: #f0a816; } .module-d.a > ul > li.a:before { width: 30px; height: 46px; margin-left: -15px; background: url(../images/mda-b.svg) no-repeat; background-size: 100% 100%; } .module-d.a > ul > li.b:before { width: 46px; height: 46px; margin-left: -23px; background: url(../images/mda-c.svg) no-repeat; background-size: 100% 100%; } .module-d.a > ul > li.c:before { width: 48px; height: 48px; margin-left: -24px; background: url(../images/mda-a.svg) no-repeat; background-size: 100% 100%; } .module-d.a > ul > li .title { margin: 0 0 10px; font-weight: 700; } .module-d.a > ul > li a { color: #fff; } .module-d.a > ul > li a.link { display: block; position: absolute; left: 50%; bottom: 30px; width: 130px; height: 38px; margin: 0 0 0 -66px; border-radius: 7px; border: 1px solid #fff; font-size: 1em; line-height: 38px; text-align: center; } .module-d.a > ul > li a.link.tel { left: 0; width: 100%; height: auto; margin: 0; border-radius: 0; border: 0; font-size: 1.111em; line-height: 1.55; text-align: center; } .module-d.a .social-b { left: 65px; right: 30px; bottom: 31px; width: auto; } .module-d.a .social-b li { width: 50%; } .module-d.a .social-b li a { color: #fff; } .module-d.a .social-b li.li a:before { background: url(../images/li-c.svg) no-repeat; background-size: 100% 100%; } .module-d.a .social-b li.gl a:before { background: url(../images/gl-c.svg) no-repeat; background-size: 100% 100%; } .module-d.a .social-b li.tw a:before { background: url(../images/tw-c.svg) no-repeat; background-size: 100% 100%; } .module-d.a .social-b li.fb a:before { background: url(../images/fb-c.svg) no-repeat; background-size: 100% 100%; } .module-e { position: relative; margin-top: 53px; padding: 36px 0 28px; background: #6d6f72; color: #fff; font-family: 'Proxima Nova'; text-align: center; } .module-e:before { content: ""; display: block; position: absolute; left: -1000em; top: 0; width: 3000em; height: 100%; background: #6d6f72; } .module-e p { font-size: 2.8em; } .module-e p.scheme-j { font-size: 2.4em; } .module-e a { color: #fff; } .module-e h1, .module-e h2, .module-e h3, .module-e h4, .module-e h5, .module-e h6 { margin: 0 0 11px; padding: 0; border: 0; color: #fff; font-size: 3em; } .module-e > h1, .module-e > h2, .module-e > h3, .module-e > h4, .module-e > h5, .module-e > h6 { margin-top: 7px; font-weight: 400; font-size: 3.5em; text-align: center; } .module-e h1 + .tabs-c, .module-e h2 + .tabs-c, .module-e h3 + .tabs-c, .module-e h4 + .tabs-c, .module-e h5 + .tabs-c, .module-e h6 + .tabs-c { margin-top: 34px; } .module-e + .scheme-a { margin-top: 55px; } .module-e.a h1, .module-e.a h2, .module-e.a h3, .module-e.a h4, .module-e.a h5, .module-e.a h6 { color: #565656; } .module-f { position: relative; margin: 55px 0; padding: 50px 0 40px; background: #e3e3e3; } .module-f:before { content: ""; display: block; position: absolute; left: -1000em; top: 0; width: 3000em; height: 100%; background: #e3e3e3; } .module-f + .module-d, .module-f + .module-f { margin-top: -55px; } .module-f + .scheme-f { margin-top: -20px; } .module-f.b .scheme-a, .module-f.c .scheme-a, .module-f.d .scheme-a { color: #fff; } #content > .module-f:first-child { margin-top: -53px; } .module-f > .scheme-a:first-child { margin-top: -9px; } .module-f > .scheme-a:last-child { margin-bottom: 0; } .module-f > .scheme-a.last-child { margin-bottom: 0; } .module-f > .list-a:last-child { margin-bottom: 39px; } .module-f > .list-a.last-child { margin-bottom: 39px; } #root #content .module-f .list-r { width: 105%; max-width: none; padding-right: 0; } #root #content .module-f .list-r > li { width: 525px; } .module-f + .module-e { margin-top: -55px; } .module-f.a, .module-f.a:before, .module-e.a, .module-e.a:before { background: #f1f2f2; color: #565656; } .module-f.b, .module-f.b:before, .module-e.b, .module-e.b:before { background: #8a8c8e; color: #fff; } .module-f.c, .module-f.c:before, .module-e.c, .module-e.c:before { background: #01818c; color: #fff; } .module-f.d, .module-f.d:before, .module-e.d, .module-e.d:before { background: #0c89f0; color: #fff; } .module-f.e, .module-f.e:before, .module-e.e, .module-e.e:before { background: #046ab8; color: #fff; } .module-f.f, .module-f.f:before, .module-e.f, .module-e.f:before { background: #fff; color: #565656; } .module-f.g, .module-f.g:before, .module-e.g, .module-e.g:before { background: #ebebeb; color: #565656; } .module-f.h, .module-f.h:before, .module-e.h, .module-e.h:before { background: #60bb46; color: #fff; } .module-f.i, .module-f.i:before, .module-e.i, .module-e.i:before { background: #ebebeb; color: #565656; } .module-f.j, .module-f.j:before, .module-e.j, .module-e.j:before { background: #737373; color: #fff; } .module-f.k, .module-f.k:before, .module-e.k, .module-e.k:before { background: #c4c4c4; } .module-f.l, .module-f.l:before, .module-e.l, .module-e.l:before { background: #9987de; color: #fff; } .module-f.k, .module-f.k:before, .module-e.k, .module-e.k:before { background: #59626d; color: #fff; } .module-f.e a, .module-f.h a, .module-f.h .scheme-a, .module-f.j a, .module-f.j .scheme-a, .module-f.l .scheme-a, .module-f.j h1, .module-f.j h2, .module-f.j h3, .module-f.j h4, .module-f.j h5, .module-f.j h6, .module-f.k h1, .module-f.k h2, .module-f.k h3, .module-f.k h4, .module-f.k h5, .module-f.k h6, .module-f.k a, .module-f.k .scheme-a { color: #fff; } .module-f.va { } .module-f.va > * { position: relative; z-index: 2; max-width: 610px; text-align: left; } .module-f.va > figure, #content > .module-f.va > figure { position: absolute; right: 0; top: 0; bottom: 0; z-index: 1; width: 50%; max-width: none; margin: 0; padding: 0; background-repeat: no-repeat; background-size: auto 100%; } .module-f.va > figure img { position: absolute; left: -3000em; top: 0; } #content > .module-f.va { width: auto; } #content > .module-f.va > * { width: 610px; margin-left: auto; margin-right: auto; padding-right: 350px; } #content > .module-f.vb { width: 1200px; } #content > .module-f.va { width: 1080px; } .module-g { clear: both; position: relative; margin: 0 auto; padding: 36px 0; background: #59626d; color: #fff; font-family: Myriad; } .module-g:after { content: ""; display: block; overflow: hidden; clear: both; height: 0; } .module-g:before { content: ""; display: block; position: absolute; left: -1000em; top: 0; bottom: 0; z-index: 1; width: 3000em; background: #59626d; } .module-g > * { position: relative; z-index: 2; } .module-g h1, .module-g h2, .module-g h3, .module-g h4, .module-g h5, .module-g h6 { float: left; margin: 0 88px 0 0; color: #fff; font-family: Myriad; font-weight: 400; font-size: 3em; line-height: 68px; text-transform: uppercase; } .module-g ul { float: left; list-style: none; margin: 0; padding: 0; } .module-g ul li { float: left; height: 68px; border-left: 1px solid #fff; font-size: 2em; line-height: 68px; text-transform: uppercase; } .module-g ul li a { display: block; padding: 0 46px; color: #fff; text-decoration: none; } .module-g ul li a i { position: relative; top: 11px; margin: 0 20px 0 0; font-size: 45px; line-height: 1px; } .module-g ul li a i.icon-mobile { font-size: 40px; } .module-g ul li a i.icon-email { font-size: 43px; } .module-g ul li:first-child { border: 0; } .module-g ul li:first-child a { padding-left: 0; } .module-g ul li:last-child a { padding-right: 0; } .module-g ul li.last-child a { padding-right: 0; } #root #content > .module-f + .module-g { margin-top: -74px; } #content > .module-g { width: 1170px; } #content > .module-g:last-child { top: 19px; margin-top: -19px; margin-bottom: -40px; } .module-g.a, .module-g.a:before { background: #562b7d; } .module-g.b, .module-g.b:before { background: #75818d; } .module-g.c, .module-g.c:before { background: #3fb54a; } .module-h { margin: 58px 0 54px; padding: 0 30px 0; border: 1px solid #c6c7c9; background: #fff; } .module-h > h1, .module-h > h2, .module-h > h3, .module-h > h4, .module-h > h5, .module-h > h6 { margin: 0 -30px 26px; padding: 14px 20px 12px; background: #593691; color: #fff; font-size: 2.8em; font-weight: 400; text-align: center; } .module-i { overflow: hidden; width: 100%; margin: 33px 0 0; color: #59626d; line-height: 1.5; } .module-i > * { float: right; width: 48.717948717%; margin: 0 0 21px; padding: 0 15px 1px; border: 1px solid #aeaeae; background: #fff; } .module-i > *, .module-i .double > * { -moz-box-sizing: border-box; -webkit-box-sizing: border-box; -o-box-sizing: border-box; -ms-box-sizing: border-box; box-sizing: border-box; } .module-i > *:first-child { float: left; } .module-i > * > h1,.module-i > * > h2, .module-i > * > h3, .module-i > * > h4, .module-i > * > h5, .module-i > * > h6 { margin: 0 -15px 37px; padding: 19px 15px 17px; border: 0; border-bottom: 1px solid #aeaeae; background: #3fb54a; color: #fff; font-size: 2.8em; font-weight: 700; text-align: center; } .module-i .block { position: relative; margin: 0 0 34px; padding: 9px 12px 3px; border: 3px solid #3fb54a; } .module-i .block h1, .module-i .block h2, .module-i .block h3, .module-i .block h4, .module-i .block h5, .module-i .block h6 { margin: 0 0 8px; padding: 0; border: 0; color: #59626d; font-family: Arial, Helvetica, sans-serif; font-weight: 700; font-size: 1.2em; line-height: 1.5; text-align: center; } .module-i .double:after { content: ""; display: block; overflow: hidden; clear: both; height: 0; } .module-i .double > * { position: relative; float: right; width: 47.858472998%; } .module-i .double > *:first-child { float: left; } .module-i .double > .block:after { content: ""; display: block; position: absolute; left: 50%; bottom: -40px; width: 3px; height: 37px; background: url(../images/border.svg) no-repeat; background-size: 100% 100%; } .module-i p { font-size: 1.2em; } .module-i figure { position: relative; margin: 0 0 22px; padding: 5px; border: 3px solid #3fb54a; } .module-i figure:before { content: ""; display: block; position: absolute; left: 50%; top: -17px; bottom: -17px; z-index: 2; width: 2px; background: #593691; } .module-i figure img { display: block; position: relative; z-index: 1; } .nav-a { background: #737f8b; } .nav-a > * { list-style: none; width: 960px; margin: 0 auto; padding: 0; } .nav-a > *:after, .nav-b > *:after { content: ""; display: block; overflow: hidden; clear: both; height: 0; } .nav-a li { float: left; font-size: 1.6em; font-family: Myriad; font-weight: 400; } .nav-a li:first-child { margin-left: -31px; } .nav-a li a { display: block; padding: 13px 31px 12px; color: #fff; text-decoration: none; } .nav-a li.active a, .nav-a li a:hover { background: #531d79; } .nav-b { border-top: 2px solid #cfcfcf; border-bottom: 2px solid #cfcfcf; } .nav-b > * { list-style: none; width: 960px; margin: 0 auto; padding: 23px 0 5px; } .nav-b li { float: left; padding: 0 18px 18px 0; } .nav-b li a { display: inline-block; overflow: hidden; position: relative; width: 23px; height: 23px; text-align: center; line-height: 23px; border-radius: 30px; border: 1px solid #818285; } .nav-b li a img { max-height: 15px; width: auto; } .nav-b li.c a { background-position: -203px -77px; text-align: left; text-indent: -3000em; } .nav-b li a:before { content: ""; display: block; position: absolute; left: 50%; top: 50%; } .nav-b li.c a:before { width: 14px; height: 13px; margin: -6.5px 0 0 -7px; background: url(../images/nav-bc.svg) no-repeat; background-size: 100% 100%; } .news-a, #content > .news-a { width: 760px; margin: 0 auto; line-height: 2; } .news-a article { position: relative; min-height: 170px; padding: 106px 300px 70px 0; } .news-a article > *, .module-a > *, .module-b > * { position: relative; z-index: 2; } .news-a article:nth-child(2n-1) { padding-right: 0; padding-left: 300px; background: #e3e3e3; } .news-a article:nth-child(2n-1):before { content: ""; display: block; position: absolute; left: -1000em; top: 0; width: 3000em; height: 100%; background: #e3e3e3; } .news-a article.nth-a { padding-right: 0; padding-left: 300px; background: #e3e3e3; } .news-a article.nth-a:before { content: ""; display: block; position: absolute; left: -1000em; top: 0; z-index: 1; width: 3000em; height: 100%; background: #e3e3e3; } .news-a h3, .news-a h4, .news-a h5, .news-a h6 { margin-bottom: 15px; padding: 0; border: 0; color: #5a5a5a; font-size: 3.0em; font-weight: 400; } .news-a p { font-size: 1.4em; } .news-a figure { position: absolute; right: 0; top: 50%; } .news-a figure { -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-1) figure { right: auto; left: 0; } .news-a article.nth-a figure { right: auto; left: 0; } .news-a + p { margin-top: 80px; } .news-a + .module-d { margin-top: -36px; } #root .scheme-g + .news-a { margin-top: 50px; } .news-a.a { width: auto; } #content > .news-a.a { width: 960px; } .news-a.a article { padding-top: 77px; padding-bottom: 77px; } .news-b { margin: 0 0 30px; } .news-b article { margin-bottom: 18px; } .news-b article h3, .news-b article h4, .news-b article h5, .news-b article h6 { margin: 0 0 -1px; padding: 0; border: 0; color: #593691; font-size: 1.3em; font-weight: 600; line-height: 1.4; } .news-b article h3 a, .news-b article h4 a, .news-b article h5 a, .news-b article h6 a { color: #593691; } .news-b p a { color: #737f8b; } .news-c { overflow: hidden; width: auto; margin-left: -69px; color: #959595; font-family: Myriad; line-height: 1.25; } .news-c article { float: left; width: 50%; margin: 0 0 13px; border-left: 69px solid rgba(0,0,0,0); } .search-page .news-c article { float: none; width: 100%; border-left: 0; } .news-c article.featured { position: relative; float: none; clear: both; width: 100%; min-height: 317px; margin: 0 0 21px; padding: 32px 0 13px 470px; } .news-c article.featured:before, .news-c article.featured:after { content: ""; display: block; position: absolute; left: 0; width: 100%; height: 1px; background: #ebebeb; } .news-c article.featured:before { top: 0; } .news-c article.featured:after { bottom: 0; } .news-c article.featured:first-child { min-height: 291px; padding-top: 6px; } .news-c article.featured:first-child figure { top: 0; } .news-c article.featured:first-child:before { left: -3000em; } .news-c article.featured:last-child { margin-bottom: 2px; } .news-c article.featured:last-child:after { left: -3000em; } .news-c article.featured.last-child { margin-bottom: 2px; } .news-c article.featured.last-child:after { left: -3000em; } .news-c article.featured figure { position: absolute; left: 0; top: 26px; color: #fff; font-size: 1.4em; font-weight: 700; } .news-c article.featured figure img { display: block; position: relative; z-index: 1; } .news-c article.featured figure span { display: block; position: absolute; right: 0; top: 0; z-index: 2; height: 34px; padding: 0 11px 0 20px; background: #02b871; line-height: 34px; } .news-c article.featured figure span:after { content: ""; display: block; position: absolute; left: 100%; top: 0; width: 10px; height: 34px; background: url(../images/arrow-negative-a.png) -5px -5px no-repeat #02b871; } .news-c article.clearing { clear: both; } .news-c .clear { position: relative; left: 69px; height: 1px; margin: 0 0 20px; background: #ebebeb; } .news-c h1, .news-c h2, .news-c h3 { margin: 0 0 12px; color: #464646; font-size: 2.1em; font-weight: 400; line-height: 1.15; } .news-c h1 a, .news-c h2 a, .news-c h3 a { color: #464646; } .news-c header ul { overflow: hidden; list-style: none; width: 100%; margin: 0 0 16px; padding: 8px 0 9px; border-top: 1px solid #ebebeb; border-bottom: 1px solid #ebebeb; } .news-c header ul li { position: relative; float: left; padding: 0 28px 0 29px; font-size: 1.3em; } .news-c header ul li:before { content: ""; display: block; position: absolute; left: 0; top: 3px; width: 1px; height: 10px; background: #ebebeb; } .news-c header ul li:first-child { padding-left: 0; } .news-c header ul li:first-child:before { left: -3000em; } .news-c header ul li:last-child { padding-right: 0; } .news-c header ul li.last-child { padding-right: 0; } .news-c header ul li a, .news-c header ul li span { color: #02b871; } .news-c p { margin-bottom: 21px; font-size: 1.6em; } .news-c .pagination-a > ul, .news-c .pagination-a > ol { clear: both; width: auto; margin-bottom: 0; border-left: 69px solid rgba(0,0,0,0); } .news-d, #content > .news-d { overflow: hidden; position: relative; left: 50px; width: 1270px; margin-bottom: -6px; color: #5a5a5a; } .news-d article { overflow: hidden; position: relative; float: left; width: 305px; min-height: 250px; margin: 0 30px 30px 0; padding: 0 25px 15px 240px; border: 1px solid #989898; background: #fff; line-height: 1.9; } .news-d article h1, .news-d article h2, .news-d article h3, .news-d article h4, .news-d article h5, .news-d article h6 { margin: 0 -25px 32px -240px; padding: 9px; border: 0; background: #b1b3b6; color: #fff; font-size: 1.8em; font-weight: 700; text-align: center; } .news-d article p { font-size: 1.6em; } .news-d article figure { position: absolute; left: 0; top: 65px; bottom: 0; width: 240px; margin: 0; text-align: center; } .js .news-d article figure { top: 35px; } .news-d article figure img { display: block; position: absolute; left: 50%; top: 50%; max-width: 80% !important; } .news-d article figure img { -moz-transform: translate(-50%,-50%); -webkit-transform: translate(-50%,-50%); -o-transform: translate(-50%,-50%); -ms-transform: translate(-50%,-50%); transform: translate(-50%,-50%); } .news-d .list-l { } .news-d .list-l li:before { top: 4px; } .news-d .list-l:last-child { margin-bottom: 12px; } .news-d .list-l.last-child { margin-bottom: 12px; } .module-f > .news-d { left: -105px; } .scheme-f + .news-d { margin-top: 30px; } .news-d + .scheme-g { margin-top: 20px; } .scheme-f + .news-d { margin-top: 42px; } .news-d.a { } .news-d.a article { min-height: 255px; padding-left: 260px; } .news-d.a article h1, .news-d.a article h2, .news-d.a article h3, .news-d.a article h4, .news-d.a article h5, .news-d.a article h6 { margin-left: -260px; background: #db2727; } .news-d.b { } .news-d.b article { width: 100px; } .news-d.b article p { } /*.news-d.c, #content > .news-d.c { width: 1740px; } .module-f > .news-d { left: -340px; }*/ .news-d.c { } .news-d.c article { width: 260px; color: #000; } .news-d.c article h1, .news-d.c article h2, .news-d.c article h3, .news-d.c article h4, .news-d.c article h5, .news-d.c article h6 { color: #000; } .news-d.d { } .news-d.d article { width: 304px; min-height: 0; padding: 0 32px 20px; } .news-d.d article h1, .news-d.d article h2, .news-d.d article h3, .news-d.d article h4, .news-d.d article h5, .news-d.d article h6 { margin: 0 -32px 32px; background: #046ab8; color: #fff; } .news-e { font-family: 'Proxima Nova'; font-weight: 400; line-height: 1.85; text-align: center; } .news-e article { position: relative; padding: 44px 0 33px; } .news-e article:first-child { margin-top: -47px; } .news-e article:last-child { margin-bottom: -33px; } .news-e article.last-child { margin-bottom: -33px; } .news-e article:before { content: ""; display: block; position: absolute; left: -1000em; top: 0; z-index: 1; width: 3000em; height: 100%; } .news-e article > * { position: relative; z-index: 2; } .news-e article:nth-child(2n):before { background: #f1f2f2; } .news-e h1, .news-e h2 { margin-bottom: 37px; color: #5a5a5a; font-size: 2.8em; font-family: 'Proxima Nova'; line-height: 1.4; text-align: center; } .news-e h1 + h1, .news-e h1 + h2, .news-e h2 + h1, .news-e h2 + h2 { margin-top: 80px; } .news-e h1 + p, .news-e h2 + p { margin-top: -16px; } .news-e * + h1, .news-e * + h2 { margin-top: 31px; } .news-e p, .news-e ol, .news-e ul { margin-bottom: 24px; } .news-e ul, .news-e ol { text-align: left; } .news-e p, .news-e li { font-size: 1.8em; } .news-e li ul, .news-e li ol { list-style: none; margin: 0; padding: 0 0 0 38px; } .news-e li li { font-size: 1em; } .news-f { width: 115%; } .news-f:after { content: ""; display: block; overflow: hidden; clear: both; height: 0; } .news-f article { position: relative; float: left; width: 398px; margin: 0 40px 85px 0; padding: 85px 30px 10px; border: 1px solid #cfd0d2; background: #fff; } .news-f article:nth-child(2n) + * { clear: both; } .news-f article.nth-a + * { clear: both; } .news-f h1, .news-f h2, .news-f h3, .news-f h4, .news-f h5, .news-f h6 { margin: 0 0 39px; padding: 0; border: 0; font-size: 2.8em; font-weight: 400; text-align: center; } .news-f figure { position: absolute; left: 50%; top: 0; margin: -53px 0 0 -53px; } .module-f .news-f:first-child { margin-top: 56px; } .module-f .news-f { margin-bottom: -47px; } .module-f .news-f { margin-bottom: -47px; } .module-f .news-f + * { margin-top: 67px; } .module-f .news-f + p:last-child { display: none; } .module-f .news-f + p.last-child { display: none; } .news-g { position: relative; width: 115%; margin-top: 81px; padding: 40px 0 0; } .news-g:after { content: ""; display: block; overflow: hidden; clear: both; height: 0; } .news-g article { position: relative; float: left; width: 298px; margin: 0 30px 41px 0; padding: 17px 20px 7px 50px; border: 1px solid #bbbcbf; background: #fff; color: #565656; } .news-g article:before { content: ""; display: block; position: absolute; left: -1px; top: -11px; right: -1px; height: 12px; } .news-g article.a:before { background: #9b59a4; } .news-g article.b:before { background: #f36f3e; } .news-g article.c:before { background: #4081c3; } .news-g article.d:before { background: #695faa; } .news-g article.e:before { background: #13bded; } .news-g article.f:before { background: #1ab88d; } .news-g article.g:before { background: #cc2b23; } .news-g article.h:before { background: #ff8547; } .news-g article.i:before { background: #60bb46; } .news-g article.j:before { background: #f1594c; } .news-g article:last-child { margin-right: 0; } .news-g article.last-child { margin-right: 0; } .news-g h1, .news-g h2, .news-g h3, .news-g h4, .news-g h5, .news-g h6 { position: absolute; right: 116px; top: -32px; font-size: 1.8em; font-weight: 700; } .news-g article.a h1, .news-g article.a h2, .news-g article.a h3, .news-g article.a h4, .news-g article.a h5, .news-g article.a h6 { color: #9b59a4; } .news-g article.b h1, .news-g article.b h2, .news-g article.b h3, .news-g article.b h4, .news-g article.b h5, .news-g article.b h6 { color: #f36f3e; } .news-g article.c h1, .news-g article.c h2, .news-g article.c h3, .news-g article.c h4, .news-g article.c h5, .news-g article.c h6 { color: #4081c3; } .news-g article.d h1, .news-g article.d h2, .news-g article.d h3, .news-g article.d h4, .news-g article.d h5, .news-g article.d h6 { color: #695faa; } .news-g article.e h1, .news-g article.e h2, .news-g article.e h3, .news-g article.e h4, .news-g article.e h5, .news-g article.e h6 { color: #13bded; } .news-g article.f h1, .news-g article.f h2, .news-g article.f h3, .news-g article.f h4, .news-g article.f h5, .news-g article.f h6 { color: #1ab88d; } .news-g article.g h1, .news-g article.g h2, .news-g article.g h3, .news-g article.g h4, .news-g article.g h5, .news-g article.g h6 { color: #cc2b23; } .news-g article.h h1, .news-g article.h h2, .news-g article.h h3, .news-g article.h h4, .news-g article.h h5, .news-g article.h h6 { color: #ff8547; } .news-g article.i h1, .news-g article.i h2, .news-g article.i h3, .news-g article.i h4, .news-g article.i h5, .news-g article.i h6 { color: #60bb46; } .news-g article.j h1, .news-g article.j h2, .news-g article.j h3, .news-g article.j h4, .news-g article.j h5, .news-g article.j h6 { color: #f1594c; } .news-g figure { position: absolute; right: -3px; top: -65px; } .news-g p { padding-right: 80px; font-size: 1.6em; line-height: 1.9; } .news-g .list-k { margin-left: -35px; padding-top: 2px; } .news-g .list-k li:first-child { padding-right: 80px; } .news-g.a { } .news-g.a article { width: 312px; padding: 62px 27px 30px; border: 2px solid #d8d9da; } .news-g.a h1, .news-g.a h2, .news-g.a h3, .news-g.a h4, .news-g.a h5, .news-g.a h6 { position: relative; right: 0; top: 0; margin: 0 0 17px; text-align: center; } .news-g.a figure { right: 50%; top: -65px; margin: 0 -53px 0 0; } .news-g.a p { margin-bottom: 17px; padding-right: 0; } .news-g.a .list-k { margin-left: 0; } .news-g.a .list-k li, .news-g.b .list-k li { margin: 0 0 9px; font-size: 1.6em; } .news-g.a .list-k li:before, .news-g.b .list-k li:before { top: -2px; } .news-g.b { } .news-g.b article { padding-left: 20px; padding-right: 20px; } .news-g.b .list-k { margin-left: 0; } .news-g.b p { padding-right: 0; } .news-g.module-f { padding-top: 125px; padding-bottom: 30px; } .news-g.module-f.k article { border-color: #b6b7b9; } #content > .news-g { left: 50px; width: 1180px; margin-left: auto; margin-right: auto; } .news-h { position: relative; width: 105%; color: #5a5a5a; line-height: 1.75; } .news-h:after { content: ""; display: block; overflow: hidden; clear: both; height: 0; } .news-h article { position: relative; z-index: 2; float: left; width: 321px; margin: 0 30px 77px 0; padding: 20px 20px 2px 27px; border: 1px solid #d3d4d5; background: #fff; } .news-h article:before { content: ""; display: block; position: absolute; left: -1px; top: -1px; right: -1px; bottom: -1px; z-index: 1; } .news-h article.a:before { border-bottom: 4px solid #b25aa3; border-left: 12px solid #b25aa3; } .news-h article.b:before { border-bottom: 4px solid #f47a1f; border-left: 12px solid #f47a1f; } .news-h article.c:before { border-bottom: 4px solid #282d69; border-left: 12px solid #282d69; } .news-h article.d:before { border-bottom: 4px solid #00ae5a; border-left: 12px solid #00ae5a; } .news-h article.e:before { border-bottom: 4px solid #f7941e; border-left: 12px solid #f7941e; } .news-h article > * { position: relative; z-index: 2; } .news-h article.map { z-index: 1; float: none; clear: both; width: auto; min-height: 282px; margin: 0 0 26px; padding: 23px 100px 0 800px; border: 0; background: none; } .news-h article.map figure { position: absolute; left: 162px; top: 0; } .news-h article.map figure span { display: block; position: absolute; width: 20px; height: 20px; border-radius: 100px; border: 1px solid #fff; background: #fff; text-indent: -3000em; text-left: 0; } .news-h article.map figure span:before { content: ""; display: block; position: absolute; left: 3px; top: 3px; right: 3px; bottom: 3px; border-radius: 100px; } .news-h article.map figure span:after { content: ""; display: block; position: absolute; left: 50%; bottom: 100%; width: 2px; height: 300px; margin: 0 0 0 -1px; } .news-h article.map figure span:after { -moz-transform-origin: center 100%; -webkit-transform-origin: center 100%; -o-transform-origin: center 100%; -ms-transform-origin: center 100%; transform-origin: center 100%; } .news-h article.map figure span.a { left: 275px; top: 121px; border-color: #b25aa3; } .news-h article.map figure span.a:before, .news-h article.map figure span.a:after { background: #b25aa3; } .news-h article.map figure span.a:after { left: 5px; } .news-h article.map figure span.a:after { -moz-transform: translateY(2px) rotate(-45deg); -webkit-transform: translateY(2px) rotate(-45deg); -o-transform: translateY(2px) rotate(-45deg); -ms-transform: translateY(2px) rotate(-45deg); transform: translateY(2px) rotate(-45deg); } .news-h article.map figure span.b { right: 63px; top: 107px; border-color: #282d69; } .news-h article.map figure span.b:before, .news-h article.map figure span.b:after { background: #282d69; } .news-h article.map figure span.b:after { -moz-transform: rotate(-15deg); -webkit-transform: rotate(5deg); -o-transform: rotate(5deg); -ms-transform: rotate(5deg); transform: rotate(5deg); } .news-h article.map figure span.c { right: 46px; top: 92px; border-color: #f47a1f; } .news-h article.map figure span.c:before, .news-h article.map figure span.c:after { background: #f47a1f; } .news-h article.map figure span.c:after { left: 100%; bottom: 15px; height: 350px; } .news-h article.map figure span.c:after { -moz-transform: rotate(58deg); -webkit-transform: rotate(58deg); -o-transform: rotate(58deg); -ms-transform: rotate(58deg); transform: rotate(58deg); } .news-h article header { display: block; position: relative; margin: -20px 0 0; padding: 20px 0 5px 145px; line-height: 1.3; } .news-h article header figure { position: absolute; left: 0; top: 50%; width: 145px; text-align: center; } .news-h article header figure { -moz-transform: translateY(-50%); -webkit-transform: translateY(-50%); -o-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); } .news-h article header figure img { } .news-h article header h1, .news-h article header h2, .news-h article header h3, .news-h article header h4, .news-h article header h5, .news-h article header h6 { margin: 0 0 5px; padding: 0; border: 0; font-size: 2.4em; font-weight: 400; } .news-h article.a header h1, .news-h article.a header h2, .news-h article.a header h3, .news-h article.a header h4, .news-h article.a header h5, .news-h article.a header h6, .news-h article.a header h1 a, .news-h article.a header h2 a, .news-h article.a header h3 a, .news-h article.a header h4 a, .news-h article.a header h5 a, .news-h article.a header h6 a { color: #b25aa3; } .news-h article.b header h1, .news-h article.b header h2, .news-h article.b header h3, .news-h article.b header h4, .news-h article.b header h5, .news-h article.b header h6, .news-h article.b header h1 a, .news-h article.a header h2 a, .news-h article.b header h3 a, .news-h article.b header h4 a, .news-h article.b header h5 a, .news-h article.b header h6 a { color: #f47a1f; } .news-h article.c header h1, .news-h article.c header h2, .news-h article.c header h3, .news-h article.c header h4, .news-h article.c header h5, .news-h article.c header h6, .news-h article.c header h1 a, .news-h article.c header h2 a, .news-h article.c header h3 a, .news-h article.c header h4 a, .news-h article.c header h5 a, .news-h article.c header h6 a { color: #282d69; } .news-h article.d header h1, .news-h article.d header h2, .news-h article.d header h3, .news-h article.d header h4, .news-h article.d header h5, .news-h article.d header h6, .news-h article.d header h1 a, .news-h article.d header h2 a, .news-h article.d header h3 a, .news-h article.d header h4 a, .news-h article.d header h5 a, .news-h article.d header h6 a { color: #00ae5a; } .news-h article.e header h1, .news-h article.e header h2, .news-h article.e header h3, .news-h article.e header h4, .news-h article.e header h5, .news-h article.e header h6, .news-h article.e header h1 a, .news-h article.e header h2 a, .news-h article.e header h3 a, .news-h article.e header h4 a, .news-h article.e header h5 a, .news-h article.e header h6 a { color: #f7941e; } .news-h article header p { font-size: 1.4em; } .news-h article p { font-size: 1.2em; } .scheme-f + .news-h { margin-top: 56px; } .news-h.a { } .news-h.a article { width: 496px; padding-left: 52px; padding-bottom: 22px; } .news-h.a article header { min-height: 121px; margin: -18px 0 9px -52px; padding-left: 200px; line-height: 1.7; } .news-h.a article header h1, .news-h.a article header h2, .news-h.a article header h3, .news-h.a article header h4, .news-h.a article header h5, .news-h.a article header h6 { margin-bottom: 18px; font-size: 2em; font-family: Arial, Helvetica, sans-serif; } .news-h.a article header figure { left: 0; width: 200px; } #content > .news-h { left: 50px; width: 1270px; } .pagination-a { text-align: center; } .pagination-a > ul, .pagination-a > ol { overflow: hidden; position: relative; list-style: none; width: 870px; margin: 0 auto 31px; padding: 0; } .pagination-a li { display: -moz-inline-stack; display: inline-block; margin: 0 0 3px; line-height: 1.166em; } .pagination-a li a { display: -moz-inline-stack; display: inline-block; min-width: 20px; height: 38px; padding: 0 5px; border: 1px solid #ebebeb; background: #fafafa; color: #7d7d7d; line-height: 38px; text-align: center; text-decoration: none; } .pagination-a li a:hover { background: #fff; } .pagination-a li.active a { border-color: #dedede; background: #dedede; text-decoration: none; cursor: default; } .pagination-a li.prev, .pagination-a li.next { position: absolute; top: 0; font-size: 1.4em; } .pagination-a li.prev { left: 0; } .pagination-a li.next { right: 0; } .pagination-a li.prev a, .pagination-a li.next a { display: block; min-width: 105px; color: #414141; } .pagination-a li.prev a:before, .pagination-a li.next a:after { content: ""; display: -moz-inline-stack; display: inline-block; position: relative; width: 5px; height: 8px; } .pagination-a li.prev a:before { margin-right: 12px; background: url(../images/arrow-left-c.svg) no-repeat; background-size: 100% 100%; } .pagination-a li.next a:after { margin-left: 12px; background: url(../images/arrow-right-c.svg) no-repeat; background-size: 100% 100%; } .pagination-a.a { } .pagination-a.a li a:hover { border-color: #02b871; color: #02b871; } .pagination-a.a li.active a { border-color: #02b871; background-color: #02b871; color: #fff; } .price-a { display: block; position: relative; width: 183px; height: 147px; margin: 45px auto 57px; padding: 36px 0 0; border-radius: 100px; background: #fff; color: #282d69; font-size: 43.31px; font-weight: 700; line-height: 1.1; text-align: center; } .price-a:before { content: ""; display: block; position: absolute; left: -17px; right: -17px; bottom: -17px; top: -17px; border-radius: 200px; border: 3px solid #282d69; } .price-a > span { display: block; margin: 0 21px; padding: 7px 0 0; border-top: 3px solid #282d69; color: #6b25a8; font-size: .323em; } .price-a > span:first-child { margin: 0 0 10px; padding: 0; border: 0; font-size: .4em; } #root .price-a > span.size-i { display: inline; margin: 0; padding: 0; border: 0; color: #282d69; font-size: .6em; } .price-a.a { width: 126px; height: 101px; margin: 26px auto 39px; padding: 25px 0 0; font-size: 30px; } .price-a.a:before { left: -13px; right: -13px; top: -13px; bottom: -13px; border-color: #fff; } .price-a.a > span { margin: -1px 15px 0; border-top-width: 2px; } .price-a.a > span:first-child { margin: 0 0 7px; } .price-a.b { width: 152px; height: 121px; margin: 31px auto 48px; padding: 31px 0 0; font-size: 36px; } .price-a.b:before { left: -14px; right: -14px; top: -14px; bottom: -14px; } .price-a.b > span { margin: -1px 17px 0; border-top-width: 3px; } .price-a.b > span:first-child { margin: 0 0 8px; } .quote-a { font-size: 2.4em; font-family: 'Proxima Nova'; line-height: 1.075; text-align: right; } .quote-a q { display: block; margin: 0 0 30px; font-size: 1.625em; text-align: center; } .quote-a > span { font-size: 1.5em; font-weight: 600; } .quote-b, #root .quote-b { position: relative; margin: 0 0 29px 101px; padding: 27px 40px 30px 69px; background: #f5f5f5; color: #c1c1c1; font-size: 1.2em; font-style: italic; line-height: 1.25; } .quote-b:before { content: '“'; display: block; position: absolute; left: 26px; top: 20px; color: #ccc; font-weight: 700; font-size: 48px; font-style: normal; } .quote-b q { display: block; margin: 0 0 15px; color: #7b7b7b; font-size: 1.583em; quotes: none; } .quote-b q:before, .quote-b q:after { content: ''; } .quote-b > span { font-size: 1.166em; font-weight: 700; font-style: normal; } .social-a { list-style: none; padding: 0; } .social-a li { margin: 0 0 5px; padding: 0; font-size: 1.1em; } .social-a li a { display: block; position: relative; padding: 0 0 0 20px; color: #707070; } .social-a li a:before { content: ""; display: block; position: absolute; left: 0; top: 0; width: 14px; height: 14px; } .social-a li.fb a:before { background: url(../images/fb-a.svg) no-repeat; background-size: 100% 100%; } .social-a li.gl a:before { background: url(../images/gl-a.svg) no-repeat; background-size: 100% 100%; } .social-a li.tw a:before { background: url(../images/tw-a.svg) no-repeat; background-size: 100% 100%; } .social-a li.li a:before { background: url(../images/li-a.svg) no-repeat; background-size: 100% 100%; } .social-b { list-style: none; width: 100%; padding: 0; } .social-b:after { content: ""; display: block; overflow: hidden; clear: both; height: 0; } .social-b li { float: left; } .social-b li a { display: block; position: relative; padding: 0 0 0 27px; } .social-b li a:before { content: ""; display: block; position: absolute; left: 0; top: 3px; width: 21px; height: 20px; background: url(../images/sprite.png) -3000em -3000em no-repeat; } .social-b li.li a:before { background: url(../images/li-a.svg) no-repeat; background-size: 100% 100%; } .social-b li.gl a:before { background: url(../images/gl-a.svg) no-repeat; background-size: 100% 100%; } .social-b li.tw a:before { background: url(../images/tw-a.svg) no-repeat; background-size: 100% 100%; } .social-b li.fb a:before { background: url(../images/fb-a.svg) no-repeat; background-size: 100% 100%; } .tabs-a { margin: 0 0 52px; border-bottom: 2px solid #cfcfcf; } .tabs-a > ul { overflow: hidden; position: relative; list-style: none; width: 100%; margin: 0; padding: 0; } .tabs-a > ul:before { content: ""; display: block; position: absolute; left: 0; bottom: 0; z-index: 2; width: 100%; height: 2px; background: #ccc; } .tabs-a > ul li { position: relative; z-index: 1; float: left; margin: 0 -1px 0 0; color: #7d7d7d; font-size: 1.2em; font-weight: 700; text-transform: uppercase; text-align: center; } .tabs-a > ul li a { display: block; position: relative; float: left; min-width: 128px; height: 44px; padding: 0 20px; border-radius: 3px; border: 1px solid #c9c9c9; color: #7d7d7d; line-height: 44px; } .tabs-a > ul li.a { float: right; margin: 0; } .tabs-a > ul li.active a { background: #dedede; color: #414141; text-decoration: none; cursor: default; } .tabs-a > div { padding: 30px 0 1px; } .tabs-b { margin: 0 0 31px; border: 1px solid #ebebeb; } .tabs-b > ul { position: relative; list-style: none; width: 100%; margin: 0; padding: 0; border-bottom: 1px solid #ebebeb; text-align: center; } .tabs-b > ul:after { content: ""; display: block; overflow: hidden; clear: both; height: 0; } .tabs-b > ul li { position: relative; z-index: 1; float: left; width: 50%; margin: 0; padding: 0; font-size: 1.7em; } .tabs-b > ul:before { content: ""; display: block; position: absolute; left: 50%; top: 0; z-index: 2; width: 1px; height: 100%; margin: 0 0 0 -.5px; background: #ebebeb; } .tabs-b > ul li a { display: block; height: 48px; background: #fafafa; color: #464646; line-height: 48px; text-decoration: none; } .tabs-b > ul li a:before { content: ""; display: block; position: absolute; left: -1px; top: 0; width: 100%; height: 100%; } .tabs-b > ul li.active a { position: relative; background: #fff; color: #02b871; font-weight: 700; cursor: default; } .tabs-b > ul li.active a:before { border-bottom: 1px solid #fff; } .tabs-b > ul li.active a:after { content: ""; display: block; position: absolute; left: -1px; top: -2px; width: 100%; height: 2px; padding: 0 1px; background: #02b871; } .tabs-b > ul li:first-child.active a:after { padding: 0 0 0 1px; } .tabs-b > div { padding: 20px 21px 23px; } .tabs-c { margin-top: 30px; text-align: left; } .tabs-c > ul { overflow: hidden; position: relative; list-style: none; margin: 0 -1px 0 0; padding: 0 0 2px 320px; } .tabs-c > ul:before { content: ""; display: block; position: absolute; left: 0; right: 0; bottom: 0; height: 2px; border-right: 1px solid #595a5c; background: #949699; } .tabs-c > ul > li { float: left; margin: 0; padding: 0; font-size: 2.2em; } .tabs-c > ul > li > a { display: block; position: relative; height: 55px; padding: 0 20px; border-radius: 5px 5px 0 0; border: 1px solid #595a5c; border-bottom: 0; border-left: 0; background: #949699; color: #fff; line-height: 55px; text-align: center; text-decoration: none; } .tabs-c > ul > li:first-child > a { border-left: 1px solid #595a5c; } .tabs-c > ul > li.active > a { background: #9cca3e; color: #fff; text-decoration: none; cursor: default; } .tabs-c > ul.a > li.active > a { background: #00a347; } .tabs-c.a > ul > li.active > a { background: #f59522; } .tabs-c.c > ul > li.active > a { border-color: #c4000d; background: #c4000d; } .tabs-c > div { clear: both; padding: 43px 0 0; } .tabs-c > div > *:after { content: ""; display: block; overflow: hidden; clear: both; height: 0; } .tabs-c h1, .tabs-c h2, .tabs-c h3, .tabs-c h4, .tabs-c h5, .tabs-c h6 { padding-bottom: 0; border: 0; } .tabs-c .image-a { width: 320px; margin-right: 0; text-align: center; } .tabs-c .image-a:first-child { margin-top: -30px; } .tabs-c.va { color: #6d6e71; } .tabs-c.va h1, .tabs-c.va h2, .tabs-c.va h3, .tabs-c.va h4, .tabs-c.va h5, .tabs-c.va h6 { margin-bottom: 16px; color: #58595b; font-size: 2.8em; } .tabs-c.va p { font-size: 2.1em; line-height: 2; } #content > .tabs-c.va { width: 1200px; } .tabs-c.vb { } .tabs-c.vb > div > .hidden { position: absolute; } .tabs-c.vb > div > * { position: relative; min-height: 236px; padding-left: 320px; } .tabs-c.vb > div > * > figure:first-child { position: absolute; left: 0; top: 0; margin-top: 0; } .tabs-c.vc { margin: 0 0 38px; padding: 19px 0 0; } .tabs-c.vc > ul { padding: 0 0 0 520px; border: 0; } .tabs-c.vc > ul:before { border: 0; background: none; } .tabs-c.vc > div { border: 1px solid #58595b; background: #f2f2f2; color: #5a5a5a; line-height: 1.75; } .tabs-c.vc > div > * { position: relative; min-height: 223px; padding: 9px 65px 38px 307px; } .tabs-c.vc > div > .hidden,.tabs-c.vd > div > .hidden { position: absolute; } .tabs-c.vc > div > * > figure:first-child { position: absolute; left: 0; top: 50%; width: 307px; padding: 0; text-align: center; } .tabs-c.vc > div > * > figure:first-child { -moz-transform: translateY(-50%); -webkit-transform: translateY(-50%); -o-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); } .tabs-c.vc h1, .tabs-c.vc h2, .tabs-c.vc h3, .tabs-c.vc h4, .tabs-c.vc h5, .tabs-c.vc h6 { margin-bottom: 22px; color: #5a5a5a; } .tabs-c.vc p { font-size: 2.4em; } .tabs-c.vc .list-k li { margin-bottom: 0; padding-left: 53px; font-size: 2.4em; } .tabs-c.vc .list-k li:before { top: 5px; width: 31px; height: 31px; } .tabs-c.vd { } .tabs-c.vd > ul { padding-left: 115px; } .tabs-c.vd > div > * { position: relative; min-height: 210px; padding-left: 430px; } .tabs-c.vd > div > * > figure:first-child { position: absolute; left: 0; top: 0; width: 430px; margin: 0; padding: 0; text-align: center; } .tabs-d { position: relative; left: -105px; width: 1160px; margin: 0 0 50px; padding: 4px; border: 1px solid #acb0b6; } .tabs-d > ul { overflow: hidden; list-style: none; margin: 0; padding: 0; background: #fff; } .tabs-d > ul li { float: left; font-size: 2.1em; text-align: center; } #root .tabs-d > ul li a { display: block; overflow: hidden; position: relative; padding: 14px 0 17px; color: #593691; text-decoration: none; } .tabs-d > ul li a:before { content: ""; display: block; position: absolute; left: 0; bottom: -6px; width: 100%; height: 6px; background: #593691; } .tabs-d > ul li.active a:before, .tabs-d > ul li a:hover:before { bottom: 0; } .tabs-d > ul li.active a { cursor: default; } .tabs-d > div { padding: 32px 40px 34px; background: #e8e8e8; color: #59626d; line-height: 1.7; } #root .tabs-d h1, #root .tabs-d h2, #root .tabs-d h3, #root .tabs-d h4, #root .tabs-d h5, #root .tabs-d h6 { margin: 0; padding: 0; border: 0; color: #59626d; font-size: 2.1em; line-height: 1.7; } .tabs-d p { font-size: 2.1em; } .tabs-d .double { margin-top: 22px; } .tweets-a { overflow: hidden; position: relative; list-style: none; margin: 0 0 30px; padding: 44px 22px 4px; background: #dff4ec; color: #898989; line-height: 1.45; } .tweets-a li.profile_url { display: block; position: absolute; left: 50%; top: 19px; z-index: 2; width: 14px; height: 14px; margin: 0 0 0 -7px; background: url(../images/tw-a.svg) no-repeat; background-size: 100% 100%; } .tweets-a li.profile_url a { display: block; width: 100%; height: 100%; text-indent: 100%; white-space: nowrap; overflow: hidden; } .tweets-a:after { content: ""; display: block; position: absolute; left: 50%; top: 20px; z-index: 1; width: 12px; height: 12px; margin: 0 0 0 -6px; background: #fff; } .tweets-a li { margin: 0 0 18px; font-size: 1.5em; } .tweets-a li .status_url { display: inline-block; margin-left: 5px; color: #aaa; font-style: italic; font-size: .9333em } .tweets-a li .date { display: block; margin: 3px 0 0; color: #02b871; font-style: italic; font-size: .9333em; text-align: center; } #tags-list { list-style: none; padding: 25px 0 } /*! Headers --------- */ h1, h2, h3, h4, h5, h6 { padding: 0 0 12px; border-bottom: 1px solid #d4d4d4; color: #4e4e4e; font-family: 'Proxima Nova'; font-size: 1.5em; font-weight: 700; line-height: .95; } h1, h2 { margin-bottom: 19px; padding: 0; border: 0; color: #5a5a5a; font-size: 3.0em; font-weight: 400; } .header-a { margin: 0 0 25px; color: #898989; font-size: 4.8em; font-weight: 400; text-align: center; } #content > .header-a:first-child { margin-top: -10px; } #root .header-b { margin-bottom: 24px; color: #464646; font-size: 1.9em; font-family: Myriad; font-weight: 700; } /*! Typography --------- */ 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; } pre { white-space: pre; white-space: pre-wrap; word-wrap: break-word; } small { font-size: 85%; } sub, sup { font-size: 75%; line-height: 0; position: relative; vertical-align: baseline; } sup { top: -0.5em; } sub { bottom: -0.25em; } .u { text-decoration: underline; } .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; } .scheme-a { margin-bottom: 37px; color: #5a5a5a; font-size: 2.8em; font-family: 'Proxima Nova'; line-height: 1.4; text-align: center; } .scheme-a.a, #content > .scheme-a.a, .scheme-f.a, #content .scheme-f.a { max-width: 750px; margin-left: auto; margin-right: auto; } .scheme-a.b, #content > .scheme-a.b, .scheme-f.b, #content .scheme-f.b { max-width: 650px; margin-left: auto; margin-right: auto; } .scheme-a.c, #content > .scheme-a.c, .scheme-f.c, #content .scheme-f.c { width: 1040px; } #content > .module-f > .scheme-a.c { margin-left: -40px; } .scheme-a + .scheme-a { margin-top: 80px; } .scheme-b { color: #8d49b9; font-weight: 700; font-style: italic; } .scheme-c { position: relative; padding: 59px 20px 19px; border-radius: 6px; background: #413e4a; color: #827c94; font-family: Myriad; font-size: 12px; font-weight: 400; line-height: 1.3; text-align: center; } .scheme-c:before { content: ""; display: block; position: absolute; left: 50%; top: 15px; width: 39px; height: 37px; margin: 0 0 0 -19.5px; background: url(../images/bubble-a.png) no-repeat; background-size: 100% 100%; } .scheme-c span { display: block; color: #fff; font-weight: 700; font-size: 1.25em; } .scheme-d, #root .scheme-d { position: relative; margin: 0 0 29px 101px; padding: 25px 30px 30px; border-left: 5px solid #7b7b7b; background: #f5f5f5; color: #7b7b7b; font-size: 1.4em; font-style: italic; line-height: 1.45; } .scheme-e, #root .scheme-e { color: #593691; } .scheme-f { margin-left: auto; margin-right: auto; margin-bottom: 24px; font-size: 1.8em; font-family: 'Proxima Nova'; font-weight: 400; line-height: 1.85; text-align: center; } .scheme-a + .scheme-f { margin-top: -16px; } .scheme-f + .scheme-a { margin-top: 31px; } .scheme-g { margin-bottom: 24px; font-size: 2.3em; line-height: 1.65; text-align: center; } .scheme-g.b { font-size: 2.1em; } .scheme-h, #root .scheme-h { color: #15a063; } .scheme-i, #root .scheme-i { position: relative; margin-top: 45px; margin-bottom: 55px; padding: 44px 0; background: #e3e4e5; color: #5b5b5b; font-style: italic; font-size: 2.8em; font-family: 'Proxima Nova'; text-align: center; } .scheme-i:before, .scheme-i:after { content: ""; display: block; position: absolute; top: 0; width: 3000em; height: 100%; background: #e3e4e5; } .scheme-i:before { left: 100%; } .scheme-i:after { right: 100%; } .scheme-i + .list-a { margin-top: -50px; } #root #content > .scheme-i { width: 1200px; } .scheme-j, #root .scheme-j { color: #9cca3e; } .scheme-k, #root .scheme-k { color: #f27c22; } .scheme-l, #root .scheme-l { color: #e03129; } .scheme-m, #root .scheme-m { color: #02b6ed; } .scheme-n, #root .scheme-n { color: #ed1826; } .scheme-o, #root .scheme-o { color: #086; } .scheme-p, #root .scheme-p { color: #ffae00; } .scheme-q, #root .scheme-q { color: #018f94; } .scheme-r, #root .scheme-r { color: #1675a8; } .scheme-s, #root .scheme-s { color: #006b56; } .scheme-t, #root .scheme-t { color: #7455ed; } .scheme-u, #root .scheme-u { color: #7f3f98; } .scheme-v, #root .scheme-v { color: #23979e; } .scheme-w, #root .scheme-w { color: #f7941e; } .scheme-x, #root .scheme-x { color: #60bb46; } .scheme-z, #root .scheme-z { color: #9d3fd6; } .scheme-aa, #root .scheme-aa { color: #cc6922; } .scheme-ab, #root .scheme-ab { color: #e0491f; } .scheme-ac, #root .scheme-ac { color: #26a6eb; } .scheme-ad, #root .scheme-ad { color: #814ae0; } .scheme-ae, #root .scheme-ae { color: #db2727; } .scheme-af, #root .scheme-af { color: #f15b2a; } .scheme-ag, #root .scheme-ag { color: #0079a8; } .scheme-ah, #root .scheme-ah { color: #006973; } .scheme-ai, #root .scheme-ai { color: #0c89f0; } .scheme-aj { font-size: 3.2em; font-family: 'Proxima Nova'; font-weight: 300; text-align: center; } .module-f > .scheme-aj:first-child { margin-top: -8px; } .module-f > .scheme-aj:last-child { margin-bottom: 4px; } .module-f > .scheme-aj.last-child { margin-bottom: 4px; } .scheme-aj a { font-weight: 700; text-decoration: underline; } .scheme-aj a:hover { text-decoration: none; } .scheme-ak, #root .scheme-ak { color: #2f99eb; } .scheme-al, #root .scheme-al { color: #74bf28; } .scheme-am, #root .scheme-am { color: #02becf; } .scheme-an, #root .scheme-an { color: #639; } .scheme-ao, #root .scheme-ao { color: #de3128; } .scheme-ap, #root .scheme-ap { color: #c91c1f; } .scheme-aq, #root .scheme-aq { color: #1d6dde; } .scheme-ar, #root .scheme-ar { color: #90f740; } .scheme-as, #root .scheme-as { color: #00ae5a; } .size-a, #root .size-a { font-size: 10px; } .size-b, #root .size-b { font-size: 12px; } .size-c, #root .size-c { font-size: 14px; } .size-d, #root .size-d { font-size: 16px; } .size-e, #root .size-e { font-size: 18px; } .size-e.a { margin-bottom: 24px; font-family: 'Proxima Nova'; font-weight: 400; line-height: 1.85; } .size-f, #root .size-f { font-size: 20px; } .size-g, #root .size-g { font-size: 22px; } .size-h, #root .size-h { font-size: 24px; } .size-i, #root .size-i { font-size: 26px; } .size-j, #root .size-j { font-size: 28px; } .size-k, #root .size-k { font-size: 21px; } .uppercase { text-transform: uppercase; } #root .left, #root .left p, #root .left h1, #root .left h2, #root .left h3, #root .left h4, #root .left h5, #root .left h6 { text-align: left; } /*! Links --------- */ a { background: none; color: #8d49b9; text-decoration: none; cursor: pointer; } /*---*/ a span { cursor: pointer; } a:hover, a:focus, a:active { text-decoration: underline; } .link-a { font-family: 'Proxima Nova'; font-size: 2em; line-height: 1.2; text-align: center; } .link-a a, #welcome .link-a a { display: -moz-inline-stack; display: inline-block; position: relative; border-radius: 4px; background: #593691; padding: 9px 12px 7px; color: #fff; font-weight: 600; line-height: 1.4; text-decoration: none; } .link-a a:hover, #welcome .link-a a:hover, .btn:hover { background: #731dad; } .link-a span { display: -moz-inline-stack; display: inline-block; padding: 1px 0 0; } .link-a span.a + a { margin-left: 21px; font-size: 0.7em; } .link-a.a { font-size: 2.4em; } .link-a.a a, #welcome .link-a.a a { padding: 9px 25px 7px; border-radius: 6px; } .link-b { overflow: hidden; width: 100%; } .link-b a { display: block; position: relative; float: left; padding: 0 10px 0 0; color: #02b871; font-size: 13px; } .link-b a:before { content: ""; display: block; position: absolute; right: 0; top: 4px; width: 5px; height: 8px; background: url(../images/arrow-right-d.svg) no-repeat; background-size: 100% 100%; } .link-c, #root .link-c { overflow: hidden; width: 100%; margin: 35px 0; font-size: 3em; } #root .link-c a { display: block; float: left; min-width: 214px; padding: 10px 28px 8px; background: #8d49b9; color: #fff; text-align: center; } #root .link-c a.scheme-j, #root .tabs-c.sj > ul > li.active > a { background-color: #9cca3e; } #root .link-c a.scheme-k, #root .tabs-c.sk > ul > li.active > a { background-color: #f27c22; } #root .link-c a.scheme-l, #root .tabs-c.sl > ul > li.active > a { background-color: #e03129; } #root .link-c a.scheme-m, #root .tabs-c.sm > ul > li.active > a { background-color: #02b6ed; } #root .link-c a.scheme-n, #root .tabs-c.sn > ul > li.active > a { background-color: #ed1826; } #root .link-c a.scheme-o, #root .tabs-c.so > ul > li.active > a { background-color: #086; } #root .link-c a.scheme-p, #root .tabs-c.sp > ul > li.active > a { background-color: #ffae00; } #root .link-c a.scheme-q, #root .tabs-c.sq > ul > li.active > a { background-color: #018f94; } #root .link-c a.scheme-r, #root .tabs-c.sr > ul > li.active > a { background-color: #1675a8; } #root .link-c a.scheme-s, #root .tabs-c.ss > ul > li.active > a { background-color: #006b56; } #root .link-c a.scheme-t, #root .tabs-c.st > ul > li.active > a { background-color: #7455ed; } #root .link-c a.scheme-u, #root .tabs-c.su > ul > li.active > a { background-color: #7f3f98; } #root .link-c a.scheme-v, #root .tabs-c.sv > ul > li.active > a { background-color: #23979e; } #root .link-c a.scheme-w, #root .tabs-c.sw > ul > li.active > a { background-color: #f7941e; } .link-d, #root .link-d { overflow: hidden; width: 100%; font-size: 2.5em; font-family: 'Proxima Nova'; font-weight: 700; } .link-d a { display: block; position: relative; float: left; padding: 5px 23px 2px; border-radius: 10px; background: #7cb812; color: #fff; text-decoration: none; } .link-d a:hover { background: #8cd115; } /*! Figures --------- */ img { max-width: 100% !important; height: auto !important; border-width: 0; image-rendering: optimizeQuality; -ms-interpolation-mode: bicubic; vertical-align: middle; } .lt-ie9 img { max-width: none !important; } img::selection { background: transparent; } img::-moz-selection { background: transparent; } .image-a { float: left; margin-right: 30px; } .video-a { font-size: 1.4em; text-align: center; } .video-a img { display: block; position: relative; z-index: 1; } .video-a a { display: inline-block; overflow: hidden; position: relative; max-width: 100%; color: #fff; } .video-a a:before, .video-b a:before { content: ""; display: block; position: absolute; left: 0; top: 0; z-index: 3; width: 100%; height: 100%; background: rgba(66,14,0,.84); } .lt-ie9 .video-a a:before, .lt-ie9 .video-b a:before { background: transparent; filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#D6420E00,endColorstr=#D6420E00); zoom: 1; } .video-a a span { display: block; position: absolute; left: 0; top: 50%; z-index: 4; width: 100%; padding: 89px 0 0; } .video-a a span, .video-a a i { -moz-transform: translateY(-50%); -webkit-transform: translateY(-50%); -o-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); } .video-a a span:before { content: ""; display: block; position: absolute; left: 50%; top: 0; width: 79px; height: 79px; margin: 0 0 0 -39.5px; background: url(../images/play.svg) no-repeat; background-size: 100% 100%; } .video-a a i { display: block; position: absolute; left: 0; top: 50%; z-index: 2; width: 100%; font-size: 385px; line-height: 500px; } .video-a.a { margin-bottom: 26px; font-size: 2.138em; } .video-a.a a span { padding: 132px 0 0; } .video-a.a a span:before { width: 120px; height: 120px; margin: 0 0 0 -60px; } #content > .video-a.a { width: 1200px; } /*! Lists --------- */ ul, ol, dd, blockquote { padding-left: 40px; } ul ul, ul ol, ol ol, ol ul { margin-bottom: 0; } .list-a { overflow: hidden; list-style: none; width: 100%; margin: 0 0 54px; padding: 0; color: #5a5a5a; line-height: 2.15; text-align: center; } .list-a li { position: relative; float: left; width: 33.333333%; padding: 51px 0 0; font-size: 1.4em; } .list-a li:before { content: ""; display: block; position: absolute; left: 50%; top: 0; width: 45px; height: 40px; margin: 0 0 0 -20px; background: url(../images/list-a.svg) no-repeat; background-size: 100% 100%; } .list-a li > .inner { display: block; max-width: 240px; margin-left: auto; margin-right: auto; } .list-a li img { display: block; height: 75px !important; margin: 0 auto 25px; } .list-a li .title { display: block; margin: 0 0 6px; color: #5b5b5b; font-family: 'Proxima Nova'; font-size: 1.8em; } .scheme-f + .list-a { margin-top: -22px; } .list-a li:nth-child(3n) + li { clear: both; } .list-a li:nth-child(3n) + li, .list-a li:nth-child(3n) + li + li, .list-a li:nth-child(3n) + li + li + li { margin-top: 63px; } .list-a li.nth-a + li { clear: both; } .list-a li.nth-a + li, .list-a li.nth-a + li + li, .list-a li.nth-a + li + li + li { margin-top: 63px; } .list-a.a, #content > .list-a.a { width: 1200px; margin-top: 51px; } #content > .module-f > .list-a.a { margin-left: -120px; } .list-a.a li { padding-top: 0; font-size: 1.6em; } .list-a.a li > .inner { max-width: 360px; } .list-a.a li:before { left: -3000em; } .list-a.b { } .list-a.b li img { height: auto !important; margin-bottom: 10px; } .list-a.c { } .list-a.c li img { width: auto !important; height: 170px !important; margin-bottom: 10px; } .scheme-a + .list-a.c, .scheme-a + .list-a.d { margin-top: -20px; } .list-a.d { } .list-a.d li img { width: auto !important; height: 100px !important; margin-bottom: 10px; } .list-a.e { padding-top: 9px; } .list-a.e li img { height: 70px !important; margin-bottom: 22px; } #content > .list-a:first-child { margin-top: -44px; } .list-b { list-style: none; padding: 0; font-family: 'Proxima Nova'; } .list-b li { margin: 0 0 17px; font-size: 1.3em; } .list-b li a { display: block; position: relative; color: #737f8b; font-weight: 700; } .list-b li[class] a { padding: 0 0 0 25px; } .list-b li a:before { content: ""; display: block; position: absolute; left: 0; top: 0; } .list-b li.doc a:before { top: -1px; width: 17px; height: 21px; background: url(../images/list-b-doc.svg) no-repeat; background-size: 100% 100%; } .list-b li.pdf a:before { top: -1px; width: 17px; height: 21px; background: url(../images/list-b-pdf.svg) no-repeat; background-size: 100% 100%; } .list-c { list-style: none; width: 100%; margin: 56px 0 64px; padding: 0; line-height: 1.45; } .list-c:after { content: ""; display: block; overflow: hidden; clear: both; height: 0; } .list-c li { position: relative; float: left; width: 25%; font-size: 1.2em; } .list-c li .inner { display: block; width: 190px; } .list-c li .title { display: block; position: relative; margin: 0 0 17px; color: #414141; font-size: 1.25em; } .list-c li.a .title { padding-left: 38px; } .list-c li.b .title { padding-left: 54px; } .list-c li.c .title { padding-left: 57px; } .list-c li .title:before { content: ""; display: block; position: absolute; left: 0; top: 50%; } .list-c li.a .title:before { width: 22px; height: 31px; margin-top: -15.5px; background: url(../images/list-ca.svg) no-repeat; background-size: 100% 100%; } .list-c li.b .title:before { width: 38px; height: 34px; margin-top: -17px; background: url(../images/list-cb.svg) no-repeat; background-size: 100% 100%; } .list-c li.c .title:before { width: 38px; height: 33px; margin-top: -19.5px; background: url(../images/list-ce.svg) no-repeat; background-size: 100% 100%; } .list-c li.d { color: #696969; font-size: 1.9em; font-family: 'Proxima Nova'; line-height: 1.25; text-align: center; } .list-c li.d .inner { display: table-cell; vertical-align: middle; } .list-c li.d:after { content: ""; display: block; position: absolute; right: 22px; top: 50%; width: 24px; height: 122px; margin: -61px 0 0; background: url(../images/list-cd.svg) no-repeat; background-size: 100% 100%; } .list-d { list-style: none; padding: 0; } .list-d li { font-size: 1.6em; } .list-d li a { color: #7b7b7b; } .list-e { list-style: none; padding: 0; } .list-e li { position: relative; padding: 7px 0; border-top: 1px solid #ebedf2; font-size: 1.4em; } .list-e li:first-child { padding-top: 0; border: 0; } .list-e li a { display: block; color: #cfcfcf; text-decoration: none; } .list-e li a:hover { color: #7b7b7b; } .list-f, .wp-tag-cloud { overflow: hidden; list-style: none; width: 105%; margin-top: 23px; padding: 0; } .list-f li, .wp-tag-cloud li { float: left; margin: 0 5px 5px 0; font-size: 1.3em; } .list-f li a, .wp-tag-cloud li a { display: block; float: left; min-width: 73px; height: 26px; padding: 0 17px; border: 1px solid #e1e1e1; color: #7b7b7b; line-height: 26px; text-align: center; text-decoration: none; } .list-f li a:hover, .list-f li.active a { border-color: #8d49b9; background: #8d49b9; color: #fff; } .list-f li.active a { cursor: default; } .list-f.a { } .list-f.a li a:hover, .list-f.a li.active a, .wp-tag-cloud li a:hover { border-color: #02b871; background: #02b871; } .list-h { list-style: none; padding: 0; } .list-h > li { position: relative; margin: 0 0 30px; padding: 0 80px 24px 0; border-bottom: 1px solid #d9d9d9; font-size: 1.6em; font-family: 'Proxima Nova'; } .list-h > li:last-child { border: 0; } .list-h > li > a { color: #414141; } .list-h > li > img { display: block; position: absolute; right: 16px; top: 3px; } .list-h > li > ul { overflow: hidden; list-style: none; width: 100%; margin: 0; padding: 8px 0 0; color: #7d7d7d; font-family: Arial, Helvetica, sans-serif; font-style: italic; } .list-h > li > ul > li { position: relative; float: left; padding: 0 12px 0 14px; font-size: .75em; } .list-g, #content.a > .list-g { overflow: hidden; list-style: none; width: 960px; margin: 0 auto 54px; padding: 0; color: #7d7d7d; line-height: 1.7; } .list-g li { float: left; width: 25%; font-size: 1.4em; text-align: center; } .list-g li > .inner { display: block; width: 220px; margin: 0 auto; } .list-g li img { display: block; margin: 0 auto 20px; } .list-g li .title { display: block; margin: 0 0 4px; color: #414141; font-size: 1.571em; font-family: 'Proxima Nova'; font-weight: 600; } .list-h > li > ul > li:before { content: ""; display: block; position: absolute; left: 0; top: 2px; width: 1px; height: 11px; border-left: 1px solid #c9c9c9; background: #b8b8b8; } .list-h > li > ul > li:first-child { padding-left: 0; } .list-h > li > ul > li:first-child:before { left: -3000em; } .list-h > li > ul > li > a { color: #7d7d7d; } .list-i { list-style: none; margin: 0; padding: 0; color: #959595; line-height: 1.25; } .list-i li { padding: 12px 0 18px; border-top: 1px solid #ebebeb; font-size: 1.4em; } .list-i li:first-child { padding-top: 0; border-top: 0; } .list-i li:last-child { padding-bottom: 0; } .list-i li.last-child { padding-bottom: 0; } .list-i li a { color: #02b871; } .list-i li .date { display: block; margin: 10px 0 0; color: #02b871; font-size: .785em; } .list-i li .date span { color: #959595; } .list-j { list-style: none; width: 100%; margin: 76px 0 0; padding: 0; font-family: 'Proxima Nova'; font-weight: 400; line-height: 1.45; } .list-j:after { content: ""; display: block; overflow: hidden; clear: both; height: 0; } .list-j li { position: relative; float: left; width: 25%; padding: 0 0 27px; font-size: 1.9em; } .list-j li:before, .list-j.a li:before { content: ""; display: block; position: absolute; left: 0; top: 70px; width: 90px; height: 82px; margin: 0 0 0 -45px; background: url(/wp-content/uploads/2015/05/Infographic-Arrow.svg) no-repeat; background-size: 100% 100%; } .list-j li:first-child:before, .list-j.a li:first-child:before { left: -3000em; } .list-j li span { display: block; width: 210px; margin: 0 auto; } .list-j li .title { display: block; margin-bottom: 20px; font-weight: 600; } .list-j li img { display: block; width: 65% !important; margin: 0 auto 38px; } .list-j li .img { display: block; width: auto; margin: 0 auto 38px; } .list-j li .img img { margin: 0 auto; } .list-j li .inner { width: 90%; } #content > .list-j { width: 1300px; margin-left: auto; margin-right: auto; } .list-j.a { text-align: center; } .list-j.a li { width: 33.33333333333%; font-size: 1.8em; } .list-j.a li:before { top: 42px; } .list-j.a li span { width: auto; max-width: 260px; } .list-j li .img { max-width: none; } .list-j li .img img { width: 65% !important; } .list-k { list-style: none; width: 100%; padding: 0; font-family: 'Proxima Nova'; } .list-k:after { content: ""; display: block; overflow: hidden; clear: both; height: 0; } .list-k li { position: relative; margin: 0 0 11px; padding: 0 0 0 36px; font-size: 1.8em; } .list-k li:before { content: ""; display: block; position: absolute; left: 0; top: 1px; width: 25px; height: 25px; background: url(../images/list-k.svg) no-repeat; background-size: 100% 100%; } .list-k.a { width: auto; margin: 0 0 8px -42px; } .list-k.a li { float: left; width: 50%; margin: 0 0 27px; padding: 0 0 0 55px; border-left: 42px solid rgba(0,0,0,0); font-size: 1.4em; line-height: 1.7; } .list-k.a li:nth-child(2n) + li { clear: both; } .list-k.a li.nth-a + li { clear: both; } .list-k.a li:before { top: 50%; width: 31px; height: 31px; margin: -15.5px 0 0; } .list-k.b { line-height: 2.35; } .list-k.b li { margin-bottom: 0; padding: 0 0 0 30px; font-size: 1.2em; } .list-k.b li:before { top: 4px; width: 19px; height: 19px; } .list-k.c { line-height: 1.725; } .list-k.c { -moz-column-count: 2; -webkit-column-count: 2; -o-column-count: 2; -ms-column-count: 2; column-count: 2; -moz-column-gap: 20px; -webkit-column-gap: 20px; -o-column-gap: 20px; -ms-column-gap: 20px; column-gap: 20px; } .list-k.c li { margin: 0; padding-left: 48px; font-size: 2.1em; } .list-k.c li:before { top: 2px; width: 31px; height: 31px; } .list-l { list-style: none; padding: 0; } .list-l li { position: relative; margin: 0; padding: 0 0 0 29px; font-size: 1.6em; } .list-l li:before { content: ""; display: block; position: absolute; left: 0; top: 0; width: 21px; height: 21px; background: url(../images/list-l.svg) no-repeat; background-size: 100% 100%; } .list-m { overflow: hidden; list-style: none; margin: 36px 0 0; padding: 0; color: #5a5a5a; line-height: 1.9; } #content > .list-m { width: 1172px; margin-left: auto; margin-right: auto; } .list-m .inner { overflow: hidden; width: auto; margin-left: -30px; } .list-m > li, .list-m .inner > li { overflow: hidden; position: relative; float: left; width: 50%; margin: 0 0 30px; padding: 47px 23px 47px 244px; border-left: 30px solid #fff; background: #f1f2f2; font-size: 1.6em; } .list-m .inner > li:before, .list-m .inner > li:after, .list-m > li:before, .list-m > li:after { content: ""; display: block; position: absolute; z-index: 1; } .list-m .inner > li:before, .list-m > li:before { left: 0; right: 0; top: 0; bottom: 0; border: 1px solid #767779; } .list-m .inner > li:after, .list-m > li:after { left: 1px; right: 1px; top: 1px; bottom: 1px; border: 4px solid #fff; } .rgba .list-m > li, .rgba .list-m .inner > li { border-color: #rgba(255,255,255,0); } .list-m li { -moz-box-sizing: border-box; -webkit-box-sizing: border-box; -o-box-sizing: border-box; -ms-box-sizing: border-box; box-sizing: border-box; } .list-m li .img { display: block; position: absolute; left: 0; top: 0; bottom: 0; width: 244px; text-align: center; } .list-m li .img img { display: block; position: absolute; left: 50%; top: 50%; } .list-m li .img img { -moz-transform: translate(-50%,-50%); -webkit-transform: translate(-50%,-50%); -o-transform: translate(-50%,-50%); -ms-transform: translate(-50%,-50%); transform: translate(-50%,-50%); } .list-m + .module-d:last-child { margin-top: -10px; } .list-m + .module-d.last-child { margin-top: -10px; } .list-m .title { display: block; margin: 0 0 3px; font-size: 20px; font-weight: 700; } .list-m .list-k { margin: 11px 0; } .list-m .list-k li { margin: 0; font-size: 16px; } .list-m.a { } .list-m.a > li, .list-m.a .inner > li { padding-top: 8px; padding-bottom: 13px; } .list-m.a .img { top: 110px; bottom: auto; } .list-n, #root .list-n { list-style: none; width: 685px; margin: 47px auto 52px; padding: 28px 43px 51px; box-shadow: 8px 8px 0 rgba(0,0,0,.17); background: #f1f2f2; font-family: 'Proxima Nova'; line-height: 1.4; } .list-n li, #root .list-n li { margin-bottom: 7px; font-size: 2.4em; } .list-n li.a, #root .list-n li.a { margin-bottom: 40px; } .list-n li.a .strong { font-size: 1.5em; } .list-o { overflow: hidden; list-style: none; width: 110%; margin-top: 10px; padding: 0; font-family: 'Proxima Nova'; line-height: 1.55; } .list-o li { float: left; width: 248px; margin: 0 75px 12px 0; padding: 0 10px 18px; border: 1px solid #c2c4c5; background: #fff; color: #5c5c5c; font-size: 1.8em; text-align: center; } .list-o li .title { display: block; margin: 0 0 10px; font-weight: 600; } .list-o li.a .title { color: #654da0; } .list-o li.b .title { color: #8a39bf; } .list-o li.c .title { color: #282d69; } .list-o li .img { display: block; position: relative; height: 135px; margin: -1px -11px 15px; } .list-o li.a .img { background: #654da0; } .list-o li.b .img { background: #8a39bf; } .list-o li.c .img { background: #282d69; } .list-o li .img img { position: absolute; left: 50%; top: 50%; } .list-o li .img img { -moz-transform: translate(-50%,-50%); -webkit-transform: translate(-50%,-50%); -o-transform: translate(-50%,-50%); -ms-transform: translate(-50%,-50%); transform: translate(-50%,-50%); } .list-p { list-style: none; width: 100%; margin: 0; padding: 0; color: #5a5a5a; font-family: 'Proxima Nova'; line-height: 1.575; } .list-p:after { content: ""; display: block; overflow: hidden; clear: both; height: 0; } .list-p li { position: relative; float: left; width: 345px; min-height: 151px; margin: 0 0 30px; padding: 16px 40px 23px 80px; background: #fff; font-size: 1.8em; } .list-p li:nth-child(2n) { float: right; padding-left: 40px; padding-right: 80px; } .list-p li:nth-child(2n) + * { clear: both; } .list-p li.nth-a { float: right; padding-left: 40px; padding-right: 80px; } .list-p li.nth-a + * { clear: both; } .list-p li .title { display: block; margin: 0 0 6px; color: #0079a8; font-weight: 600; font-size: 1.1666em; text-align: center; } .list-p li:before { content: ""; display: block; position: absolute; left: 0; right: 0; bottom: 0; z-index: 1; height: 50%; border-left: 6px solid #fff; border-bottom: 6px solid #fff; border-right: 0 solid #fff; } .list-p li.a:before { border-color: #8753a2; } .list-p li.b:before { border-color: #282d69; } .list-p li.c:before { border-color: #0ebded; } .list-p li.d:before { border-color: #f59b43; } .list-p li.e:before { border-color: #f57b20; } .list-p li.f:before { border-color: #7fbd42; } .list-p li.g:before { border-color: #02aa55; } .list-p li.h:before { border-color: #464442; } .list-p li.i:before { border-color: #33a8e4; } .list-p li.j:before { border-color: #ea332b; } .list-p li.k:before { border-color: #68217a; } .list-p li:nth-child(2n):before { border-left-width: 0; border-right-width: 6px; } .list-p li.nth-a:before { left: auto; right: 0; border-left: 0; border-right-width: 6px; } .list-p li img { display: block; position: absolute; left: 0; top: 50%; z-index: 2; margin: -53px 0 0 -50px; } .list-p li:nth-child(2n) img { left: 100%; } .list-p li.nth-a img { left: 100%; } .list-p.a { line-height: 1.75; } .list-p.a li { width: 570px; padding: 13px 39px 34px 299px; border: 1px solid #afb1b3; font-size: 1.4em; } .list-p.a li .title { margin: 0 0 10px; font-weight: 700; font-size: 1.428em; font-family: Arial, Helvetica, sans-serif; text-align: left; } #root .list-p.a li:before { left: -1px; right: -1px; bottom: -1px; top: -1px; width: auto; height: auto; border-left-width: 12px; border-right-width: 0; border-bottom-width: 5px; } #content > * > .list-p.a { width: auto; margin-left: -105px; margin-right: -105px; } .list-p.a li.a .title { color: #8753a2; } .list-p.a li.b .title { color: #282d69; } .list-p.a li.c .title { color: #0ebded; } .list-p.a li.d .title { color: #f59b43; } .list-p.a li.e .title { color: #f57b20; } .list-p.a li.f .title { color: #7fbd42; } .list-p.a li.g .title { color: #02aa55; } .list-p.a li.h .title { color: #464442; } .list-p.a li.i .title { color: #33a8e4; } .list-p.a li.j .title { color: #ea332b; } .list-p.a li.k .title { color: #68217a; } .list-p.a li .img { display: block; position: absolute; left: 0; top: 0; bottom: 0; width: 299px; } #root .list-p.a li img { position: absolute; left: 50%; top: 50%; margin: 0; } #root .list-p.a li img { -moz-transform: translate(-50%,-50%); -webkit-transform: translate(-50%,-50%); -o-transform: translate(-50%,-50%); -ms-transform: translate(-50%,-50%); transform: translate(-50%,-50%); } .list-q { overflow: hidden; list-style: none; width: 110%; margin: 50px 0 11px; padding: 0; font-family: Myriad; line-height: 2; text-align: center; } .list-q li { position: relative; float: left; width: 245.5px; margin: 0 30px 30px 0; padding: 27px 15px 17px; border: 1px solid #bbbdbf; font-size: 1.8em; } .list-q li .title { display: block; margin: 0 0 21px; color: #01477d; font-size: 1.333em; line-height: 1.3; } .list-q li .no { display: block; position: absolute; left: 0; top: 0; width: 50px; height: 50px; background: #046ab8; color: #fff; font-size: 1.777em; font-weight: 700; line-height: 50px; text-align: center; } .list-q li img, .list-q li .img { display: block; position: relative; margin: 0 auto 19px; } .list-q li .img { height: 184px; } .list-q li .img img { position: absolute; left: 50%; top: 50%; } .list-q li .img img { -moz-transform: translate(-50%,-50%); -webkit-transform: translate(-50%,-50%); -o-transform: translate(-50%,-50%); -ms-transform: translate(-50%,-50%); transform: translate(-50%,-50%); } .list-r { position: relative; list-style: none; width: 110%; margin: 38px auto 16px; padding: 0; } .list-r:after { content: ""; display: block; overflow: hidden; clear: both; height: 0; } .list-r > li { position: relative; float: left; width: 570px; margin: 0 30px 30px 0; padding: 0 40px 75px 48px; border: 1px solid #767779; background: #f1f2f2; font-size: 16px; } .list-r > li:after { content: ""; display: block; overflow: hidden; clear: both; height: 0; } .list-r > li:before, .list-r .title:before { content: ""; display: block; position: absolute; left: 0; top: 0; right: 0; bottom: 0; z-index: 1; border: 3px solid #fff; } .list-r > li > *, .list-r .title > * { position: relative; z-index: 2; } .list-r .title { display: block; overflow: hidden; position: relative; margin: 0 -40px 35px -48px; padding: 19px 15px 0; background: #593691; color: #fff; font-size: 24px; font-weight: 700; text-align: center; } .list-r .title.a { padding: 21px 0 1px; font-size: 22px; } .list-r .title:before { border-bottom: 0; } .list-r .list-k { margin-bottom: 30px; } .list-r .list-k li { margin: 0 0 8px; padding-left: 40px; font-size: 16px; } .list-r .list-k li:before { top: -1px; width: 23px; height: 23px; } .list-r > li > p.link { position: absolute; left: 0; bottom: 34px; width: 100%; margin: 0; } .list-r > li > p.link a { display: block; width: 168px; margin: 0 auto; padding: 12px 15px 9px; border-radius: 4px; background: #282d69; color: #fff; font-size: 16.75px; font-family: 'Myriad'; text-align: center; text-transform: uppercase; text-decoration: none; } .list-r > li > p.link a:after { content: "\e602"; position: relative; top: -1px; margin: 0 0 0 11px; font-weight: 400; font-family: i; font-size: 11px; line-height: 1px; } .list-r > li > span.img { display: block; float: left; width: 230px; margin: -24px 0 0 -48px; text-align: center; } .list-r h1, .list-r h2, .list-r h3, .list-r h4, .list-r h5, .list-r h6 { margin: 0 0 20px; padding: 0; border: 0; color: #593691; font-size: 24px; font-weight: 700; } .list-r h1 span, .list-r h2 span, .list-r h3 span, .list-r h4 span, .list-r h5 span, .list-r h6 span { display: block; margin: 9px 0 0; font-size: 21px; font-weight: 400; } .list-r p { margin: -5px 0 21px; font-size: 1em; line-height: 1.9; } .list-r p.size-h { margin: -10px 0 32px; line-height: 1.275; } .list-r .title .link { display: block; position: absolute; left: 26px; bottom: 3000em; right: 26px; margin: 0; font-size: 16.74px; text-align: center; text-transform: uppercase; } .list-r .title .link a { display: block; position: relative; padding: 10px; border-radius: 4px; background: #282d69; color: #fff; font-weight: 400; text-decoration: none; } .list-r .title .link a:after { content: "\e602"; position: relative; top: -1px; margin: 0 0 0 14px; font-family: i; font-size: 11px; line-height: 1px; } #content > .list-r { left: 15px; width: 1200px; } #root #content .module-f .list-r.d { left: -105px; width: 1200px; } #root #content .module-f .list-r.d > li { width: 570px; } .list-r.a, #content > .list-r.a, #root #content .module-f .list-r.a { left: 0; width: 570px; } .list-r.a > li, #root #content .module-f .list-r.a > li { width: auto; margin-right: 0; } .list-r.b { } .list-r.b > li, #root #content .module-f .list-r.b > li { width: 255px; margin-right: 20px; padding-left: 20px; padding-right: 20px; } .list-r.b .title { margin-left: -20px; margin-right: -20px; } .list-r.c, #root #content .module-f .list-r.c { left: 15px; width: 710px; margin-top: 89px; color: #7a7a7a; } .list-r.c > li, #root #content .module-f .list-r.c > li { position: relative; z-index: 2; float: left; width: 202px; margin-right: 16px; padding-left: 18px; padding-right: 18px; padding-bottom: 53px; border-color: #b7b7b7; background: none; } .list-r.c > li:before, .list-r.c .title:before { border: 0; } .list-r.c > li.a, #root #content .module-f .list-r.c > li.a { background: #fff; } .list-r.c .title { margin: 0 -18px 19px; padding: 15px 0 0; border-bottom: 1px solid #b7b7b7; background: #614278; font-size: 21px; line-height: 1.175; } .list-r.c p { font-size: 14px; line-height: 1.7; } .list-r.c > li > p.link { bottom: 22px; } .list-r.c > li > p.link a { width: 120px; padding: 8px 0 7px; border-radius: 3px; border: 1px solid #7a7a7a; background: #999; font-size: 12px; } .list-r.c > li > p.link a:after { top: 0; margin: 0 0 0 8px; font-size: 8px; } .list-r.c > li.a, #root #content .module-f .list-r.c > li.a { z-index: 1; width: 244px; margin-top: -52px; padding-bottom: 72px; color: #7a7a7a; } .no-mobile .list-r.c > li.a:hover, .no-mobile #root #content .module-f .list-r.c > li.a:hover { -moz-transform: none; -webkit-transform: none; -o-transform: none; -ms-transform: none; transform: none; } .list-r.c > li.a > p.link { bottom: 26px; } .list-r.c > li.a > p.link a { width: 168px; padding: 12px 0 9px; border-radius: 4px; border: 0; background: #282d69; font-size: 16.75px; } .list-r.c > li.a > p.link a:after { top: -1px; margin: 0 0 0 11px; font-size: 11px; } .list-r.c > li.a p { font-size: 16.8px; } .list-r.c > li.a .title { padding-top: 17px; background: #593691; font-size: 25.2px; } .list-r.c > li.a .price-a { opacity: 1; filter: alpha(opacity = 100); } .list-r.c .price-a { opacity: .8; filter: alpha(opacity = 80); } .no-mobile .list-r.c > li:hover, .no-mobile #root #content .module-f .list-r.c > li:hover { background: #fff; } .no-mobile .list-r.c > li:hover, .no-mobile #root #content .module-f .list-r.c > li:hover { -moz-transform: scale(1.25,1.25); -webkit-transform: scale(1.25,1.25); -o-transform: scale(1.25,1.25); -ms-transform: scale(1.25,1.25); transform: scale(1.25,1.25); } .no-mobile .list-r.c > li:hover .title { background: #593691; } .no-mobile .list-r.c > li:hover .price-a { opacity: 1; filter: alpha(opacity = 100); } .no-mobile .list-r.c > li:hover > p.link a { border-color: #282d69; background: #282d69; } .list-r.d { } .list-r.d > li { min-height: 343px; padding-top: 25px; padding-left: 290px; padding-bottom: 0; background: #fff; } .list-r.d > li:before, .list-r.d .title:before { border-color: #f1f2f2; } .list-r.d .title { position: absolute; left: 3px; top: 3px; bottom: 3px; width: 243px; margin: 0; padding-top: 38px; } .list-r.d .title:before { border: 0; } .list-r.d .title .price-a { margin-top: 0; } .list-r.d .list-k li { padding-left: 34px; } .list-r.d > li > .link { position: absolute; left: -3000em; bottom: 0; top: auto; right: auto; } .list-r.d .title .link { bottom: 26px; } .list-r.has-d > li > .link a { width: 268px; } .list-s { overflow: hidden; list-style: none; margin: 34px 0 58px; padding: 0; line-height: 1.9; } .list-s li { position: relative; float: left; width: 50%; padding: 18px 20px 18px 160px; font-size: 1.6em; } .list-s li:nth-child(2n) { padding-right: 0; } .list-s li:nth-child(2n) + li { clear: both; } .list-s li.nth-a { padding-right: 0; } .list-s li.nth-a + li { clear: both; } .list-s li:before { content: ""; display: block; position: absolute; right: 100%; top: 0; width: 2px; height: 100%; background: #bebebe; } .list-s .title { display: block; margin: 0 0 2px; font-size: 1.3125em; } .list-s .title i { display: block; position: absolute; left: 0; top: 50%; width: 160px; margin: -80px 0 0; font-size: 95px; line-height: 160px; text-align: center; } .list-t { overflow: hidden; list-style: none; margin: 52px 0 30px -30px; padding: 0; color: #5a5a5a; line-height: 1.85; } .list-t li { position: relative; float: left; width: 33.3333333333%; margin: 0 0 30px 0; padding: 0 20px 22px; border-left: 30px solid #fff; background: #f0f0f0; font-size: 1.6em; } .list-t li:before { content: ""; display: block; position: absolute; left: 0; top: 0; right: 0; bottom: 0; z-index: 1; border: 1px solid #a3a3a3; } .list-t .title { display: block; position: relative; z-index: 2; margin: 0 -20px 12px; padding: 0 20px 14px; border-bottom: 1px solid #a3a3a3; background: #fff; color: #3fb54a; font-weight: 700; font-size: 1.3125em; text-align: center; } .list-t .title:before { content: ""; display: block; position: absolute; left: 0; right: 0; bottom: -1px; height: 13px; border: 1px solid #a3a3a3; background: #3fb54a; } .list-u { position: relative; list-style: none; margin: 0; padding: 0; line-height: 1.7; text-align: center; vertical-align: top; } .list-u:after { content: ""; display: block; overflow: hidden; clear: both; height: 0; } .list-u li { position: relative; z-index: 2; float: left; width: 33.3333333333%; margin: 0 0 19px; padding: 24px 0 0; border-left: 0 solid #388d42; font-size: 1.8em; vertical-align: top; } .list-u li a { display: block; } .list-u li img { display: block; margin: 0 auto 7px; } .list-u li .inner { display: block; max-width: 1210px; margin: 0 auto; } .list-u.scroll-to-fixed-fixed { background: #282d69; } .list-u.scroll-to-fixed-fixed:before { content: ""; display: block; position: absolute; left: -1000em; top: 0; z-index: 1; width: 3000em; height: 100%; background: #282d69; } /*! Forms --------- */ .list-r > li, .list-r > li > a, .list-k.a li, .list-s li, .list-r > li > p.link a, .list-r > li > p.link, .double.c > *, .double.d > *, .double.e > *, #nav p.link, .list-p.a li, .list-t li, .list-u li { -moz-box-sizing: border-box; -webkit-box-sizing: border-box; -o-box-sizing: border-box; -ms-box-sizing: border-box; box-sizing: border-box; } fieldset, hr { border-width: 0; } legend { position: absolute; left: 0; top: -3000em; padding: 0; border: 0; white-space: normal; } input, select, textarea { position: relative; margin: 0; border-radius: 0; text-align: left; text-transform: none; } input { z-index: 1; line-height: 1; } input[type="checkbox"], input[type="radio"], .news-c article, .news-c .pagination-a { padding: 0; -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[type="search"], input[type="number"] { appearance: textfield; -moz-appearance: textfield; -webkit-appearance: textfield; -moz-box-sizing: content-box; -webkit-box-sizing: content-box; -o-box-sizing: content-box; -ms-box-sizing: content-box; box-sizing: content-box; } input[type="search"]::-webkit-search-decoration, input[type="search"]::-webkit-search-cancel-button { -webkit-appearance: none; } input[type="number"]::-webkit-outer-spin-button, input[type="number"]::-webkit-inner-spin-button { -webkit-appearance: none; margin: 0; } input[type="number"]::-o-outer-spin-button, input[type="number"]::-o-inner-spin-button { -o-appearance: none; margin: 0; } textarea { overflow: auto; vertical-align: top; resize: vertical; } select { text-overflow: ''; text-indent: 0.01px; text-transform: none; appearance: none; -moz-appearance: none; -webkit-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; text-transform: none; cursor: pointer; -webkit-appearance: button; } button::-moz-focus-inner, input::-moz-focus-inner { padding: 0; border: 0; outline: none; } form [disabled] { cursor: default; } ::-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; left: 0; top: 0; z-index: 2; } form p, .cols-a form p { position: relative; clear: both; margin-bottom: 7px; } form p:after { content: ""; display: block; overflow: hidden; clear: both; height: 0; } input[type="color"], input[type="date"], input[type="datetime"], input[type="datetime-local"], input[type="email"], input[type="month"], input[type="number"], input[type="password"], input[type="range"], input[type="search"], input[type="tel"], input[type="text"], input[type="time"], input[type="url"], input[type="week"] { height: 43px; padding: 0 19px; line-height: 1; } input[type="color"] { padding: 0; cursor: pointer; } .lt-ie9 input[type="date"], .lt-ie9 input[type="datetime"], .lt-ie9 input[type="datetime-local"], .lt-ie9 input[type="email"], .lt-ie9 input[type="month"], .lt-ie9 input[type="number"], .lt-ie9 input[type="password"], .lt-ie9 input[type="range"], .lt-ie9 input[type="search"], .lt-ie9 input[type="tel"], .lt-ie9 input[type="text"], .lt-ie9 input[type="time"], .lt-ie9 input[type="url"], .lt-ie9 input[type="week"] { line-height: 41px; } select { padding: 11px 11px 11px 15px; } textarea { height: 187px; min-height: 187px; padding: 10px 10px 10px 19px; } input[type="color"], input[type="date"], input[type="datetime"], input[type="datetime-local"], input[type="email"], input[type="month"], input[type="number"], input[type="password"], input[type="range"], input[type="search"], input[type="tel"], input[type="text"], input[type="time"], input[type="url"], input[type="week"], select, textarea { position: relative; z-index: 1; border-radius: 0; border: 1px solid #d3d4d8; background: #fff; color: #7b7b7b; font-size: 14px; } input, select, textarea, .article-a { -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:focus, select:focus, textarea:focus { border-color: #7b7b7b; } button, input[type="button"], input[type="reset"], input[type="submit"] { display: block; overflow: hidden; position: relative; float: left; height: 39px; margin: 23px 0 0; padding: 0 28px 1px 25px; border: 0; border-left: 3px solid #c679f6; border-top: 3px solid #c679f6; background: #9c3fd5; color: #fff; font-weight: 700; font-size: 14px; text-transform: uppercase; } button:hover, input[type="button"]:hover, input[type="reset"]:hover, input[type="submit"]:hover { background: #c679f6; } .check-a { position: relative; padding: 35px 135px 35px 80px; border: 1px solid #b8b8b8; background: #f0f0f0; font-size: 2.1em; } #root .check-a label { position: relative; margin-left: -80px; padding: 0 0 0 80px; color: #919191; font-size: 1em; line-height: 1.4; cursor: default; } .check-a label > .fit { display: block; overflow: hidden; position: absolute; left: 24px; top: -4px; width: 34px; height: 34px; border-radius: 4px; border: 2px solid #999; background: #fff; cursor: pointer; } .check-a label.active > .fit { background: url(../images/check.svg) center center no-repeat #fff; background-size: 80% 80%; } .check-a label input { position: absolute; left: 36px; top: 8px; width: auto; height: auto; } .js .check-a label input { left: -3000em; } .check-a .recaptcha { position: absolute; right: 23px; top: 14px; min-width: 99px; padding: 60px 0 0; color: #9e9e9e; font-size: 12px; text-align: center; } .check-a .recaptcha:before { content: ""; display: block; position: absolute; left: 50%; top: 0; width: 99px; height: 56px; margin: 0 0 0 -48.5px; background: url(../images/recaptcha.svg) no-repeat; background-size: 100% 100%; } .check-a .recaptcha a { color: #9e9e9e; } .form-a, .comment-form { } .js .form-a label, .js .comment-form label { position: absolute; padding: 0 20px; line-height: 43px; cursor: text; } .form-a input, .form-a select, .comment-form input, .comment-form select { width: 570px; } .form-a textarea, .comment-form textarea { width: 100%; } .comment-form input[type="submit"] { width: auto; } .form-b { margin-bottom: 67px; } .form-b fieldset { width: 774px; margin: 0 auto; } .form-b p { color: #d0cfcf; font-size: 1.8em; } .form-b label { overflow: hidden; position: absolute; left: -3000em; height: 63px; padding: 0 27px; line-height: 63px; cursor: text; } .js .form-b label { left: 0; } .form-b input { width: 100%; height: 63px; padding: 0 65px 0 25px; border-radius: 9px; border: 2px solid #c9c9c9; color: #d0cfcf; font-size: 1em; } .lt-ie9 .form-b input { line-height: 63px; } .form-b button { position: absolute; right: 0; top: 0; width: 63px; height: 63px; margin: 0; padding: 0; border: 0; background: none; text-indent: -3000em; } .form-b button:before { content: ""; display: block; position: absolute; left: 2px; top: 9px; width: 50px; height: 45px; background: url(../images/nav-bc.svg) no-repeat; background-size: 100% 100%; } .form-c { padding: 43px 0; background: url(../images/form-c.png) center -37px no-repeat #9d3ed5; } .form-c fieldset { width: 774px; margin: 0 auto; color: #fefefe; } .form-c header { margin-bottom: 40px; font-family: 'Myriad'; line-height: 1.15; text-align: center; } .form-c h1, .form-c h2, .form-c h3 { margin: 0 0 3px; color: #fff; font-size: 4.8em; font-weight: 300; } .form-c header p { max-width: 290px; margin-left: auto; margin-right: auto; font-size: 1.8em; } .form-c fieldset > p { font-size: 2.4em; } .js .form-c label { position: absolute; padding: 0 27px; line-height: 63px; color: #d0cfcf; font-family: Myriad; font-weight: 300; cursor: text; } .form-c input { width: 100%; height: 63px; padding: 0 85px 0 25px; border-radius: 9px; border: 2px solid #c9c9c9; background: #fff; color: #d0cfcf; font-family: Myriad; font-size: 1em; font-weight: 300; } .lt-ie9 .form-c input { line-height: 59px; } .form-c button { position: absolute; right: 0; top: 0; border: 0; width: 62px; height: 63px; margin: 0; padding: 2px 0 0; background: none; text-align: left; } .form-c button * { stroke: #c9c9c9 !important; } .form-d { } #root .form-d p { margin: 0 0 18px; color: #959595; font-size: 1.4em; } .js .form-d label { position: absolute; padding: 0 20px; line-height: 43px; cursor: text; } .form-d input { width: 100%; padding-right: 42px; border-color: #ebebeb; color: #959595; } .form-d button { display: block; position: absolute; right: 1px; top: 0; width: 42px; height: 43px; margin: 0; padding: 0; border: 0; background: none; text-align: center; } .form-d button:before { content: ""; display: block; position: absolute; left: 50%; top: 50%; width: 14px; height: 14px; margin: -7px 0 0 -7px; background: url(../images/search.svg) no-repeat; background-size: 100% 100%; opacity: .12; filter: alpha(opacity = 12); } .form-e { margin: 70px 0 42px; padding: 30px 30px 0; background: #e8e8e8; } .form-e:after { content: ""; display: block; overflow: hidden; clear: both; height: 0; } .form-e > div { float: right; width: 48.717948717%; } .form-e > div:first-child { float: left; } .form-e p { margin-bottom: 30px; } .form-e label { } .js .form-e label { position: absolute; padding: 0 18px; color: #919191; font-size: 18px; line-height: 60px; cursor: text; } .form-e input, .form-e select, .form-e textarea { width: 100%; border: 0; color: #919191; font-size: 18px; } .form-e input { height: 60px; padding: 0 18px; } .lt-ie9 .form-e input { line-height: 60px; } .form-e select { padding: 18px 18px 18px 14px; } .form-e textarea { height: 420px; min-height: 420px; padding: 18px; } .form-e button { float: right; min-width: 191px; height: 58px; margin: 0; padding: 0 30px; border: 0; background: #7bc71e; font-size: 24px; font-weight: 400; } .form-e butto:hover { } #content > .form-e { width: 1170px; margin-left: auto; margin-right: auto; } #home-search { display: none } #home-search form { display: block } #root #home-search .form-d p { margin: 0; height: 25px; line-height: 20px; display: inline-block; max-width: 160px } #home-search .form-d input, #home-search .form-d button { height: 24px; padding:0 8px; line-height: 24px } #home-search .form-d button { width: 25px } /*! 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 { margin: 0 0 20px; table-layout: fixed; border-bottom: 1px solid #cecfd1; } .table-a th, .table-a td { padding: 18px 10px; border: 0; border-left: 1px solid #cecfd1; border-right: 1px solid #cecfd1; background: #fff; color: #5a5a5a; font-size: 1.4em; font-weight: 400; text-align: center; } .table-a.head th { padding: 10px; border: 1px solid #cecfd1; border-left: 0; background: #5c5c5c; color: #fff; font-size: 2.1em; font-weight: 700; } #root .table-a th.empty, #root .table-a.head th.empty { border: 0; background: none; } .table-a tr th:first-child { padding: 0 10px 0 28px; border-left: 7px solid #5c5c5c; border-right: 0; background: #ebebec; text-align: left; } .table-a tr th:first-child + * { border-left: 0; } #root .table-a tr:nth-child(2n) > th { background: #d1d3d4; } #root .table-a tr.nth-a > th { background: #d1d3d4; } .table-a tr[class] th { padding: 10px 10px 10px 28px; border-left: 7px solid #5c5c5c; background: #5c5c5c; color: #fff; font-size: 1.8em; font-weight: 700; } .table-a tr[class] th img { position: absolute; left: -3000em; top: 0; } .table-a tr[class] th .inner { display: block; position: relative; padding-left: 32px; } .table-a tr[class] th .inner img { display: block; position: absolute; left: auto; right: 100%; top: 50%; } .table-a tr[class] th .inner img { -moz-transform: translate(50%,-50%); -webkit-transform: translate(50%,-50%); -o-transform: translate(50%,-50%); -ms-transform: translate(50%,-50%); transform: translate(50%,-50%); } .table-a tr.a th, .table-a tr th.a { border-color: #cf3d30; } .table-a tr.a th, .table-a.head tr th.a { background-color: #cf3d30; } .table-a tr.b th, .table-a tr th.b { border-color: #f58220; } .table-a tr.b th, .table-a.head tr th.b { background-color: #f58220; } .table-a tr.c th, .table-a tr th.c { border-color: #1c97d4; } .table-a tr.c th, .table-a.head tr th.c { background-color: #1c97d4; } .table-a tr.d th, .table-a tr th.d { border-color: #5ab347; } .table-a tr.d th, .table-a.head tr th.d { background-color: #5ab347; } .table-a tr.e th, .table-a tr th.e { border-color: #531d79; } .table-a tr.e th, .table-a.head tr th.e { background-color: #531d79; } #root .table-a.head th { border: 1px solid #cecfd1; } #root .table-a.head tr th:first-child { border-left: 7px solid rgba(0,0,0,0); } .table-a td { } .table-a tr:nth-child(2n) > td { background: #ebebec; } .table-a tr.nth-a > td { background: #ebebec; } .table-a .yes, .table-a .no { display: inline-block; position: relative; padding: 0 0 0 35px; } .table-a .yes:before, .table-a .no:before { content: ""; display: block; position: absolute; left: 0; top: 50%; width: 26px; height: 26px; margin: -13px 0 0; background-repeat: no-repeat; background-size: 100% 100%; } .table-a .yes:before { background-image: url(../images/list-k.svg); } .table-a .no:before { background-image: url(../images/no.svg); } .table-a + .table-a { margin-top: -20px; } .table-a.a { margin: 35px 0 67px; } #root .table-a.a th, #root .table-a.a td { border: 0; border: 1px solid #a3a3a3; } #root .table-a.a th { padding: 12px 40px 11px; background: #fff; font-size: 2.4em; } #root .table-a.a th span { padding: 0; } #root .table-a.a tr:nth-child(2n) > th { background: #fff; } #root #content .table-a.a tr.a > * { padding: 12px 10px 13px; border-color: #3fb54a; border-top: 0; border-bottom: 0; background: #3fb54a; color: #fff; font-size: 2.8em; text-align: center; } #root #content .table-a.a .head th { padding: 12px 10px 11px; border: 1px solid #979a9d; background: #737f8b; font-size: 2.4em; text-align: center; } #root #content .table-a.a .head th.empty { border: 0; background: none; } #root .table-a.a .head th .inner { padding: 0; } #root .table-a.a .head th .inner img { position: relative; left: 0; top: -3px; margin: 0 auto; } #root .table-a.a .head th .inner img { -moz-transform: none; -webkit-transform: none; -o-transform: none; -ms-transform: none; transform: none; } #root #content .table-a.a .head th.e { background-color: #531d79; } #root .table-a.a tr > *:first-child { width: 48%; } #root .table-a.a td { padding: 0; background: #fff; } #root .table-a.a tr:nth-child(2n-1) > *, #root .table-a.a tr:nth-child(2n-1) > th { background: #ebebeb; } .table-a.a .yes, .table-a.a .no { width: 26px; margin: 0 auto; padding: 0; text-align: left; text-indent: -3000em; } /*! Helpers --------- */ * { transition: color 0.4s ease-in-out 0s, background-color 0.4s ease-in-out 0s, border-color 0.4s ease-in-out 0s, opacity 0.4s ease-in-out 0s; -moz-transition: color 0.4s ease-in-out 0s, background-color 0.4s ease-in-out 0s, border-color 0.4s ease-in-out 0s, opacity 0.4s ease-in-out 0s; -webkit-transition: color 0.4s ease-in-out 0s, background-color 0.4s ease-in-out 0s, border-color 0.4s ease-in-out 0s, opacity 0.4s ease-in-out 0s; -o-transition: color 0.4s ease-in-out 0s, border-color 0.4s ease-in-out 0s, background-color 0.4s ease-in-out 0s, border-color 0.4s ease-in-out 0s, opacity 0.4s ease-in-out 0s; -ms-transition: color 0.4s ease-in-out 0s, background-color 0.4s ease-in-out 0s, border-color 0.4s ease-in-out 0s, opacity 0.4s ease-in-out 0s; transform-origin: center center; -moz-transform-origin: center center; -webkit-transform-origin: center center; -o-transform-origin: center center; -ms-transform-origin: center center; } #top > .fit-a:before, #top > .fit-a:after, #nav > ul > li > a:before, #nav > ul > li > div, #nav > ul > li > ul, #root > .fit-a, #nav > ul > li.sub > a:after, .tabs-d > ul li a:before, .list-r.c > li, .list-r.c > li * { transition: all 0.4s ease-in-out 0s; -moz-transition: all 0.4s ease-in-out 0s; -webkit-transition: all 0.4s ease-in-out 0s; -o-transition: all 0.4s ease-in-out 0s; -ms-transition: all 0.4s ease-in-out 0s; } .list-u { -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] { position: absolute; left: -3000em; top: 0; } .center { text-align: center; } .bigger { font-size: 120%; } hr, .hr { display: block; overflow: hidden; width: 100%; height: 1px; margin: 69px 0 79px; padding: 0; border: 0; border-top: 1px solid #c4c6c8; background: none; font-size: 0; } .hr hr { display: none; } .hr.a, #root .hr.a { overflow: visible; position: relative; width: 100%; height: 1px; border: 0; background: #c4c6c8; } .hr.b, #root .hr.b { overflow: hidden; position: relative; width: 100%; height: 15px; margin: 48px 0 60px; border: 0; background: #e3e3e3; } .list-c:first-child, .comments-a form:first-child, .comments-a ul:first-child, .cols-a > aside h3:first-child, .cols-a > aside h4:first-child, .cols-a > aside h5:first-child, .cols-a > aside h6:first-child, .list-f:first-child, .list-j:first-child, .tabs-c:first-child, .scheme-i:first-child, #root .scheme-i:first-child, .module-d + .module-e, .module-e:first-child, .list-a.a:first-child, #content > .list-a.a:first-child, .module-f:first-child, .double.a:first-child, .list-m + .module-d, .list-m:first-child, .article-a > figure:first-child + *, .link-c:first-child, #root .link-c:first-child, .list-n:first-child, #root .list-n:first-child, .news-g:first-child, .list-q:first-child, .form-e:first-child, .list-r:first-child, .list-r.c:first-child, #root #content .module-f .list-r.c:first-child, .module-h:first-child, .list-s:first-child, .tabs-d .double:first-child, .tabs-d > div > .double, .heading-b h1:first-child, .heading-b h2:first-child, .heading-b h3:first-child, .heading-b h4:first-child, .heading-b h5:first-child, .heading-b h6:first-child, .table-a.a:first-child, .module-i:first-child, .list-t:first-child { margin-top: 0; } .module-a > *:last-child, .module-b > *:last-child, #content > *:last-child, .tabs-a .list-h:last-child, .list-h > li:last-child, .tabs-b > div > * > *:last-child { margin-bottom: 0; } .module-a > .last-child, .module-b > .last-child, #content > .last-child, .tabs-a .list-h.last-child, .list-h > li.last-child, .tabs-b > div > * > .last-child { margin-bottom: 0; } #root .mb-a { margin-bottom: 0; } #root .mb-b { margin-bottom: 51px; } #root .mb-c { margin-bottom: 25px; } #root .mb-d { margin-bottom: 22px; } /*! Warnings --------- */ p.lt-ie9, #root:after { position: fixed; left: 0; top: 0; z-index: 1000; width: 100%; height: 28px; background: #333; color: #fff; font-size: 1.2em; font-family: Arial, Helvetica, sans-serif; line-height: 28px; text-align: center; } p.lt-ie9 a { color: #fff; font-weight: 700; text-decoration: underline; } p.lt-ie9 a:hover, p.lt-ie9 a:focus, p.lt-ie9 a:active { text-decoration: none; } /*#root:after { content: "Ummm.. please, enable JavaScript support to fully experience this site."; }*/ .js #root:after { position: absolute; left: -3000em; top: -3000em; } .js body { padding-top: 0; } .lt-ie9 body { padding-top: 28px; } /*! Miscellaneous --------- */ svg:not(:root) { overflow: hidden; } ::selection { background: #8d49b9; color: #fff; text-shadow: none; } ::-moz-selection { background: #8d49b9; color: #fff; text-shadow: none; } #root .desktop-hide, #root .tablet-only, #root .mobile-only { position: absolute; left: -3000em; top: -3000em; bottom: inherit; right: inherit; } /*! Slick.js ---------- */ .slick-slider{position:relative;display:block;-moz-box-sizing:border-box;box-sizing:border-box;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;-webkit-touch-callout:none;-khtml-user-select:none;-ms-touch-action:pan-y;touch-action:pan-y;-webkit-tap-highlight-color:transparent} .slick-list{position:relative;display:block;overflow:hidden;margin:0;padding:0} .slick-list:focus{outline:none} .slick-list.dragging{cursor:pointer;cursor:hand} .slick-slider .slick-track,.slick-slider .slick-list{-webkit-transform:translate3d(0,0,0);-moz-transform:translate3d(0,0,0);-ms-transform:translate3d(0,0,0);-o-transform:translate3d(0,0,0);transform:translate3d(0,0,0)} .slick-track{position:relative;top:0;left:0;display:block} .slick-track:before,.slick-track:after{display:table;content:''} .slick-track:after{clear:both} .slick-loading .slick-track{visibility:hidden} .slick-slide{display:none;float:left;height:100%;min-height:1px} [dir='rtl'] .slick-slide{float:right} .slick-slide img{display:block} .slick-slide.slick-loading img{display:none} .slick-slide.dragging img{pointer-events:none} .slick-initialized .slick-slide{display:block} .slick-loading .slick-slide{visibility:hidden} .slick-vertical .slick-slide{display:block;height:auto;border:1px solid transparent} /*! Fonts --------- */ @font-face { font-family: 'Myriad'; src: url('fonts/myriad_pro_regular.eot'); src: url('fonts/myriad_pro_regular.eot?#iefix') format('embedded-opentype'), url('fonts/myriad_pro_regular.woff2') format('woff2'), url('fonts/myriad_pro_regular.woff') format('woff'), url('fonts/myriad_pro_regular.ttf') format('truetype'), url('fonts/myriad_pro_regular.svg#myriad_proregular') format('svg'); font-weight: 400; font-style: normal; } @font-face { font-family: 'Myriad'; src: url('fonts/myriadpro-it.eot'); src: url('fonts/myriadpro-it.eot?#iefix') format('embedded-opentype'), url('fonts/myriadpro-it.woff2') format('woff2'), url('fonts/myriadpro-it.woff') format('woff'), url('fonts/myriadpro-it.ttf') format('truetype'), url('fonts/myriadpro-it.svg#myriad_proitalic') format('svg'); font-weight: 400; font-style: italic; } @font-face { font-family: 'Myriad'; src: url('fonts/myriadpro-semibold.eot'); src: url('fonts/myriadpro-semibold.eot?#iefix') format('embedded-opentype'), url('fonts/myriadpro-semibold.woff2') format('woff2'), url('fonts/myriadpro-semibold.woff') format('woff'), url('fonts/myriadpro-semibold.ttf') format('truetype'), url('fonts/myriadpro-semibold.svg#myriad_prosemibold') format('svg'); font-weight: 600; font-style: normal; } @font-face { font-family: 'Myriad'; src: url('fonts/myriadpro-semiboldit.eot'); src: url('fonts/myriadpro-semiboldit.eot?#iefix') format('embedded-opentype'), url('fonts/myriadpro-semiboldit.woff2') format('woff2'), url('fonts/myriadpro-semiboldit.woff') format('woff'), url('fonts/myriadpro-semiboldit.ttf') format('truetype'), url('fonts/myriadpro-semiboldit.svg#myriad_prosemibold_italic') format('svg'); font-weight: 600; font-style: italic; } @font-face { font-family: 'Myriad'; src: url('fonts/myriadpro-bold.eot'); src: url('fonts/myriadpro-bold.eot?#iefix') format('embedded-opentype'), url('fonts/myriadpro-bold.woff2') format('woff2'), url('fonts/myriadpro-bold.woff') format('woff'), url('fonts/myriadpro-bold.ttf') format('truetype'), url('fonts/myriadpro-bold.svg#myriad_probold') format('svg'); font-weight: 700; font-style: normal; } @font-face { font-family: 'Myriad'; src: url('fonts/myriadpro-boldit.eot'); src: url('fonts/myriadpro-boldit.eot?#iefix') format('embedded-opentype'), url('fonts/myriadpro-boldit.woff2') format('woff2'), url('fonts/myriadpro-boldit.woff') format('woff'), url('fonts/myriadpro-boldit.ttf') format('truetype'), url('fonts/myriadpro-boldit.svg#myriad_probold_italic') format('svg'); font-weight: 700; font-style: italic; } @font-face { font-family: 'Proxima Nova'; src: url('fonts/proximanova-thin.eot'); src: url('fonts/proximanova-thin.eot?#iefix') format('embedded-opentype'), url('fonts/proximanova-thin.woff2') format('woff2'), url('fonts/proximanova-thin.woff') format('woff'), url('fonts/proximanova-thin.ttf') format('truetype'), url('fonts/proximanova-thin.svg#proxima_novathin') format('svg'); font-weight: 100; font-style: normal; } @font-face { font-family: 'Proxima Nova'; src: url('fonts/proximanova-thinit.eot'); src: url('fonts/proximanova-thinit.eot?#iefix') format('embedded-opentype'), url('fonts/proximanova-thinit.woff2') format('woff2'), url('fonts/proximanova-thinit.woff') format('woff'), url('fonts/proximanova-thinit.ttf') format('truetype'), url('fonts/proximanova-thinit.svg#proxima_novathin_italic') format('svg'); font-weight: 100; font-style: italic; } @font-face { font-family: 'Proxima Nova'; src: url('fonts/proximanova-light.eot'); src: url('fonts/proximanova-light.eot?#iefix') format('embedded-opentype'), url('fonts/proximanova-light.woff2') format('woff2'), url('fonts/proximanova-light.woff') format('woff'), url('fonts/proximanova-light.ttf') format('truetype'), url('fonts/proximanova-light.svg#proxima_novalight') format('svg'); font-weight: 300; font-style: normal; } @font-face { font-family: 'Proxima Nova'; src: url('fonts/proximanova-lightitalic.eot'); src: url('fonts/proximanova-lightitalic.eot?#iefix') format('embedded-opentype'), url('fonts/proximanova-lightitalic.woff2') format('woff2'), url('fonts/proximanova-lightitalic.woff') format('woff'), url('fonts/proximanova-lightitalic.ttf') format('truetype'), url('fonts/proximanova-lightitalic.svg#proxima_novalight_italic') format('svg'); font-weight: 300; font-style: italic; } @font-face { font-family: 'Proxima Nova'; src: url('fonts/proximanova-regular.eot'); src: url('fonts/proximanova-regular.eot?#iefix') format('embedded-opentype'), url('fonts/proximanova-regular.woff2') format('woff2'), url('fonts/proximanova-regular.woff') format('woff'), url('fonts/proximanova-regular.ttf') format('truetype'), url('fonts/proximanova-regular.svg#proxima_nova_rgregular') format('svg'); font-weight: 400; font-style: normal; } @font-face { font-family: 'Proxima Nova'; src: url('fonts/proximanova-regularitalic.eot'); src: url('fonts/proximanova-regularitalic.eot?#iefix') format('embedded-opentype'), url('fonts/proximanova-regularitalic.woff2') format('woff2'), url('fonts/proximanova-regularitalic.woff') format('woff'), url('fonts/proximanova-regularitalic.ttf') format('truetype'), url('fonts/proximanova-regularitalic.svg#proxima_novaregular_italic') format('svg'); font-weight: 400; font-style: italic; } @font-face { font-family: 'Proxima Nova'; src: url('fonts/proximanova-semibold.eot'); src: url('fonts/proximanova-semibold.eot?#iefix') format('embedded-opentype'), url('fonts/proximanova-semibold.woff2') format('woff2'), url('fonts/proximanova-semibold.woff') format('woff'), url('fonts/proximanova-semibold.ttf') format('truetype'), url('fonts/proximanova-semibold.svg#proxima_novasemibold') format('svg'); font-weight: 600; font-style: normal; } @font-face { font-family: 'Proxima Nova'; src: url('fonts/proximanova-semibolditalic.eot'); src: url('fonts/proximanova-semibolditalic.eot?#iefix') format('embedded-opentype'), url('fonts/proximanova-semibolditalic.woff2') format('woff2'), url('fonts/proximanova-semibolditalic.woff') format('woff'), url('fonts/proximanova-semibolditalic.ttf') format('truetype'), url('fonts/proximanova-semibolditalic.svg#proxima_novasemibold_italic') format('svg'); font-weight: 600; font-style: italic; } @font-face { font-family: 'Proxima Nova'; src: url('fonts/proximanova-bold.eot'); src: url('fonts/proximanova-bold.eot?#iefix') format('embedded-opentype'), url('fonts/proximanova-bold.woff2') format('woff2'), url('fonts/proximanova-bold.woff') format('woff'), url('fonts/proximanova-bold.ttf') format('truetype'), url('fonts/proximanova-bold.svg#proxima_nova_rgbold') format('svg'); font-weight: 700; font-style: normal; } @font-face { font-family: 'Proxima Nova'; src: url('fonts/proximanova-boldit.eot'); src: url('fonts/proximanova-boldit.eot?#iefix') format('embedded-opentype'), url('fonts/proximanova-boldit.woff2') format('woff2'), url('fonts/proximanova-boldit.woff') format('woff'), url('fonts/proximanova-boldit.ttf') format('truetype'), url('fonts/proximanova-boldit.svg#proxima_nova_rgbold_italic') format('svg'); font-weight: 700; font-style: italic; } /*! Icons --------- */ @font-face { font-family: 'i'; src:url('icons/icomoon.eot?n3cgn7'); src:url('icons/icomoon.eot?#iefixn3cgn7') format('embedded-opentype'), url('icons/icomoon.ttf?n3cgn7') format('truetype'), url('icons/icomoon.woff?n3cgn7') format('woff'), url('icons/icomoon.svg?n3cgn7#icomoon') format('svg'); font-weight: 400; font-style: normal; } [class^="icon-"], [class*=" icon-"] { font-family: 'i'; 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-arrow-down:before { content: "\e61c"; } .icon-arrow-down2:before { content: "\e64f"; } .icon-arrow-left:before { content: "\e61d"; } .icon-arrow-left2:before { content: "\e650"; } .icon-arrow-right:before { content: "\e61e"; } .icon-arrow-right2:before { content: "\e651"; } .icon-arrow-up:before { content: "\e61f"; } .icon-arrow-up2:before { content: "\e652"; } .icon-badge:before { content: "\e6b8"; } .icon-badge-100:before { content: "\e6ba"; } .icon-badge2:before { content: "\e6b9"; } .icon-balance:before { content: "\e63a"; } .icon-balance2:before { content: "\e64b"; } .icon-bank:before { content: "\e65e"; } .icon-bracket-close:before { content: "\e6bb"; } .icon-bracket-open:before { content: "\e663"; } .icon-bridgewater:before { content: "\e664"; } .icon-briefcase:before { content: "\e665"; } .icon-bug:before { content: "\e619"; } .icon-bug2:before { content: "\e64c"; } .icon-bulb:before { content: "\e620"; } .icon-business-chat:before { content: "\e653"; } .icon-business-shout:before { content: "\e654"; } .icon-camera:before { content: "\e666"; } .icon-cart:before { content: "\e60d"; } .icon-cart-lock:before { content: "\e62f"; } .icon-ceret-down:before { content: "\e600"; } .icon-ceret-left:before { content: "\e601"; } .icon-ceret-right:before { content: "\e602"; } .icon-ceret-rounded-down:before { content: "\e667"; } .icon-ceret-rounded-left:before { content: "\e668"; } .icon-ceret-rounded-right:before { content: "\e669"; } .icon-ceret-rounded-up:before { content: "\e66a"; } .icon-ceret-up:before { content: "\e603"; } .icon-ceret-wide-down:before { content: "\e66b"; } .icon-ceret-wide-left:before { content: "\e66c"; } .icon-ceret-wide-right:before { content: "\e66d"; } .icon-ceret-wide-up:before { content: "\e66e"; } .icon-chat:before { content: "\e604"; } .icon-chat2:before { content: "\e63d"; } .icon-check:before { content: "\e605"; } .icon-check2:before { content: "\e66f"; } .icon-check-box:before { content: "\e60e"; } .icon-check-box-2:before { content: "\e670"; } .icon-check-box-3:before { content: "\e671"; } .icon-chevron-down:before { content: "\e672"; } .icon-chevron-left:before { content: "\e673"; } .icon-chevron-right:before { content: "\e674"; } .icon-chevron-up:before { content: "\e675"; } .icon-city:before { content: "\e676"; } .icon-city2:before { content: "\e655"; } .icon-city-lock:before { content: "\e632"; } .icon-cloud:before { content: "\e60f"; } .icon-cloud-monitor-squares:before { content: "\e65f"; } .icon-clouds:before { content: "\e610"; } .icon-cloud-share:before { content: "\e677"; } .icon-cloud-shield-clouds:before { content: "\e660"; } .icon-cog:before { content: "\e678"; } .icon-cog-lock:before { content: "\e621"; } .icon-comet:before { content: "\e633"; } .icon-court:before { content: "\e679"; } .icon-credit-card:before { content: "\e67a"; } .icon-credit-card-briefcase:before { content: "\e67b"; } .icon-credit-card-briefcase2:before { content: "\e634"; } .icon-credit-card-insert:before { content: "\e635"; } .icon-database:before { content: "\e67c"; } .icon-database-reload:before { content: "\e636"; } .icon-document:before { content: "\e611"; } .icon-document-badge:before { content: "\e67d"; } .icon-document-pdf:before { content: "\e67e"; } .icon-document-ssl:before { content: "\e67f"; } .icon-email:before { content: "\e60b"; } .icon-energy:before { content: "\e680"; } .icon-envelope:before { content: "\e612"; } .icon-exclamation:before { content: "\e681"; } .icon-exclamation-bubble:before { content: "\e682"; } .icon-exclamation-square:before { content: "\e683"; } .icon-fb:before { content: "\e684"; } .icon-folder:before { content: "\e637"; } .icon-folder-lock:before { content: "\e64d"; } .icon-gl:before { content: "\e685"; } .icon-glasses:before { content: "\e686"; } .icon-globe:before { content: "\e638"; } .icon-graph:before { content: "\e687"; } .icon-hand-check:before { content: "\e622"; } .icon-hand-moving:before { content: "\e63c"; } .icon-handshake:before { content: "\e688"; } .icon-handshake2:before { content: "\e656"; } .icon-handshake-shield:before { content: "\e639"; } .icon-headphone:before { content: "\e689"; } .icon-home:before { content: "\e657"; } .icon-id:before { content: "\e68a"; } .icon-label:before { content: "\e68b"; } .icon-laptop:before { content: "\e68c"; } .icon-laptop-cart:before { content: "\e658"; } .icon-li:before { content: "\e68d"; } .icon-livechat:before { content: "\e68e"; } .icon-lock:before { content: "\e606"; } .icon-lock2:before { content: "\e613"; } .icon-lock3:before { content: "\e623"; } .icon-lock-bubble:before { content: "\e68f"; } .icon-logo:before { content: "\e614"; } .icon-logotype:before { content: "\e690"; } .icon-logout:before { content: "\e615"; } .icon-minus:before { content: "\e691"; } .icon-mobile:before { content: "\e60c"; } .icon-money:before { content: "\e692"; } .icon-monitor:before { content: "\e693"; } .icon-monitor-graph:before { content: "\e694"; } .icon-monitor-time:before { content: "\e659"; } .icon-monitor-time-reload:before { content: "\e63e"; } .icon-new-york:before { content: "\e695"; } .icon-ossecurity:before { content: "\e616"; } .icon-paper-pen:before { content: "\e65d"; } .icon-paraglide:before { content: "\e63b"; } .icon-people:before { content: "\e696"; } .icon-performance:before { content: "\e607"; } .icon-phone:before { content: "\e617"; } .icon-piggy:before { content: "\e697"; } .icon-piggy2:before { content: "\e63f"; } .icon-pipes:before { content: "\e648"; } .icon-plan:before { content: "\e640"; } .icon-plus:before { content: "\e698"; } .icon-police:before { content: "\e699"; } .icon-police2:before { content: "\e641"; } .icon-question:before { content: "\e618"; } .icon-question-bubble:before { content: "\e69a"; } .icon-recaptcha:before { content: "\e69b"; } .icon-rocket:before { content: "\e642"; } .icon-routing:before { content: "\e608"; } .icon-seattle:before { content: "\e69c"; } .icon-seed:before { content: "\e62e"; } .icon-server:before { content: "\e61a"; } .icon-server-cd:before { content: "\e69d"; } .icon-server-hand:before { content: "\e609"; } .icon-server-hand2:before { content: "\e661"; } .icon-server-linux:before { content: "\e61b"; } .icon-server-pin:before { content: "\e69e"; } .icon-servers:before { content: "\e624"; } .icon-servers2:before { content: "\e69f"; } .icon-servers3:before { content: "\e6a0"; } .icon-servers-cog:before { content: "\e630"; } .icon-servers-hand:before { content: "\e6a1"; } .icon-servers-home:before { content: "\e6a2"; } .icon-servers-pins:before { content: "\e6a3"; } .icon-servers-tools:before { content: "\e631"; } .icon-servers-tools2:before { content: "\e65a"; } .icon-servers-weight:before { content: "\e60a"; } .icon-servers-weight2:before { content: "\e649"; } .icon-servers-weight-shield:before { content: "\e6a4"; } .icon-servers-world:before { content: "\e625"; } .icon-servers-zoom:before { content: "\e643"; } .icon-server-windows:before { content: "\e626"; } .icon-server-zoom:before { content: "\e6a5"; } .icon-service:before { content: "\e65b"; } .icon-service-chat:before { content: "\e64e"; } .icon-service-lock:before { content: "\e644"; } .icon-service-password:before { content: "\e645"; } .icon-share:before { content: "\e627"; } .icon-speed:before { content: "\e628"; } .icon-speed2:before { content: "\e6a6"; } .icon-ssl-lock:before { content: "\e646"; } .icon-ssl-lock2:before { content: "\e647"; } .icon-stable:before { content: "\e629"; } .icon-team:before { content: "\e6a7"; } .icon-team2:before { content: "\e662"; } .icon-thumb-down:before { content: "\e6a8"; } .icon-thumb-up:before { content: "\e6a9"; } .icon-tie:before { content: "\e6aa"; } .icon-time:before { content: "\e6ab"; } .icon-tools:before { content: "\e62a"; } .icon-tw:before { content: "\e6ac"; } .icon-usa:before { content: "\e65c"; } .icon-user:before { content: "\e62b"; } .icon-user2:before { content: "\e62c"; } .icon-user-add:before { content: "\e6ad"; } .icon-user-question:before { content: "\e6ae"; } .icon-user-remove:before { content: "\e6af"; } .icon-users:before { content: "\e6b0"; } .icon-user-tie:before { content: "\e6b1"; } .icon-wall:before { content: "\e6b2"; } .icon-wall-lock:before { content: "\e64a"; } .icon-windows-certificate:before { content: "\e6b3"; } .icon-windows-package-expand:before { content: "\e6b4"; } .icon-world:before { content: "\e6b5"; } .icon-x:before { content: "\e6b6"; } .icon-zoom:before { content: "\e62d"; } .icon-zoom2:before { content: "\e6b7"; } .icon-server-power:before { content: "\e900"; } /*! Fancybox --------- */ .fancybox-wrap, .fancybox-skin, .fancybox-outer, .fancybox-inner, .fancybox-image, .fancybox-wrap iframe, .fancybox-wrap object, .fancybox-nav, .fancybox-nav span, .fancybox-tmp { padding: 0; margin: 0; border: 0; outline: none; vertical-align: top; } .fancybox-wrap, .fancybox-wrap * { transition: none; -moz-transition: none; -webkit-transition: none; -o-transition: none; -ms-transition: none; } .fancybox-wrap { position: absolute; top: 0; left: 0; z-index: 8020; } .fancybox-skin { position: relative; background: #f9f9f9; color: #444; text-shadow: none; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; } .fancybox-opened { z-index: 8030; } .fancybox-opened .fancybox-skin { -webkit-box-shadow: 0 10px 25px rgba(0, 0, 0, 0.5); -moz-box-shadow: 0 10px 25px rgba(0, 0, 0, 0.5); box-shadow: 0 10px 25px rgba(0, 0, 0, 0.5); } .fancybox-outer, .fancybox-inner { position: relative; } .fancybox-inner { overflow: hidden; } .fancybox-type-iframe .fancybox-inner { -webkit-overflow-scrolling: touch; } .fancybox-error { color: #444; font: 14px/20px "Helvetica Neue", Helvetica, Arial, sans-serif; margin: 0; padding: 15px; white-space: nowrap; } .fancybox-image, .fancybox-iframe { display: block; width: 100%; height: 100%; } .fancybox-image { max-width: 100%; max-height: 100%; } #fancybox-loading, .fancybox-close, .fancybox-prev span, .fancybox-next span { background-image: url(../images/fancybox/fancybox_sprite.png); } #fancybox-loading { position: fixed; top: 50%; left: 50%; margin-top: -22px; margin-left: -22px; background-position: 0 -108px; opacity: 0.8; cursor: pointer; z-index: 8060; } #fancybox-loading div { width: 44px; height: 44px; background: url(../images/fancybox/fancybox_loading.gif) center center no-repeat; } .fancybox-close { position: absolute; top: -18px; right: -18px; width: 36px; height: 36px; cursor: pointer; z-index: 8040; } .fancybox-nav { position: absolute; top: 0; width: 40%; height: 100%; cursor: pointer; text-decoration: none; background: transparent url(../images/fancybox/blank.gif); -webkit-tap-highlight-color: rgba(0,0,0,0); z-index: 8040; } .fancybox-nav span { position: absolute; top: 50%; width: 36px; height: 34px; margin-top: -18px; cursor: pointer; z-index: 8040; visibility: hidden; } .fancybox-nav:hover span { visibility: visible; } .fancybox-prev { left: 0; } .fancybox-next { right: 0; } .fancybox-prev span { left: 10px; background-position: 0 -36px; } .fancybox-next span { right: 10px; background-position: 0 -72px; } .fancybox-tmp { position: absolute; top: -99999px; left: -99999px; visibility: hidden; max-width: 99999px; max-height: 99999px; overflow: visible !important; } /*.fancybox-lock { overflow: hidden !important; width: auto; } .fancybox-lock body { overflow: hidden !important; } .fancybox-lock-test { overflow-y: hidden !important; }*/ .fancybox-overlay { position: absolute; top: 0; left: 0; overflow: hidden; display: none; z-index: 8010; background: url(../images/fancybox/fancybox_overlay.png); } .fancybox-overlay-fixed { position: fixed; bottom: 0; right: 0; } /*.fancybox-lock .fancybox-overlay { overflow: auto; overflow-y: scroll; }*/ .fancybox-title { visibility: hidden; font: normal 13px/20px "Helvetica Neue", Helvetica, Arial, sans-serif; position: relative; text-shadow: none; z-index: 8050; } .fancybox-opened .fancybox-title { visibility: visible; } .fancybox-title-float-wrap { position: absolute; bottom: 0; right: 50%; margin-bottom: -35px; z-index: 8050; text-align: center; } .fancybox-title-float-wrap .child { display: inline-block; margin-right: -100%; padding: 2px 20px; background: transparent; /* Fallback for web browsers that doesn't support RGBa */ background: rgba(0, 0, 0, 0.8); -webkit-border-radius: 15px; -moz-border-radius: 15px; border-radius: 15px; text-shadow: 0 1px 2px #222; color: #FFF; font-weight: bold; line-height: 24px; white-space: nowrap; } .fancybox-title-outside-wrap { position: relative; margin-top: 10px; color: #fff; } .fancybox-title-inside-wrap { padding-top: 10px; } .fancybox-title-over-wrap { position: absolute; bottom: 0; left: 0; color: #fff; padding: 10px; background: #000; background: rgba(0, 0, 0, .8); } #fancybox-buttons { position: fixed; left: 0; width: 100%; z-index: 8050; } #fancybox-buttons.top { top: 10px; } #fancybox-buttons.bottom { bottom: 10px; } #fancybox-buttons ul { display: block; width: 166px; height: 30px; margin: 0 auto; padding: 0; list-style: none; border: 1px solid #111; border-radius: 3px; -webkit-box-shadow: inset 0 0 0 1px rgba(255,255,255,.05); -moz-box-shadow: inset 0 0 0 1px rgba(255,255,255,.05); box-shadow: inset 0 0 0 1px rgba(255,255,255,.05); background: rgb(50,50,50); background: -moz-linear-gradient(top, rgb(68,68,68) 0%, rgb(52,52,52) 50%, rgb(41,41,41) 50%, rgb(51,51,51) 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgb(68,68,68)), color-stop(50%,rgb(52,52,52)), color-stop(50%,rgb(41,41,41)), color-stop(100%,rgb(51,51,51))); background: -webkit-linear-gradient(top, rgb(68,68,68) 0%,rgb(52,52,52) 50%,rgb(41,41,41) 50%,rgb(51,51,51) 100%); background: -o-linear-gradient(top, rgb(68,68,68) 0%,rgb(52,52,52) 50%,rgb(41,41,41) 50%,rgb(51,51,51) 100%); background: -ms-linear-gradient(top, rgb(68,68,68) 0%,rgb(52,52,52) 50%,rgb(41,41,41) 50%,rgb(51,51,51) 100%); background: linear-gradient(top, rgb(68,68,68) 0%,rgb(52,52,52) 50%,rgb(41,41,41) 50%,rgb(51,51,51) 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#444444', endColorstr='#222222',GradientType=0 ); } #fancybox-buttons ul li { float: left; margin: 0; padding: 0; } #fancybox-buttons a { display: block; width: 30px; height: 30px; text-indent: -9999px; background-color: transparent; background-image: url(../images/fancybox/fancybox_buttons.png); background-repeat: no-repeat; outline: none; opacity: 0.8; } #fancybox-buttons a:hover { opacity: 1; } #fancybox-buttons a.btnPrev { background-position: 5px 0; } #fancybox-buttons a.btnNext { background-position: -33px 0; border-right: 1px solid #3e3e3e; } #fancybox-buttons a.btnPlay { background-position: 0 -30px; } #fancybox-buttons a.btnPlayOn { background-position: -30px -30px; } #fancybox-buttons a.btnToggle { background-position: 3px -60px; border-left: 1px solid #111; border-right: 1px solid #3e3e3e; width: 35px; } #fancybox-buttons a.btnToggleOn { background-position: -27px -60px; } #fancybox-buttons a.btnClose { border-left: 1px solid #111; width: 35px; background-position: -56px 0px; } #fancybox-buttons a.btnDisabled { opacity : 0.4; cursor: default; } #fancybox-thumbs { position: fixed; left: 0; width: 100%; overflow: hidden; z-index: 8050; } #fancybox-thumbs.bottom { bottom: 2px; } #fancybox-thumbs.top { top: 2px; } #fancybox-thumbs ul { position: relative; list-style: none; margin: 0; padding: 0; } #fancybox-thumbs ul li { float: left; padding: 1px; opacity: 0.5; } #fancybox-thumbs ul li.active { opacity: 0.75; padding: 0; border: 1px solid #fff; } #fancybox-thumbs ul li:hover { opacity: 1; } #fancybox-thumbs ul li a { display: block; position: relative; overflow: hidden; border: 1px solid #222; background: #111; outline: none; } #fancybox-thumbs ul li img { display: block; position: relative; border: 0; padding: 0; max-width: none; } @media only screen and (-webkit-min-device-pixel-ratio: 1.5), only screen and (min--moz-device-pixel-ratio: 1.5), only screen and (min-device-pixel-ratio: 1.5){ #fancybox-loading, .fancybox-close, .fancybox-prev span, .fancybox-next span { background-image: url(../images/fancybox/fancybox_sprite@2x.png); background-size: 44px 152px; } #fancybox-loading div { background-image: url(../images/fancybox/fancybox_loading@2x.gif); background-size: 24px 24px; } } /* Responsive --------- */ /*@media only screen and (max-height: 62.5em) { #welcome { padding: 207px 0 200px; } .nav-b { } .nav-b > * { padding: 16px 0 9px; } .nav-b li { margin-bottom: 7px; padding-bottom: 0; } }*/ @media only screen and (max-width: 115.625em) { /* 1850 */ #nav { right: 50%; margin-right: -480px; } } @media only screen and (max-width: 106.25em) { /* 1700 */ #top > p { top: -3000em; } .news-d.c, #content > .news-d.c, #content > .list-j { left: 0; width: 1200px; } .module-f > .news-d { left: -120px; } .news-d.c article { width: 328px; padding-left: 25px; } .news-d.c article figure { margin-bottom: 30px; } .news-d.c article figure, .news-d article figure img { display: block; position: relative; left: 0; top: 0; margin-left: auto; margin-right: auto; } .news-d.c article figure, .news-d article figure img { -moz-transform: none; -webkit-transform: none; -o-transform: none; -ms-transform: none; transform: none; } .news-d.c article:nth-child(3n) { margin-right: 0; } .news-d.c article h1, .news-d.c article h2, .news-d.c article h3, .news-d.c article h4, .news-d.c article h5, .news-d.c article h6 { margin-left: -25px; } } @media only screen and (max-width: 75em) { /* 1200 */ #content.cols-a, #content.a > *, #content > .module-d, #content > .list-a.a, #root #content > .scheme-i, #content > .module-e, .list-a.a, #content > .list-a.a, #content > .tabs-c.va, .news-d, #content > .news-d, #content > .list-m, #root #content > .article-a, #content > .news-g, #content > .news-h, #content > .wide, #countdown, #content > .form-e, .news-d.c, #content > .news-d.c, #content > .list-j, #content > .module-g, #content > .module-f.vb, #content > .module-f.va, .scheme-a.c, #content > .scheme-a.c, .scheme-f.c, #content .scheme-f.c, #content > .video-a.a, .heading-b > * { width: 960px; } #root .cols-a > *:first-child { width: 660px; } #content > .module-f > .list-a.a, #content > .module-f > .scheme-a.c { margin-left: 0; } .article-a { margin-lefT: auto; margin-right: auto; background: none !important; } #root .article-a.no-graphic { padding-left: 0; padding-right: 0; } #root #content > .article-a > * { width: auto; padding-right: 0 !important; } .list-a { } .list-a.a li { font-size: 1.4em; } .list-a.a li > .inner { max-width: 240px; } /*.list-a li img { height: 40px !important; }*/ .list-j { } .list-j li span, .list-j li .img { max-width: 170px; } .list-j li img { width: 100% !important; } .list-j li:before { top: 65px; width: 56px; height: 51px; margin: 0 0 0 -28px; } .list-q { margin-bottom: 21px; } .list-q li { width: 193px; margin: 0 20px 20px 0; font-size: 1.6em; } .list-q li .title { font-size: 1.5em; } .list-p { } #content > * > .list-p.a { width: auto; margin-left: 0; margin-right: 0; } .list-p.a > li { width: 465px; padding-left: 30px; padding-right: 20px; } #root .list-p.a > li .img { display: block; position: relative; width: auto; height: 150px; } .list-r { } .list-r > li, #root #content .module-f .list-r > li, .list-r.b > li, #root #content .module-f .list-r.b > li, #root #content .module-f .list-r.d > li { width: 465px; } #content > .list-r, #root #content .module-f .list-r.d { left: 0; width: 990px; } .list-r > li > span.img { float: none; width: auto; margin: -20px 0 10px; } .list-r p { margin-top: 0; } .module-d { } .module-d > header { width: 200px; } .module-d > header h1, .module-d > header h2, .module-d > header h3 { font-size: 2.5em; } .module-d > ul > li { width: 180px; } .module-d.a { } .module-d.a > ul { margin-bottom: 32px; } .module-d.a > ul > li { width: 254.66666666px; margin: 0 20px 20px 0; padding-left: 25px; padding-right: 25px; font-size: 1.6em; } .module-d.a .social-b { left: 25px; right: 0; } .scheme-i, #root .scheme-i, .module-e p { font-size: 2.2em; } .module-e p.scheme-j { font-size: 1.8em; } .module-g { } .module-i { } .module-i > * > h1,.module-i > * > h2, .module-i > * > h3, .module-i > * > h4, .module-i > * > h5, .module-i > * > h6 { font-size: 2.4em; } .news-d, #content > .news-d, .module-f > .news-d { left: 0; } .news-d > article, .news-d.a > article { width: 49%; margin-right: 0; padding-left: 200px; } .news-d > article:nth-child(2n) { float: right; } .news-d article h1, .news-d article h2, .news-d article h3, .news-d article h4, .news-d article h5, .news-d article h6 { margin-left: -200px; } .news-d article figure { width: 200px; } .news-d.c { } .news-d.c article { float: left; width: 300px; margin-right: 30px; } .news-d.d { } .news-d.d article { float: left; margin-right: 24px; } .news-d.d article:nth-child(3n) { margin-right: 0; } .news-g, #content > .news-g { left: 0; } .news-g article { width: 256px; margin-right: 30px; padding-left: 30px; padding-right: 30px; } .news-g article:nth-child(3n), .news-g article:last-child { margin-right: 0; } .news-g .list-k { margin-left: -20px; } .news-g.a { } .news-g.a article { width: 242px; } .news-h, #content > .news-h { left: 0; } .news-h article { width: 257.666666px; margin-right: 0; } .news-h article:first-child, .news-h article:first-child + article { margin-right: 20px; } .news-h article header { padding-left: 100px; } .news-h article header figure { width: 100px; } .news-h article.a header figure { text-align: left; } .news-h article.map { padding-left: 638px; padding-right: 0; } .news-h article.map figure { left: 0; } .news-h.a { } .news-h.a article { width: 410px; margin-right: 0; padding-left: 27px; } .news-h.a article:nth-child(2n) { float: right; } .news-h.a article header { margin-left: -27px; padding-left: 160px; } .news-h.a article header figure { width: 160px; } .table-a.a { } #root #content .table-a.a tr.a > * { font-size: 2.4em; } #root .table-a.a th, #root #content .table-a.a .head th { font-size: 1.8em; } #root .table-a.a th { padding-left: 20px; padding-right: 20px; } .tabs-c { } .tabs-c > ul { padding-left: 200px; } .tabs-c.vc > ul { padding-left: 400px; } .tabs-c > ul > li { font-size: 1.8em; } .tabs-c .image-a { width: 160px; padding: 0 20px; } .tabs-c.vb > div > * { min-height: 160px; padding-left: 200px; } .tabs-c.vb > div > * > figure:first-child { width: 160px; padding: 0 20px; } .tabs-d { left: 0; width: auto; } .quote-b, .scheme-d, #root .quote-b, #root .scheme-d { margin-left: 50px; } .news-d > article, #content > .form-e { -moz-box-sizing: border-box; -webkit-box-sizing: border-box; -o-box-sizing: border-box; -ms-box-sizing: border-box; box-sizing: border-box; } } @media only screen and (max-width: 68.75em) { /* 1100 */ #content > .triple-a, #welcome > p > .inner, #content > .list-j, .scheme-a.c, #content > .scheme-a.c, .scheme-f.c, #content .scheme-f.c { width: 960px; } #welcome > p { font-size: 1.4em; } .triple-a { } .triple-a > * { width: 31.33333%; } .triple-a > *:first-child { margin-right: 3%; } .news-c { margin-left: -30px; } .news-c article, .news-c .pagination-a > ul, .news-c .pagination-a > ol { border-left-width: 30px; } .news-c article.featured, .news-c article.featured:first-child { min-height: 179px; padding-left: 345px; } .news-c article.featured figure { max-width: 309px; } .news-c header ul li { padding: 0 18px 0 19px; } } @media only screen and (max-width: 62.5em) { /* 1000 */ #content > *, .news-a, #footer, .nav-a > *, #featured > *, #top h1, #content > .news-a, #content > .triple-a, #welcome > p > .inner, .nav-b > *, #welcome h1, #welcome h2, #welcome header p, #content.cols-a, #content.a > *, .form-b fieldset, .list-g, #content.a > .list-g, .pagination-a > ul, .pagination-a > ol, .form-c fieldset, #content > .list-j, #content > .module-d, #content > .list-a.a, #root #content > .scheme-i, #content > .module-e, .scheme-a.c, #content > .scheme-a.c, .list-a.a, #content > .list-a.a, #content > .tabs-c.va, .news-d, #content > .news-d, #content > .list-m, #root #content > .article-a, #support, #content > .news-g, #content > .news-a.a, #content > .news-h, #content > .module-f.va > *, #content > .wide, #countdown, #content > .form-e, .news-d.c, #content > .news-d.c, #content > .list-j, #content > .module-g, .scheme-f.c, #content .scheme-f.c, #content > .module-f.vb, #content > .module-f.va, .list-g, #content.a > .list-g, #content > .video-a.a, .heading-b > * { width: 720px; } #top { } #top h1 a { background: url(../images/logo.svg) no-repeat; background-size: 100% 100%; } #top > .fit-a { right: 50%; top: 23px; margin-right: -360px; } #nav { right: 50%; top: -3000em; margin-right: -360px; background: #8d49b9; } #top.active #nav { top: 73px; } #root #nav > ul { left: 0; } #root #nav > ul > li { float: none; padding: 0; } #root #nav > ul > li > a { display: block; float: none; padding: 10px 20px; color: #fff; } #root #nav > ul > li.active > a, #root #nav > ul > li > a:hover, #nav > ul > li > ul.a > li > a:hover, #nav > ul > li > ul.a > li.active > a { background: #593691; color: #fff; text-decoration: none; } #nav > ul > li { padding-left: 10px; } #nav > ul > li > ul.a { margin: 0; border-radius: 0; border: 0; background: none; } #nav > ul > li > ul.a > li { border: 0; font-size: 13px; font-weight: 700; } #nav > ul > li > ul.a > li > a { padding: 10px 20px; color: #fff; text-transform: uppercase; } #welcome { } #welcome h1, #welcome h2, #countdown p.countdown { font-size: 5em; } #support { } #support > * { max-width: none; } #root #footer > nav { margin-left: -20px; } #root #footer > nav > * > * { padding-left: 20px; } #root .cols-a > *:first-child { width: 420px; } #root .article-a { padding-left: 0; padding-right: 0; } #root #content > .article-a { padding-left: 0; } #root .article-a > figure:first-child { position: relative; top: 0; margin: 0 0 30px !important; } #root .article-a > figure:first-child { -moz-transform: none; -webkit-transform: none; -o-transform: none; -ms-transform: none; transform: none; } .countdown { } .countdown .count,#countdown p.countdown .count { width: auto; font-size: 15.75px; } .countdown .count .circle { width: 94px; height: 94px; margin: 0 10px 0 0; padding: 10px 0 0; } .countdown .count .circle span { margin: 0; } .heading-b { } .heading-b header { margin-bottom: 12px; padding-top: 26px; } .heading-b header h1, .heading-b header h2, .heading-b header h3, .heading-b header h4, .heading-b header h5, .heading-b header h6 { margin: 0 0 4px; font-size: 3em; text-align: left; } .heading-b header p { font-size: 2.8em; } .heading-b footer.scroll-to-fixed-fixed { position: relative !important; left: 0 !important; top: 0 !important; width: auto !important; margin-left: 0 !important; background: none; } .heading-b footer.scroll-to-fixed-fixed:before { background: none; } .link-a { } .link-a span.a { display: block; font-size: 1.5em; } .link-a span.a + a { margin: 20px 0 0; } .list-a { } .list-a.a li > .inner { max-width: 90%; } .list-c { } .list-c li { width: 33.333333%; } .list-c li .inner { width: 90%; } .list-c li.d { float: none; clear: both; width: 100%; margin-bottom: 40px; text-align: center; } .list-c li.d .inner { display: block; width: 100%; } .list-g { } .list-g li > .inner { width: 90%; } .list-j { } .list-j li span, .list-j li .img { max-width: 120px; } .list-j li:before, .list-j.a li:before { top: 46px; width: 40px; height: 36px; margin: 0 0 0 -20px; } .list-j.a li span { max-width: 190px; } .list-j.a li:before { top: 74px; } .list-j.a li img { width: 100% !important; } .list-k.a { } .list-k.a li { width: 100%; } .list-m { } .list-m > li, .list-m .inner > li { padding-left: 23px; padding-top: 20px; } #root .list-m li .img { position: relative; width: auto; top: 0; margin: 0 0 15px; } #root .list-m li .img img { position: relative; left: 0; top: 0; margin: 0 auto !important; } #root .list-m li .img img { -moz-transform: none; -webkit-transform: none; -o-transform: none; -ms-transform: none; transform: none; } #root .list-m.a li .img { margin-top: 20px; } .list-n, #root .list-n { width: auto; max-width: 685px; } .list-o { } .list-o li { width: 204px; margin-right: 21px; } .list-p { } .list-p li { width: 230px; margin-bottom: 20px; } .list-p.a { } .list-p.a li { width: 350px; } .list-q { margin-bottom: 31px; } .list-q li { width: 140.5px; margin: 0 10px 10px 0; } .list-r { } .list-r > li, #root #content .module-f .list-r > li, .list-r.b > li, #root #content .module-f .list-r.b > li { width: 350px; margin-right: 20px; padding-left: 20px; padding-right: 20px; } .list-r .title { margin-left: -20px; margin-right: -20px; } #content > .list-r { width: 750px; } .list-r p br { display: none; } .list-s { } .list-s li { float: none; width: auto; margin: 30px 0 0; padding-right: 0; padding-top: 40px; border-top: 2px solid #bebebe; } .list-s li:first-child { margin-top: 0; padding-top: 0; border: 0; } .list-s .title i { margin-top: -60px; } .list-s li:first-child .title i { margin-top: -80px; } .list-u.scroll-to-fixed-fixed { left: 0 !important; width: 100% !important; margin: 0; padding: 0; } .list-u.scroll-to-fixed-fixed:before { border-bottom: 1px solid #388d42; background: #282d69; } .list-u.scroll-to-fixed-fixed li { float: left; width: 33.333333333%; margin: 0; padding: 0; border-left-width: 1px; background: #282d69; } .list-u.scroll-to-fixed-fixed li a { padding: 3px 0 4px; text-decoration: none; } .list-u.scroll-to-fixed-fixed li a:hover { background: #388d42; } .list-u.scroll-to-fixed-fixed li:first-child { border-left: 0; } .list-u.scroll-to-fixed-fixed li img { position: absolute; left: -3000em; top: 0; } .logo-a li { margin: 0 11px 17px; } .module-d { } .module-d > header { float: none; width: auto; } .module-d > header h1, .module-d > header h2, .module-d > header h3 { font-size: 2.9em; } .module-d > ul { overflow: hidden; float: none; width: 110%; } .module-d > ul > li { float: left; width: 179px; margin: 0 26px 26px 0; } #content > .module-d:last-child, #content > .module-e:last-child { margin-bottom: -21px; } .module-d.a { } .module-d.a > ul { margin-bottom: 42px; } .module-d.a > ul > li { width: 201px; margin: 0 10px 10px 0; padding-left: 15px; padding-right: 15px; } .module-d.a .social-b { left: 15px; } .module-f.va { } #content > .module-f.va > * { max-width: none; padding-right: 0; } .module-g { } .module-g h1, .module-g h2, .module-g h3, .module-g h4, .module-g h5, .module-g h6 { margin-bottom: 30px; line-height: 1.1; } .module-g ul { } .module-g ul li { height: 34px; font-size: 1.8em; line-height: 34px; } .module-g ul li a { padding: 0 20px; } .module-g ul li a i { top: 4px; margin: 0 15px 0 0; font-size: 22.5px; } .module-g ul li a i.icon-mobile { font-size: 20px; } .module-g ul li a i.icon-email { font-size: 21.5px; } .news-c { margin-left: 0; } .news-c article, .news-c .pagination-a > ul, .news-c .pagination-a > ol { border-left-width: 0; } #root .news-c article { float: none; width: auto; min-height: 0; margin: 0 0 34px; padding: 21px 0 0; border-top: 1px solid #ebebeb; } #root .news-c article:first-child { padding-top: 0; border-top: 0; } .news-c article.featured figure { position: relative; left: 0; top: 0; max-width: none; margin-bottom: 20px; } .news-c article.featured figure img { display: block; width: 100% !important; } .news-c .pagination-a { } .news-c .pagination-a > ul, .news-c .pagination-a > ol { width: auto; } .news-c .pagination-a li.prev, .news-c .pagination-a li.next { position: relative; } .news-d, #content > .news-d { } #root .news-d > article { padding-left: 25px; } #root .news-d article h1, #root .news-d article h2, #root .news-d article h3, #root .news-d article h4, #root .news-d article h5, #root .news-d article h6 { margin-left: -25px; } #root .news-d article figure { position: relative; top: 0; width: auto; margin: 0 0 30px; } #root .news-d article figure img { position: relative; left: 0; top: 0; max-width: 100% !important; margin: 0 auto !important; } #root .news-d article figure img { -moz-transform: none; -webkit-transform: none; -o-transform: none; -ms-transform: none; transform: none; } .news-d.c { } .news-d.c article { float: left; width: 226.66666666px; margin-right: 20px; } .news-d.d { } .news-d.d article { float: left; width: 224px; } .news-d.d article:nth-child(3n) { margin-right: 0; } /*.news-d.c, #content > .news-d.c { left: 0; width: 1200px; } .module-f > .news-d { left: -120px; } .news-d.c article { width: 328px; padding-left: 25px; } .news-d.c article figure { margin-bottom: 30px; } .news-d.c article figure, .news-d article figure img { display: block; position: relative; left: 0; top: 0; margin-left: auto; margin-right: auto; } .news-d.c article figure, .news-d article figure img { -moz-transform: none; -webkit-transform: none; -o-transform: none; -ms-transform: none; transform: none; } .news-d.c article:nth-child(3n) { margin-right: 0; } .news-d.c article h1, .news-d.c article h2, .news-d.c article h3, .news-d.c article h4, .news-d.c article h5, .news-d.c article h6 { margin-left: -25px; } .news-d.c, #content > .news-d.c { left: 0; width: 960px; background: #fff; } .module-f > .news-d { left: 0; } .news-d.c article { width: 198px; } .news-d.c, #content > .news-d.c { width: 1740px; } .module-f > .news-d { left: -340px; } .news-d.c article { width: 260px; color: #000; } .news-d.c article h1, .news-d.c article h2, .news-d.c article h3, .news-d.c article h4, .news-d.c article h5, .news-d.c article h6 { color: #000; } */ .news-f { } .news-f article { width: 288px; margin-right: 20px; } .news-g { } .news-g h1, .news-g h2, .news-g h3, .news-g h4, .news-g h5, .news-g h6 { position: relative; right: 0; top: 0; text-align: center; } .news-g figure { right: 50%; top: 0; margin: -63px -53px 0 0; } .news-g article { width: 184px; margin-right: 20px; padding-left: 20px; padding-right: 20px; padding-top: 60px; } .news-g p { padding: 0; text-align: center; } .news-g .list-k { margin-left: -10px; } .news-g .list-k li:first-child { padding-right: 0; } .news-g.a { } .news-g.a article { width: 168px; } .news-h { } #root .news-h article { float: none; width: auto; margin: 0 0 30px; text-align: center; } .news-h article:first-child, .news-h article:first-child + article { margin-right: 20px; } .news-h article header { padding-left: 0; text-align: center; } #root .news-h article header figure { position: relative; left: 0; top: 0; width: auto; text-align: center; } #root .news-h article header figure { -moz-transform: none; -webkit-transform: none; -o-transform: none; -ms-transform: none; transform: none; } #root .news-h article header figure img { } #root .news-h article.map { padding-left: 0; text-align: left; } .news-h.a { } #root .news-h.a article { float: left; width: 300px; text-align: left; } #root .news-h.a article:nth-child(2n) { float: right; } .news-h.a article header { margin-left: 0; padding-left: 0; } .quote-a { font-size: 1.8em; } .quote-b, .scheme-d, #root .quote-b, #root .scheme-d { margin-left: 25px; } .table-a { } .table-a tr[class] th, .table-a tr th:first-child { padding-left: 10px; } .table-a tr[class] th .inner { padding-left: 0; } .table-a.a { } #root #content .table-a.a tr.a > * { font-size: 2.2em; } #root .table-a.a th, #root #content .table-a.a .head th { font-size: 1.6em; } .tabs-a { } .tabs-a > ul li a { min-width: 0; } .tabs-c { } .tabs-c > ul, .tabs-c.vc > ul, .tabs-c.vd > ul { padding: 0; } .tabs-c.vd { } .tabs-c.vd > div > * { padding-left: 300px; } .tabs-c.vd > div > * > figure:first-child { width: 300px; } .tabs-d { } .tabs-d > div { padding: 20px 20px 5px; } .tabs-d > ul li, #root .tabs-d h1, #root .tabs-d h2, #root .tabs-d h3, #root .tabs-d h4, #root .tabs-d h5, #root .tabs-d h6, .tabs-d p { font-size: 1.8em; } .video-a { } .video-a a i { font-size: 250px; } .form-a, .comment-form { } .form-a input, .comment-form input, .form-a select , .comment-form select { width: 75%; } .form-e { } #root .form-e > * { float: none; width: auto; } .countdown .count .circle, #content > .module-f.va > * { -moz-box-sizing: border-box; -webkit-box-sizing: border-box; -o-box-sizing: border-box; -ms-box-sizing: border-box; box-sizing: border-box; } #root .desktop-hide, #root .tablet-only, #root #nav > ul > li.user > ul { position: relative; left: 0; top: 0; } #root .desktop-only, #root .tablet-hide, .list-c li.d:after, #nav > ul > li > div, #root #nav > ul > li a:before, #root #nav > ul > li a:after, #root #nav > ul > li.toggle > div, #root #nav > ul > li.toggle > ul, #root #nav > ul > li.user > a, .news-c .clear, .news-c article.featured:before, .news-c article.featured:after, #support figure, .news-h article.map figure, .module-f.va > figure, #content > .module-f.va > figure, .table-a tr[class] th .inner img, #countdown figure, .heading-b footer + .spacer { position: absolute; left: -3000em; top: -3000em; bottom: inherit; right: inherit; } } @media only screen and (max-width: 47.5em) { /* 760 */ #content > *, #footer, #featured > *, #top h1, #content > .triple-a, #welcome > p > .inner, .nav-b > *, #welcome h1, #welcome h2, #welcome header p, #content.cols-a, #content.a > *, .form-c fieldset, #content > .list-j, #content > .module-d, #content > .list-a.a, #root #content > .scheme-i, #content > .module-e, .scheme-a.c, #content > .scheme-a.c, #content > .tabs-c.va, #content > .news-d, #content > .list-m, #root #content > .article-a, #support, #content > .news-g, #content > .news-a.a, #content > .news-h, #content > .module-f.va > *, #content > .wide, #countdown > *, .news-d.c, #content > .news-d.c, #content > .list-j, #content > .list-r, #content > .module-g, #content > .list-r.a, .scheme-f.c, #content .scheme-f.c, #content > .module-f.vb, #content > .module-f.va, #content > .video-a.a, .heading-b > * { width: 90%; } #nav, #top > .fit-a { right: 5%; margin: 0; } #featured { text-align: center; } #featured h1, #featured h2 { margin-bottom: 15px; } #featured p { font-size: 2.6em; } #featured img { float: none; margin: 15px auto 25px; } #welcome { } #welcome h1, #welcome h2 { font-size: 4em; } #support { min-height: 0 !important; height: auto !important; padding-bottom: 0; text-align: center; } #support h1, #support h2,#countdown p.countdown { font-size: 3.2em; } #support h3, #support h4, #support h5, .scheme-a, #countdown p { font-size: 2.4em; } #support p { font-size: 1.4em; } #support footer { position: relative; left: 0; bottom: 0; } #support footer .countdown { margin-bottom: 18px; padding-left: 0; font-size: 1.4em; } #support footer .countdown .count { margin: 0; } #support footer .bottom { font-size: 1.2em; } #support .link-d a { display: inline-block; float: none; } #countdown { overflow: hidden; width: auto; min-height: 0; } #root #countdown > * { margin-left: auto; margin-right: auto; } #countdown p { font-size: 2.4em; } #countdown p + p { margin-top: 20px; } #countdown p a.btn { display: block; margin: 15px 0; } #footer { } #root #footer > nav { margin-left: 0; } #footer > nav > * { width: 33.33333%; } #footer > nav > *:nth-child(3n) + * { clear: both; } #footer > nav > * > ul { margin-bottom: 40px; } #root #footer > nav > * > * { padding-left: 0; padding-right: 0; } #footer > p a { display: block; margin: 10px 0 0; } #root .triple-a > *, #root .cols-a > *:first-child, #root .cols-a > aside, #root .double > *, #root .double.a > figure > img { float: none; width: auto; margin: 0 0 40px; } #root .cols-a > aside, .list-g > li:last-child, #root .double > *:last-child { margin-bottom: 0; } .article-a { } #root .article-a > figure:first-child { text-align: center; } .countdown, #countdown p.countdown { margin: 0; font-size: 14px; text-align: center; } #countdown p.countdown { padding: 0; font-size: 3.2em; } .countdown .count, #countdown p.countdown .count { font-size: 10.5px; } .countdown .count .circle { display: inline-block; float: none; width: 70px; height: 70px; margin: 0 5px 10px; padding: 10px 0 0; } .header-a { font-size: 4em; } .heading-a { } .heading-a:before { content: ""; display: block; position: absolute; left: -1000em; top: 100%; width: 3000em; height: 3px; background: #eee; } #root > .heading-a + #content { padding-top: 0; } .heading-b { padding-top: 255px; } .heading-b header { padding: 0; text-align: center; } .heading-b header h1, .heading-b header h2, .heading-b header h3, .heading-b header h4, .heading-b header h5, .heading-b header h6 { text-align: center; } .heading-b header p { font-size: 2.4em; } .heading-b header:before { position: relative; margin: 0 auto 30px; } .heading-b .nav-a li a { margin-left: -30px; margin-right: -30px; padding-left: 30px; padding-right: 30px; } .link-a.a { font-size: 2em; } .link-c { } #root .link-c a { float: none; min-width: 0; } #root .link-c a + a { margin-top: 5px; } .list-a { margin-bottom: 0; } #root .list-a li { float: none; width: auto; margin-top: 0; margin-bottom: 54px; } .list-a.a, #content > .list-a.a { width: auto; } .list-e { } .list-e li:before { content: ""; display: block; position: absolute; left: -1000em; top: -1px; width: 3000em; height: 1px; background: #ebedf2; } .list-g, #content.a > .list-g { width: auto; } .list-g > li, .list-g li { float: none; width: auto; margin-bottom: 40px; } .list-g > li > .inner, .list-g li > .inner { width: auto; max-width: 220px; margin-left: auto; margin-right: auto; } .list-h { } .list-h > li { padding-top: 50px; padding-right: 0; } .list-h > li > img { left: 0; right: auto; top: 0; } .list-j { padding-bottom: 27px; } #root .list-j li { float: none; width: auto; max-width: none; margin: 0 0 120px; padding: 0; } #root .list-j li:before, #root .list-j li:first-child:before { left: 50%; top: auto; bottom: -90px; width: 70px; height: 64px; margin: 0 0 0 -35px; } #root .list-j li:before { -moz-transform: rotate(90deg); -webkit-transform: rotate(90deg); -o-transform: rotate(90deg); -ms-transform: rotate(90deg); transform: rotate(90deg); } .list-j li:last-child { margin-bottom: 0; } .list-j li:last-child:before { left: -3000em; } #root .list-j li span, #root .list-j li .img { max-width: none; width: auto; height: auto; } .list-k.c { -moz-column-count: 1; -webkit-column-count: 1; -o-column-count: 1; -ms-column-count: 1; column-count: 1; } .list-m { } .list-m > .inner { margin-left: 0; } .list-m > li, .list-m .inner > li { float: none; width: auto; margin: 0 0 20px; border: 0; } .list-o { width: auto; } .list-o li { float: none; width: auto; height: auto !important; margin: 0 0 30px; } .list-p { } #root .list-p li { float: none; width: auto; padding-top: 25px; padding-left: 40px; padding-right: 40px; } #root .list-p.a li .img { height: auto; } #root .list-p li img, #root .list-p.a li img, #root .list-p.a li .img img { position: relative; left: 0; top: 0; margin: 0 auto 20px; } #root .list-p li img, #root .list-p.a li img, #root .list-p.a li .img img { -moz-transform: none; -webkit-transform: none; -o-transform: none; -ms-transform: none; transform: none; } .list-p li:before { top: 0; height: auto; } .list-p.a li .img { display: block; position: absolute; left: 0; top: 0; bottom: 0; width: 299px; } #root .list-p.a li img { position: absolute; left: 50%; top: 50%; margin: 0; } .list-q { width: auto; } .list-q li { float: none; width: auto; margin-right: 0; } .list-r, .list-r.a, #root #content .module-f .list-r, .list-r.c, #root #content .module-f .list-r.c, #root #content .module-f .list-r.a, .list-r.has-d > li > .link a { left: 0; width: auto; } .list-r.c, #root #content .module-f .list-r.c { margin-top: 38px; } .list-r > li, #root #content .module-f .list-r > li, .list-r.b > li, #root #content .module-f .list-r.b > li, .list-r.c > li, #root #content .module-f .list-r.c > li, .list-r.c > li.a, #root #content .module-f .list-r.c > li.a { float: none; width: auto; height: auto !important; margin-top: 0; margin-right: 0; } #content > .list-r { left: 0; } .list-r p { text-align: center; } .list-r.has-d > li > .link a { margin: 0 20px; } .list-s { text-align: center; } .list-s li { padding-left: 0; } #root .list-s .title i { position: relative; top: 0; width: auto; margin: 0 0 20px; line-height: 100px; } .list-t { } .list-t li { float: none; width: auto; } .list-u { } .list-u li { float: none; width: auto; } .list-u li + li { margin-top: 40px; } .list-u li .inner { max-width: none; } .list-u.scroll-to-fixed-fixed li { font-size: 1.4em; } .module-c { } .module-c:before { content: ""; display: block; position: absolute; left: -1000em; top: -2px; z-index: 1; width: 3000em; height: 100%; border-top: 2px solid #cfcfcf; border-bottom: 2px solid #cfcfcf; } .module-d { } #root .module-d > ul { width: auto; } #root .module-d > ul > li { float: none; width: auto; height: auto !important; min-height: 0 !important; margin-right: 0; } .module-f { } #root .module-f > .list-a:last-child > li:last-child { margin-bottom: 0; } .module-g { text-align: center; } .module-g h1, .module-g h2, .module-g h3, .module-g h4, .module-g h5, .module-g h6 { float: none; margin: 0 0 45px; } .module-g ul { float: none; } .module-g ul li { float: none; height: auto; padding: 45px 0 0; border: 0; font-size: 2em; line-height: 1.4em; } .module-g ul li:first-child { padding: 0; } .module-g ul li a { padding: 0; } .module-g ul li a i { top: 11px; margin: 0 20px 0 0; font-size: 45px; } .module-g ul li a i.icon-mobile { font-size: 40px; } .module-g ul li a i.icon-email { font-size: 43px; } .module-h { padding-left: 20px; padding-right: 20px; } .module-h > h1, .module-h > h2, .module-h > h3, .module-h > h4, .module-h > h5, .module-h > h6 { margin-left: -20px; margin-right: -20px; } .module-i { } #root .module-i > * { float: none; width: auto; } .module-i > * > h1, .module-i > * > h2, .module-i > * > h3, .module-i > * > h4, .module-i > * > h5, .module-i > * > h6, #root .module-i .block { margin-bottom: 15px; } .module-i figure { margin-bottom: 14px; } .module-i figure:before { top: -3px; bottom: -3px; } .nav-a { } .nav-a > * { width: 100%; text-align: center; } .nav-a li, #root .nav-a li { float: none; margin: 0; } .news-a, #content > .news-a { width: 90%; text-align: center; } #root .news-a article { padding-left: 0; padding-right: 0; } #root .news-a figure { position: relative; top: 0; margin-top: 0 !important; margin-bottom: 40px; text-align: center; } #root .news-a figure { -moz-transform: none; -webkit-transform: none; -o-transform: none; -ms-transform: none; transform: none; } .news-d.d { } .news-d.d article { float: none; width: auto; height: auto !important; margin-right: 0; } .news-d, .news-d.c { width: auto; } #root .news-d > article { float: none; width: auto; margin-left: 0; margin-right: 0; } .news-f { width: auto; } .news-f article { float: none; width: auto; height: auto !important; margin-right: 0; } .news-g { } .news-g article, .news-g.a article { float: none; width: auto; height: auto !important; margin: 0 0 90px; } .news-g article:last-child,.news-g.a article:last-child { margin-bottom: 41px; } .news-h.a { } #root .news-h.a article, #root .news-h.a article:nth-child(2n) { float: none; width: auto; } .pagination-a { } .pagination-a > ul, .pagination-a > ol { width: auto; } .pagination-a li.prev, .pagination-a li.next { position: relative; } .quote-a { font-size: 1.6em; } .scheme-i, #root .scheme-i, .module-e p { font-size: 1.8em; } .table-a { } .table-a th, #root .table-a.a th, #root #content .table-a.a .head th { font-size: 1.2em; } .table-a.head th, .table-a tr[class] th, #root #content .table-a.a tr.a > * { font-size: 1.4em; } #root .table-a.a th { padding-left: 10px; padding-right: 10px; } #root .table-a.a tr > *:first-child { width: 33.33333333%; } .tabs-a { } .tabs-a > ul { padding: 0 0 2px; } #root .tabs-a > ul > li { float: none; margin: 0 0 5px; } .tabs-a > ul > li a { float: none; } .tabs-c { } .tabs-c > ul { } .tabs-c > ul > li { float: none; width: auto !important; } .tabs-c > ul > li + li { margin-top: 4px; } .tabs-c > ul > li > a { box-shadow: none; border-radius: 5px; border: 1px solid #595a5c; } .tabs-c .image-a, .image-a { float: none; width: auto; padding: 0; } .tabs-c.vb { } .tabs-c.vb > div > * { min-height: 0; padding-left: 0; } .tabs-c.vb > div > * > figure:first-child { position: relative; width: auto; padding: 0; } .tabs-c.vc { } .tabs-c.vc > ul, .tabs-c.vd > ul { padding-bottom: 4px; } .tabs-c.vc > div > * { min-height: 0; padding: 20px; } .tabs-c.vc > div > * > figure:first-child, .tabs-c.vd > div > * > figure:first-child { position: relative; top: 0; width: auto; margin-bottom: 40px; } .tabs-c.vc > div > * > figure:first-child { -moz-transform: none; -webkit-transform: none; -o-transform: none; -ms-transform: none; transform: none; } .tabs-c.vd { } .tabs-c.vd > div > * { min-height: 0; padding-left: 0; } .tabs-d { } .tabs-d > ul li { float: none; width: auto !important; } #root .tabs-d > ul li a { padding: 6px 20px 6px; text-align: left; } .tabs-d > ul li a:before { left: -6px; top: 0; bottom: 0; width: 6px; height: auto; } .tabs-d > ul li.active a:before, .tabs-d > ul li a:hover:before { left: 0; } .form-b { } .form-b fieldset { width: 100%; } .form-b p { font-size: 1.4em; } .form-e { } .form-e > div { width: 90%; margin-left: auto; margin-right: auto; } #content > .form-e { width: auto; } .form-e button { float: none; width: 100%; } #root .tablet-hide, #root .mobile-only { position: relative; left: 0; top: 0; } #root .tablet-only, #root .mobile-hide, #footer .logo-a, #top > p, #footer > nav > *:before, #root #nav > ul > li > div, #welcome, .list-e li:first-child:before, .heading-a:last-child:before, .tabs-c > ul:before, #support footer .countdown:before,#countdown p.countdown:before, #countdown:after, .module-i .double > .block:after { position: absolute; left: -3000em; top: -3000em; bottom: inherit; right: inherit; } } @media only screen and (max-width: 31.25em) { /* 500 */ #footer > nav > * { width: 50%; } #footer > nav > *:nth-child(3n) + * { clear: none; } #footer > nav > *:nth-child(2n) + * { clear: both; } #featured p { font-size: 2.2em; } .comments-a { } .comments-a ul { padding: 0; } .comments-a ul li { margin-top: 120px; } .comments-a ul li img { left: 50%; top: -100px; margin: 0 0 0 -39.5px; } .header-a { font-size: 3em; } .list-c { } .list-c li { float: none; width: auto; margin-bottom: 40px; } .list-c li:last-child { margin-bottom: 0; } .list-c li .inner { width: 100%; } .list-n, #root .list-n { padding: 20px 30px 20px; } .list-n li, #root .list-n li { font-size: 1.8em; } .list-n li.a, #root .list-n li.a { margin-bottom: 20px; } .table-a { } #root .table-a td, #root .table-a th { padding-left: 8px; padding-right: 8px; word-wrap: break-word; } .table-a .yes, .table-a .no { display: block; overflow: hidden; width: 26px; height: 26px; margin: 0 auto; padding: 0; text-indent: -3000em; text-align: left; } .table-a .yes:before, .table-a .no:before { top: 0; margin: 0; } .quote-b, .scheme-d, #root .quote-b, #root .scheme-d { margin-left: 0; } .form-a, .comment-form { } .form-a input, .form-a select, .comment-form input, .comment-form select { width: 100%; } .form-a button { width: 100%; } .form-c { } .form-c h1, .form-c h2, .form-c h3 { font-size: 4em; } .form-c header p, .form-c fieldset > p { font-size: 1.6em; } } @media only screen and (max-width: 31.25em) { /* 500 */ .check-a { padding: 0; border: 0; background: none; } #root .check-a label { margin-left: 0; padding: 35px 135px 35px 80px; border: 1px solid #b8b8b8; background: #f0f0f0; } .check-a label > .fit { top: 31px } .check-a label input { top: 43px } .check-a .recaptcha { display: block; position: relative; right: 0; top: 0; margin: 30px auto 0; } .list-u { } .list-u.scroll-to-fixed-fixed li { font-size: 1.2em; } } @media only screen and (max-width: 25em) { /* 400 */ #top > h1 a { transform: scale(.75,.75); -moz-transform: scale(.75,.75); -webkit-transform: scale(.75,.75); -o-transform: scale(.75,.75); -ms-transform: scale(.75,.75); transform-origin: left center; -moz-transform-origin: left center; -webkit-transform-origin: left center; -o-transform-origin: left center; -ms-transform-origin: left center; } .table-a { } #root .table-a td, #root .table-a th { padding-left: 4px; padding-right: 4px; } #root .table-a th { font-size: 1.2em; } #root .table-a td { font-size: 1.0em; } }