/* ------------------------------------------- Name: Glass Cubes Date: 2017/11/27 Author: http://psdhtml.me --------------------------------------------- */ /*! Layout --------- html.new #top-fixed { top: 0; }*/ #top { } #nav > ul > li.a + li.a { padding-left: 10px; } html.home #top-fixed #nav > ul > li.a.b > a { background: #29aae2; } #top.a { position: fixed; top: 0; left: 0; } #top.a #nav > ul > li { position: relative; left: 0; } #top.a #nav > ul > li.b a { background: #29aae2; } #top-fixed.a { display: none; } #top.a:before { visibility: hidden; opacity: 0; border-bottom: 1px solid #e8e7e6; } .not-top #top.a:before { visibility: visible; opacity: 1; } #root #welcome.a { width: auto; min-height: 0 !important; margin: 80px 0 36px; padding: 0; background: #087da7; color: #fff; } #welcome.a article { overflow: hidden; position: relative; min-height: calc(100vh - 80px); padding: 50px 0 25px; } #welcome.a article > * { width: 1170px; margin-left: auto; margin-right: auto; } #root #welcome.a article > figure { position: absolute; left: 0; top: 0; right: 0; bottom: 0; z-index: 1; width: auto; margin: 0; background: center center no-repeat; background-size: cover; } .ie #welcome.a article > * { position: absolute; left: 50%; top: 50%; } #welcome.a a { color: #fff; } #welcome.a h1, #welcome.a h2, #welcome.a h3, #welcome.a h4, #welcome.a h5, #welcome.a h6 { font-size: 50px; font-weight: 700; line-height: 1.21; } #intro { position: relative; z-index: 9; margin: 0 auto; max-width: 1200px; line-height: 1.45; margin-top: 160px;} #intro > * { position: relative; width: 1180px; margin-left: auto; margin-right: auto; } #intro header { width: auto; min-height: calc(100vh - 550px); padding: 0 0 /*113px;background-image: url('../images/rocketman.png');*/ background-repeat: no-repeat; background-position: right bottom; } #intro header:before { content: ""; display: block; position: absolute; left: -1000em; top: 100%; right: -1000em; height: 32px; } #intro header:before { background: -moz-linear-gradient(top, #9adaf1 0%, #ffffff 100%); background: -webkit-linear-gradient(top, #9adaf1 0%,#ffffff 100%); background: linear-gradient(to bottom, #9adaf1 0%,#ffffff 100%); } .ie9 #intro header:before { background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzlhZGFmMSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNmZmZmZmYiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+); } .lt-ie9 #intro header:before { filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#9adaf1', endColorstr='#ffffff',GradientType=0 ); } #intro h1, #intro h2, #intro h3, #intro h4, #intro h5, #intro h6 { margin-bottom: 42px; padding-right: 370px; font-size: 3.4em; font-weight: 400; line-height: 1.08823529412; } #root #intro figure {left:250px; margin-bottom: 0;} #intro footer { text-align: center; } #intro footer h1, #intro footer h2, #intro footer h3, #intro footer h4, #intro footer h5, #intro footer h6 { max-width: 750px; margin: 0 auto 52px; padding: 0; font-size: 3em; line-height: 1.1666666666; } #intro .link-video { margin-top: 113px; padding-right: 470px; } #intro .gallery-c { margin-left: 0; margin-right: 0; } #intro .gallery-c li { display: block; float: left; width: 25%; margin: 0 0 31px; border-left: 0 solid rgba(0,0,0,0); text-align: center; } #intro .gallery-c li:nth-child(4n) + * { clear: both; } #intro a.down { display: block; position: relative; height: 22px; width: auto; margin: 49px 0 0; color: #d3d3d3; text-decoration: none; } #root #intro a.down:before { content: "\e959"; margin: -11px 0 0; font-size: 22px; line-height: 22px; } #intro.a header:before { display: none; } #intro.a .gallery-c { margin-left: -10px; margin-right: -10px; } #intro.a .gallery-c:after { display: none!important; } #intro.a .gallery-c li { list-style: none; width: auto; margin: 0 10px 20px; border-left: 0 solid rgba(0,0,0,0); text-align: center; } #intro.a .gallery-c li:nth-child(4n) + * { clear: none; } #intro.a .gallery-c li img { opacity: .4; -webkit-filter: grayscale(100%); filter: grayscale(100%); } #content { } #content-anchor { position: absolute; left: 0; top: -80px; right: 0; } #top h4, #top-fixed h4 { width: auto !important;} #logobar {position: absolute; width: 100%; height: 100%; top: 0; left: 0; background-color: #e6e6e6; z-index: 10; opacity: 0.2; border-top: 1px solid #ccc; border-bottom: 1px solid #ccc;} #acclogo { position: relative;} /*! Repeatable --------- */ /* clear */ .list-g:after, .module-quote:after, .module-i:after, .tabs-inner:after, .tabs-a:after, .tabs-a ul:after, .module-h:after, .module-g:after, .news-e > *:after, .module-aside:after, .gallery-c:after { content: ""; display: block; overflow: hidden; clear: both; height: 0; } /* wide */ #top.a:before, .module-h:before, #root .module-g:before, .module-e.b:before { content: ""; display: block; position: absolute; left: -1000em; top: 0; bottom: 0; z-index: 1; width: 3000em; height: auto; margin: 0; } /* icon */ .list-e li:before, .list-checks li:before, #intro a.down:before { display: block; position: absolute; left: 0; top: 50%; width: 100%; margin: -10px 0 0; font-weight: 400; font-family: i; line-height: 20px; text-align: center; text-indent: 0; } /* index */ .module-h > *, #welcome.a article > *, .module-g > *, .module-aside > *, .module-e.b > * { position: relative; z-index: 3; } /* center */ .ie #welcome.a article > * { -webkit-transform: translate(-50%,-50%); -ms-transform: translate(-50%,-50%); transform: translate(-50%,-50%); } /* centerY */ .quote-d img, .quote-e img { -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); } /* notrans */ #root #welcome.a article > figure { -webkit-transform: none; -ms-transform: none; transform: none; } /* wide img */ #welcome.a img { display: block; position: relative; z-index: 1; width: 100% !important; } /*! Columns --------- */ .cols-b { padding-right: 727px; } .cols-b > *:first-child { float: left; width: 100%; padding-right: 30px; } .cols-b > figure { float: right; width: 727px; margin-right: -727px; } /*! Modules --------- */ .heading-b { position: relative; min-height: 135px; margin: 77px 0 40px; padding: 0 0 0 158px; line-height: 1.952; text-align: left; } #root .heading-b h1, #root .heading-b h2, #root .heading-b h3, #root .heading-b h4, #root .heading-b h5, #root .heading-b h6 { margin: 0 0 23px; font-size: 20.835px; font-weight: 700; line-height: 1.04; } .heading-b .icon { display: block; position: absolute; left: 0; top: 0; min-width: 122px; font-size: 18.75px; font-weight: 400; text-align: center; } .heading-b .icon i { display: block; margin: 0 0 9px; font-size: 70px; line-height: 75px; } .heading-b .icon i.icon-pictures { font-size: 62px; } .heading-b .icon i.icon-list { font-size: 75px; } #root .heading-b p { font-size: 15.625px; } .gallery-b { list-style: none; margin: 140px -320px 36px; padding: 0; text-align: center; } .gallery-b li { height: 98px; margin: 0 22px 22px; } .gallery-b img { width: auto !important; max-height: 100% !important; } .ie .gallery-b { display: block; } .ie .gallery-b li { display: inline-block; font-size: 0; } .gallery-c { display: block; list-style: none; margin: 00px 60px; padding: 0; text-align: center; } .gallery-c li { display: inline-block; margin: 0 3px 20px; font-size: 0; } .module-aside { position: relative; z-index: -1; max-width: 926px; margin: 53px auto 0; padding: 0 406px 0 0; text-align: left; } #root .module-aside figure { position: absolute; right: 50%; bottom: 0; z-index: 1; margin: 0 -764px 0 0; } .module-aside.a { max-width: 825px; margin-top: 90px; padding: 0; text-align: center; } #root .module-aside.a figure { left: 50%; right: 0; top: -143px; bottom: auto; margin: 0 0 0 -1470px; } .module-aside.a h1, .module-aside.a h2, .module-aside.a p { max-width: 620px; margin-left: auto; margin-right: auto; } .module-aside.a p { max-width: 725px; } .module-aside.a p.text-uppercase { max-width: none; } .module-aside.b { max-width: 1702px; margin-top: 60px; margin-bottom: 62px; padding: 0 0 8px 445px; } .module-aside.b:before { content: "\e964"; display: block; position: absolute; left: -3000px; right: 50%; bottom: 0; margin: 0 -720px 0 0; padding: 0 0 0 2850px; border-bottom: 16px solid #80c342; color: #80c342; font-family: i; font-weight: 400; font-size: 353px; font-style: normal; line-height: 350px; text-align: left; } .module-b.vb { min-height: 0; padding-top: 8px; padding-bottom: 12px; } .module-d.i, .module-d.i:before, .module-d.i:after { background-color: #6ed3ff; color: #fff; } #root .module-d.i .bx-pager-item a { border-color: #fff; } #root .module-d.i .bx-pager-item a.active { background-color: #fff; } #content > .module-d:last-child { margin-bottom: -50px; padding-bottom: 0; } #content > .module-d:last-child:before, #content > .module-d:last-child:after { background-image: none; } .module-e.b { margin: 95px 0 124px; padding: 51px 0 28px; line-height: 1.44444444444; } .module-e.b:before { background: #f7f7f7; } .module-e.b h1, .module-e.b h2, .module-e.b h3, .module-e.b h4, .module-e.b h5, .module-e.b h6 { left: 0; width: auto; margin: 0 0 48px; color: #1a1a1a; font-size: 3em; } .module-e.b p { max-width: 490px; font-size: 1.8em; } .module-e.b .quote-e { max-width: 500px; } #root .module-e.b > * { padding-left: 0; padding-right: 605px; } #root .module-e.b figure { right: 50%; left: auto; bottom: 0; max-width: none; margin: 0 -710px 0 0; padding: 0; } #root .module-g { position: relative; margin-bottom: 33px; padding-top: 52px; padding-bottom: 61px; color: #f2f2f2; } #root .module-g:before { background: #087da7; } .module-g a, .module-g .list-e { color: #fff; } .module-g .list-e.b, .module-g .list-e.b li:before { color: #f2f2f2; } #root .module-g h1, #root .module-g h2 { font-weight: 700; line-height: 1.13333333333; } #root .module-g.a { margin-bottom: 24px; padding-top: 58px; padding-bottom: 145px; } #root .module-g.a:before { left: 50%; width: 1424px; margin: 0 0 0 -712px; background: url(../images/module-g.png) center 100% no-repeat #087da7; background-size: 100% auto; } #root .module-g.b { max-width: 900px; margin-left: auto; margin-right: auto; padding-top: 50px; padding-bottom: 50px; color: #000; line-height: 1.27877237852; } .module-g.b a { color: #2399ce; } .module-g.b .list-e, .module-g.b .list-e.b, .module-g.b .list-e.b li:before { color: #000; } #root .module-g.b h1, #root .module-g.b h2, #root .module-g.b h3, #root .module-g.b h4, #root .module-g.b h5, #root .module-g.b h6 { font-size: 25px; font-weight: 300; font-style: italic; line-height: 1.24; } #root .module-g.b h1, #root .module-g.b h2 { font-weight: 400; font-style: normal; } #root .module-g.b p { font-size: 17.595px; } .module-g.b p { margin-bottom: 22px; } #root .module-g.b:before { left: 50%; width: 1460px; margin: 0 0 0 -730px; background: #f4f4f4; } .module-h { position: relative;padding-top: 30px; color: #616161; font-family: Helvetica, Arial, sans-serif; } .module-h > h1, .module-h > h2, .module-h > h3, .module-h > h4, .module-h > h5, .module-h > h6 { position: relative; z-index: 10; max-width: 340px; margin-bottom: 25px; color: #1a1a1a; font-size: 34px; font-weight: 400; } .module-h:before { -webkit-transform: translateX(-50%); -ms-transform: translateX(-50%); transform: translateX(-50%); } .module-h .tabs-a { line-height: 1.2; } .module-h .tabs-a ul { width: 100%;padding-left: 200px;padding-right: 200px;} .module-h .tabs-a ul:after { display: none; } .module-h .tabs-a li { float: none; margin-right: 0; } .module-h .tabs-a ul a { float: none; height: 45px; padding-bottom: 0; } .module-h .tabs-a .cols-b { } .module-h .tabs-a .cols-b header { padding-top: 24px; padding-bottom: 24px; } .module-h .tabs-a .cols-b header h1, .module-h .tabs-a .cols-b header h2, .module-h .tabs-a .cols-b header h3, .module-h .tabs-a .cols-b header h4, .module-h .tabs-a .cols-b header h5, .module-h .tabs-a .cols-b header h6 { margin-bottom: 80px; color: #070707; font-size: 28px; } .module-h .tabs-a .cols-b header p { font-size: 19px; } .module-h .tabs-a > div figure { margin-bottom: 0;} .module-i { margin-bottom: 50px; font-family: Helvetica, Arial, sans-serif; font-weight: 400; } .module-quote { position: relative; max-width: 630px; margin-left: auto; margin-right: auto; line-height: 1.388888888888889; } .module-quote header { position: relative; min-height: 131px; margin-bottom: 40px; padding-right: 160px; } .module-quote p { font-size: 18px; } .module-quote q { display: block; position: relative; padding-left: 48px; font-style: italic; } .module-quote q:before, .module-quote q:after { position: absolute; color: #cfcfcf; font-family: i; font-size: 24px; font-style: normal; } .module-quote q:before { content: "\e93a"; top: 0; left: 0; } .module-quote q:after { content: "\e939"; bottom: -20px; right: 0; } .module-quote img { overflow: hidden; position: absolute; top: 50%; right: 0; margin-top: -65.5px; border-radius: 50%; } .module-quote > p { text-align: right; line-height: 1.777777777777778; } .module-quote > p span { display: block; font-weight: 700; text-transform: uppercase; } .news-e { line-height: 1.7866666666; } .news-e > * { position: relative; margin-bottom: 71px; padding: 82px 0 0; } .news-e > *:before { content: ""; display: block; position: absolute; left: 50%; top: 0; width: 1440px; height: 8px; margin: 0 0 0 -720px; background: #f2f2f2; } .news-e > *:first-child { padding-top: 0; } .news-e > *:first-child:before, .news-e > .module-g + *:before { left: -3000em; } .news-e > * > .size-g:last-child { margin-bottom: 62px; } #root .news-e > * > .quote-d:last-child { margin-bottom: 20px; } .news-e > * > .quote-c:first-child { margin-top: -42px; } .news-e > .module-g.b + * { padding-top: 18px; } #root .news-e > * > .module-aside:last-child figure { bottom: -71px; } .news-e h1, .news-e h2 { margin-top: 0; margin-bottom: 26px; font-weight: 300; font-size: 37.5px; line-height: 1.4666666666; } .news-e h1 + .size-e, .news-e h2 + .size-e { margin-top: 48px; } .news-e h1 + .size-h, .news-e h2 + .size-h { margin-top: 51px; } .news-e h1 + .list-e, .news-e h2 + .list-e { margin-top: 55px; } .news-e h1 + .link-a, .news-e h2 + .link-a { margin-top: 55px; } .news-e h1 .small, .news-e h2 .small { display: block; margin: -3px 0 0; font-size: .9444em; line-height: 1; } .news-e h3 { margin-top: 0; margin-bottom: 20px; font-weight: 300; font-size: 25px; line-height: 1.4666666666; } .news-e h1.regular, .news-e h2.regular { font-weight: 300; } .news-e h1.regular .small, .news-e h2.regular .small { margin: 0 0 11px; font-size: .5em; font-weight: 700; } .news-e h1.strong, .news-e h2.strong { font-weight: 700; } .news-e h1.strong .small, .news-e h2.strong .small { margin: 0 0 32px; font-size: .5em; font-weight: 400; } .news-e p { margin-bottom: 33px; } .news-e p, .news-e li { font-size: 18.75px; } .news-e figure { margin: 38px 0; } .news-e > figure { margin: 0 0 14px; padding: 71px 0 0; } #content.news-e { padding-top: 0; } .news-a q { quotes: none; } .news-a q:before { content: "“"; } .news-a q:after { content: "”"; } .quote-c { max-width: 680px; margin: 60px auto; font-size: 18.75px; font-weight: 300; font-style: italic; line-height: 1.76; text-align: left; } .quote-c img { display: block; margin: 11px auto 0; border-radius: 99px; } .quote-c > span { display: block; margin: 9px 0 0; font-size: .8888em; font-style: normal; font-weight: 400; text-align: center; } .quote-c.a { max-width: 820px; } #root .quote-d { position: relative; max-width: 874px; min-height: 111px; margin: 0 auto; padding: 0 0 0 134px; font-size: 25px; font-weight: 300; font-style: italic; line-height: 1.62; text-align: left; } .quote-d img { display: block; position: absolute; left: 0; top: 50%; border-radius: 11px; } .quote-d > span { display: block; font-size: .75em; font-weight: 400; font-style: normal; } .quote-e, #root .quote-e { margin-left: 0; margin-right: 0; font-size: 1.4em; line-height: 1.57142857143; } .quote-e { margin-top: 57px; } .quote-e > span { display: block; font-weight: 700; } .quote-e q { quotes: none; display: block; position: relative; min-height: 120px; margin: 0 0 15px; padding: 0 0 0 151px; font-weight: 400; font-style: italic; } .quote-e q:before, .quote-e q:after { content: ""; } .quote-e img { display: block; position: absolute; left: 0; top: 50%; } .slider-a { padding-top: 49px; } .slider-a .bx-pager { padding-bottom: 25px; } .tabs-a { } .tabs-a ul { overflow: hidden; list-style: none; margin-bottom: 50px; padding: 0; border-bottom: 1px solid #dcdddd; } .tabs-a li { float: left; margin-right: 50px; } .tabs-a li:last-child { margin-right: 0; } .tabs-a ul a { display: block; float: left; padding-bottom: 30px; border-bottom: 3px solid transparent; color: #269acc; font-size: 20px; font-weight: 400; line-height: 30px; text-align: center; text-decoration: none; } #root .tabs-header { position: relative; float: none; width: auto; padding: 10px 0; border-bottom: 1px solid #dcdddd; font-size: 16px; text-align: left; text-decoration: none; } .tabs-header:before { content: "\e959"; position: absolute; top: 50%; right: 10px; margin-top: -8px; font-family: i; font-size: 6px; line-height: 16px; } .tabs-header.toggle:before { -webkit-transform: rotate(180deg); -ms-transform: rotate(180deg); transform: rotate(180deg); } .tabs-a ul li.active a, .tabs-header.active { border-color: #49a3ab; color: #000; } .tabs-a .hidden figure { opacity: 0; } .tabs-a .hidden figure { -webkit-transform: translateY(300px); -ms-transform: translateY(300px); transform: translateY(300px); } .tabs-a figure { -webkit-transform: none; -ms-transform: none; transform: none; } .tabs-a figure { opacity: 1; } .tabs-a .tabs-inner { overflow: hidden; } .tabs-a .hidden { position: absolute; left: -3000em; top: 0; } .tabs-a .tabs-header { display: none; } .width-a { max-width: 900px; margin-left: auto; margin-right: auto; } .width-b { max-width: 750px; margin-left: auto; margin-right: auto; } .width-c { max-width: 690px; margin-left: auto; margin-right: auto; } .width-d { max-width: 960px; margin-left: auto; margin-right: auto; } .width-e { max-width: 800px; margin-left: auto; margin-right: auto; } .width-f { max-width: 1170px; margin-left: auto; margin-right: auto; } /*! Content --------- */ .size-e, #root .size-e { font-size: 26.04px; } .size-f, #root .size-f { font-size: 21.875px; line-height: 1.48571428571; } .size-g, #root .size-g { font-size: 25px; line-height: 1.5; } .size-g br + .light.em { display: block; margin-top: 5px; } .size-h, #root .size-h { font-size: 28.125px; line-height: 1.45777777778; } .overlay-i { color: #4d4d4d; } .overlay-j { color: #29aae2; } .size-e, #root .size-e { font-size: 30px; } .scheme-a { line-height: 1.2; } .scheme-b { line-height: 1.13333333333; } /*! Links --------- */ .link-a { } #root .link-a a.a { box-shadow: none; background: #ff1d25; } .link-a.a { } #root .link-a.a a { padding: 15px 33px; border-radius: 5px; font-size: 17.595px; line-height: 1.2; text-transform: none; } .link-a.b { } #root .link-a.b a { padding: 17px 33px; border-radius: 5px; font-size: 22.1px; line-height: 1.2; text-transform: none; } .link-video { font-size: 2em; text-transform: uppercase; } .link-video a { display: inline-block; position: relative; padding: 0 0 0 64px; color: #29aae2; font-weight: 400; text-decoration: none; } .link-video a:before { content: "\e966"; display: block; position: absolute; left: 0; top: 50%; width: 56px; height: 56px; margin: -28px 0 0; border-radius: 99px; background: #29aae2; color: #fff; font-family: i; font-weight: 400; font-size: 51px; line-height: 56px; text-align: center; } .link-video a:hover { color: #5fbfe9; } .link-video a:hover:before { box-shadow: 0 0 4px rgba(0,0,0,.1); background: #5fbfe9; } /*! Lists --------- */ .list-arrow { position: relative; list-style: none; max-width: 980px; margin: 41px auto; padding: 35px 0 0 165px; font-weight: 300; line-height: 1.525; text-align: left; } .list-arrow:before { content: "\e965"; display: block; position: absolute; left: 0; top: 0; color: #7ac943; font-weight: 400; font-family: i; font-size: 116px; line-height: 116px; } .list-arrow li { position: relative; margin: 0 0 5px; padding: 0 0 0 20px; font-size: 16.665px; } .list-arrow li:before { content: ""; display: block; position: absolute; left: 0; top: 10px; width: 9px; height: 9px; border-radius: 9px; background: #000; } .list-checks { list-style: none; max-width: 714px; margin: 0 auto 98px; padding: 0; line-height: 1.525; text-align: left; } .list-checks li { position: relative; margin: 0 0 5px; padding: 0 0 0 34px; color: #000; font-size: 16.665px; } .list-checks li:before { content: "\e944"; top: 5px; width: auto; margin: 0; color: #80c342; font-size: 17px; line-height: 17px; } .list-checks.overlay-a li:before, .heading-b .icon-pictures { color: #ef4136; } .list-checks.overlay-b li:before, .heading-b .icon-files { color: #29aae2; } .list-checks.overlay-c li:before, .heading-b .icon-list { color: #ffc200; } .list-checks.overlay-d li:before, .heading-b .icon-chat2 { color: #80c342; } .list-checks.a { max-width: none; margin: 0 0 74px; } .list-checks.a li { margin: 0 0 15px; font-size: 17.71px; } .list-e { list-style: none; max-width: 709px; margin: 62px auto 95px; padding: 0; line-height: 1.6; text-align: left; } .list-e li { position: relative; margin: 0 0 55px; padding: 0 0 0 43px; font-size: 18.75px; } .list-e li:before { content: "\e963"; width: auto; margin: -15px 0 0; color: #fc6959; font-size: 26px; font-style: normal; line-height: 30px; } .list-e.a { max-width: 954px; } .list-e.a li { margin: 0 0 17px; padding: 0 0 0 53px; font-size: 20.835px; } .list-e.a li:before { content: "\e944"; width: 35px; height: 35px; margin: -17.5px 0 0; border-radius: 20px; background: #80c342; color: #fff; font-size: 22px; line-height: 35px; text-align: center; } .list-e.b { margin-top: 55px; } .list-e.b li { margin: 0 0 14px; padding: 0 0 0 50px; font-size: 16.665px; } .list-e.b li:before { content: "\e91b"; top: 7px; margin: 0; color: #000; font-size: 15px; line-height: 15px; } .list-e.c { max-width: 846px; margin-bottom: 60px; } .list-e.c li { margin: 0 0 3px; padding: 0 0 0 25px; font-size: 18.75px; } .list-e.c li:before { content: "\e91b"; top: 8px; margin: 0; color: #80c342; font-size: 15px; line-height: 15px; } .list-f { overflow: hidden; list-style: none; margin: 75px 0 40px -50px; padding: 0; line-height: 1.5; } .list-f li { float: left; width: 33.3333333333%; margin: 0 0 20px; border-left: 50px solid rgba(0,0,0,0); font-size: 1em; } .list-f li:nth-child(3n) + li { clear: both; } .list-f h1, .list-f h2, .list-f h3, .list-f h4, .list-f h5, .list-f h6 { margin: 0 0 8px; font-weight: 400; font-size: 2.4em; } .list-f p { font-size: 1.4em; } .list-g { list-style: none; max-width: 786px; margin-bottom: 0px; margin-left: auto; margin-right: auto; padding: 0; color: #070707; font-family: Helvetica, Arial, sans-serif; line-height: 1.388888888888889; } .list-g li { margin-bottom: 84px; } .list-g figure { margin-bottom: 10px; text-align: center; } .list-g h1, .list-g h2, .list-g h3, .list-g h4, .list-g h5, .list-g h6 { margin-top: 0; margin-bottom: 23px; font-size: 25px; line-height: 1.1; text-align: center; } .list-g p { font-size: 18px; } .list-plain { list-style: none; padding: 0; } /*! Helpers --------- */ .link-video a:before, .tabs-a figure { -webkit-transition: all 0.5s ease-in-out 0s; transition: all 0.5s ease-in-out 0s; } .hidden, [hidden], template, .js #welcome.a img { position: absolute; left: -3000em; top: 0; right: auto; bottom: auto; } .list-e:first-child, .news-e figure:first-child, .heading-b:first-child, .gallery-b:first-child, .list-e.b:first-child, .list-arrow:first-child, .quote-c:first-child, .module-aside:first-child, .module-aside.a:first-child, .module-aside.b:first-child, #root .module-aside.a figure:first-child, .gallery-c + *, .list-f:first-child, #intro .link-video:first-child, .module-e.b:first-child, .quote-e:first-child { margin-top: 0; } #root .module-g > *:last-child, #root .module-g > .list-e:last-child li:last-child { margin-bottom: 0; } #root .mb-e { margin-bottom: 77px; } #root .mb-f { margin-bottom: 62px; } #root .mb-g { margin-bottom: 57px; } #root .mb-h { margin-bottom: 94px; } #root .mb-i { margin-bottom: 10px; } #root .mb-j { margin-bottom: 135px; } #root .mb-k { margin-bottom: 110px; } [data-aos][data-aos][data-aos-duration='50'],body[data-aos-duration='50'] [data-aos]{transition-duration:50ms}[data-aos][data-aos][data-aos-delay='50'],body[data-aos-delay='50'] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay='50'].aos-animate,body[data-aos-delay='50'] [data-aos].aos-animate{transition-delay:50ms}[data-aos][data-aos][data-aos-duration='100'],body[data-aos-duration='100'] [data-aos]{transition-duration:.1s}[data-aos][data-aos][data-aos-delay='100'],body[data-aos-delay='100'] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay='100'].aos-animate,body[data-aos-delay='100'] [data-aos].aos-animate{transition-delay:.1s}[data-aos][data-aos][data-aos-duration='150'],body[data-aos-duration='150'] [data-aos]{transition-duration:.15s}[data-aos][data-aos][data-aos-delay='150'],body[data-aos-delay='150'] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay='150'].aos-animate,body[data-aos-delay='150'] [data-aos].aos-animate{transition-delay:.15s}[data-aos][data-aos][data-aos-duration='200'],body[data-aos-duration='200'] [data-aos]{transition-duration:.2s}[data-aos][data-aos][data-aos-delay='200'],body[data-aos-delay='200'] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay='200'].aos-animate,body[data-aos-delay='200'] [data-aos].aos-animate{transition-delay:.2s}[data-aos][data-aos][data-aos-duration='250'],body[data-aos-duration='250'] [data-aos]{transition-duration:.25s}[data-aos][data-aos][data-aos-delay='250'],body[data-aos-delay='250'] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay='250'].aos-animate,body[data-aos-delay='250'] [data-aos].aos-animate{transition-delay:.25s}[data-aos][data-aos][data-aos-duration='300'],body[data-aos-duration='300'] [data-aos]{transition-duration:.3s}[data-aos][data-aos][data-aos-delay='300'],body[data-aos-delay='300'] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay='300'].aos-animate,body[data-aos-delay='300'] [data-aos].aos-animate{transition-delay:.3s}[data-aos][data-aos][data-aos-duration='350'],body[data-aos-duration='350'] [data-aos]{transition-duration:.35s}[data-aos][data-aos][data-aos-delay='350'],body[data-aos-delay='350'] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay='350'].aos-animate,body[data-aos-delay='350'] [data-aos].aos-animate{transition-delay:.35s}[data-aos][data-aos][data-aos-duration='400'],body[data-aos-duration='400'] [data-aos]{transition-duration:.4s}[data-aos][data-aos][data-aos-delay='400'],body[data-aos-delay='400'] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay='400'].aos-animate,body[data-aos-delay='400'] [data-aos].aos-animate{transition-delay:.4s}[data-aos][data-aos][data-aos-duration='450'],body[data-aos-duration='450'] [data-aos]{transition-duration:.45s}[data-aos][data-aos][data-aos-delay='450'],body[data-aos-delay='450'] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay='450'].aos-animate,body[data-aos-delay='450'] [data-aos].aos-animate{transition-delay:.45s}[data-aos][data-aos][data-aos-duration='500'],body[data-aos-duration='500'] [data-aos]{transition-duration:.5s}[data-aos][data-aos][data-aos-delay='500'],body[data-aos-delay='500'] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay='500'].aos-animate,body[data-aos-delay='500'] [data-aos].aos-animate{transition-delay:.5s}[data-aos][data-aos][data-aos-duration='550'],body[data-aos-duration='550'] [data-aos]{transition-duration:.55s}[data-aos][data-aos][data-aos-delay='550'],body[data-aos-delay='550'] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay='550'].aos-animate,body[data-aos-delay='550'] [data-aos].aos-animate{transition-delay:.55s}[data-aos][data-aos][data-aos-duration='600'],body[data-aos-duration='600'] [data-aos]{transition-duration:.6s}[data-aos][data-aos][data-aos-delay='600'],body[data-aos-delay='600'] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay='600'].aos-animate,body[data-aos-delay='600'] [data-aos].aos-animate{transition-delay:.6s}[data-aos][data-aos][data-aos-duration='650'],body[data-aos-duration='650'] [data-aos]{transition-duration:.65s}[data-aos][data-aos][data-aos-delay='650'],body[data-aos-delay='650'] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay='650'].aos-animate,body[data-aos-delay='650'] [data-aos].aos-animate{transition-delay:.65s}[data-aos][data-aos][data-aos-duration='700'],body[data-aos-duration='700'] [data-aos]{transition-duration:.7s}[data-aos][data-aos][data-aos-delay='700'],body[data-aos-delay='700'] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay='700'].aos-animate,body[data-aos-delay='700'] [data-aos].aos-animate{transition-delay:.7s}[data-aos][data-aos][data-aos-duration='750'],body[data-aos-duration='750'] [data-aos]{transition-duration:.75s}[data-aos][data-aos][data-aos-delay='750'],body[data-aos-delay='750'] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay='750'].aos-animate,body[data-aos-delay='750'] [data-aos].aos-animate{transition-delay:.75s}[data-aos][data-aos][data-aos-duration='800'],body[data-aos-duration='800'] [data-aos]{transition-duration:.8s}[data-aos][data-aos][data-aos-delay='800'],body[data-aos-delay='800'] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay='800'].aos-animate,body[data-aos-delay='800'] [data-aos].aos-animate{transition-delay:.8s}[data-aos][data-aos][data-aos-duration='850'],body[data-aos-duration='850'] [data-aos]{transition-duration:.85s}[data-aos][data-aos][data-aos-delay='850'],body[data-aos-delay='850'] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay='850'].aos-animate,body[data-aos-delay='850'] [data-aos].aos-animate{transition-delay:.85s}[data-aos][data-aos][data-aos-duration='900'],body[data-aos-duration='900'] [data-aos]{transition-duration:.9s}[data-aos][data-aos][data-aos-delay='900'],body[data-aos-delay='900'] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay='900'].aos-animate,body[data-aos-delay='900'] [data-aos].aos-animate{transition-delay:.9s}[data-aos][data-aos][data-aos-duration='950'],body[data-aos-duration='950'] [data-aos]{transition-duration:.95s}[data-aos][data-aos][data-aos-delay='950'],body[data-aos-delay='950'] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay='950'].aos-animate,body[data-aos-delay='950'] [data-aos].aos-animate{transition-delay:.95s}[data-aos][data-aos][data-aos-duration='1000'],body[data-aos-duration='1000'] [data-aos]{transition-duration:1s}[data-aos][data-aos][data-aos-delay='1000'],body[data-aos-delay='1000'] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay='1000'].aos-animate,body[data-aos-delay='1000'] [data-aos].aos-animate{transition-delay:1s}[data-aos][data-aos][data-aos-duration='1050'],body[data-aos-duration='1050'] [data-aos]{transition-duration:1.05s}[data-aos][data-aos][data-aos-delay='1050'],body[data-aos-delay='1050'] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay='1050'].aos-animate,body[data-aos-delay='1050'] [data-aos].aos-animate{transition-delay:1.05s}[data-aos][data-aos][data-aos-duration='1100'],body[data-aos-duration='1100'] [data-aos]{transition-duration:1.1s}[data-aos][data-aos][data-aos-delay='1100'],body[data-aos-delay='1100'] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay='1100'].aos-animate,body[data-aos-delay='1100'] [data-aos].aos-animate{transition-delay:1.1s}[data-aos][data-aos][data-aos-duration='1150'],body[data-aos-duration='1150'] [data-aos]{transition-duration:1.15s}[data-aos][data-aos][data-aos-delay='1150'],body[data-aos-delay='1150'] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay='1150'].aos-animate,body[data-aos-delay='1150'] [data-aos].aos-animate{transition-delay:1.15s}[data-aos][data-aos][data-aos-duration='1200'],body[data-aos-duration='1200'] [data-aos]{transition-duration:1.2s}[data-aos][data-aos][data-aos-delay='1200'],body[data-aos-delay='1200'] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay='1200'].aos-animate,body[data-aos-delay='1200'] [data-aos].aos-animate{transition-delay:1.2s}[data-aos][data-aos][data-aos-duration='1250'],body[data-aos-duration='1250'] [data-aos]{transition-duration:1.25s}[data-aos][data-aos][data-aos-delay='1250'],body[data-aos-delay='1250'] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay='1250'].aos-animate,body[data-aos-delay='1250'] [data-aos].aos-animate{transition-delay:1.25s}[data-aos][data-aos][data-aos-duration='1300'],body[data-aos-duration='1300'] [data-aos]{transition-duration:1.3s}[data-aos][data-aos][data-aos-delay='1300'],body[data-aos-delay='1300'] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay='1300'].aos-animate,body[data-aos-delay='1300'] [data-aos].aos-animate{transition-delay:1.3s}[data-aos][data-aos][data-aos-duration='1350'],body[data-aos-duration='1350'] [data-aos]{transition-duration:1.35s}[data-aos][data-aos][data-aos-delay='1350'],body[data-aos-delay='1350'] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay='1350'].aos-animate,body[data-aos-delay='1350'] [data-aos].aos-animate{transition-delay:1.35s}[data-aos][data-aos][data-aos-duration='1400'],body[data-aos-duration='1400'] [data-aos]{transition-duration:1.4s}[data-aos][data-aos][data-aos-delay='1400'],body[data-aos-delay='1400'] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay='1400'].aos-animate,body[data-aos-delay='1400'] [data-aos].aos-animate{transition-delay:1.4s}[data-aos][data-aos][data-aos-duration='1450'],body[data-aos-duration='1450'] [data-aos]{transition-duration:1.45s}[data-aos][data-aos][data-aos-delay='1450'],body[data-aos-delay='1450'] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay='1450'].aos-animate,body[data-aos-delay='1450'] [data-aos].aos-animate{transition-delay:1.45s}[data-aos][data-aos][data-aos-duration='1500'],body[data-aos-duration='1500'] [data-aos]{transition-duration:1.5s}[data-aos][data-aos][data-aos-delay='1500'],body[data-aos-delay='1500'] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay='1500'].aos-animate,body[data-aos-delay='1500'] [data-aos].aos-animate{transition-delay:1.5s}[data-aos][data-aos][data-aos-duration='1550'],body[data-aos-duration='1550'] [data-aos]{transition-duration:1.55s}[data-aos][data-aos][data-aos-delay='1550'],body[data-aos-delay='1550'] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay='1550'].aos-animate,body[data-aos-delay='1550'] [data-aos].aos-animate{transition-delay:1.55s}[data-aos][data-aos][data-aos-duration='1600'],body[data-aos-duration='1600'] [data-aos]{transition-duration:1.6s}[data-aos][data-aos][data-aos-delay='1600'],body[data-aos-delay='1600'] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay='1600'].aos-animate,body[data-aos-delay='1600'] [data-aos].aos-animate{transition-delay:1.6s}[data-aos][data-aos][data-aos-duration='1650'],body[data-aos-duration='1650'] [data-aos]{transition-duration:1.65s}[data-aos][data-aos][data-aos-delay='1650'],body[data-aos-delay='1650'] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay='1650'].aos-animate,body[data-aos-delay='1650'] [data-aos].aos-animate{transition-delay:1.65s}[data-aos][data-aos][data-aos-duration='1700'],body[data-aos-duration='1700'] [data-aos]{transition-duration:1.7s}[data-aos][data-aos][data-aos-delay='1700'],body[data-aos-delay='1700'] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay='1700'].aos-animate,body[data-aos-delay='1700'] [data-aos].aos-animate{transition-delay:1.7s}[data-aos][data-aos][data-aos-duration='1750'],body[data-aos-duration='1750'] [data-aos]{transition-duration:1.75s}[data-aos][data-aos][data-aos-delay='1750'],body[data-aos-delay='1750'] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay='1750'].aos-animate,body[data-aos-delay='1750'] [data-aos].aos-animate{transition-delay:1.75s}[data-aos][data-aos][data-aos-duration='1800'],body[data-aos-duration='1800'] [data-aos]{transition-duration:1.8s}[data-aos][data-aos][data-aos-delay='1800'],body[data-aos-delay='1800'] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay='1800'].aos-animate,body[data-aos-delay='1800'] [data-aos].aos-animate{transition-delay:1.8s}[data-aos][data-aos][data-aos-duration='1850'],body[data-aos-duration='1850'] [data-aos]{transition-duration:1.85s}[data-aos][data-aos][data-aos-delay='1850'],body[data-aos-delay='1850'] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay='1850'].aos-animate,body[data-aos-delay='1850'] [data-aos].aos-animate{transition-delay:1.85s}[data-aos][data-aos][data-aos-duration='1900'],body[data-aos-duration='1900'] [data-aos]{transition-duration:1.9s}[data-aos][data-aos][data-aos-delay='1900'],body[data-aos-delay='1900'] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay='1900'].aos-animate,body[data-aos-delay='1900'] [data-aos].aos-animate{transition-delay:1.9s}[data-aos][data-aos][data-aos-duration='1950'],body[data-aos-duration='1950'] [data-aos]{transition-duration:1.95s}[data-aos][data-aos][data-aos-delay='1950'],body[data-aos-delay='1950'] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay='1950'].aos-animate,body[data-aos-delay='1950'] [data-aos].aos-animate{transition-delay:1.95s}[data-aos][data-aos][data-aos-duration='2000'],body[data-aos-duration='2000'] [data-aos]{transition-duration:2s}[data-aos][data-aos][data-aos-delay='2000'],body[data-aos-delay='2000'] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay='2000'].aos-animate,body[data-aos-delay='2000'] [data-aos].aos-animate{transition-delay:2s}[data-aos][data-aos][data-aos-duration='2050'],body[data-aos-duration='2050'] [data-aos]{transition-duration:2.05s}[data-aos][data-aos][data-aos-delay='2050'],body[data-aos-delay='2050'] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay='2050'].aos-animate,body[data-aos-delay='2050'] [data-aos].aos-animate{transition-delay:2.05s}[data-aos][data-aos][data-aos-duration='2100'],body[data-aos-duration='2100'] [data-aos]{transition-duration:2.1s}[data-aos][data-aos][data-aos-delay='2100'],body[data-aos-delay='2100'] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay='2100'].aos-animate,body[data-aos-delay='2100'] [data-aos].aos-animate{transition-delay:2.1s}[data-aos][data-aos][data-aos-duration='2150'],body[data-aos-duration='2150'] [data-aos]{transition-duration:2.15s}[data-aos][data-aos][data-aos-delay='2150'],body[data-aos-delay='2150'] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay='2150'].aos-animate,body[data-aos-delay='2150'] [data-aos].aos-animate{transition-delay:2.15s}[data-aos][data-aos][data-aos-duration='2200'],body[data-aos-duration='2200'] [data-aos]{transition-duration:2.2s}[data-aos][data-aos][data-aos-delay='2200'],body[data-aos-delay='2200'] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay='2200'].aos-animate,body[data-aos-delay='2200'] [data-aos].aos-animate{transition-delay:2.2s}[data-aos][data-aos][data-aos-duration='2250'],body[data-aos-duration='2250'] [data-aos]{transition-duration:2.25s}[data-aos][data-aos][data-aos-delay='2250'],body[data-aos-delay='2250'] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay='2250'].aos-animate,body[data-aos-delay='2250'] [data-aos].aos-animate{transition-delay:2.25s}[data-aos][data-aos][data-aos-duration='2300'],body[data-aos-duration='2300'] [data-aos]{transition-duration:2.3s}[data-aos][data-aos][data-aos-delay='2300'],body[data-aos-delay='2300'] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay='2300'].aos-animate,body[data-aos-delay='2300'] [data-aos].aos-animate{transition-delay:2.3s}[data-aos][data-aos][data-aos-duration='2350'],body[data-aos-duration='2350'] [data-aos]{transition-duration:2.35s}[data-aos][data-aos][data-aos-delay='2350'],body[data-aos-delay='2350'] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay='2350'].aos-animate,body[data-aos-delay='2350'] [data-aos].aos-animate{transition-delay:2.35s}[data-aos][data-aos][data-aos-duration='2400'],body[data-aos-duration='2400'] [data-aos]{transition-duration:2.4s}[data-aos][data-aos][data-aos-delay='2400'],body[data-aos-delay='2400'] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay='2400'].aos-animate,body[data-aos-delay='2400'] [data-aos].aos-animate{transition-delay:2.4s}[data-aos][data-aos][data-aos-duration='2450'],body[data-aos-duration='2450'] [data-aos]{transition-duration:2.45s}[data-aos][data-aos][data-aos-delay='2450'],body[data-aos-delay='2450'] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay='2450'].aos-animate,body[data-aos-delay='2450'] [data-aos].aos-animate{transition-delay:2.45s}[data-aos][data-aos][data-aos-duration='2500'],body[data-aos-duration='2500'] [data-aos]{transition-duration:2.5s}[data-aos][data-aos][data-aos-delay='2500'],body[data-aos-delay='2500'] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay='2500'].aos-animate,body[data-aos-delay='2500'] [data-aos].aos-animate{transition-delay:2.5s}[data-aos][data-aos][data-aos-duration='2550'],body[data-aos-duration='2550'] [data-aos]{transition-duration:2.55s}[data-aos][data-aos][data-aos-delay='2550'],body[data-aos-delay='2550'] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay='2550'].aos-animate,body[data-aos-delay='2550'] [data-aos].aos-animate{transition-delay:2.55s}[data-aos][data-aos][data-aos-duration='2600'],body[data-aos-duration='2600'] [data-aos]{transition-duration:2.6s}[data-aos][data-aos][data-aos-delay='2600'],body[data-aos-delay='2600'] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay='2600'].aos-animate,body[data-aos-delay='2600'] [data-aos].aos-animate{transition-delay:2.6s}[data-aos][data-aos][data-aos-duration='2650'],body[data-aos-duration='2650'] [data-aos]{transition-duration:2.65s}[data-aos][data-aos][data-aos-delay='2650'],body[data-aos-delay='2650'] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay='2650'].aos-animate,body[data-aos-delay='2650'] [data-aos].aos-animate{transition-delay:2.65s}[data-aos][data-aos][data-aos-duration='2700'],body[data-aos-duration='2700'] [data-aos]{transition-duration:2.7s}[data-aos][data-aos][data-aos-delay='2700'],body[data-aos-delay='2700'] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay='2700'].aos-animate,body[data-aos-delay='2700'] [data-aos].aos-animate{transition-delay:2.7s}[data-aos][data-aos][data-aos-duration='2750'],body[data-aos-duration='2750'] [data-aos]{transition-duration:2.75s}[data-aos][data-aos][data-aos-delay='2750'],body[data-aos-delay='2750'] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay='2750'].aos-animate,body[data-aos-delay='2750'] [data-aos].aos-animate{transition-delay:2.75s}[data-aos][data-aos][data-aos-duration='2800'],body[data-aos-duration='2800'] [data-aos]{transition-duration:2.8s}[data-aos][data-aos][data-aos-delay='2800'],body[data-aos-delay='2800'] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay='2800'].aos-animate,body[data-aos-delay='2800'] [data-aos].aos-animate{transition-delay:2.8s}[data-aos][data-aos][data-aos-duration='2850'],body[data-aos-duration='2850'] [data-aos]{transition-duration:2.85s}[data-aos][data-aos][data-aos-delay='2850'],body[data-aos-delay='2850'] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay='2850'].aos-animate,body[data-aos-delay='2850'] [data-aos].aos-animate{transition-delay:2.85s}[data-aos][data-aos][data-aos-duration='2900'],body[data-aos-duration='2900'] [data-aos]{transition-duration:2.9s}[data-aos][data-aos][data-aos-delay='2900'],body[data-aos-delay='2900'] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay='2900'].aos-animate,body[data-aos-delay='2900'] [data-aos].aos-animate{transition-delay:2.9s}[data-aos][data-aos][data-aos-duration='2950'],body[data-aos-duration='2950'] [data-aos]{transition-duration:2.95s}[data-aos][data-aos][data-aos-delay='2950'],body[data-aos-delay='2950'] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay='2950'].aos-animate,body[data-aos-delay='2950'] [data-aos].aos-animate{transition-delay:2.95s}[data-aos][data-aos][data-aos-duration='3000'],body[data-aos-duration='3000'] [data-aos]{transition-duration:3s}[data-aos][data-aos][data-aos-delay='3000'],body[data-aos-delay='3000'] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay='3000'].aos-animate,body[data-aos-delay='3000'] [data-aos].aos-animate{transition-delay:3s}[data-aos][data-aos][data-aos-easing=linear],body[data-aos-easing=linear] [data-aos]{transition-timing-function:cubic-bezier(.25,.25,.75,.75)}[data-aos][data-aos][data-aos-easing=ease],body[data-aos-easing=ease] [data-aos]{transition-timing-function:ease}[data-aos][data-aos][data-aos-easing=ease-in],body[data-aos-easing=ease-in] [data-aos]{transition-timing-function:ease-in}[data-aos][data-aos][data-aos-easing=ease-out],body[data-aos-easing=ease-out] [data-aos]{transition-timing-function:ease-out}[data-aos][data-aos][data-aos-easing=ease-in-out],body[data-aos-easing=ease-in-out] [data-aos]{transition-timing-function:ease-in-out}[data-aos][data-aos][data-aos-easing=ease-in-back],body[data-aos-easing=ease-in-back] [data-aos]{transition-timing-function:cubic-bezier(.6,-.28,.735,.045)}[data-aos][data-aos][data-aos-easing=ease-out-back],body[data-aos-easing=ease-out-back] [data-aos]{transition-timing-function:cubic-bezier(.175,.885,.32,1.275)}[data-aos][data-aos][data-aos-easing=ease-in-out-back],body[data-aos-easing=ease-in-out-back] [data-aos]{transition-timing-function:cubic-bezier(.68,-.55,.265,1.55)}[data-aos][data-aos][data-aos-easing=ease-in-sine],body[data-aos-easing=ease-in-sine] [data-aos]{transition-timing-function:cubic-bezier(.47,0,.745,.715)}[data-aos][data-aos][data-aos-easing=ease-out-sine],body[data-aos-easing=ease-out-sine] [data-aos]{transition-timing-function:cubic-bezier(.39,.575,.565,1)}[data-aos][data-aos][data-aos-easing=ease-in-out-sine],body[data-aos-easing=ease-in-out-sine] [data-aos]{transition-timing-function:cubic-bezier(.445,.05,.55,.95)}[data-aos][data-aos][data-aos-easing=ease-in-quad],body[data-aos-easing=ease-in-quad] [data-aos]{transition-timing-function:cubic-bezier(.55,.085,.68,.53)}[data-aos][data-aos][data-aos-easing=ease-out-quad],body[data-aos-easing=ease-out-quad] [data-aos]{transition-timing-function:cubic-bezier(.25,.46,.45,.94)}[data-aos][data-aos][data-aos-easing=ease-in-out-quad],body[data-aos-easing=ease-in-out-quad] [data-aos]{transition-timing-function:cubic-bezier(.455,.03,.515,.955)}[data-aos][data-aos][data-aos-easing=ease-in-cubic],body[data-aos-easing=ease-in-cubic] [data-aos]{transition-timing-function:cubic-bezier(.55,.085,.68,.53)}[data-aos][data-aos][data-aos-easing=ease-out-cubic],body[data-aos-easing=ease-out-cubic] [data-aos]{transition-timing-function:cubic-bezier(.25,.46,.45,.94)}[data-aos][data-aos][data-aos-easing=ease-in-out-cubic],body[data-aos-easing=ease-in-out-cubic] [data-aos]{transition-timing-function:cubic-bezier(.455,.03,.515,.955)}[data-aos][data-aos][data-aos-easing=ease-in-quart],body[data-aos-easing=ease-in-quart] [data-aos]{transition-timing-function:cubic-bezier(.55,.085,.68,.53)}[data-aos][data-aos][data-aos-easing=ease-out-quart],body[data-aos-easing=ease-out-quart] [data-aos]{transition-timing-function:cubic-bezier(.25,.46,.45,.94)}[data-aos][data-aos][data-aos-easing=ease-in-out-quart],body[data-aos-easing=ease-in-out-quart] [data-aos]{transition-timing-function:cubic-bezier(.455,.03,.515,.955)}[data-aos^=fade][data-aos^=fade]{opacity:0;transition-property:opacity,transform}[data-aos^=fade][data-aos^=fade].aos-animate{opacity:1;transform:translate(0)}[data-aos=fade-up]{transform:translateY(100px)}[data-aos=fade-down]{transform:translateY(-100px)}[data-aos=fade-right]{transform:translate(-100px)}[data-aos=fade-left]{transform:translate(100px)}[data-aos=fade-up-right]{transform:translate(-100px,100px)}[data-aos=fade-up-left]{transform:translate(100px,100px)}[data-aos=fade-down-right]{transform:translate(-100px,-100px)}[data-aos=fade-down-left]{transform:translate(100px,-100px)}[data-aos^=zoom][data-aos^=zoom]{opacity:0;transition-property:opacity,transform}[data-aos^=zoom][data-aos^=zoom].aos-animate{opacity:1;transform:translate(0) scale(1)}[data-aos=zoom-in]{transform:scale(.6)}[data-aos=zoom-in-up]{transform:translateY(100px) scale(.6)}[data-aos=zoom-in-down]{transform:translateY(-100px) scale(.6)}[data-aos=zoom-in-right]{transform:translate(-100px) scale(.6)}[data-aos=zoom-in-left]{transform:translate(100px) scale(.6)}[data-aos=zoom-out]{transform:scale(1.2)}[data-aos=zoom-out-up]{transform:translateY(100px) scale(1.2)}[data-aos=zoom-out-down]{transform:translateY(-100px) scale(1.2)}[data-aos=zoom-out-right]{transform:translate(-100px) scale(1.2)}[data-aos=zoom-out-left]{transform:translate(100px) scale(1.2)}[data-aos^=slide][data-aos^=slide]{transition-property:transform}[data-aos^=slide][data-aos^=slide].aos-animate{transform:translate(0)}[data-aos=slide-up]{transform:translateY(100%)}[data-aos=slide-down]{transform:translateY(-100%)}[data-aos=slide-right]{transform:translateX(-100%)}[data-aos=slide-left]{transform:translateX(100%)}[data-aos^=flip][data-aos^=flip]{backface-visibility:hidden;transition-property:transform}[data-aos=flip-left]{transform:perspective(2500px) rotateY(-100deg)}[data-aos=flip-left].aos-animate{transform:perspective(2500px) rotateY(0)}[data-aos=flip-right]{transform:perspective(2500px) rotateY(100deg)}[data-aos=flip-right].aos-animate{transform:perspective(2500px) rotateY(0)}[data-aos=flip-up]{transform:perspective(2500px) rotateX(-100deg)}[data-aos=flip-up].aos-animate{transform:perspective(2500px) rotateX(0)}[data-aos=flip-down]{transform:perspective(2500px) rotateX(100deg)}[data-aos=flip-down].aos-animate{transform:perspective(2500px) rotateX(0)} /*# sourceMappingURL=aos.css.map*/ /*! Miscellaneous --------- */ #root .desktop-hide, #root .tablet-only, #root .mobile-only { position: absolute; left: -3000em; top: -3000em; bottom: inherit; right: inherit; } /*! Flexbox --------- */ /* flex */ #intro.a .gallery-c, .module-h .tabs-a ul, #welcome.a article, .gallery-b, .gallery-b li, #intro header, .quote-e q { display: -moz-box; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; } /* wrap */ #intro.a .gallery-c, .gallery-b { -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; } /* direction-col */ #welcome.a article, #intro header, .quote-e q { -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; } /* justify-center */ #welcome.a article, .gallery-b, .gallery-b li, #intro header, .quote-e q { -webkit-justify-content: center; -ms-justify-content: center; justify-content: center; } /* justify-space-around */ #intro.a .gallery-c { -webkit-justify-content: space-around; justify-content: space-around; } /* justify-space */ .module-h .tabs-a ul { -webkit-justify-content: space-between; justify-content: space-between; } /* align-i-center */ .gallery-b li { -webkit-align-items: center; -ms-align-items: center; align-items: center; } /* align-i-stretch */ .gallery-b { -webkit-align-items: stretch; -ms-align-items: stretch; align-items: stretch; } /*! Fonts --------- */ /*! Icons --------- */ .icon-arrow4:before { content: "\e965"; } .icon-hands:before { content: "\e964"; } .icon-play-circle:before { content: "\e966"; } .icon-x-circle:before { content: "\e963"; } /* Responsive --------- */ @media only screen and (max-width: 103.125em) { /* 1650 */ .gallery-b { margin-left: -22px; margin-right: -22px; } } @media only screen and (max-width: 81.25em) { /* 1300 */ #intro { } /* #root #intro figure { right: -100px; } */ } @media only screen and (max-width: 75em) { /* 1200 */ .width-f { padding-left: 20px; padding-right: 20px; } #root #intro figure {left: 50px;} #top { } #nav > ul > li, #nav > ul > li.a { padding-left: 15px; } #nav > ul > li.a + li.a { margin-left: -5px; } #nav > ul > li.a > a, html.home #top-fixed #nav > ul > li.a > a { padding-left: 8px; padding-right: 8px; } .cols-b { padding-right: 600px; } .cols-b > figure { width: 600px; margin-right: -600px; } .module-e.b { } #root .module-e.b > * { padding-right: 50%; } #root .module-e.b figure { max-width: 58%; margin-right: -550px; margin-left: 0; } .module-e.b h1, .module-e.b h2, .module-e.b h3, .module-e.b h4, .module-e.b h5, .module-e.b h6 { margin-right: -100px; } .quote-e { margin-top: 20px; } #welcome.a h1, #welcome.a h2, #welcome.a h3, #welcome.a h4, #welcome.a h5, #welcome.a h6 { font-size: 41px; } } @media only screen and (max-width: 68.75em) { /* 1100 */ #root, #root.top-show, #root.top-show.totop { padding-top: 40px; } /* #root #top { position: fixed; left: 0; top: 0; height: 56px; padding: 13px 12px 0; background: #333; } */ #top h1 { height: 14px; } #top h1 a { background-size: auto 14px; } /* #top > .menu, #top-fixed > .menu { top: 50%; right:50%; margin-right: -360px; margin-top: -24.5px; } */ #nav { right: 0; left: 0; top: -3000em; margin: 0; box-shadow: 0 0 4px rgba(0,0,0,.25); background: #1a1a1a; color: #fff; } #root #nav > ul > li { position: relative; left: 0; float: none; height: auto; padding: 0; font-size: 2em; } #root #nav > ul > li > a { padding: 6px 12px; border-radius: 0; background: none; text-decoration: none; } #root #nav > ul > li > a:hover, #root #nav > ul > li.sub > .toggle:hover { background: #000; } #root #nav > ul > li.sub > .toggle { display: block; position: absolute; right: 3px; top: 0; z-index: 10; width: 32px; height: 32px; cursor: pointer; } #root #nav > ul > li.sub > .toggle:before { content: "\e923"; display: block; position: absolute; left: 0; top: 50%; width: 100%; margin: -10px 0 0; font-family: i; font-size: 3px; font-weight: 400; line-height: 20px; text-align: center; } #root #nav > ul > li.sub.toggle > .toggle:before { content: "\e922"; } #root #nav > ul > li > ul, #root #nav > ul > li > div { position: absolute; left: -3000em; top: 0; width: auto; min-height: 0; margin: 0; padding: 6px 0; border: 0; background: #0d0d0d; } #root #nav > ul > li.toggle > ul, #root #nav > ul > li.toggle > div { position: relative; left: 0; } #root #nav > ul > li > div ul { float: none; width: auto; } #root #nav > ul > li > ul li, #root #nav > ul > li > div ul li { margin: 0; font-size: .9em; } #root #nav > ul > li > ul li a, #root #nav > ul > li > div ul li a { display: block; padding-right: 12px; padding-top: 3px; padding-bottom: 3px; text-decoration: none; } #top.toggle #nav, #top-fixed.toggle.show #nav { top: 100%; } #top { } html.home #top-fixed #nav > ul > li.a > a, #top-fixed #nav > ul > li.a > a { padding-left: 10px; padding-right: 10px; } #intro { margin-top: 16px; margin-top: 90px; } /* #intro header { min-height: calc(100vh - 76px); padding-bottom: 20px; } */ #intro h1, #intro h2, #intro h3, #intro h4, #intro h5, #intro h6 { padding-right: 0; } #intro p { padding-right: 0; } #intro .link-video { margin-top: 30px; padding-right: 0; } /* #root #intro figure { overflow: hidden; position: relative; bottom: 0; right: 0; margin: 40px 0 -300px; } */ /* #root #intro figure img { float: right; } */ #root #intro figure {right: 455px;} #intro + #content { padding-top: 56px; } #intro a.down { margin-top: 30px; } #intro.a .gallery-c { width: auto; max-width: none; margin-left: -20px; } #intro.a .gallery-c li { width: 25%; height: auto; margin: 0 10px 20px; border-left-width: 20px; } #intro.a .gallery-c li:nth-child(4n) + * { clear: both; } /* #root #intro.a figure { } */ #root #intro figure img { max-width: 30% !important; } #welcome.a h1, #welcome.a h2, #welcome.a h3, #welcome.a h4, #welcome.a h5, #welcome.a h6, #intro h1, #intro h2, #intro h3, #intro h4, #intro h5, #intro h6, .module-e.b h1, .module-e.b h2, .module-e.b h3, .module-e.b h4, .module-e.b h5, .module-e.b h6 { font-size: 31px; } .cols-b { padding-right: 0; } .cols-b > figure { width: 100%; margin-right: 0; } .module-h { } .module-h > h1, .module-h > h2, .module-h > h3, .module-h > h4, .module-h > h5, .module-h > h6 { max-width: 300px; } .module-h .tabs-a { } .module-h .tabs-a ul { padding-left: 300px; } .module-h .tabs-a ul a { font-size: 16px; } .news-e h1, .news-e h2 { font-size: 27px; } .size-h, #root .size-h, #root .quote-d, #root .module-g.b h1, #root .module-g.b h2, #root .module-g.b h3, #root .module-g.b h4, #root .module-g.b h5, #root .module-g.b h6 { font-size: 20px; } .size-e, #root .size-e, #root .quote-c, #root .link-a.a a, #root .link-a.b a, #intro p, .module-e.b p { font-size: 16px; } .size-g, #root .size-g { font-size: 15px; } .news-e p, .news-e li, .list-e.a li, .size-f, #root .size-f, #root .heading-b p, .list-e.b li, #root .module-g.b p, .list-e.c li, .list-checks.a li { font-size: 14px; } .list-e, .news-e h1 + .size-e, .news-e h2 + .size-e, .news-e figure, .news-e h1 + .list-e, .news-e h2 + .list-e, .heading-b, .gallery-b, .news-e h1 + .size-h, .news-e h2 + .size-h, .list-e.b, .list-arrow, .quote-c, .news-e h1 + .link-a, .news-e h2 + .link-a, .module-aside { margin-top: 30px; } .list-e, .list-e li, .news-e figure, .heading-b, .list-checks, .gallery-b, .list-arrow, .quote-c, .list-checks.a, #root .list-plain, #root .link-a.a, #root .link-a.b, #root .news-e p[class*="mb"], .list-e.c, #intro h1, #intro h2, #intro h3, #intro h4, #intro h5, #intro h6, .module-e.b h1, .module-e.b h2, .module-e.b h3, .module-e.b h4, .module-e.b h5, .module-e.b h6 { margin-bottom: 30px; } .gallery-b { } .gallery-b li { height: 68px; } .link-a.a { } #root .link-a.a a, #root .link-a.b a { padding: 17px 33px; } .list-arrow { } .list-arrow li:before { top: 7px; width: 7px; height: 7px; } .list-checks { margin-bottom: 50px; } .list-checks li:before { top: 4px; } .list-e.a { } .list-e.a li { padding-left: 40px; } .list-e.a li:before { -webkit-transform-origin: 0 center; -ms-transform-origin: 0 center; transform-origin: 0 center; -webkit-transform: scale(.75); -ms-transform: scale(.75); transform: scale(.75); } .list-e.b { } .list-e.b li { padding-left: 30px; } .list-e.b li:before { top: 4px; } .list-e.c { } .list-e.c li { padding-left: 30px; } .list-e.c li:before { top: 3px; } .list-f { margin-left: -30px; } .list-f li { border-left-width: 30px; } .module-aside, .module-aside.b { padding-right: 0; padding-left: 0; padding-top: 0; } #root .module-aside figure, #root .news-e > * > .module-aside:last-child figure, #root .module-aside.a figure { position: relative; left: 0; top: 0; right: 0; bottom: 0; margin: -30px 0 0; } #root .news-e > * > .module-aside:last-child figure { margin-bottom: -40px; } #root .news-e > * > .module-aside.a:last-child figure { top: 40px; margin-bottom: 0; } #root .module-aside.a figure { margin-top: 30px; } .module-aside.a { margin-top: 50px; } .module-aside.b { } .module-aside.b:before { padding: 0; border-bottom-width: 8px; } .module-e.b { padding-bottom: 0; } #root .module-e.b > *, #root .module-e.b > * > * { max-width: none; padding-right: 0; } #root .module-e.b figure { max-width: none; margin-right: 0; } .module-e.b h1, .module-e.b h2, .module-e.b h3, .module-e.b h4, .module-e.b h5, .module-e.b h6 { margin-right: 0; } #root .module-g, #root .module-g.a, #root .module-g.b { padding-top: 30px; padding-bottom: 30px; } #root .module-g.a { padding-bottom: 70px; } .news-e { } .news-e > * { margin-bottom: 40px; padding-top: 40px; } .news-e > figure { padding-top: 40px; } .news-e > *:last-child, #root .news-e > .module-g { margin-bottom: 0; } .news-e > * > .quote-c:first-child { margin-top: 0; } .news-e p, .news-e > * > .size-g:last-child { margin-bottom: 25px; } #root .news-e h1, #root .news-e h2 { margin-bottom: 25px; } .news-e h1.strong .small, .news-e h2.strong .small { margin-bottom: 20px; } .quote-d { } .quote-d > span { margin-top: 4px; } .size-e, #root .size-e, .list-f h1, .list-f h2, .list-f h3, .list-f h4, .list-f h5, .list-f h6 { font-size: 22px; } #top-fixed { position: absolute; left: -3000em; top: 0; right: auto; bottom: auto; } } @media only screen and (max-width: 47.5em) { /* 760 */ #content > .news-aa:first-child { margin-top: 0; } .news-aa { padding-top: 0px; } .news-aa article { margin-top: 0 !important; margin-bottom: 50px; padding-top: 0 !important; } #top > .menu, #top-fixed > .menu { right: 0; top: 3px; margin: 0; } #top.a { } #top.a:before { border-bottom-width: 0; } #top.a #nav > ul > li.b a { padding-left: 18px; background: #1a1a1a; } #root #welcome.a { margin-top: 16px; padding: 0; } #welcome.a article { min-height: 0; } #intro header { min-height: 0; padding-bottom: 30px; } .ie #welcome.a article > * { position: relative; left: 0; top: 0; } #root #intro figure { margin: 50px -20px -80px 0; } #intro .gallery-c { width: auto; max-width: none; margin-left: -20px; } #intro .gallery-c li { width: 50%; height: auto; margin: 0 0 20px; border-left-width: 20px; } #intro .gallery-c li:nth-child(2n) + * { clear: both; } #intro .gallery-c img { max-height: none !important; } #intro footer h1, #intro footer h2, #intro footer h3, #intro footer h4, #intro footer h5, #intro footer h6 { margin-bottom: 30px; } #intro footer h1, #intro footer h2, #intro footer h3, #intro footer h4, #intro footer h5, #intro footer h6 { font-size: 2.2em; } #intro.a .gallery-c { width: auto; max-width: none; margin-left: -20px; } #intro.a .gallery-c li { width: 50%; height: auto; margin: 0 0 20px; border-left-width: 20px; } #intro.a .gallery-c li:nth-child(2n) + * { clear: both; } #root #intro.a figure { margin: 0 auto; text-align: center; left: 0; right: auto; } .gallery-b, .gallery-c { margin-left: -10px; margin-right: -10px; } .gallery-b li, .gallery-c li { height: 50px; margin: 0 10px 10px; } .gallery-c img { width: auto !important; max-height: 50px !important; } .module-h { padding-top: 30px; margin-bottom: 30px; } .module-h:before { background: #fff; } .module-h > h1, .module-h > h2, .module-h > h3, .module-h > h4, .module-h > h5, .module-h > h6 { font-size: 2.8em; text-align: center; } .module-h .tabs-a > ul, .module-h .tabs-a .tabs-inner { display: none; } .mobile-only, .tabs-a > div > .hidden, .tabs-a .tabs-inner.toggle { display: block!important; position: relative!important; left: auto!important; top: auto!important; } .module-h > h1, .module-h > h2, .module-h > h3, .module-h > h4, .module-h > h5, .module-h > h6 { max-width: 100%; } .module-h .tabs-a { border-top: 1px solid #dcdddd; } .module-h .tabs-a ul, .module-h .tabs-a .tabs-inner { display: none; } .module-h .tabs-a .cols-b header h1, .module-h .tabs-a .cols-b header h2, .module-h .tabs-a .cols-b header h3, .module-h .tabs-a .cols-b header h4, .module-h .tabs-a .cols-b header h5, .module-h .tabs-a .cols-b header h6 { margin-bottom: 20px; font-size: 26px; } .module-i { margin-bottom: 20px; } .module-quote { } .module-quote header { padding-right: 0; } .module-quote img { display: block; position: relative; top: auto; right: auto; margin-top: 20px; margin-left: auto; margin-right: auto; } .module-quote > p { text-align: center; } .heading-b { padding-left: 0; } .heading-b .icon { position: relative; margin: 0 0 30px; } #root .link-a[class*="mb-"], #root [class*="width-"][class*="mb-"], #root h1[class*="mb-"], #root h2[class*="mb-"], #root h3[class*="mb-"], #root h4[class*="mb-"], #root h5[class*="mb-"], #root h6[class*="mb-"] { margin-bottom: 20px; } #root [class*="width-"][class*="mb-"] + .link-a { margin-top: 30px; } .link-video { } #root .link-video a:before { background: url(../images/play-circle.svg) no-repeat; background-size: 100% 100%; text-align: left; text-indent: -3000em; } .list-arrow { padding-top: 0; padding-left: 0; } .list-f { margin-top: 40px; } .list-f li { float: none; width: auto; } .list-f li:nth-child(3n) + li { clear: none; } .list-f li:nth-child(2n) + li { clear: both; } .list-g { } .list-g li { margin-bottom: 40px; } .module-aside.b { margin-top: 30px; margin-bottom: 30px; } .module-e.b { margin-top: 40px; margin-bottom: 40px; padding-top: 20px; padding-bottom: 0; } #root .quote-d { padding: 0; text-align: center; } .quote-d img { position: relative; left: 0; top: 0; margin: 0 auto 20px; } .size-e, #root .size-e { font-size: 22px; } .tabs-a .hidden figure { opacity: 1; } #root .mb-k { margin-bottom: 30px; } .tabs-a { } .tabs-a > div { padding-top: 25px; padding-bottom: 25px; } .tabs-a .tabs-inner { padding-top: 25px; padding-bottom: 25px; } .quote-d img, .ie #welcome.a article > *, .tabs-a .hidden figure { -webkit-transform: none; -ms-transform: none; transform: none; } /* #root #intro figure { position: relative; left: 0; top: 0; } */ .list-arrow:before { position: absolute; left: -3000em; top: 0; right: auto; bottom: auto; } } ul.sp {margin-bottom: 30px;} ul.sp li {margin-bottom:15px;font-size:18px;list-style: disc;} article.sp {margin-top: 50px;} h2.sp {text-align:left;max-width: 100%;font-size: 25px;margin-top: 35px;margin-left: 45px;} div.spq {width: 100vw; position: relative; left: 50%; right: 50%; margin-left: -50vw; margin-right: -50vw; background: #f2f6fa; margin-top: 50px; margin-bottom: 50px;} article.spq {margin: 0 auto;padding: 30px 0px;} article.spq p {margin-bottom:0px;} img.tt {float:left;margin-right: 10px;position: relative;top: 28px;} img.s {top:19px;} h2.gc {margin-top:60px;} .starttrial::before {background-color: #f2f6fa; content: ""; display: block; position: absolute; left: -1000em; z-index: -1; width: 3000em; height: 289px;} .starttrial { height: 289px; margin-bottom: 25px; } .chat-camp { color:#222; } .news-aa figure.video-d img { position: relative; left: 75px; } .news-aa:before { content: ""; display: block; position: absolute; left: 50%; top: 100px; border: 0; z-index: 1; width: 1140px; height: 100%; margin: 0 0 0 -570px; background-repeat: repeat-y; background-position: center 0; background-size: 100% auto; } .news-aa article { position: relative; z-index: 2; margin: 0 0 105px; padding: 0 0 0 490px; } .news-aa article > .inner { position: relative; } .news-aa article > .inner > .inset.middle { position: absolute; left: 0; top: 50%; right: 0; } .news-aa figure { position: absolute; left: 0; top: 50%; } .news-aa figure img, .lt-ie9 .news-a figure .video-a { position: absolute; left: -3000em; top: 0; } .lt-ie9 .news-aa figure img { position: relative; left: 0; } .news-aa figure, .news-a article > .inner > .inset.middle { -moz-transform: translateY(-50%); -webkit-transform: translateY(-50%); -o-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); } .news-aa article:nth-child(2n) { padding-left: 0; padding-right: 585px; } .news-aa article:nth-child(2n) figure { left: auto; right: 0; } .news-aa article.nth-a { padding-left: 0; padding-right: 585px; } .news-aa article.nth-a figure { left: auto; right: 0; } .news-aa + * { margin-top: 0; } .news-aa {font-size: 1.1em;} .news-aa em { font-style: normal; font-weight: bold; } .hsplit {word-spacing:9999px;} h2 { font-size: 3em;} #awards p { text-transform: uppercase; font-size: 14px; } #awards img { width: 75px;margin-right: 15px;} #awards img:nth-child(4) { margin-right: 18px;} #awards img:nth-child(2) { margin-right: 11px;} #intro h1 { font-size:4.5em;padding-right:0; background-repeat: no-repeat; background-position: 26px 0px; line-height: 60px; margin-bottom: 10px; width: 100% !important; } #intro h2 {font-size:2.7em;line-height: 35px;} h1, h2, h3, h4, h5, h6 {margin:0;} #intro h2.q {font-size:2.2em;width: 645px; margin-left: 0;padding:0;} #intro p.quote { font-size: 1em; color: white; display: inline; float: left; padding:0; width: 400px; margin-top: 140px; margin-right: 95px; font-style: italic; } #intro p.quote span {display: block;margin-bottom: 10px;} #intro p.quote span::before, #intro p.quote span::after { content: "“"; font-family: Georgia; font-size: 3rem; margin: -1rem 0 0 -2rem; position: absolute; opacity: 0.5; color: #ffffff; } #intro p.quote span::after { content: "”"; margin: -1rem -4rem 0 0; } header .r { display: flex; flex-direction: row; margin-top: 60px;margin-bottom: 60px; } header .r .c { display: flex; flex-direction: column; flex: 1; } header .r .c img { align-self: center; } header .r .c img:hover { cursor: pointer; } #intro div.quote em { margin-top: 15px; display: inline-block;} .home #intro header figure > img {display: inline;} video { width: 100%;height: 100%;} .modal { display: none; /* Hidden by default */ position: fixed; /* Stay in place */ z-index: 2147483001; /* Sit on top */ padding-top: 60px; left: 0; top: 0; width: 100%; height: 100%; overflow: hidden; background-color: rgba(0,0,0,0.8); /* Black w/ opacity */ } html.modalVis { height: 100%; overflow: hidden;} /* Modal Content */ .modal-content { margin: auto; padding: 0px; border: 1px solid #888; position: relative; background-color: black; width: calc(90vw - 106px); max-width: calc(180vh - 213px); height: calc(50.625vw - 60px); max-height: calc(101.25vh - 120px); } /* The Close Button */ .mclose { color: #e1e1e1; font-size: 39px; position: absolute; right: -25px; top: -22px; background-color: #8e8e8e; border-radius: 50%; width: 32px; height: 32px; line-height: 33px; padding-left: 3px; } .mclose:hover, .mclose:focus { color: #fff; text-decoration: none; cursor: pointer; } video::cue { color: white; font-size: 25pt; font-family: Poppins,'Open Sans', Arial, Helvetica, sans-serif; } .vidEmail { color: #ffc200; } #maininfo, .approach { max-width: 1200px; margin: 0 auto; margin-bottom: 60px; padding:10px; text-align: center; padding: 30px; } #maininfo {background-image: radial-gradient( farthest-corner at 40px 40px, rgba(233,228,222, 0.7) 0%, rgb(233,228,222) 100% );} #maininfo .column { flex:1; text-align: left; } #maininfo .column:first-child { margin-right:50px; } #maininfo .column:last-child { } #maininfo .column li {margin-bottom:30px;font-size: 2em;} #maininfo .row { display:flex; margin-top: 60px; margin-bottom: 30px; } #maininfo h2 { margin-bottom: 45px; } #testimonals { background-color: #558C8C;text-align: center;max-height: 570px;} #testimonals h4 {color: white; padding-top: 25px; padding-bottom: 10px;} .demotitle {font-size: 25px;} .accounting .video-d img {width:auto;} .accounting .video-d, .accounting .video-a {border:0;} .accounting em { font-weight:bold;font-style:normal;} .accounting article ul {padding-left:18px; } .accounting article h3 {margin-bottom:15px; } .accounting #demo {background-color:#7ebea4; color:#fff;} .accounting .list-g {max-width:1200px; } .accounting .list-g h2 {text-align:left;} .accounting #demo .s, .accounting #trial .s {display:flex;max-width: 960px; margin: auto;} .accounting #demo .s .r, .accounting #trial .s .r {flex:1;} .accounting .mb-e { margin-top: 60px;} #root .link-a a.z {background-color:#656768;} #root .link-a a.z:hover {background-color:#929597;} .accounting .quote-e, #root .quote-e {font-size:1.7em;} .accounting #trial {background-color:#e9e4de; color:#000;padding: 60px 120px; } .accounting #trial .s .r:first-child {flex:35%;} #root #trial .link-a a.z {background-color:rgb(128, 195, 66);} #root #trial .link-a a.z:hover {background-color:#12f3aa;} #trial .start a.x {font-size:1.7em;color:#8e8e8e;} #trial .start {margin:75px 0 0 45px; } #trial h2 {margin-bottom: 35px;font-size: 31px;} #trial p {margin-bottom:12px; } #root .accounting .mb-e { margin-bottom: 105px; } .accounting .video-a { margin-left:60px;} .static #root {padding-top:0 !important; } #acclogo .gallery-c li { display: block; float: left; width: 20%; margin: 0 0 31px; border-left: 0 solid rgba(0,0,0,0); text-align: center; padding: 20px; } #acclogo .gallery-c li:nth-child(2) img {position: relative;top: 30px;} #acclogo .gallery-c li:nth-child(4) img {position: relative;top: 33px;} #acclogo .gallery-c li:nth-child(5) img {position: relative;top: 20px;} .approach .main { font-size:3em;margin-top: 75px;} .approach .title { font-size: 25px;color:#72b6d0;margin-bottom: 5px;} .approach td { border:none;} .approach td p { margin-bottom:10px;} .approach tr:nth-child(odd) td {text-align:right;} .approach .cont { display:flex; flex-wrap: wrap; } .approach .cont > div {flex: 50%; } .approach .blue { } .approach .green:nth-child(even) { text-align:left; } .approach .green:nth-child(odd) { text-align:right; } #accel { max-width: 800px; margin: 0 auto; padding-top: 50px; } .charea {margin: 0 auto;padding: 40px 40px;border-radius: 5px; width: 840px;position: relative;top: 60px;} .clientportals {font-size: 24px;width: 800px;margin: 0 auto;padding-bottom: 50px;padding-top: 5px;} .pain { max-width: 1200px; margin: 0 auto; margin-bottom: 60px; padding: 10px; text-align: center; padding: 30px; } .pain ul {text-align: left;list-style-type: circle;} .pain li {margin-bottom: 15px;font-size: 2em;} .pain .title { font-size: 30px;margin-top: -40px; margin-bottom: 70px;color:#7ebea4;} .pain { overflow: hidden; align-items: center; margin-top: 50px; } .pain blockquote.a {margin-left: 50px;} .pain blockquote.b {margin-left: auto; margin-right: 20px;} .pain blockquote { /* color: rgba(255, 230, 195, 0.6); */ /* font-family: Tahoma, sans-serif; */ font-size: 18px; width: 60%; margin: 0 auto; margin-bottom: 30px; } .pain blockquote h1 { font-size: 4rem; } .pain blockquote p { font-style: italic; margin-bottom: 0; font-size: 1.2em; } .pain .a {padding-top: 70px; max-width: 950px; margin: 0 auto;} .pain blockquote p::before, .pain blockquote p::after { content: "“"; font-family: Georgia; font-size: 3rem; margin: -1rem 0 0 -2rem; position: absolute; opacity: 0.5; color: #7ebea4; } .pain blockquote p::after { content: "”"; margin: -1rem -4rem 0 0; } .pain blockquote cite { font-size: 1.5rem; } #quote1 { background-color: #51656e; height: 389px; width: 100%; display: block; } #quote1 > div { display: flex; flex-direction: row; flex-wrap: wrap; max-width: 1200px; color: white; margin: 0 auto; } #quote1 .c { display: flex; flex-direction: column; flex-basis: 100%; flex: 1; } #quote1 p {font-size: 2.2em; font-style: italic; font-weight: 600; margin-top: 50px;} #quote1 p.b {font-size: 1.5em;margin-top: 30px;} #quote1 .c img {width: 470px;} #quote1 .c img.i {width: auto;padding-right: 20px; display: none;} #quote2 { background-color: #74373b; height: 336px; width: 100%; display: block; } #quote2 > div { display: flex; flex-direction: row; flex-wrap: wrap; max-width: 1200px; color: white; margin: 0 auto; } #quote2 .c { display: flex; flex-direction: column; flex-basis: 100%; flex: 1;padding-right: 20px; } #quote2 p {font-size: 2.2em; font-style: italic; font-weight: 600; margin-top: 85px;} #quote2 p.b {font-size: 1.5em;margin-top: 30px;} #quote2 .c img {position: relative;top: -1px;} #quote2 .e {display: none;} #acclogo p { text-align: center;padding-top: 20px;margin-bottom: -10px;font-weight: 600;font-size: 1.5em;color: #b3b3b3;} #intro #eyebrow { font-size: 1.7em;margin-bottom: 25px;} .site-fixlist { position: relative; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; -webkit-transform: rotate(2deg); -ms-transform: rotate(2deg); transform: rotate(2deg); } .site-fixlist-cols { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; } .site-fixlist-col--text { position: relative; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; width: 32%; -webkit-align-self: start; -ms-flex-item-align: start; align-self: start; margin-top: 50px; } .site-fixlist-note { position: absolute; top: 188px; right: -70px; width: 150px; } .site-fixlist-arrow { position: absolute; top: 80px; right: 80px; width: 60px; } .site-box { min-height: 10px; border: 1px solid #f1f4f8; border-radius: 4px; background-color: #fff; box-shadow: 0 5px 20px 0 rgb(0 0 0 / 10%); font-size: 1.6em; } .site-box-content { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; height: auto; padding: 30px; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; -webkit-box-flex: 1; -webkit-flex: 1; -ms-flex: 1; flex: 1; } .site-fixlist-item { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; margin-bottom: 10px; padding-bottom: 10px; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; border-bottom: 1px solid #e8ecf0; } .site-fixlist-item-icon { width: 24px; margin-right: 10px; -webkit-box-flex: 0; -webkit-flex: 0 0 auto; -ms-flex: 0 0 auto; flex: 0 0 auto; } .site-fixlist-item-label { -webkit-align-self: center; -ms-flex-item-align: center; -ms-grid-row-align: center; align-self: center; text-align: left; } .switchy > div { max-width: 1200px; text-align: left; margin: 0 auto; padding-bottom: 100px; } .switchy table {max-width: 670px;border-collapse: collapse;} .switchy table td {border: 0;padding:3px 10px;} .switchy table td img { width: 80%;} .switchy h2 { margin:100px 0px 50px 0px;text-align: center;} .switchy h3 { margin:55px 0px 30px 70px;} .switchy .sw1 { margin-top: 40px;display: flex;flex-direction: row; flex-wrap: wrap;width: 100%;} .switchy .sw1 div, .switchy .sw1 img { flex-direction: column;align-self: center; } .switchy .sw1 img { border: 1px solid #eee;box-shadow: 3px 3px 11px -2px rgb(0 0 0 / 44%);} .switchy h4 {margin-bottom: 50px;} .switchy ul {padding-left: 15px;line-height: 30px;} .switchy .sw1 div.i {text-align: center;flex: 1 3 50%;} .switchy .sw1 div.bb {flex: 1 1 50%;padding-left: 15px;} .switchy .a {display: flex;flex-direction: row; flex-wrap: nowrap;justify-content: center;} .switchy .a .b { align-self: flex-start;} .switchy .b { margin-right: 100px;} .switchy .arr2, .switchy .arr3 { text-align: center; } .switchy .arr2 img {margin-left: 500px;} .exp {background-color: #1c2c45;text-align: center;color: #fff;} .exp > div {max-width: 1200px;margin: 0 auto;padding: 80px 0px;} .exp h2 { margin: 0px 0px 30px 0px;} .exp .ex1,.exp .ex2 {display: flex;flex-direction: row; flex-wrap: wrap;width: 100%;} .exp .ex1 span, .exp .ex2 span {flex-direction: row;flex: 1;align-self: flex-start;} .exp .ex1 {font-size: 4em;} .exp .ex2 span {font-size: 2em;padding: 0px 35px;} .price {text-align: center;max-width: 800px;margin: 0 auto;padding:50px 0px;} .price h2 {margin: 50px 0px;} .price p {margin-bottom: 30px;} .price .p { font-weight: 600;} .price ul {text-align: left;max-width: 390px;margin: 0 auto;padding-left: 15px;} .price > div {margin-bottom: 30px;} .module-b { margin-top: 40px !important;} #acclogo .c {display: flex;flex-direction: row; flex-wrap:nowrap;max-width: 1200px;margin: 0 auto;justify-content: center; padding-bottom: 10px;} #acclogo .c img {align-self: center;margin: 20px;min-width: 0;-webkit-filter: grayscale(100%);filter: grayscale(100%); opacity: 0.6; filter: alpha(opacity=60);width: 12%;} nav.menu2 {font-size: 1.6em; position: absolute; top: 25px; right: 240px;z-index: 100;} #top > nav > p {font-size: 1em;display: inline-block; margin: 0;display: none;} #top > nav > p a {margin: 0;} #root #top.fixed {background-color: #f8f9f9 !important;z-index: 200;border-bottom: 1px solid #e7e7e7; box-shadow: 0px -7px 11px 0px;} #top.fixed nav.menu2 {right:50px;top:15px;} #top nav.menu2 a.pricing-a {margin-right: 20px;} #opts { display: flex; flex-direction: row; } #webinar,#calendly { padding: 0 20px; text-align: center; position: relative; min-height: 170px; flex: 1 1 0; } #calendly{ border-left: 1px solid #ccc; } #opts a.demobutton { display: inline-block; margin: 0 9px 10px 0; padding: 10px 10px; box-shadow: 0 1px 5px rgb(0 0 0 / 25%); border-radius: 3px; border: 0; background: #0063f9; color: #fff; text-align: center; text-decoration: none; transition: 0.3s; text-transform: none; font-size: 18px; margin-top: 30px; position: absolute; left: 50%; bottom: -20px; transform: translate(-50%, -50%); width: 250px; } #opts a.demobutton:hover { background: #1e76f9;} #demoform #background { text-align: center; } #leadgen { max-width: 1200px; text-align: left; margin: 0 auto; padding-bottom: 50px; padding-top: 50px; text-align: center; } #leadgen a {color: #fff;} #leadgen a:hover,#leadgen .imgg:hover {text-decoration: none; cursor:pointer;} #leadgen h2 {margin: 50px 0px;} .help-leads > div { height: 250px; padding:20px; color:#fff; } .help-leads .lead { font-size: 2em; background-color: #087c91; height:100%; text-align: left; position: relative; } #leadgen .gdpr {background-color: #02247c;} #leadgen .imgg { background-repeat: no-repeat; background-position: center 45px; } #leadgen .leadcon{ position: absolute; bottom: 0; left: 0; font-size: .9em; padding: 10px; } #leadgen .minihead { padding: 10px;} #leadgen > p {margin: 0 100px;} #leadgen .tns-outer [data-action],#leadgen .tns-nav{display:none} #leadgen .tns-outer{margin-top:28px} #leadgen .tns-outer [aria-controls]{background-color:transparent;border:none;box-shadow:none;color:transparent;width:15px;height:15px;padding:10px;box-sizing:border-box;border-top:2px solid #ff6100;border-right:2px solid #ff6100;cursor:pointer;margin:0 20px;z-index: 2;} #leadgen .tns-outer [aria-controls]:nth-child(1){transform:rotate(-135deg) translate(0px,-40px)} #leadgen .tns-outer [aria-controls]:nth-child(1):active{transform:rotate(-135deg) scale(0.9) translate(0px,-40px)} #leadgen .tns-outer [aria-controls]:nth-last-child(1){transform:rotate(45deg) translate(40px,0px)} #leadgen .tns-outer [aria-controls]:nth-last-child(1):active{transform:rotate(45deg) scale(0.9) translate(40px,0px)} #leadgen .tns-controls{display:flex;justify-content:space-between;margin-bottom:-48px} #leadgen .tns-item{text-align:center;transition:opacity 150ms linear;} #leadgen .tns-item:hover{opacity:.5} #cookie-overlay { background: rgba(0, 0, 0, 0.6); width: 100%; height: 100%; min-height: 100%; position: fixed; top: 0; left: 0; z-index: 2000; display: none; } .cookiecontainer{ position: fixed; z-index: 3000; top: 30%; left: 50%; margin-left: -225px; background-color:#2F3337; width: 450px; border-radius: 8px; padding: 30px; display: none; } .cookiecontainer2{ font-family: 'Gill Sans', 'Gill Sans MT', Calibri, 'Trebuchet MS', sans-serif; color: whitesmoke; } .cookiecontainer #title{ font-size: 20px; font-weight: bold; } .cookiecontainer .btn-1{ width: 100%; padding: 10px; background-color: rgb(23, 133, 207); color: white; border: none; cursor: pointer; } .cookiecontainer .btn-2{ width: 100%; margin-top: 10px; border: none; cursor: pointer; padding: 10px; background-color: #b5b5b5; } .cookiecontainer .btn-3{ width: 100%; margin-top: 10px; border: none; cursor: pointer; padding: 10px; } #cookie-settings{ position: fixed; z-index: 3001; top: 30%; left: 50%; margin-left: -270px; width: 550px; height: 440px; border: 1px solid gray; border-radius: 8px; padding: 20px; background-color: white; display: none; -webkit-box-shadow: 0px 0px 6px 1px #444343; box-shadow: 0px 0px 6px 1px #626262; } #cookie-settings .special-page .relative {text-align:center !important; } #cookie-settings .special-page .footer {margin-top: 90px;} #cookie-settings .switchcookie { position: relative; display: inline-block; width: 40px; height: 22px; } #cookie-settings .switchcookie input { opacity: 0; width: 0; height: 0; } #cookie-settings .slider { float: right; position: absolute; cursor: pointer; top: 0; left: 0; right: 0; bottom: 0; background-color: #ccc; -webkit-transition: .4s; transition: .4s; } #cookie-settings .slider:before { position: absolute; content: ""; height: 19px; width: 19px; left: 0px; bottom: 2px; background-color: white; -webkit-transition: .4s; transition: .4s; } #cookie-settings input:checked + .slider { background-color: rgb(23, 133, 207); } #cookie-settings input:focus + .slider { box-shadow: 0 0 1px rgb(23, 133, 207); } #cookie-settings input:checked + .slider:before { -webkit-transform: translateX(20px); -ms-transform: translateX(20px); transform: translateX(20px); } /* Rounded sliders */ #cookie-settings .slider.round { border-radius: 34px; } #cookie-settings .slider.round:before { border-radius: 50%; } #cookie-settings input[type="button"]{ cursor: pointer; } #cookie-settings #img-cookie-start{ background-color: #2F3337; border-radius: 8px; width: 40px;padding: 10px; cursor: pointer; position: fixed; position: fixed; top: 800px; display: none; } @media only screen and (max-width: 700px) { #opts {flex-direction:column;} #calendly { border-top: 1px solid #ccc; border-left: none; } #opts a.demobutton {bottom: 15px;} } @media only screen and (max-width: 47.5em) { #acclogo .gallery-c li { width: 50%; height: 52px; margin: 0 0 20px; border-left-width: 20px; } } @media only screen and (max-width: 75em) { .hsplit {word-spacing:inherit;} } @media only screen and (max-width: 62.5em) { .hsplit {word-spacing:9999px;} #root #top { background-color: #fff; height: 80px; } #root #top {padding: 23px 0px 0px 0px;} } @media only screen and (max-width: 1100px) { #intro h2.q {width: 560px;} } @media only screen and (max-width: 1300px) { #intro article, #top h4 { margin-left: 30px;margin-right: 30px;} #intro, #quote1 > div, .switchy > div {margin-right: 30px; margin-left: 30px;} } @media only screen and (min-width: 1300px) { #top h4 { width: 1200px !important;margin: 0 auto !important;position: static;} #root #top { max-width: none !important;} } @media only screen and (max-width: 75em) { /* 1200 */ #content > .news-aa:first-child { margin-top: -80px; } .approach .blue { display:none;} .approach .green:nth-child(odd) { text-align:left;} .approach .green:nth-child(even) { text-align:left;} #intro h1 { font-size: 4em;} } @media only screen and (max-width: 62.5em) { /* 1000 */ #quote2 .a { display: none;} #quote2 .e {display: inline-block;margin-top: 10px;} #quote2 .c {margin: 0px 30px;font-size: .8em;} .news-aa { } #root .news-aa article { padding: 0; } .news-aa figure { position: relative; top: 0; margin-bottom: 30px; } .news-aa figure img, .news-a figure video, .video-a video { display: block; width: 100% !important; } .news-b { } .news-b article, .news-b.a article { float: right; width: 47%; } .news-b.aa article:nth-child(2n-1) { float: left; } .news-b.aa article:nth-child(2n+1) { clear: both; } .news-aa figure { -moz-transform: none; -webkit-transform: none; -o-transform: none; -ms-transform: none; transform: none; } nav.menu2 {right: 100px;} #intro header > div {width: auto;} #maininfo .row { flex-direction: column; } #leadgen .tns-outer [aria-controls]:nth-child(1){transform:rotate(-135deg) translate(0px,-24px)} #leadgen .tns-outer [aria-controls]:nth-child(1):active{transform:rotate(-135deg) scale(0.9) translate(0px,-24px)} #leadgen .tns-outer [aria-controls]:nth-last-child(1){transform:rotate(45deg) translate(24px,0px)} #leadgen .tns-outer [aria-controls]:nth-last-child(1):active{transform:rotate(45deg) scale(0.9) translate(24px,0px)} } @media only screen and (max-width: 620px) { #intro p.quote { margin: 0 auto; float: none; display: block; } .charea {top:30px;} .switchy .sw1 div.bb {margin-left: 30px !important;} } @media only screen and (max-width: 1150px) { div.site-fixlist-col--text > h2 {font-size: 2.2em;} #quote1 .d { display: none;} #quote1 .c img.i {display: inline-block;} } @media only screen and (max-width: 760px) { #quote2 .c {margin: 0px 30px;font-size: .6em;} #acclogo .c img {margin: 20px 15px;} #intro p {margin-bottom:50px;} #intro p.quote {margin:0;width:330px;color: #6f6d6d;margin: 13px 0px; } .quote-e img { width:25%; } .news-aa figure.video-d img, .news-aa figure.video-a img { left: 0; width: 60% !important;margin: 0 auto !important;} #intro header { background-size: 40%;} .accounting #demo, .accounting #trial {padding: 10px 20px; } .accounting #demo .s, .accounting #trial .s { display:block; } .quote-e q {padding: 0 0 0 95px;} .quote-e img { width:12%; } #trial .start {margin: 20px 0px;} #intro h1 { font-size:4em;} #intro p {margin-bottom: 35px;} #intro div.quote {top:35px; } #trial h2 {font-size:2.6em; } #acclogo li:last-child {float: unset; margin: 0 auto; clear: both;} #acclogo .gallery-c li:nth-child(2) img {top:10px;} #acclogo .gallery-c li:nth-child(4) img {top:14px;} #acclogo .gallery-c {margin-bottom: 50px;margin-right: 5px;} #acclogo .gallery-c li {border-left-width:0;} .switchy table td {font-size: 1.5em !important;} } @media only screen and (max-width: 500px) { #maininfo .row { display:block; } #maininfo .column:first-child, #maininfo .column {margin:20px; } .news-aa figure.video-d img {left:0;} .module-h:before {background:#fff;} .accounting .video-a { margin-left:0;} .accounting #demo, .accounting #trial {padding: 10px 20px; } .accounting #demo .s, .accounting #trial .s { display:block; } .quote-e q {padding: 0 0 0 95px;} .quote-e img { width:25%; } #trial .start {margin: 20px 0px;} #intro h1 { font-size:4em;} #intro p {margin-bottom: -10px;} #intro div.quote {top:35px; left: -18px;} #trial h2 {font-size:2.6em; } .charea h1 {font-size: 22px;} .charea {top:0;} .column ul {padding-left: 10px;} #intro p.link-a { margin: 35px 0px;} } @media only screen and (max-width: 47.5em) { #welcome.a article > *, #intro > *, #intro header > * { width: auto; } } @media only screen and (max-width: 800px) { .charea {width: auto;} .clientportals {width: auto;} .switchy .arr2, .switchy .arr3 { display: none;} .switchy .sw1 div.bb {margin-left: 50px;} .exp > div > div.ex2 > span {font-size: 1.5em; padding: 0px 15px;} .switchy .sw1 img { margin-bottom: 40px;} .modal-content {width: 95%;} .mclose {right: -10px;} } @media screen and (max-width: 991px) { .site-fixlist-arrow { display: none;} .site-fixlist-cols { -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; } .site-fixlist-col--text { width: auto; padding-top: 30px; padding-bottom: 15px; text-align: center; max-width: 550px; margin: 0 auto; } .site-fixlist-col--box { max-width: 550px; } .site-fixlist { -webkit-transform: rotate(1deg); -ms-transform: rotate(1deg); transform: rotate(1deg); } h2 { font-size:2.2em ;} h3 { font-size: 1.8em;} .switchy .b { display: none;} .switchy h3 {text-align: center;} .switchy .sw1 div.i { flex: 1 5 30%;} .switchy .sw1 div.bb {flex: 1 1 70%;} .switchy .arr2 img { margin-left: 0px;} .switchy div.arr3 > img {margin-left: -280px;} #intro h1 {font-size: 3.5em;} header .r {flex-direction: column;} header .r .c img {margin-top: 40px;} } @media screen and (max-width: 900px) { #intro > header > p.q {font-size: 1.5em;width: 450px;} #intro h1 {font-size: 3em;} } @media only screen and (max-width: 700px) { #top > nav, #top.fixed nav.menu2 {right: 20px;top:25px;} #root #top > nav .link-a a { padding: 5px;} #intro h1 {line-height: 30px;font-size: 2.3em;} #intro h1 br,#intro h2.q br { display: none;} #intro h2.q {width: auto;font-size: 1.8em;} #awards img {width: 60px;} } @media only screen and (max-width: 400px) { #intro > header > p.q { max-width: 370px;} #intro {margin-right: 15px; margin-left: 15px;} #intro > header > p.q { font-size: 1.3em; } #top h4 {margin-left: 5px;} nav.menu2 { right: 40px; } #acclogo .c {flex-wrap: wrap;justify-content: center;} #acclogo .c img { width: 24%;} .pain {margin-top: 0px;} .site-box, #quote1 p, #quote1 p.b {font-size: 1.3em;} .pain .a, .exp h2 { font-size: 1.8em;} #quote1 .c img.i { width: 26%; display: block; margin-bottom: 15px;} #intro > header > p.q { margin: 30px 0px;} #quote2 p { margin-top: 30px;} #quote2 .c img {width: 15%;display: block;} .switchy h2 { margin-top: 60px;} .switchy h3 {margin: 20px 10px;} .switchy > div {margin-left: 15px; margin-right: 15px;} .switchy ul { padding-left: 0px;} .exp > div > div.ex2 > span { padding:0 5px;font-size: 1.3em;} .exp .ex1 span { font-size: 0.8em;} .price {padding: 20px 8px;} #top > nav > p { display: none !important;} #top.fixed nav.menu2 { top: 25px;} } @media only screen and (min-width: 1500px) { nav.menu2 {right: 350px;} #top.fixed nav.menu2 {right: 250px;} } @media only screen and (min-width: 1700px) { nav.menu2 {right: 450px;} #top.fixed nav.menu2 {right: 270px;} }