/* ------------------------------------------- Name: McQueen & co Date: 2018/02/22 Author: http://polishedpixels.com.au --------------------------------------------- */ * { margin: 0; padding: 0; } *, :before, :after { -webkit-box-sizing: border-box; box-sizing: border-box; } html { overflow-y: scroll; min-height: 100%; margin: 0 0 1px; font-size: 100.01%; -webkit-tap-highlight-color: rgba(0,0,0,0); -moz-osx-font-smoothing: grayscale; -webkit-overflow-scrolling: touch; -ms-content-zooming: none; } body { min-height: 100%; background: #f0f0f1; font-size: 62.5%; -webkit-font-smoothing: antialiased; -webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%; } body, textarea, input, select, option, button { color: #484848; font-family: Montserrat_web, Arial, Helvetica, sans-serif; font-weight: 300; line-height: 1.5; } li, dt, dd, p, figure, th, td, caption, legend, pre { font-size: 1.6em; } li *, dt *, dd *, p *, figure *, th *, td *, legend * { font-size: 1em; } ul, ol, dl, p, figure, table, pre, h1, h2, h3, h4, h5, h6, legend { margin-bottom: 24px; } article, aside, details, div, figcaption, figure, footer, header, hgroup, main, menu, nav, section, summary { display: block; } .error {color: red!important;} .explanationblock {font-size: 0.8em!important;margin-top: -10px!important;} /*! Layout --------- */ #root { overflow: hidden; position: relative; width: 100%; } #top { position: relative; left: 0; top: 0; right: 0; z-index: 9; padding: 62px 0 0; box-shadow: 0 2px 3px rgba(0,0,0,.05); background: #fff; } #logo { position: absolute; left: 50%; top: 0; float: left; width: 176px; height: 62px; margin: 0 0 0 -585px; } #logo2 { position: absolute; left: 50%; top: 0; float: left; margin: 0 0 0 -585px; z-index: -1 } #logo a { display: block; overflow: hidden; position: relative; width: 100%; height: 100%; color: #000; text-indent: -3000em; } #root #logo a:before { content: "\e912"; left: 0 /*15px*/; margin: -15px 0 0; padding: 2px 0 0; font-size: 23px; line-height: 30px; text-align: left; } #skip { position: fixed; top: 0; left: -10000px; z-index: 10001; margin: 0; padding: 0; line-height: 1.5; } #skip li { margin: 0; font-size: 1.5em; } #skip a { display: block; position: absolute; left: 0; top: 0; min-width: 200px; padding: 8px 16px; background: #fd6120; color: #fff; font-weight: 500; text-align: center; text-decoration: none; white-space: nowrap; outline: none; } #skip a:focus, #skip a:active { left: 10000px; } #nav { position: absolute; right: 50%; top: 0; float: right; height: 57px; margin: 0 -585px 0 0; } #nav > ul, #skip ul { list-style: none; margin: 0; padding: 0; } #nav > ul > li { position: relative; float: left; margin: 0; } #nav > ul > li:before { z-index: 2; } #nav > ul > li > a { display: block; position: relative; z-index: 1; height: 62px; padding: 0 31px; border: 2px solid #fff; color: #000; font-weight: 400; line-height: 58px; text-decoration: none; text-align: center; } #nav > ul > li > a:before { content: ''; display: block; position: absolute; left: 29px; right: 29px; bottom: 16px; z-index: -1; height: 2px; background: #000; } #nav > ul > li > a:before { -webkit-transform-origin: right center; -ms-transform-origin: right center; -webkit-transform: scale(0, 1); -ms-transform: scale(0, 1); } #nav > ul > li > a:hover:before, #nav > ul > li > a:focus:before { -webkit-transform-origin: left center; -ms-transform-origin: left center; transform-origin: left center; -webkit-transform: scale(1,1); -ms-transform: scale(1,1); transform: scale(1,1); } #nav > ul > li.active > a, #nav > ul > li.active.btn > a { border-color: #000; background: #000; color: #fff; } #nav > ul > li.inactive > a { border-color: #f0f0f1; background: #f0f0f1; color: #252525; } #nav > ul > li.inactive > a span:before { background: #252525; } #nav > ul > li.btn > a { border-color: #fd6120; /*background: #fd6120;*/ color: #000; } .no-mobile #nav > ul > li.btn > a:hover, .no-mobile button:hover, .no-mobile input[type="button"]:hover, .no-mobile input[type="reset"]:hover, .no-mobile input[type="submit"]:hover, .no-mobile .link-btn a:hover, .no-mobile .list-btn a:hover { border-color: #e74502; background: #e74502; color: #fff; } .no-mobile #nav > ul > li.btn > a:focus, .no-mobile #nav > ul > li.btn > a:active, .no-mobile button:focus, .no-mobile input[type="button"]:focus, .no-mobile input[type="reset"]:focus, .no-mobile input[type="submit"]:focus, .no-mobile button:active, .no-mobile input[type="button"]:active, .no-mobile input[type="reset"]:active, .no-mobile input[type="submit"]:active, .no-mobile .link-btn a:focus, .no-mobile .link-btn a:active, .no-mobile .list-btn a:focus, .no-mobile .list-btn a:active { border-color: #c83c02; background: #e74502; } #nav > ul > li > a span { display: inline-block; position: relative; } #nav > ul > li > a span:before { content: ""; display: block; position: absolute; left: 0; right: 0; bottom: 16px; height: 2px; background: #fff; } #nav > ul > li > a.toggle { display: none; position: absolute; left: 0; top: 0; right: 0; bottom: 0; z-index: 9; text-align: left; text-indent: -3000em; } .mobile #nav > ul > li > a.toggle { display: block; } #nav > ul > li > ul { visibility: hidden; position: absolute; left: 50%; top: 100%; z-index: 3; list-style: none; margin: 0; padding: 0; background: #f0f0f1; line-height: 1.1111111111; text-align: left; white-space: nowrap; opacity: 0; } #nav > ul > li > ul:before { content: "\e92f"; display: block; overflow: hidden; position: absolute; left: 0; right: 0; bottom: 100%; height: 6px; color: #f0f0f1; font-size: 17px; font-family: i; font-weight: 400; line-height: 17px; text-align: center; } .no-mobile #nav > ul > li > ul { -webkit-transition-delay: .5s; transition-delay: .5s; } .no-mobile #nav > ul > li:hover > ul { -webkit-transition-delay: .7s; transition-delay: .7s; } #nav > ul > li.toggle > ul { visibility: visible; opacity: 1; } #nav > ul > li > ul li { position: relative; z-index: 2; margin: 0; font-size: 14px; } #nav > ul > li > ul li:before { content: ""; display: block; position: absolute; left: 0; right: 0; top: 100%; z-index: 1; height: 1px; } #nav > ul > li > ul li a { display: block; position: relative; z-index: 2; padding: 16.5px 22px; color: #000; font-weight: 400; text-decoration: none; } #nav > ul > li > ul li.active > a, #nav > ul > li > ul li a:hover, #nav > ul > li > ul li a:focus { background: #000; color: #fff; } #nav form { padding: 9px 0 /*15px*/ 9px 15px; } #nav form p { position: relative; width: 355px; margin: 0; font-size: 14px; } #nav form input { display: block; width: 100%; height: 44px; padding: 0 94px 0 12px; border: 1px solid #e2e2e2; border-right-width: 0; background: #fff/*f6f6f6*/; color: #484848; font-size: 1em; font-weight: 300; } #nav form button, #nav form input[type="submit"] { position: absolute; right: 0; bottom: 0; z-index: 2; float: right; min-width: 0; width: 82px; height: 44px; padding: 0; border-color: #000; background: #000; color: #fff; font-size: 1em; font-weight: 500; } #breadcrumbs { clear: both; padding: 9px 15px; background: #000; color: #fff; } #breadcrumbs ol, #breadcrumbs ul { list-style: none; width: 1170px; margin: 0 auto; padding: 0; } #breadcrumbs li { position: relative; float: left; margin: 0 12px 0 0; font-size: 1.4em; } #breadcrumbs li:before { content: "/"; display: block; position: absolute; left: 100%; top: 0; width: 12px; text-align: center; } #breadcrumbs li a { color: #fff; font-weight: 400; text-decoration: none; } #content { position: relative; z-index: 2; width: 1170px; margin: 46px auto 41px; padding: 26px 21px 0; box-shadow: 0 2px 3px rgba(0,0,0,.05); background: #fff; } #content:before { content: ""; display: block; position: absolute; left: 0; right: 0; z-index: -1; border: 0 solid #fff; } #content > p:last-child { margin-bottom: 50px; } #content.triangle:before { bottom: 0; height: 100%; max-height: 222px; background: url(../images/triangles-single-right.svg) no-repeat; background-size: 100% auto; } #content.triangle.a:before { max-height: 517px; } #content.repeat:before { top: 286px; bottom: 0; background: url(../images/triangles-repeat.svg); background-size: 100% auto; } #content.repeat.right:before { background-image: url(../images/triangles-repeat-right.svg); } #footer { position: relative; z-index: 1; width: 1170px; margin: 0 auto; padding: 0 0 20px; color: #484848 /*656565*/; line-height: 2.30769230769; text-align: center; } #footer .cta { overflow: hidden; margin: 0 -1000px 19px; padding: 41px 1000px 44px; background: #fd6120; color: #fff; font-size: 2.2em; line-height: 1.5; } #footer .cta a { display: block; position: relative; z-index: 3; max-width: 458px; margin: 36px auto 0; padding: 13.5px; border: 2px solid #fff; background: #fd6120; color: #fff; font-weight: 300; line-height: 1.11111111111; text-decoration: none; } #footer .cta a:hover { background: #E74502; text-decoration: none; } #footer .cta a:focus, #footer .cta a:active { border-color: #c83c02; background: #E74502; } #footer .cta a span { display: inline-block; position: relative; font-family: Montserrat_web, Arial, Helvetica, sans-serif; font-size: 1em; font-weight: 300; line-height: normal; } #footer .cta a span:before { content: ""; display: block; position: absolute; left: 0; top: 100%; right: 0; height: 2px; margin: -2px 0 0; background: #fff; } #footer .cta span { font-family: Kaushan_web, cursive; font-size: 1.1818181818em; font-weight: 400; line-height: 1px; } #footer .cta span.btn { display: block; position: relative; font-family: Montserrat_web, Arial, Helvetica, sans-serif; font-size: 1em; font-weight: 300; line-height: normal; } #footer .cta span.btn:before { content: ""; display: block; position: absolute; left: 50%; top: 50%; z-index: 1; width: 3000px; height: 245px; margin: -129px 0 0 -1804px; background: url(../images/footer-pulse.svg) center center no-repeat; background-size: auto 100%; font-family: i; font-weight: 400; font-size: 245px; line-height: 245px; cursor: default; } #footer p { margin: 0; /*font-size: 1.3em;*/ } #footer ul { list-style: none; margin: 0 -17px 0 0; padding: 0; } #footer ul li { position: relative; margin: 0 17px 0 0; /*font-size: 1.3em;*/ } #footer ul li:before { content: "|"; display: block; position: absolute; left: 100%; top: 0; width: 17px; text-align: center; } #footer a { color: #484848 /*656565*/; font-weight: 300; text-decoration: none; } #footer nav ul { margin-right: -29px; } #footer nav ul li { margin-right: 29px; } #footer nav ul li:before { width: 29px; } /*! repeat --------- */ /* clear */ #content:after, #top:after, #footer:after, form p:after, .cols-a:after, .list-news:after, #nav > ul:after, #breadcrumbs ol:after, #breadcrumbs ul:after, .heading-blog:after, .list-social:after, .list-boxes:after, .heading-pulse:after, .heading-pulse:after, .module-box:after, .list-team:after, .cols-a:after, .profile:after, .search-results article:after, .search-results:after, .list-testimonials:after, .double:after, .module-address:after, .form-contact:after, .list-links:after, .double-box:after, .double-box > *:after, .input-file:after, .form-calculator:after, .filtering-by:after, .filtering-by ul:after, .list-gallery:after, .list-gallery li:after, .list-gallery header:after, .tabs-a > ul:after, .list-services:after, .list-triple:after, .list-ticker:after, .module-about:after, .module-about > *:after, .module-triple:after, .vertical-line:after, .accordion:after, .accordion > *:after, .module-border:after, .heading-image:after, .case:after, .cases:after { content: ""; display: block; overflow: hidden; clear: both; height: 0; } /* fill */ .list-gallery a.clone, .list-team figure:before, .slider a:after, .accordion > .header a:after, .list-gallery .background:before, .heading-image .background:before, .list-triple li:before, .list-services li:before, .list-gallery-triple li:before, .header-a.a:before, .double-box:before, .list-news li:before, .list-news .clone, #nav > ul > li.active:before, #nav > ul > li.inactive:before, .list-boxes li:before, .list-boxes .clone, .list-team li:before, .list-team .clone, .pagination-a li.active:before, .pagination-a li.inactive:before, .search-results:before, .select:after, .list-testimonials li:before, .module-address:before, .form-contact:before, .double-box > *:before, .tabs-a > ul li .clone, .list-services a.clone, .tabs-a .tabs-header a.clone, .module-triple a.clone { content: ""; display: block; overflow: hidden; position: absolute; left: 0; top: 0; right: 0; bottom: 0; text-align: left; text-indent: -3000em; } /* wide */ .module-border > .fit:before, .heading-blog:before, .heading-pulse:before { content: ""; display: block; position: absolute; left: -1000em; top: 0; bottom: 0; z-index: 1; width: 3000em; } /* icon */ .accordion > .header a:before, .slider .bx-controls-direction a:before, .list-ticker .bx-controls-direction a:before, .checklist-a .input:before, .check-a .input:before, #logo a:before, .ui-autocomplete a: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 */ .list-services > *, .heading-blog > *, .heading-pulse > *, .search-results > *, #content > *, .double-box > * { position: relative; z-index: 3; } /* index */ #content > form { z-index: 4; } /* center */ .list-social a svg, .image-link figcaption { -webkit-transform: translate(-50%,-50%); -ms-transform: translate(-50%,-50%); transform: translate(-50%,-50%); } /* centerY */ .case.a figure, .list-testimonials p img, .quote img, .list-gallery .featured, .list-gallery header, .list-gallery .list-gallery-triple { -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); } /* centerX */ #nav > ul > li > ul { -webkit-transform: translateX(-50%); -ms-transform: translateX(-50%); transform: translateX(-50%); } /* no trans */ .list-gallery figure.background, .list-gallery header figure, .list-gallery li.half header, .list-gallery li.half .featured, .list-gallery li.half .list-gallery-triple { -webkit-transform: none; -ms-transform: none; transform: none; } /* show */ #root .list-gallery .background, #root .heading-image .background, .no-mobile #nav > ul > li > a:hover:before, .no-mobile #nav > ul > li:hover > a:before, .no-mobile #nav > ul > li:hover > ul, .check-a label.active .input:before, .checklist-a label.active .input:before, .tabs-a > ul li.active:before, .no-mobile .list-services li.has-link:hover .img svg + svg, #root .list-services svg:only-child, .tabs-a .tabs-header.toggle:before, .no-mobile .list-team li:hover figure:before { visibility: visible; opacity: 1; } /* hide */ #root .heading-image .background.mobile-only, #root .heading-image .background.tablet-only, #root .list-gallery .background.tablet-only, #root .list-gallery .background.mobile-only, #root .heading-image .background.tablet-only, #root .heading-image .background.mobile-only #root #nav > ul > li.active > a:before, #root #nav > ul > li.btn > a:before, #root #nav > ul > li.inactive > a:before, .no-mobile .list-services li.has-link:hover .img svg, .slider .bx-controls-direction a.disabled { visibility: hidden; opacity: 0; } /* wide img */ .list-news img, .module-address img, .list-gallery .background img, .slider img, .slider iframe, .slider video, .heading-image .background img { display: block; position: relative; z-index: 1; width: 100% !important; } /* cursor */ form [disabled], #nav > ul > li.active > a, #nav > ul > li.inactive > a, .semantic-select ul li.active a, #root label.radio.active, #root label.radio.active *, .tabs-a li.active *, .check-b label.active.radio, #root label.disabled, #root label.disabled * { cursor: default; } .author-blog img, .list-team img, .profile img, .list-testimonial img { -webkit-box-sizing: content-box; box-sizing: content-box; } .list-testimonials p a .inner .inset, .quote a .inner .inset { -webkit-box-decoration-break: clone; -o-box-decoration-break: clone; box-decoration-break: clone; } /*! Columns --------- */ .cols-a { max-width: 840px; margin: 0 auto; padding-left: 350px; } .cols-a > header:first-child + *, .cols-a > *:first-child { float: right; width: 100%; } .cols-a > header:first-child, .cols-a > aside { float: left; width: 274px; margin: 0 0 0 -350px; } .double, .double-box { display: block; position: relative; } .double > *, .double-box > * { display: block; position: relative; clear: none; float: right; border: 0 solid rgba(0,0,0,0); } .double > *:first-child, .double-box:first-child { float: left; } .double.a, .double-box { margin-left: -30px; } .double.a > *, .double-box > * { float: left; width: 50%; border-left-width: 30px; } .double.b { margin-left: -30px; } .double.b > * { float: left; width: 60%; border-left-width: 30px; } .double.b > *:first-child { width: 40%; } .double-box { margin-top: 17px; padding: 30px 0 25px; } .double-box:before { left: 9px; right: -21px; background: url(../images/triangles-three.svg) no-repeat; background-size: 100% auto; } .double-box > * { padding: 21px 32px 10px; } .double-box > *:before { z-index: -1; background: #fff; } /*! Modules --------- */ footer { margin-top: 45px; } .accordion { max-width: 210px; margin: 0 0 40px; background: #f0f0f1; color: #000; font-weight: 400; line-height: 1.25; } .accordion > h1, .accordion > h2, .accordion > h3, .accordion > h4, .accordion > h6, .accordion > h5 { position: relative; margin: 0; font-weight: 400; font-size: 1.4em; line-height: 1.25; } .accordion > .header { cursor: pointer; } .no-mobile .accordion > .header a:focus { border-color: #ccc; background: #000; color: #fff; } .no-mobile .accordion > .header a:hover, .accordion > .header.toggle a, .accordion > .header.toggle a:focus { border-color: #000; background: #000; color: #fff; } .accordion > .header a:before { content: "\e920"; left: auto; right: 18px; width: auto; font-size: 10px; } .accordion > .header.toggle a:before { -webkit-transform: rotate(180deg); -ms-transform: rotate(180deg); transform: rotate(180deg); } .accordion > .header a { display: block; padding: 13px 46px 13px 18px; border: 2px solid #f0f0f1; background: #f0f0f1; color: #000; text-decoration: none; } .accordion > .header:hover a, .accordion > .header.toggle a, .accordion > .header:focus a, .accordion > .header:active a { color: #fff; text-decoration: none; } .accordion > div { padding: 0 35px 0; box-shadow: inset 0 0 4px rgba(204,204,204,.35); background: #f8f8f8; } .accordion > div > *:first-child { padding-top: 14px; } .accordion > div > ul:first-child, .accordion > div > ol:first-child { padding-top: 0; } .accordion p, .accordion ul, .accordion ol { list-style: none; margin: 0 0 5px; padding: 0; } .accordion ul, .accordion ol { margin-left: -35px; margin-right: -35px; } .accordion p, .accordion li { font-size: 1.4em; } .accordion li { margin: 0; } .accordion a, .accordion ul li a, .accordion ol li a { color: #000; font-weight: 400; text-decoration: none; } .accordion li a { display: block; overflow: hidden; padding: 14px 35px; text-decoration: none; } .accordion li a .inner { display: inline-block; position: relative; } .accordion li a .inner:before { content: ""; display: block; position: absolute; left: 0; right: 0; top: -3000em; height: 5px; border-bottom: 2px solid #000; } .no-mobile .accordion li a:hover .inner:before { top: 100%; } .article-blog { max-width: 646px; margin: 0 auto; } .article-blog h1 { font-size: 4.793em; } .article-blog h2 { font-size: 2em; font-weight: 300; } .article-blog footer { margin-top: 50px; } .article-blog footer .size-a a { color: #000; font-weight: 300; } .article-blog + * { margin-top: 30px; margin-left: -21px; margin-right: -21px; padding: 29px 21px 0; border-top: 1px solid #f0f0f1; } .author-blog { margin: 0 0 36px; color: #000; font-size: 1.6em; text-align: center; } .author-blog img { display: block; margin: 0 auto 27px; border-radius: 50%; border: 4px solid #fff; } .author-blog figcaption { width: auto !important; padding: 0; border: 0; } .author-blog figcaption span, .author-blog figcaption a { color: #000; font-weight: 400; text-decoration: none; } .author-blog figcaption .small { display: block; padding: 6px 0 0; font-size: .8125em; font-weight: 300; } #content > .author-blog:first-child { margin-top: -109px; } .cases { background: #fff; } #root .cases + * { margin-top: 30px; } .cases .list-results { margin-bottom: 48px; } .case { position: relative; z-index: 1; margin: 0 0 48px; padding: 0 25px 0 50px; } .case h1, .case h2, .case h3, .case h4, .case h5, .case h6 { margin: 0 0 23px; font-size: 2.4em; font-weight: 300; line-height: 1.5; } .case h1 span, .case h2 span, .case h3 span, .case h4 span, .case h5 span, .case h6 span { display: inline-block; position: relative; } .case h1 span:before, .case h2 span:before, .case h3 span:before, .case h4 span:before, .case h5 span:before, .case h6 span:before { content: ""; display: block; position: absolute; left: 0; right: 0; top: 100%; height: 2px; margin: -2px 0 0; border-bottom: 2px solid #fd6120; } .case p, .case ul, .case ol { margin-bottom: 18px; } .case figure { background: -3000em -3000em no-repeat; } .case .list-inline { margin-bottom: 22px; padding-left: 0; } .case li { margin-bottom: 10px; } .case .list-cols { } .case p a, .case li a { color: #000; font-weight: 400; text-decoration: none; } .case li a:only-child { font-weight: 400; } .case .quote { margin-bottom: 0; } .case.heading { min-height: 300px; padding-left: 594px; } .case.heading figure { position: absolute; left: 0; top: -9px; } .case.a { z-index: 4; min-height: 360px; margin-bottom: 0; padding-right: 630px; padding-top: 24px; padding-bottom: 20px; } .ie .case.a { padding-top: 91px; padding-bottom: 91px; } .case.a figure { position: absolute; right: 0; top: 50%; } .case.a figure img { display: block; } .case.a figure img { -webkit-transform-origin: 100% center; -ms-transform-origin: 100% center; transform-origin: 100% center; -webkit-transform: perspective(300px) rotateY(-2.6deg); -ms-transform: perspective(300px) rotateY(-2.6deg); transform: perspective(300px) rotateY(-2.6deg); } .case.b { min-height: 456px; margin-bottom: 56px; padding-left: 595px; padding-top: 54px; padding-bottom: 48px; background: #f7f7f7; } .case.b figure, .case.b .list-gallery-double { position: absolute; left: 50px; bottom: 73px; margin: 0; } .case.b .list-gallery-double { width: 490px; } .case.b .list-gallery-double li { border-left-width: 0; } .case.c { z-index: 4; min-height: 350px; padding-right: 560px; } .case.c figure { position: absolute; right: 0; top: -76px; width: 580px; text-align: center; } .case.c .list-cols { -moz-column-gap: 0; -webkit-column-gap: 0; column-gap: 0; } .case.d { padding-top: 50px; padding-bottom: 42px; background: #f7f7f7; } .case.d + .list-results, .case.b + .list-results, .list-results + .case.b, .list-results + .case.d, .list-results + .case.e, .case.e + .list-results { margin-top: -48px; } .case.d:last-child { padding-bottom: 55px; } .case.e { padding-right: 0; } .case.e > * { float: right; width: 470px; margin-left: auto; margin-bottom: 0; } .case.e > *:first-child { float: left; width: 530px; margin: 0; padding-top: 42px; padding-bottom: 28px; } .filtering-by { position: relative; margin: 0 -29px 18px 0; padding: 25px 0 0; color: #000; line-height: 1.25; } .filtering-by:before { content: ""; display: block; position: absolute; left: 0; top: 0; right: 29px; height: 1px; background: #e6e6e6 } .filtering-by:first-child { margin-top: 0; padding-top: 0; } .filtering-by h1, .filtering-by h2, .filtering-by h3, .filtering-by h4, .filtering-by h5, .filtering-by h6 { float: left; margin: 0 29px 0 0; color: #000; font-size: 1.4em; font-weight: 400; line-height: 1.25; } .filtering-by ul { float: left; list-style: none; margin: 0; padding: 0; } .filtering-by ul li { float: left; margin: 0 29px 5px 0; font-size: 1.4em; } .filtering-by ul li a { color: #000; text-decoration: none; } .filtering-by ul li a:after { content: " X"; color: #8c8b91; } .heading-aside { position: relative; min-height: 160px; margin: 0 0 50px; padding: 0 0 0 190px; color: #000; line-height: 1.25; } .heading-aside figure, .heading-aside i { display: block; position: absolute; left: 0; top: 9px; font-size: 152px; line-height: 152px; text-align: left; } .heading-aside figure svg { width: 200px; height: 152px; } .heading-aside i { text-align: center; } .heading-aside h1, .heading-aside h2, .heading-aside h3, .heading-aside h4, .heading-aside h5, .heading-aside h6 { margin: 0 0 24px; color: #000; font-size: 3em; font-weight: 400; line-height: 1.3333333333; } .heading-aside p { font-size: 2.4em; } .heading-blog { position: relative; z-index: 1; max-width: 840px; margin: 0 auto 46px; padding: 46px 0 71px; } .heading-blog:before { background: #fff; } .heading-blog h1, .heading-blog h2, .heading-blog h3, .heading-blog h4, .heading-blog h5, .heading-blog h6 { color: #000; font-size: 4.8em; font-weight: 400; line-height: 1.30434782609; } .heading-blog h1 span, heading-blog h2 span, heading-blog h3 span, heading-blog h4 span, heading-blog h5 span, heading-blog h6 span, heading-blog h6 span { display: block; margin: 0 0 5px; font-size: 14px; font-weight: 300; } .heading-center { max-width: 1170px; margin: 60px auto 70px; color: #000; line-height: 1.25; text-align: center; } .heading-center h1, .heading-center h2, .heading-center h3, .heading-center h4, .heading-center h5, .heading-center h6 { margin: 0 0 14px; color: #000; font-size: 5.179em; font-weight: 300; line-height: 1.16666666667; } .heading-center p { font-size: 2.4em; } .heading-center.a { margin-bottom: 32px; } .heading-center.a h1, .heading-center.a h2, .heading-center.a h3, .heading-center.a h4, .heading-center.a h5, .heading-center.a h6 { margin-bottom: 5px; font-size: 2.808em; font-weight: 400; line-height: 1.3336; } .heading-center.a p { font-size: 2.247em; } .heading-image { position: relative; z-index: 5; margin: 0; padding: 40px 0 57px; color: #fff; line-height: 1.25; text-align: left; } .heading-image > * { position: relative; z-index: 2; max-width: 600px; margin-left: auto; margin-right: auto; } .heading-image figure { overflow: hidden; position: absolute; left: 50%; bottom: -20px; width: 188px; height: 53px; margin: 0 0 0 -94px; } .heading-image .background { display: block; position: absolute; left: 0; top: 0; right: 0; bottom: 0; z-index: 1; max-width: none; width: auto; height: auto; margin: 0; background: center 0 no-repeat; background-size: cover; } #root .heading-image .background { position: absolute; left: 0; top: 0; right: 0; bottom: 0; } .heading-image .background:before { background: rgba(0,0,0,.5); } .heading-image h1, .heading-image h2, .heading-image h3, .heading-image h4, .heading-image h5, .heading-image h6 { margin-bottom: 12px; color: #fff; font-weight: 300; font-size: 5.2em; line-height: 1.25; } .heading-image h1 span, .heading-image h2 span, .heading-image h3 span, .heading-image h4 span, .heading-image h5 span, .heading-image h6 span { display: block; margin: 0 0 3px; font-size: .26923076923em; text-align: center; } .heading-image p { font-size: 2.4em; } .heading-image + #content { margin-top: 0; padding-top: 128px; } .heading-image + #content.repeat:before { border-top-width: 220px; } .heading-pulse { position: relative; max-width: 1170px; min-height: 247px; margin: 0 auto 42px; padding: 33px 0 10px; color: #000; } .heading-pulse h1, .heading-pulse h2, .heading-pulse h3, .heading-pulse h4, .heading-pulse h5, .heading-pulse h6 { position: relative; z-index: 2; float: left; margin: 0 0 24px; padding: 0 140px 0 0; color: #000; font-size: 7.2em; font-weight: 300; line-height: 1.16666666667; } .heading-pulse h1 span, .heading-pulse h2 span, .heading-pulse h3 span, .heading-pulse h4 span, .heading-pulse h5 span, .heading-pulse h6 span { position: relative; color: #fd6120; font-weight: 400; font-family: Kaushan_web, cursive; } .heading-pulse h1 span:before, .heading-pulse h2 span:before, .heading-pulse h3 span:before, .heading-pulse h4 span:before, .heading-pulse h5 span:before, .heading-pulse h6 span:before, .heading-pulse h1 span:after, .heading-pulse h2 span:after, .heading-pulse h3 span:after, .heading-pulse h4 span:after, .heading-pulse h5 span:after, .heading-pulse h6 span:after { content: ""; display: block; position: absolute; } .heading-pulse h1 span:before, .heading-pulse h2 span:before, .heading-pulse h3 span:before, .heading-pulse h4 span:before, .heading-pulse h5 span:before, .heading-pulse h6 span:before { left: 100%; top: 9px; width: 3000em; height: 193px; border-left: 10px solid rgba(0,0,0,0); background: url(../images/heading-pulse.svg) no-repeat; background-size: auto 100%; } .heading-pulse h1 span:after, .heading-pulse h2 span:after, .heading-pulse h3 span:after, .heading-pulse h4 span:after, .heading-pulse h5 span:after, .heading-pulse h6 span:after { left: 2px; right: -15px; top: 101px; height: 4px; border-bottom: 2px solid #fff; background: #000; } .heading-pulse h1 span a, .heading-pulse h2 span a, .heading-pulse h3 span a, .heading-pulse h4 span a, .heading-pulse h5 span a, .heading-pulse h6 span a { color: #000; text-decoration: none; } .no-mobile .heading-pulse h1 span a:hover, .no-mobile .heading-pulse h2 span a:hover, .no-mobile .heading-pulse h3 span a:hover, .no-mobile .heading-pulse h4 span a:hover, .no-mobile .heading-pulse h5 span a:hover, .no-mobile .heading-pulse h6 span a:hover { color: #fd6120; } .heading-pulse p { position: relative; z-index: 3; clear: both; font-size: 2.4em; } #root .heading-pulse p.link { position: absolute; right: 50%; bottom: 0; width: 100px; margin-left: 0 !important; margin: 0 -151px 0 0; padding: 0 0 69px; font-size: 1.4em; font-weight: 400; text-align: center; } .heading-pulse p.link:before, .heading-pulse p.link:after { content: ""; display: block; position: absolute; left: 50%; } .heading-pulse p.link:before { bottom: -42px; width: 1px; height: 95px; margin: 0 0 0 -.5px; border: 0 solid #fd6120; border-top-width: 25px; border-bottom-width: 42px; background: #fd6120/*ccc*/; } .heading-pulse p.link:after { bottom: 53px; width: 9px; height: 9px; margin: 0 0 0 -4.5px; border-radius: 9px; background: #fd6120; } #root .heading-pulse p.link a { color: #000; font-weight: 400; text-decoration: none; } .heading-pulse:before { content: ""; left: -3000px; right: -3000px; width: auto; padding: 31px 0 0 3293px; box-shadow: 0 2px 3px rgba(0,0,0,.05); border: 0 solid #fff; background: #fff; color: #000; font-size: 193px; font-family: i; font-weight: 400; line-height: 193px; text-indent: 0; text-align: left; } #top + .heading-pulse:before { top: -3000px; border-top-width: 3000px; } .heading-pulse.a { } .heading-pulse.a h1 span:after, .heading-pulse.a h2 span:after, .heading-pulse.a h3 span:after, .heading-pulse.a h4 span:after, .heading-pulse.a h5 span:after, .heading-pulse.a h6 span:after { left: auto; width: 80px; } .heading-pulse.big { min-height: 540px; padding-top: 95px; line-height: 1.63636363636; } .heading-pulse.big:before { padding: 0; border-left-width: 3000px; border-right-width: 2767px; background: url(../images/welcome.svg) 100% 0 no-repeat #fff; background-size: auto 100%; } .heading-pulse.big h1, .heading-pulse.big h2, .heading-pulse.big h3, .heading-pulse.big h4, .heading-pulse.big h5, .heading-pulse.big h6 { float: none; max-width: 685px; margin: 0 0 40px; padding: 0; font-size: 6.6em; line-height: 1.24242424242; } .heading-pulse.big p { max-width: 675px !important; margin-left: 0 !important; font-size: 2.2em; } .map-a { } .map-a > .inner { height: 425px; } .module-about { margin: 0 0 8px; padding: 0 565px 0 0; line-height: 1.498; } .module-about > * { float: right; width: 565px; margin-right: -565px; padding: 46px 38px 3px; background: #fbfbfb; } .module-about > *:first-child { float: left; width: 100%; margin: 0 0 10px; padding-left: 30px; padding-right: 30px; } .module-about > * > figure, .module-about > * > .module-triple { margin-left: -38px; margin-right: -38px; margin-bottom: 20px; } .module-about > *:first-child > figure, .module-about > *:first-child > .module-triple { margin-left: -30px; margin-right: -30px; } .module-about > * > figure:first-child, .module-about > * > .module-triple:first-child { margin-top: -46px; } .module-about > * > figure:last-child, .module-about > * > .module-triple:last-child { margin-bottom: -3px; } .module-about h1, .module-about h2, .module-about h3, .module-about h4, .module-about h5, .module-about h6, .module-triple h1, .module-triple h2, .module-triple h3, .module-triple h4, .module-triple h5, .module-triple h6 { margin: 0 0 22px; font-size: 2.247em; font-weight: 400; line-height: 1.25; } .module-about h1 span, .module-about h2 span, .module-about h3 span, .module-about h4 span, .module-about h5 span, .module-about h6 span, .module-triple h1 span, .module-triple h2 span, .module-triple h3 span, .module-triple h4 span, .module-triple h5 span, .module-triple h6 span { display: inline-block; position: relative; } .module-about h1 span:before, .module-about h2 span:before, .module-about h3 span:before, .module-about h4 span:before, .module-about h5 span:before, .module-about h6 span:before, .module-triple h1 span:before, .module-triple h2 span:before, .module-triple h3 span:before, .module-triple h4 span:before, .module-triple h5span:before, .module-triple h6 span:before { content: ""; display: block; position: absolute; left: 0; right: 0; top: 100%; height: 4px; border-bottom: 2px solid #fd6120; } .module-about header { } .module-about header h1, .module-about header h2, .module-about header h3, .module-about header h4, .module-about header h5, .module-about header h6 { margin: 0 0 60px; font-weight: 300; font-size: 4.5em; line-height: 1.2; } .module-about header h1 span, .module-about header h2 span, .module-about header h3 span, .module-about header h4 span, .module-about header h5 span, .module-about header h6 span { font-size: 1.24822222222em; } .module-about header .scheme-a { color: #fd6120; } .module-about p, .module-about ul, .module-about ol { margin-bottom: 22px; } .module-about p, .module-about li { font-size: 1.5em; } .module-address { position: relative; z-index: 2; margin: 0 0 30px; padding: 30px 36px 0; } .module-address:before, .form-contact:before { z-index: -1; border: 1px solid #dfdfdf; background: #fff; } .module-address h1, .module-address h2, .module-address h3, .module-address h4, .module-address h5, .module-address h6 { margin: 0 0 6px; font-size: 2em; font-weight: 400; line-height: 1.2; } .module-address h1 span, .module-address h2 span, .module-address h3 span, .module-address h4 span, .module-address h5 span, .module-address h6 span { display: block; margin: 0 0 22px; font-size: .8em; font-weight: 300; font-style: italic; } .module-address p { margin: 0 0 17px; } .module-address p i { display: inline-block; position: relative; top: 3px; margin: 0 1px 0 0; color: #000; font-size: 21px; line-height: 1px; } .module-address p a { color: #000; } .module-address figure { margin: 32px -36px 0; border: 1px solid #dfdfdf; } .module-address figure:last-child { margin-top: auto; } .module-border { position: relative; margin: 40px -21px; padding: 65px 21px 0; } .module-border:before { content: ""; display: block; position: absolute; left: -25px; top: 0; right: -25px; z-index: 1; height: 40px; background: #f0f0f1; } .module-border:first-child { margin-top: 0; padding-top: 0; } .module-border > .fit { overflow: hidden; position: absolute; left: 0; top: 0; right: 0; z-index: 2; height: 40px; } .module-border > .fit:before { box-shadow: inset 0 2px 3px rgba(0,0,0,.05); } .module-box { position: relative; margin: 0 0 28px; padding: 38px 28px 18px; background: #fff; } #content > .module-box:first-child { padding-top: 14px; } .module-box > .module-box:last-child { margin-bottom: 16px; } .module-box .heading-aside { margin-right: -28px; } .module-box .module-about { margin-left: -28px; margin-right: -28px; } .module-box .module-about:first-child { margin-top: -19px; } .module-box.a { padding: 30px 32px 1px; background: #fafafa; color: #000; } .module-box.a h1, .module-box.a h2, .module-box.a h3, .module-box.a h4, .module-box.a h5, .module-box.a h6 { font-weight: 300; font-size: 3em; line-height: 1.33333333333; } .module-box.a .header-inline { margin: 55px 0 0; font-size: 1.8em; font-weight: 400; } .double-box .module-box.a { min-height: 1466px; margin-left: -32px; margin-right: -32px; } .double-box > * > .module-box.a:last-child { margin-bottom: -10px; } .module-box.b { max-width: 800px; margin: 100px auto 45px; padding: 27px 36px 10px; background: #f0f0f1; color: #000; } .module-card { max-width: 535px; margin: 0 0 40px; padding: 40px 39px 20px; border: 1px solid #000; line-height: 1.375; } .module-card header p { margin: 0 0 48px; color: #000; font-style: italic; } .module-card h1, .module-card h2, .module-card h3, .module-card h4, .module-card h5, .module-card h6 { margin: 0 0 10px; color: #000; font-weight: 2.4em; font-weight: 300; line-height: 1.25; } .module-card h1 span, .module-card h2 span, .module-card h3 span, .module-card h4 span, .module-card h5 span, .module-card h6 span { display: block; margin: 0 0 26px; color: #545454; font-size: .54166666666em; } .module-card p { max-width: 380px; } .module-card p.strong { color: #000; } .module-price { margin: 0 auto 30px; padding: 18px 19px 17px; border: 1px solid #000; } #root .module-price h1, #root .module-price h2, #root .module-price h3, #root .module-price h4, #root .module-price h5, #root .module-price h6 { margin: 0 0 27px; font-size: 1.8em; font-weight: 400; line-height: 1.25; text-transform: uppercase; } .module-price p { margin-bottom: 10px; font-size: 1.4em; } .module-price p .strong { display: block; margin: 4px 0 0; font-weight: 400; } .module-tags { overflow: hidden; color: #000; } .module-tags p { float: left; margin: 0 6px 0 0; } .module-tags p, .module-tags li { font-size: 14px; } .module-tags ul { list-style: none; padding: 0; } .module-tags li { float: left; margin: 0 6px 0 0; } .module-tags a { color: #000; text-decoration: underline; } .module-tags a:hover { text-decoration: none; } .module-triple { padding: 32px 30px 23px; background: #fff; color: #000; line-height: 1.2426666666; } .module-triple h1, .module-triple h2, .module-triple h3, .module-triple h4, .module-triple h5, .module-triple h6 { margin: 0 0 26px; color: #000; } .module-triple ul { list-style: none; margin: 0 -30px; padding: 0; } .module-triple li { position: relative; margin: 0; padding: 20px 30px 10px 172px; font-size: 1em; } /*.module-triple li:nth-child(2n),*/ .no-mobile .module-triple li.has-link:hover { background: #000; color: #fff; } /*.module-triple li:nth-child(2n) h1, .module-triple li:nth-child(2n) h2, .module-triple li:nth-child(2n) h3, .module-triple li:nth-child(2n) h4, .module-triple li:nth-child(2n) h5, .module-triple li:nth-child(2n) h6, .module-triple li:nth-child(2n) a, .module-triple li:nth-child(2n) svg,*/ .no-mobile .module-triple li.has-link:hover h1, .no-mobile .module-triple li.has-link:hover h2, .no-mobile .module-triple li.has-link:hover h3, .no-mobile .module-triple li.has-link:hover h4, .no-mobile .module-triple li.has-link:hover h5, .no-mobile .module-triple li.has-link:hover h6, .no-mobile .module-triple li.has-link:hover a, .no-mobile .module-triple li.has-link:hover svg { color: #fff; fill: #fff; } .module-triple ul h1, .module-triple ul h2, .module-triple ul h3, .module-triple ul h4, .module-triple ul h5, .module-triple ul h6 { margin: 0 0 5px; font-size: 2.051em; font-weight: 300; line-height: 1.25; } .module-triple a { color: #000; font-weight: 400; text-decoration: none; } .module-triple figure, .module-triple i { display: block; position: absolute; left: 30px; top: 50%; height: 98px; margin: -49px 0 0; font-size: 98px; line-height: 98px; } .module-triple svg { fill: #000; height: 98px; } .module-triple p { margin-bottom: 10px; font-size: 1.5em; } /*.no-mobile .module-triple li.has-link:nth-child(2n):hover { background: #000; color: #fff; } .no-mobile .module-triple li.has-link:nth-child(2n):hover h1, .no-mobile .module-triple li.has-link:nth-child(2n):hover h2, .no-mobile .module-triple li.has-link:nth-child(2n):hover h3, .no-mobile .module-triple li.has-link:nth-child(2n):hover h4, .no-mobile .module-triple li.has-link:nth-child(2n):hover h5, .no-mobile .module-triple li.has-link:nth-child(2n):hover h6, .no-mobile .module-triple li.has-link:nth-child(2n):hover a, .no-mobile .module-triple li.has-link:nth-child(2n):hover svg { color: #fff; fill: #fff; }*/ .pagination-a { margin: 22px 0 40px; } .pagination-a ol, .pagination-a ul { list-style: none; margin-left: -19px; margin-right: -19px; padding: 0; } .pagination-a li { position: relative; margin: 0 19px; font-size: 2em; } #root .pagination-a li.active a { font-weight: 300; text-decoration: none; cursor: default; } .pagination-a li.inactive, .pagination-a li.inactive a, .pagination-a li.inactive svg { color: #484848; fill: #484848; } .pagination-a li.prev { margin-right: 13px; } .pagination-a li.next { margin-left: 13px; } #root .pagination-a li a { color: #000; font-weight: 400; text-decoration: none; } .pagination-a svg { width: 10px; height: 10px; fill: #fd6120; } .price-total, #root .price-total { margin: 0 0 2px; font-size: 2.4em; font-weight: 400; line-height: 1.35; text-transform: uppercase; } .price-total span { display: block; font-size: .666666666em; } .price-total span.small { display: inline; font-weight: 300; text-transform: none; } .profile { position: relative; margin: 0 0 31px; padding: 18px 20px 7px; box-shadow: 0 0 3px rgba(0,0,0,.05); background: #fff; } .profile a { display: block; } .quote { position: relative; padding: 103px 10px 56px; background: #f8f8f8; color: #484848; font-size: 1.4em; line-height: 1.28571428571; text-align: center; } .quote q { display: block; max-width: 379px; margin: 0 auto 87px; padding: 0; color: #000; font-weight: 400; font-size: 1.71428571429em; line-height: 1.5; } .quote q:before, .quote q:after { color: #fd6120; font-size: 53px; line-height: 53px; } .quote q:before { left: -20px; top: -73px; } .quote q:after { right: -13px; bottom: -61px; } .quote img { display: block; position: absolute; left: 10px; top: 50%; border-radius: 50%; border: 2px solid #fff; } .quote span { display: block; position: relative; padding: 0 0 0 130px; } .quote a, #root .quote a { display: inline-block; position: relative; color: #484848; font-weight: 300; text-decoration: none; } .quote a .inner { display: inline; padding: 0; } .quote a .inset { display: inline; padding: 0 0 6px; } .quote a .inset { box-shadow: inset 0 -1px 0 #484848; } .quote a:hover .inset, .quote a:focus .inset { box-shadow: none; } .search-results { position: relative; max-width: 912px; margin: 34px 0 22px; background: #fff; } .search-results article { position: relative; max-width: 892px; margin: 0 0 15px; padding: 30px 225px 0 0; border-top: 1px solid #f0f0f1; background: #fff; } .search-results article:first-child, .search-results h1 + article, .search-results h2 + article, .search-results h3 + article, .search-results h4 + article, .search-results h5 + article, .search-results h6 + article { margin-top: 0; padding-top: 0; border-width: 0; } .search-results figure { float: right; margin: 0 -225px 15px 0; } .search-results h1, .search-results h2, .search-results h3, .search-results h4, .search-results h5, .search-results h6 { margin: 0 0 6px; color: #000; font-weight: 400; font-size: 1.6em; line-height: 1.5; } .search-results > h1, .search-results > h2, .search-results > h3, .search-results > h4, .search-results > h5, .search-results > h6 { margin-bottom: 34px; font-weight: 300; } .search-results h1 a, .search-results h2 a, .search-results h3 a, .search-results h4 a, .search-results h5 a, .search-results h6 a { color: #000; text-decoration: none; } .search-results p { margin: 0 0 10px; } .search-results footer { margin: 0; } .search-results footer p { color: #57575c; font-size: 1.3em; } .search-results footer a { color: #57575c; } .search-results:before { bottom: 14px; background: #fff; } .search-results .pagination-a { max-width: 892px; } .slider { position: relative; list-style: none; max-width: 645px; margin: 0 0 20px; padding: 0; } .slider li { margin: 0; } .slider a, .slider a.video { display: block; position: relative; text-decoration: none; } .slider a:after { z-index: 3; border: 0 solid #fd6120; } .slider .bx-pager { display: block; position: absolute; left: 0; right: 0; top: 100%; padding: 22px 0 0; } .slider .bx-pager .bx-pager-item { margin: 0 5px; } .slider .bx-pager .bx-pager-item a { display: block; overflow: hidden; width: 16px; height: 16px; border-radius: 9px; border: 2px solid #bfbfbf; background: #bfbfbf; text-align: left; text-indent: -3000em; } .slider .bx-pager .bx-pager-item a.active { border-color: #fd6120; background: #fd6120; cursor: default; } .slider .bx-controls-direction a { display: block; overflow: hidden; position: absolute; top: 50%; z-index: 9; width: 56px; height: 120px; margin: -60px 0 0; background: rgba(255,255,255,.4); color: #000; font-size: 44px; line-height:1 20px; text-indent: -3000em; text-align: left; text-decoration: none; } .slider .bx-controls-direction .bx-prev { left: 0; } .slider .bx-controls-direction .bx-next { right: 0; } .slider .bx-controls-direction .bx-prev:before { content: "\e925"; padding-right: 3px; } .slider .bx-controls-direction .bx-next:before { content: "\e922"; padding-left: 3px; } .slider .bx-controls-direction a:hover, .slider .bx-controls-direction a:focus { color: #fd6120; } .slider.sliding .bx-controls-direction a:hover, .slider.sliding .bx-controls-direction a:focus { color: #e74502; } .slider.is-slider { margin-bottom: 80px; } .tabs-a { margin: 30px 0 40px; line-height: 1.498; } .tabs-a > ul { position: relative; z-index: 9; list-style: none; margin: 0; padding: 0; background: #f8f8f8; color: #000; line-height: 1.26666666667; } .tabs-a > ul li { position: relative; z-index: 1; float: left; width: 33.333333333333%; margin: 0; padding: 30px 40px 28px; border-left: 1px solid #e3e3e3; font-size: 1em; } .tabs-a > ul li:first-child { border-left-width: 0; } .tabs-a > ul li:before, .tabs-a .tabs-header:before { content: "\e930"; display: block; position: absolute; left: 0; top: 100%; right: 0; margin: -1px 0 0; padding: 0 0 10px 20px; color: #f8f8f8; font-size: 24px; font-weight: 400; font-family: i; line-height: 24px; text-align: left; text-shadow: 3px 0 7px rgba(193,193,193,.35); opacity: 0; } .tabs-a > ul li.active, .tabs-a .tabs-header.active { position: relative; z-index: 2; box-shadow: 3px 0 7px rgba(193,193,193,.35); background: #000; color: #fff; } .tabs-a > ul li.active:before, .tabs-a .tabs-header.active:before { color: #000; } .tabs-a > ul li.active h1, .tabs-a > ul li.active h2, .tabs-a > ul li.active h3, .tabs-a > ul li.active h4, .tabs-a > ul li.active h5, .tabs-a > ul li.active h6, .tabs-a > ul li.active a, .tabs-a > ul li.active svg, .tabs-a .tabs-header.active h1, .tabs-a .tabs-header.active h2, .tabs-a .tabs-header.active h3, .tabs-a .tabs-header.active h4, .tabs-a .tabs-header.active h5, .tabs-a .tabs-header.active h6, .tabs-a .tabs-header.active a, .tabs-a .tabs-header.active svg { color: #fff; fill: #fff; } .tabs-a > ul h1, .tabs-a > ul h2, .tabs-a > ul h3, .tabs-a > ul h4, .tabs-a > ul h5, .tabs-a > ul h6, .tabs-a .tabs-header h1, .tabs-a .tabs-header h2, .tabs-a .tabs-header h3, .tabs-a .tabs-header h4, .tabs-a .tabs-header h5, .tabs-a .tabs-header h6{ margin: 0 0 25px; color: #000; font-size: 2.059em; font-weight: 400; line-height: 1.25; text-align: center; } .tabs-a > ul figure, .tabs-a .tabs-header figure { margin: 0 -30px 25px; text-align: center; } .tabs-a > ul i, .tabs-a .tabs-header i { font-size: 106px; line-height: 106px; } .tabs-a > ul svg, .tabs-a .tabs-header svg { width: 200px; height: 106px; fill: #000; text-align: center; } .tabs-a > ul p, .tabs-a .tabs-header p { margin: 0 0 20px; font-size: 1.5em; } .tabs-a > ul p a, .tabs-a .tabs-header p a { color: #000; font-size: 1.12333333333em; font-weight: 400; line-height: 1.12759643917; text-decoration: none; } .tabs-a > ul li .clone, .list-services a.clone, .tabs-a .tabs-header a.clone { z-index: 9; } .tabs-a > div { position: relative; z-index: 1; padding: 88px 27px 4px; border: 2px solid #000; background: #fff; } .tabs-a p { font-size: 1.5em; } .tabs-a .tabs-inner > *:last-child { margin-bottom: 50px; } .tabs-a .tabs-header { position: relative; z-index: 1; margin: 0; padding: 30px 40px 28px; border-bottom: 1px solid #e3e3e3; background: #f8f8f8; color: #000; font-size: 1em; line-height: 1.26666666667; } .tabs-a .tabs-header.toggle, .tabs-a > div > *:last-child .tabs-header { border-bottom-width: 0; } .tabs-a .tabs-inner { border: 0 solid #000; } .tabs-b { margin: 30px 0; } .tabs-b > ul { position: relative; blist-style: none; margin: 0 0 30px -4px; padding: 0 0 1px; color: #000; font-weight: 400; line-height: 1.25; text-align: center; } .tabs-b > ul:before { content: ""; display: block; position: absolute; left: 4px; bottom: 0; right: 0; z-index: 1; height: 1px; background: #ccc; } .tabs-b > ul li { position: relative; z-index: 2; margin: 0; border-left: 4px solid rgba(0,0,0,0); } .tabs-b > ul li a { display: block; position: relative; padding: 4px 0; border-bottom: 4px solid #f0f0f1; color: #000; font-weight: 400; text-decoration: none; } .tabs-b > ul li a:before { content: "\e934"; display: block; overflow: hidden; visibility: hidden; position: absolute; left: 0; top: 100%; right: 0; padding: 3px 30px 0; color: #f0f0f1; font-family: i; font-size: 13px; font-weight: 400; font-style: normal; line-height: 13px; text-align: left; opacity: 0; } .tabs-b > ul li a.active { border-color: #000; cursor: default; } .tabs-b > ul li a.active:before { visibility: visible; color: #000; opacity: 1; } .tabs-b > div { padding: 0 30px; } .ui-autocomplete { position: absolute; left: -3000em; top: 0; z-index: 9999; list-style: none; margin: 0; padding: 0; border: 1px solid #f6f6f6; background: #fff; line-height: 1.1111111111; text-align: left; } .ui-autocomplete li { position: relative; margin: 0; padding: 0; font-weight: 400; font-size: 14px; } .ui-autocomplete li a { display: block; position: relative; z-index: 2; margin: 0; padding: 16.5px 22px 16.5px 32px; color: #484848; font-weight: 400; text-decoration: none; cursor: pointer; } .ui-autocomplete li a:before { content: "\e90d"; left: 12px; width: auto; color: #a3a3a3; font-size: 16px; } .ui-autocomplete li a:hover, .ui-autocomplete li a:focus { background: #000; color: #fff; } .vertical-line { position: relative; max-width: 762px; margin: 58px 0; } .vertical-line > * { position: relative; margin: 0; padding: 0 30px; } .vertical-line > * + * { margin-top: 46px; padding-top: 45px; border-top: 2px solid #d3d3d3; } .vertical-line .vertical-left, .vertical-line .vertical-right { width: calc(50% - 25px); margin-top: 0; padding-top: 0; padding-bottom: 48px; border-width: 0; } .vertical-line .vertical-left { float: left; } .vertical-line .vertical-right { float: right; } .vertical-line .vertical-right:before { content: ""; display: block; position: absolute; left: -25px; top: -44px; bottom: 0; width: 2px; background: #d3d3d3; } #root .width-a { max-width: 615px; margin-left: auto; margin-right: auto; } #root .width-b { max-width: 570px; margin-left: auto; margin-right: auto; } /*! Headers --------- */ h1, h2, h3, h4, h5, h6 { margin: 0 0 10px; color: #000; font-size: 1.4em; font-weight: 300; } h1 { font-size: 7.2em; line-height: 1.11111111111; } h2 { font-size: 3.0em; font-weight: 400; } h3 { font-size: 2.4em; } .header-a, .form-builder .header-a { position: relative; z-index: 2; margin: 0 0 18px; color: #000; font-size: 1.8em; font-weight: 400; line-height: 1.5; } .header-a span { display: inline-block; position: relative; } .header-a span:before { content: ""; display: block; position: absolute; left: 0; top: 100%; right: 0; height: 2px; margin: -2px 0 0; background: #fd6120; } .header-a .small { font-size: .66666666666em; } .header-a a { color: #000; text-decoration: none; } .header-a.a { display: inline-block; color: #fff; } .header-a.a:before { left: -32px; right: -32px; top: -6px; bottom: -6px; z-index: -1; background: #000; } .header-a.size-b { } .header-a.size-b span:before { margin-top: -4px; } .header-a.size-c { } .header-a.size-c span:before { margin-top: 0; } .header-dropdown { margin-right: -10px; color: #000; font-size: 1.8em; line-height: 1.6666666666; } .header-dropdown label { display: inline-block; } .header-dropdown .select, .header-dropdown .semantic-select-wrapper { margin: 0 11px; } .header-dropdown .select, .header-dropdown select, .header-dropdown .semantic-select-wrapper, .header-dropdown .semantic-select, .header-dropdown .semantic-select .input { display: inline-block; width: auto; } .header-dropdown .select:after { right: 19px; bottom: -3px; border-bottom: 2px solid #fd6120; background: none; } .header-dropdown .select:before, .header-dropdown .semantic-select .ticker:before { content: "\e934"; right: 0; margin-top: -12px; font-size: 6px; } .header-dropdown .select:before { margin-top: -8px; } .header-dropdown .semantic-select .ticker:before { margin-top: -12px; } .header-dropdown .select { display: block; float: left; height: 25px; } #root .header-dropdown select, .header-dropdown .semantic-select .input { height: auto; padding: 0 19px 0 0; border-width: 0; background: none; color: #000; font-size: 1em; line-height: normal; text-transform: lowercase; } .header-dropdown .semantic-select .input:before { content: ""; display: block; position: absolute; left: 0; right: 19px; bottom: 3px; height: 2px; background: #fd6120; } .header-dropdown .semantic-select ul { left: auto; right: 0; width: auto; min-width: 100%; white-space: nowrap; } .header-inline { margin: 0 0 12px; font-size: 1.6em; font-weight: 400; line-height: 1.3636363636; } /*! Content --------- */ .extra-light { font-weight: 200; } .light, .ui-autocomplete .matching { font-weight: 300; } .regular, .ui-autocomplete li a:only-child, b, strong, .strong { font-weight: 400; } blockquote { margin: 1em 40px; } dfn, em, i, .em { font-style: italic; } ins { background: #ff9; color: #000; text-decoration: none; } mark { background: #ff0; color: #000; font-style: italic; font-weight: bold; } pre, code, kbd, samp { font-family: monospace, serif; font-size: 1em; } pre { white-space: pre; white-space: pre-wrap; word-wrap: break-word; } q { quotes: none; display: block; position: relative; z-index: 2; margin: 30px 0 73px; padding: 0 60px; color: #000; font-size: 44px; font-weight: 300; line-height: 1.3636363636; text-align: center; } q:before, q:after { content: ""; display: block; position: absolute; z-index: -1; color: #f2f2f2; font-size: 84px; font-family: i; font-weight: 400; line-height: 84px; } q:before { content: "\e90a"; left: 0; top: 10px; } q:after { content: "\e90c"; right: -60px; bottom: -4px; } q span { color: #fd6120; font-family: Kaushan_web, cursive; } .cols-a q { padding-right: 0; } .cols-a q:after { right: -60px; } small { font-size: 85%; } strike, del, .strike { text-decoration: line-through; } sub, sup { font-size: 75%; line-height: 0; position: relative; vertical-align: baseline; } sup { top: -0.5em; } sub { bottom: -0.25em; } .text-center { text-align: center; } .text-left { text-align: left; } .text-right { text-align: right; } .text-justify { text-align: justify; } .text-lowercase { text-transform: lowercase; } .text-uppercase { text-transform: uppercase; } .lead { margin-bottom: 16px; color: #000; font-size: 2.4em; } .size-a { font-size: 14px; } #root .size-b { font-size: 24px; } #root .size-c { font-size: 22px; } #root .size-d { font-size: 15px; line-height: 1.25; } #root .size-e { font-size: 16px; } .overlay-a { color: #484848; } .overlay-b { color: #fd6120; } .overlay-c, .case strong, .case .strong { color: #000; } .scheme-a { font-family: Kaushan_web, cursive; } /*! Links --------- */ a { background: none; color: #484848; font-weight: 400; text-decoration: underline; cursor: pointer; outline: none; } /*---*/ a span { cursor: pointer; } a:hover, a:focus, a:active { text-decoration: none; outline: none; } a:visited, #footer a:visited, .list-links li a:visited, .case p a:visited, #root .quote a:visited, .module-address p a:visited, #root .heading-pulse p.link a:visited, .list-services.a a:visited, .list-news p a:visited, .list-boxes p a:visited, .search-results h1 a:visited, #root .pagination-a li a:visited, .search-results h2 a:visited, .search-results h3 a:visited, .search-results h4 a:visited, .search-results h5 a:visited, .search-results h6 a:visited, .accordion ul li a:visited, .accordion ol li a:visited, .list-gallery h1 a:visited, .list-gallery h2 a:visited, .list-gallery h3 a:visited, .list-gallery h4 a:visited, .list-gallery h5 a:visited, .list-gallery h6 a:visited, .case li a:visited, .list-team h1 a:visited, .list-team h2 a:visited, .list-team h3 a:visited, .list-team h4 a:visited, .list-team h5 a:visited, .list-team h6 a:visited, .profile h1 a:visited, .profile h2 a:visited, .profile h3 a:visited, .profile h4 a:visited, .profile h5 a:visited, .profile h6 a:visited { color: #742780; } #footer .cta a:visited { color: #fff; } #footer a, #root .list-btn a { text-decoration: none; } #footer a:hover, .list-news ul a:hover, .list-news h1 a:hover, .list-news h2 a:hover, .list-news h3 a:hover, .list-news h4 a:hover, .list-news h5 a:hover, .list-news h6 a:hover, .list-news p a:hover, #breadcrumbs li a:hover, .author-blog figcaption a:hover, .list-boxes p a:hover, .pagination-a a:hover, .search-results footer a:hover, .list-testimonials footer p a:hover, .list-links li a:hover, .form-calculator label a:hover, .form-calculator .label a:hover, .filtering-by ul li a:hover, .list-triple li a:hover, .accordion a:hover, .accordion li a:hover, .case p a:hover, .case li a:hover { text-decoration: underline; } a.video { display: inline-block; position: relative; max-width: 100%; } a.video:before { content: "\e90f"; display: block; position: absolute; left: 50%; top: 50%; z-index: 2; width: 80px; height: 80px; margin: -40px 0 0 -40px; padding: 0 0 0 5px; border-radius: 70px; border: 2px solid #fd6120; background: #fd6120; color: #fff; font-size: 35px; font-family: i; font-weight: 400; font-style: normal; line-height: 76px; text-align: center; } .no-mobile a.video:hover:before { border-color: #e74502; background: #e74502; } .no-mobile a.video:focus:before, .no-mobile a.video:active:before { border-color: #c83c02; background: #e74502; } .link-btn { font-size: 1.8em; } .link-btn a { display: inline-block; min-width: 190px; padding: 15px 30px; border: 2px solid #fd6120; /*background: #fd6120;*/ color: #000; font-weight: 300; line-height: 1.25; text-align: center; text-decoration: none; } .link-btn a span, button span { display: inline-block; position: relative; } .link-btn a span:before, button span:before { content: ""; display: block; position: absolute; left: 0; right: 0; top: 100%; height: 2px; background: #000; } .no-mobile .link-btn a:hover span:before, .no-mobile button:hover span:before { background: #fff; } /*! Lists --------- */ ul, ol, dd, blockquote { padding-left: 34px; } ul ul, ul ol, ol ol, ol ul { margin-bottom: 0; } li { position: relative; margin: 0 0 12px; } li li { margin-bottom: 0; font-size: 1em; } ul ul, ol ol, ul ol, ol ul { margin: 24px 0; } ol ol, ul ol { padding-left: 37px; } ul ol li:after, ol ol li:after { left: -37px; font-weight: 300; } ul ol li:after, ol ol li:after { content: counter(ordered, lower-alpha) ") "; } ul { list-style: none; padding: 0 0 0 27px; } ul li:after { content: ""; display: block; position: absolute; left: -18px; top: 10px; width: 5px; height: 5px; border-radius: 5px; background: #fd6120; } li a:only-child { font-weight: 300; } ol { list-style: none; } ol { counter-reset: ordered; } ol li:after { display: block; position: absolute; left: -27px; top: 0; font-weight: 400; } ol li:after { content: counter(ordered) ". "; counter-increment: ordered; } #footer li:after, .list-news li:after, #top li:after, .list-social li:after, .ui-autocomplete li:after, .list-boxes li:after, .list-team li:after, .pagination-a li:after, .list-testimonials li:after, .list-links li:after, .list-btn li:after, .checklist-a li:after, .list-total li:after, .filtering-by li:after, .list-gallery li:after, .tabs-a li:after, .list-services li:after, .list-triple li:after, .list-ticker li:after, .module-triple li:after, .slider li:after, .tabs-b > ul li:after, .accordion li:after, .list-inline li:after, .list-gallery-double li:after, .list-results li:after, .module-tags li:after { left: -3000em; top: 0; width: auto; height: auto; border-radius: 0; background: none; } .list-boxes { list-style: none; margin: 0 0 35px -20px; padding: 0; line-height: 1.25; } .list-boxes li { position: relative; z-index: 2; float: left; width: 33.33333333333%; margin: 0 0 20px; width: 33.33333333333333%; padding: 31px 41px 10px; border-left: 20px solid rgba(0,0,0,0); font-size: 1em; } .list-boxes li:before { z-index: -1; border: 1px solid #000; background: #fff; } .no-mobile .list-boxes li.has-link:hover { color: #fff; } .no-mobile .list-boxes li.has-link:hover:before { background: #000; } .list-boxes figure { overflow: hidden; position: relative; width: 130px; height: 130px; margin: 0 auto 17px; border-radius: 50%; background: #000; color: #fff; text-align: center; } .list-boxes figure svg { display: block; position: absolute; left: 0; top: 50%; width: 130px; height: 53px; margin: -26.5px 0 0; fill: #fff; } .no-mobile .list-boxes li.has-link:hover figure { background: #fff; } .no-mobile .list-boxes li.has-link:hover figure svg { fill: #000; } .list-boxes h1, .list-boxes h2, .list-boxes h3, .list-boxes h4, .list-boxes h5, .list-boxes h6 { margin: 0 0 13px; color: #000; font-size: 2.063em; font-weight: 400; line-height: 1.09015996122; text-align: center; } .no-mobile .list-boxes li.has-link:hover h1, .no-mobile .list-boxes li.has-link:hover h2, .no-mobile .list-boxes li.has-link:hover h3, .no-mobile .list-boxes li.has-link:hover h4, .no-mobile .list-boxes li.has-link:hover h5, .no-mobile .list-boxes li.has-link:hover h6, .no-mobile .list-boxes li.has-link:hover p a { color: #fff; } .list-boxes p { margin: 0 auto 16px; font-size: 1.5em; } .list-boxes p a { position: relative; z-index: 7; color: #000; font-weight: 400; font-size: 1.12533333333em; text-decoration: none; } .list-boxes a.clone { z-index: 8; } #content > .list-boxes:first-child { margin-top: 6px; } .list-btn { list-style: none; max-width: 346px; margin-top: 2px; padding: 0; font-weight: 400; text-align: center; } .list-btn li { margin: 0 0 36px; font-size: 1.8em; } .list-btn a, .list-btn button, .list-btn input[type="submit"] { display: block; float: none; position: relative; width: 100%; padding: 18px 16px 18px 70px; border: 2px solid #fd6120; background: none; color: #000; font-weight: 400; font-size: 1em; line-height: 1.11111111; text-align: left; } #root .list-btn a { font-weight: 400; } #root .list-btn .toggle a { border-color: #000; background: #000; color: #fff; } .list-btn svg { display: block; position: absolute; left: 16px; top: 50%; width: 32px; height: 40px; margin: -20px 0 0; fill: #000; text-align: center; } .no-mobile .list-btn a:hover svg, .no-mobile .list-btn button:hover svg, #root .list-btn .toggle a svg { fill: #fff; } .list-btn .form, .list-btn form { display: none; position: absolute; left: -3000em; top: 0; padding: 23px 18px 0; border: 1px solid #000; border-top-width: 0; text-align: center; } .list-btn .form p, .list-btn form p { margin: 0 0 28px; font-size: 1em; } .list-btn label { font-size: 1em; text-align: left; } .list-btn p button, .list-btn p input[type="submit"] { display: inline-block; width: auto; margin: 3px 0 0; padding: 18px 36px; font-size: 1em; text-align: center; } .list-btn .toggle .form, .list-btn .toggle form { display: block; position: relative; left: 0; } .list-btn.text-center { margin-left: auto; margin-right: auto; } .list-cols { -moz-column-count: 2; -webkit-column-count: 2; column-count: 2; -moz-column-gap: 50px; -webkit-column-gap: 50px; column-gap: 50px; } .list-gallery { list-style: none; margin: 0 0 10px -30px; padding: 0; color: #484848; line-height: 1.25; } .list-gallery li { float: left; width: 100%; height: 560px; margin: 0 0 30px; padding: 0 15px; border-left: 30px solid rgba(0,0,0,0); font-size: 1em; } .list-gallery header { position: absolute; left: 75px; top: 50%; z-index: 2; width: 400px; min-height: 260px; padding: 0 32px 22px; background: #fff; } .list-gallery header figure { position: relative; right: 0; top: 0; width: auto; height: 122px; margin: 0 0 12px; } .list-gallery h1, .list-gallery h2, .list-gallery h3, .list-gallery h4, .list-gallery h5, .list-gallery h6 { margin: 0 0 9px; color: #000; font-size: 2.8em; font-weight: 400; line-height: 1.25; } .list-gallery h1 span, .list-gallery h2 span, .list-gallery h3 span, .list-gallery h4 span, .list-gallery h5 span, .list-gallery h6 span { display: block; margin: 0 0 8px; font-size: .46428571428em; font-weight: 300; } .list-gallery h1 a, .list-gallery h2 a, .list-gallery h3 a, .list-gallery h4 a, .list-gallery h5 a, .list-gallery h6 a { display: block; color: #000; font-weight: 400; text-decoration: none; } .list-gallery p { margin: 0 0 10px; font-size: 1.309em; } .list-gallery .featured { position: absolute; right: 0; top: 50%; z-index: 2; width: 550px; margin: 0; } .list-gallery .featured img { display: block; margin: 0 auto; } #root .list-gallery .background, .list-gallery .background .img { display: block; overflow: hidden; 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; } .list-gallery .background:before { z-index: 9; background: rgba(0,0,0,.3); } .list-gallery .background .img { left: -10px; right: -10px; top: -10px; bottom: -10px; } .list-gallery .background .img { -webkit-filter: blur(9px); -ms-filter: blur(9px); filter: blur(9px); filter: progid:DXImageTransform.Microsoft.Blur(PixelRadius='3'); } .list-gallery .list-gallery-triple { position: absolute; right: 32px; top: 50%; z-index: 2; width: 510px; margin: 0; } .no-mobile .list-gallery li:hover .background .img { -webkit-transform: scale(1.1); -ms-transform: scale(1.1); transform: scale(1.1); } .list-gallery li.half { width: 50%; height: 550px; } .list-gallery li.half header { left: 50%; top: auto; bottom: 38px; min-height: 0; margin: 0 0 0 -200px; } .list-gallery li.half header figure { height: 92px; } .list-gallery li.half .featured { left: 0; top: 48px; right: 0; padding: 0; } .list-gallery li.half .featured img, .list-gallery li.half .list-gallery-triple img { width: auto !important; max-height: 179px !important; } .list-gallery li.half .list-gallery-triple { left: 50%; right: auto; top: 48px; width: 400px; margin: 0 0 0 -200px; } .list-gallery li.half .list-gallery-triple li:before { left: -9px; top: -23px; right: -9px; bottom: -23px; } .list-gallery a.clone { z-index: 9; } .header-a + .list-gallery { margin-top: 32px; } .list-gallery-double { list-style: none; margin-left: -30px; padding: 0; text-align: center; } #root .list-gallery-double { padding: 0; } .list-gallery-double li { margin: 0; border-left: 30px solid rgba(0,0,0,0); } .list-gallery-triple { list-style: none; padding: 0; } #root .list-gallery-triple li { position: relative; float: left; width: auto; height: auto; margin: 0; padding: 0; border-left: 0 solid rgba(0,0,0,0); } .list-gallery-triple li:before { left: -15px; top: -34px; right: -15px; bottom: -34px; z-index: 1; } .list-gallery-triple li:nth-child(3n-1):before { background: url(../images/device-mobile.png) no-repeat; background-size: 100% 100%; } .list-gallery-triple img { display: block; position: relative; z-index: 2; } .list-inline { overflow: hidden; list-style: none; margin: 0 -55px 10px 0; padding: 0; } .list-inline li { float: left; margin-right: 55px; } .list-inline span { font-weight: 400; } .list-links { list-style: none; margin-top: 30px; margin-right: -44px; padding: 0; color: #000; font-weight: 400; } .list-links li { float: left; margin: 0 44px 13px 0; font-size: 1.4em; } .list-links li a { color: #000; font-weight: 400; text-decoration: none; } .list-links i { display: inline-block; position: relative; top: 2px; margin: 0 9px 0 0; color: #fd6120; font-size: 21px; line-height: 1px; } .list-links i.icon-eye { font-size: 13px; } .list-news { position: relative; list-style: none; margin: 16px 0 18px -30px; padding: 21px 0 0; color: #484848; line-height: 1.375; } .list-news:before { content: ""; display: block; position: absolute; left: 30px; top: 0; right: 0; height: 1px; background: #e6e6e6; } .list-news li { position: relative; z-index: 3; float: left; width: 50%; margin: 0 0 30px; padding: 26px 27px 6px; border-left: 30px solid rgba(0,0,0,0); } .list-news li:before { z-index: -1; box-shadow: 0 0 3px rgba(0,0,0,.05); background: #fff; } .list-news figure { overflow: hidden; position: relative; margin: -26px -27px 26px; padding: 0; } .list-news figure:before { content: ""; display: block; position: absolute; left: 0; bottom: 0; z-index: 2; width: 110px; height: 70px; background: #fff; } .list-news figure:before { -webkit-transform-origin: 100% 100%; -ms-transform-origin: 100% 100%; transform-origin: 100% 100%; -webkit-transform: skewX(58deg); -ms-transform: skewX(58deg); transform: skewX(58deg); } .list-news h1, .list-news h2, .list-news h3, .list-news h4, .list-news h5, .list-news h6 { margin: 0 0 13px; color: #000; font-size: 1.5em; line-height: 1.25; } .list-news h1 a, .list-news h2 a, .list-news h3 a, .list-news h4 a, .list-news h5 a, .list-news h6 a { color: #000; text-decoration: none; } .list-news p { margin: 0 0 18px; font-size: 1em; } .list-news p a { position: relative; z-index: 7; color: #000; font-weight: 400; text-decoration: none; } .list-news ul { overflow: hidden; list-style: none; margin: 0 0 22px; padding: 0; color: #000 /*837f8d*/; } .list-news ul li { float: right; width: auto; margin: 0; padding: 0; border-width: 0; font-size: .8125em; } .list-news ul li:first-child { float: left; } .list-news ul a { color: #837f8d; text-decoration: none; } .list-news .clone, .list-team .clone { z-index: 8; } .list-news:first-child { padding-top: 0; } .list-news.a { } .list-news.a > .fit { display: block; position: absolute; left: 9px; right: -21px; top: 21px; bottom: 0; background: url(../images/triangles-single-right.svg) no-repeat; background-size: 100% auto; } .list-news.a:last-child > .fit { overflow: hidden; bottom: -18px; } .list-results { list-style: none; margin: 70px 0; padding: 14px 0 4px; background: #000; color: #fff; line-height: 1.25; text-align: center; } .list-results li { margin: 0 0 24px; font-size: 7.2em; } .list-results i { display: inline-block; position: relative; top: -3px; margin: 0 0 0 4px; font-size: .69444444444em; line-height: 1px; } .list-results span { display: block; padding: 1px 0 0; font-size: .27777777777em; } .list-results span span { padding: 0; font-size: .8em; } .list-services { list-style: none; margin: 32px 0 0 -28px; padding: 0; color: #000; font-weight: 400; line-height: 1.33588235294; text-align: center; } .list-services li { position: relative; z-index: 2; float: left; margin: 0 0 28px; padding: 30px 0 34px; border-left: 28px solid rgba(0,0,0,0); font-size: 1.7em; letter-spacing: -.025em; } .list-services li:before { z-index: -1; box-shadow: 0 0 3px rgba(181,170,170,.35); background: #fff; } .no-mobile .list-services li.has-link:hover, .no-mobile .list-services li.has-link:hover a, .no-mobile .list-services li.has-link:hover svg { color: #fff; fill: #fff; } .no-mobile .list-services li.has-link:hover:before { background: #000; } .list-services i { display: block; margin: 0 -50px 14px; font-size: 130px; line-height: 130px; } .list-services .img { display: block; overflow: hidden; position: relative; margin: 0 -400px 14px; text-align: center; } .list-services .img svg { display: block; position: relative; z-index: 1; width: 400px; margin: 0 auto; } .list-services .img svg + svg { position: absolute; left: 0; right: 0; top: 0; z-index: 2; opacity: 0; } .list-services svg { display: block; margin: 0 -50px 14px; height: 130px; fill: #000; } .list-services li a { display: block; overflow: hidden; font-weight: 400; text-decoration: none; } .list-services span { display: inline-block; position: relative; } .list-services span:before { content: ""; display: block; position: absolute; left: 0; right: 0; top: 100%; height: 4px; border-bottom: 2px solid #fd6120; } .list-services.a { margin-left: -30px; margin-bottom: 10px; background: none; color: #484848; font-weight: 300; line-height: 1.375; text-align: left; } .list-services.a li { margin: 0 0 30px; padding: 34px 32px 11px; border-left-width: 30px; font-size: 1em; letter-spacing: normal; } .list-services.a li:before { background: #f0f0f1; } .list-services.a figure { margin: 0 -30px 27px; text-align: center; } .list-services.a svg { display: block; width: 240px; height: 158px; margin: 0 auto; fill: #000; text-align: center; } .list-services.a h1, .list-services.a h2, .list-services.a h3, .list-services.a h4, .list-services.a h5, .list-services.a h6 { margin: 0 0 30px; color: #000; font-size: 2.4em; font-weight: 300; line-height: 1.25; text-align: center; } .list-services.a h1 a, .list-services.a h2 a, .list-services.a h3 a, .list-services.a h4 a, .list-services.a h5 a, .list-services.a h6 a { font-weight: 300; } .list-services.a p { margin: 0 0 20px; font-size: 1.6em; } .list-services.a a { color: #000; font-size: 1.12333333333em; font-weight: 400; line-height: 1.12759643917; text-decoration: none; } .list-shrunk { padding-left: 18px; } .list-shrunk li { margin-bottom: 0; } .list-social { list-style: none; margin-top: 56px; margin-left: -9px; margin-right: -9px; padding: 0; color: #000; } .list-social li { margin: 0 9px; } .list-social a { display: block; overflow: hidden; position: relative; width: 41px; height: 41px; border-radius: 41px; border: 2px solid #000; color: #000; text-align: left; text-indent: -3000em; } .list-social svg { display: block; position: absolute; left: 50%; top: 50%; width: 40px; height: 20px; fill: #000; text-indent: 0; } .list-social li.fb svg { height: 28px; } .list-social li.em svg { height: 15px; } .list-social a:hover, .list-social a:hover svg, .list-social a:focus, .list-social a:focus svg { border-color: #fd6120; color: #fd6120; fill: #fd6120; } .list-team { list-style: none; margin: 33px 0 7px -13px; padding: 0; color: #585561; text-align: center; } .list-team li { position: relative; z-index: 2; float: left; width: 25%; margin: 0 0 13px; padding: 18px 20px 7px; border-left: 13px solid rgba(0,0,0,0); font-size: 1em; } .list-team li:nth-child(4n) + li { clear: both; } .list-team li:before { z-index: -1; box-shadow: 0 0 3px rgba(0,0,0,.05); background: #fff; } .list-team figure, .profile figure { position: relative; margin: -18px -20px 18px; padding: 20px; background: url(../images/list-team.svg) #f0f0f1; background-size: 100% auto; } .list-team figure:before { visibility: hidden; z-index: 1; background: #f7f7f7; opacity: 0; } .list-team img, .profile img { display: block; position: relative; z-index: 2; margin: 0 auto; border-radius: 50%; border: 4px solid #fff; } .list-team li.active img, .list-ticker img { border-radius: 0; -webkit-filter: grayscale(100%); -webkit-filter: grayscale(1); filter: grayscale(100%); filter: url('url("data:image/svg+xml;utf8,#grayscale");'); filter: gray; } .list-team h1, .list-team h2, .list-team h3, .list-team h4, .list-team h5, .list-team h6, .profile h1, .profile h2, .profile h3, .profile h4, .profile h5, .profile h6 { margin: 0; color: #585561; font-size: 1.909em; font-weight: 400; line-height: 1.2; } .list-team h1 a, .list-team h2 a, .list-team h3 a, .list-team h4 a, .list-team h5 a, .list-team h6 a, .profile h1 a, .profile h2 a, .profile h3 a, .profile h4 a, .profile h5 a, .profile h6 a { color: #585561; font-weight: 400; text-decoration: none; } .list-team p, .profile p { margin: 0 0 10px; font-size: 1.513em; } .list-testimonials { position: relative; list-style: none; margin: 0 0 22px -30px; padding: 40px 0 0; color: #484848; line-height: 1.28571428571; text-align: center; } .list-testimonials:before { content: ""; display: block; position: absolute; left: 30px; top: 0; right: 0; height: 1px; background: #e6e6e6; } .list-testimonials:first-child { margin-top: 0; padding-top: 0; } .list-testimonials li { position: relative; z-index: 2; float: left; width: 50%; margin: 0 0 26px; padding: 31px 24px 16px; border-left: 30px solid rgba(0,0,0,0); font-size: 1em; } .js .list-testimonials li:after { content: ""; display: block; position: absolute; left: 25px; top: -14px; right: 25px; height: 1px; background: #dfdfdf; } .list-testimonials li:before { z-index: -1; border: 1px solid #dfdfdf; background: #fff; } .js .list-testimonials li:before { top: -30px; border-top-width: 0; } .js .list-testimonials li:first-child:before, .js .list-testimonials li:first-child + li:before, .js .list-testimonials li.first-child:before, .js .list-testimonials li.first-child + li:before, .js .list-testimonials li.first-child-after:before, .js .list-testimonials li.first-child-after + li:before { top: 0; border-bottom-width: 0; border-top-width: 1px; } .list-testimonials h1, .list-testimonials h2, .list-testimonials h3, .list-testimonials h4, .list-testimonials h5, .list-testimonials h6 { margin: 0 0 44px; font-size: 3.6em; font-weight: 300; line-height: 1; } .list-testimonials h1 img, .list-testimonials h2 img, .list-testimonials h3 img, .list-testimonials h4 img, .list-testimonials h5 img, .list-testimonials h6 img { display: block; margin: 0 auto 24px; } .list-testimonials h1 span, .list-testimonials h2 span, .list-testimonials h3 span, .list-testimonials h4 span, .list-testimonials h5 span, .list-testimonials h6 span { display: block; margin: 0 auto 7px; color: #484848; font-size: 14px; } .list-testimonials p { padding: 103px 24px 56px; background: #f8f8f8; font-size: 1.4em; } .list-testimonials q { display: block; max-width: 379px; margin: 0 auto 87px; padding: 0; color: #484848; font-weight: 400; font-size: 1.71428571429em; line-height: 1.5; } .list-testimonials q:before, .list-testimonials q:after { color: #fd6120; font-size: 53px; line-height: 53px; } .list-testimonials q:before { left: -20px; top: -73px; } .list-testimonials q:after { right: -13px; bottom: -61px; } .list-testimonials p img { display: block; position: absolute; left: 10px; top: 50%; border-radius: 50%; border: 2px solid #fff; } .list-testimonials p span { display: block; position: relative; padding: 0 0 0 130px; } .list-testimonials p a { display: inline-block; position: relative; font-weight: 300; text-decoration: none; } .list-testimonials p a .inner { display: inline; padding: 0; } .list-testimonials p a .inset { display: inline; padding: 0 0 6px; } .list-testimonials p a .inset { box-shadow: inset 0 -1px 0 #484848; } .list-testimonials p a:hover .inset, .list-testimonials p a:focus .inset, .list-testimonials footer p a .inset { box-shadow: none; } .list-testimonials footer { margin: 0; } .list-testimonials footer p { display: block; padding: 0; background: none; font-size: 2.4em; } #root .list-testimonials footer p a { color: #000; font-weight: 400; text-decoration: none; } .list-testimonials footer p a span { display: inline-block; position: relative; padding: 0; } .list-testimonials footer p a span:before { content: ""; display: block; position: absolute; left: 0; right: 0; top: 100%; height: 2px; background: #fd6120; } .list-ticker { position: relative; list-style: none; margin: 0 0 46px; padding: 0; } .list-ticker li { float: left; width: 25%; height: 75px; } .list-ticker .item li { float: none; width: auto; margin: 0; } .list-ticker li a { display: block; height: 75px; text-decoration: none; } .no-mobile .list-ticker li a:hover img, .no-mobile .list-ticker li a:focus img { -webkit-filter: grayscale(0%); -ms-filter: grayscale(0%); -moz-filter: grayscale(0%); -o-filter: grayscale(0%); filter: grayscale(0%); filter: none; } .list-ticker.is-slider { padding: 0 52px; } .list-ticker .bx-controls-direction a { display: block; overflow: hidden; position: absolute; top: 50%; width: 42px; height: 42px; margin: -21px 0 0; background: #f0f0f0; color: #555; font-size: 14px; text-decoration: none; text-align: left; text-indent: -3000em; } .list-ticker .bx-controls-direction .bx-prev { left: 0; } .list-ticker .bx-controls-direction .bx-next { right: 0; } .list-ticker .bx-controls-direction .bx-prev:before { content: "\e927"; } .list-ticker .bx-controls-direction .bx-next:before { content: "\e928"; } .list-ticker .bx-controls-direction a.disabled { color: #b4b4b4; cursor: default; } .list-total { list-style: none; margin: 0 0 28px; padding: 0 0 8px; border-bottom: 1px solid #000; color: #000; font-weight: 400; line-height: 1.25; } .list-total li { overflow: hidden; position: relative; margin: 0 0 7px; font-size: 1.4em; } .list-total li:before { content: ""; display: block; position: absolute; left: 0; right: 0; bottom: 3px; height: 1px; background: #e5e5e5; } .list-total li.a { margin-top: 13px; padding: 16px 0 0; border-top: 1px solid #000; } .list-total span { display: block; position: relative; z-index: 2; float: right; width: 72px; padding: 0 0 0 10px; background: #fff; } .list-total span:first-child { float: left; width: auto; padding: 0 10px 0 0; font-weight: 300; } .list-triple { list-style: none; margin: 0 0 12px -28px; padding: 0; line-height: 1.25; } .list-triple li { position: relative; float: left; width: 33.333333333333%; min-height: 582px; margin: 0 0 28px; padding: 30px 30px 2px; border-left: 28px solid rgba(0,0,0,0); } .list-triple li:before { z-index: -1; border: 1px solid #eee; background: #fff; } .list-triple figure { margin: 0 0 26px; text-align: center; } .list-triple figure img { display: block; margin: 0 auto; border-radius: 50%; } .list-triple h1, .list-triple h2, .list-triple h3, .list-triple h4, .list-triple h5, .list-triple h6 { margin: 0 0 21px; font-weight: 400; font-size: 1.125em; line-height: 1.25; text-align: center; } .list-triple ul { padding-left: 21px; } .list-triple ul li { float: none; width: auto; min-height: 0; margin: 0 0 12px; padding: 0; border-left-width: 0; } .list-triple ul li:after { left: -21px; top: 8px; width: 5px; height: 5px; border-radius: 5px; background: #fd6120; } .list-triple li a { font-weight: 400; text-decoration: none; } /*! Media --------- */ img, iframe, object, embed { max-width: 100% !important; } img { height: auto !important; image-rendering: optimizeQuality; -ms-interpolation-mode: bicubic; } .lt-ie9 img { max-width: none !important; } img::selection { background: transparent; } img::-moz-selection { background: transparent; } img[src*="maps.gstatic.com"], img[src*="googleapis.com"], img[src*="google"] { width: auto !important; max-width: none !important; } .map-canvas[style] { -webkit-transform: none !important; } figure { margin: 0 0 18px; color: #484848; font-size: 1.4em; line-height: 1.42857142857; } figcaption { display: block; padding: 10px 18px; border: 1px solid #ebebeb; } .float-left { float: left; max-width: calc(50% - 25px); margin: 0 25px 13px 0; } .float-right { float: right; max-width: calc(50% - 25px); margin: 0 0 13px 25px; } .float-left figcaption:last-child, .float-right figcaption:last-child { margin-bottom: 10px; } .image-link { display: inline-block; position: relative; max-width: 100%; color: #000; font-size: 1.6em; font-weight: 500; line-height: 1.25; } .image-link figcaption { position: absolute; left: 50%; top: 50%; width: auto !important; margin: -21px 0 0; padding: 8.5px 22px; border-width: 0; background: #fff; } .image-link figcaption a { color: #000; font-weight: 500; } .image-raw { margin-bottom: 40px; color: #000; font-size: 2.4em; line-height: 1.25; } .image-raw figcaption { margin: 22px 0 0; padding: 0; border-width: 0; } .image-raw figcaption:first-child { margin: 0 0 22px; } /*! Forms --------- */ fieldset, hr { border-width: 0; } legend { position: absolute; left: 0; top: -3000em; padding: 0; border: 0; white-space: normal; } input, select, textarea { -moz-appearance: none; -webkit-appearance: none; appearance: none; } input, select, textarea { position: relative; z-index: 1; margin: 0; padding: 0; box-shadow: none; border-radius: 0; font-size: 1em; line-height: normal; text-align: left; text-transform: none; outline: none; } input, select, textarea, button, input[type="button"], input[type="reset"], input[type="submit"] { -webkit-box-sizing: border-box; box-sizing: border-box; } input { } input[type="search"], input[type="number"], input[type="date"], input[type="time"] { -moz-appearance: textfield; -webkit-appearance: textfield; appearance: textfield; } input::-webkit-search-decoration, input::-webkit-search-cancel-button, input::-webkit-outer-spin-button, input::-webkit-inner-spin-button, input::-webkit-clear-button, input::-webkit-calendar-picker-indicator { display: none; -webkit-appearance: none; visibility: hidden !important; height: auto; margin: 0; } input::-o-outer-spin-button, input::-o-inner-spin-button { -o-appearance: none; margin: 0; } /*input[type="checkbox"], input[type="radio"] { height: auto; padding: 0; border: 0; background: none; line-height: 1; }*/ input[type="color"] { padding: 0; cursor: pointer; } input[type="date"] { display: -webkit-inline-flex; } textarea { overflow: auto; vertical-align: top; resize: vertical; } select { line-height: 1; text-overflow: ''; text-indent: 0.01px; -moz-appearance: none; -webkit-appearance: none; appearance: none; } select::-ms-expand { display: none; } button, input[type="button"], input[type="reset"], input[type="submit"] { display: block; overflow: visible; position: relative; z-index: 3; height: auto; margin: 0; box-shadow: none; text-transform: none; text-indent: 0; cursor: pointer; outline: none; -webkit-appearance: button; -webkit-font-smoothing: inherit; } button::-moz-focus-inner, input::-moz-focus-inner { padding: 0; border: 0; outline: none; } form > div { position: relative; } ::-webkit-input-placeholder { opacity: 1; color: #b1afb9; } :-ms-input-placeholder { opacity: 1; color: #b1afb9; } ::-ms-input-placeholder { opacity: 1; color: #b1afb9; } ::placeholder { opacity: 1; color: #b1afb9; } :focus::-webkit-input-placeholder { opacity: 0; } :focus:-ms-input-placeholder { opacity: 0; } :focus::-ms-input-placeholder { opacity: 0; } :focus::placeholder { opacity: 0; } form { position: relative; z-index: 3; } label, .label { display: block; position: relative; left: 0; top: 0; z-index: 2; margin: 0 0 14px; color: #000; font-size: 18px; font-weight: 400; line-height: 1.33333333333; } form p { position: relative; } input, .form-contact .field { height: 44px; padding: 0 22px; } input[type="date"] { line-height: 30px; } select { height: 44px; padding: 5px 44px 5px 22px; line-height: normal; } .gecko select { padding-left: 18px; } .select { display: block; position: relative; } .select select { display: block; position: relative; z-index: 3; width: 100%; background: none; } .select:after { background: #f6f6f6; } .select:before, .semantic-select .ticker:before { content: "\e90b"; display: block; position: absolute; right: 10px; top: 50%; z-index: 2; margin: -10px 0 0; color: #fd6120; font-size: 20px; font-family: i; line-height: 20px; } textarea { height: 100px; min-height: 100px; padding: 11px 11px 11px 22px; } input, select, textarea, .semantic-select .input, .form-contact .field { display: block; width: 100%; border: 1px solid #f6f6f6; background: #f6f6f6; color: #000; font-size: 1em; font-weight: 400; } button, input[type="button"], input[type="reset"], input[type="submit"] { overflow: hidden; float: left; min-width: 170px; padding: 18px 36px; border-radius: 0; border: 2px solid #fd6120; background: none; color: #000; font-weight: 300; font-size: 18px; line-height: 1.11111111; text-align: center; } .semantic-select { display: block; position: relative; } .semantic-select span { display: block; } .semantic-select .input { display: block; height: 44px; padding: 0 44px 0 22px; line-height: 42px; } .semantic-select .input .text { display: block; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; word-wrap: break-word; } .semantic-select .ticker { position: absolute; right: 0; top: 0; bottom: 0; width: 30px; cursor: pointer; } .semantic-select ul { overflow-y: auto; overflow-x: hidden; position: absolute; left: 0; top: -3000em; list-style: none; width: 100%; margin: 0; padding: 0; background: #fafafa; line-height: 1.25; } .semantic-select ul li { margin: 0; font-size: 14px; } .semantic-select ul li a { display: block; padding: 14px 22px; color: #000; font-weight: 400; text-decoration: none; } .semantic-select ul li a:hover, .semantic-select ul li a:focus, .semantic-select ul li.active a, .semantic-select ul li a.active { background: #000; color: #fff; } .semantic-select.active ul { top: 100%; max-height: 250px; } #root .check-a { font-size: 1.2em; } #root .check-a label { display: inline-block; position: relative; left: 0; bottom: 0; margin: 0; padding: 0 0 0 29px; color: #585561; font-weight: 300; font-size: 1em; } .check-a label input, .check-a .input, .checklist-a label input, .checklist-a .input { display: block; position: absolute; left: 0; top: -3px; width: 20px; margin: 0; padding: 0; line-height: 20px; } .check-a .input, .checklist-a .input { height: 20px; box-shadow: inset 0 0 4px rgba(169,169,169,.59); border: 1px solid #000 /*b7b7b7*/; background: #fff; color: #fff; font-size: 8px; cursor: pointer; } .check-a .input:before, .checklist-a .input:before { content: "\e93b"; opacity: 0; } .check-a label.active .input, .checklist-a label.active .input { box-shadow: none; border-color: #000; background: #000; } .check-a label.radio .input, .checklist-a label.radio .input { border-radius: 20px; } .check-a label.radio .input:before, .checklist-a label.radio .input:before { content: ""; left: 50%; top: 50%; width: 6px; height: 6px; margin: -3px 0 0 -3px; border-radius: 30px; background: #fff; line-height: 0; } .check-a label.disabled .input, .checklist-a label.disabled .input { opacity: .3; } .check-b { overflow: hidden; } .check-b label { display: block; max-width: 211px; min-height: 80px; margin: 0; padding: 14px; border: 2px solid #f0f0f1; background: #f0f0f1; color: #000; font-weight: 400; font-size: 1em; line-height: 1.25; cursor: pointer; } .check-b label.active { border-color: #fd6120; background: #fd6120; color: #fff; } .check-b .input { display: block; position: absolute; left: 0; top: 0; right: 0; bottom: 0; } .checklist-a { list-style: none; margin: 0 0 22px; padding: 0; line-height: 1.375; } .checklist-a li { margin: 0 0 18px; padding: 0 0 0 45px; } .checklist-a label { margin: 0; color: #484848; font-size: 1em; font-weight: 300; line-height: 1.375; } .checklist-a label input, .checklist-a .input { left: -45px; top: 2px; width: 16px; line-height: 16px; } .checklist-a .input { height: 16px; } .checklist-a label a { display: block; padding: 0 0 4px; color: #000; font-weight: 400; font-size: .875em; text-decoration: none; } .checklist-a li:last-child label a { padding-bottom: 0; } .checklist-a ul { list-style: none; padding: 0; } .checklist-a li li { margin: 0 0 14px; padding-left: 30px; font-size: 1em; } .checklist-a li li label input, .checklist-a li li .input { left: -30px; top: 4px; width: 14px; line-height: 14px; } .checklist-a li li .input { height: 14px; } .checklist-a li.input-file { padding-top: 6px; } #root .checklist-a h1, #root .checklist-a h2, #root .checklist-a h3, #root .checklist-a h4, #root .checklist-a h5, #root .checklist-a h6 { margin: 24px 0 9px; color: #000; font-weight: 400; font-size: 16px; line-height: 1.23071428571; } #root .check-a input:focus + .input, #root .checklist-a input:focus + .input { border-color: #000; } .input-file, #root .input-file { margin: 0; } .input-file .label { display: block; margin-bottom: 12px; color: #484848; font-size: 1em; font-weight: 300; line-height: 1.33333333333; } .input-file label { display: inline-block; min-width: 113px; margin: 0; padding: 4px 8px; border: 1px solid #ccc; background: #fff; font-weight: 300; font-size: 12px; line-height: 1.2; text-align: center; cursor: pointer; } .input-file .container { display: block; overflow: hidden; padding: 10px 7px; background: #f6f6f6; } .input-file .container label { display: block; float: left; } .input-file.hidden { display: none; } .form-builder { } .form-builder h1, .form-builder h2, .form-builder h3, .form-builder h4, .form-builder h5, .form-builder h6 { margin: 2px 0 15px; color: #000; font-weight: 400; font-size: 1.8em; line-height: 1.23071428571; } .form-builder .header-a { margin: 13px 0 34px; font-weight: 300; } .form-builder .header-a + h1, .form-builder .header-a + h2, .form-builder .header-a + h4, .form-builder .header-a + h3, .form-builder .header-a + h5, .form-builder .header-a + h6 { margin-top: -11px; } .form-builder p { margin-bottom: 37px; } .form-calculator { margin: 40px 0 35px; color: #000; line-height: 1.42857142857; } .form-calculator > * { float: right; width: 450px; padding: 20px; background: #fff; } .form-calculator > *:first-child, .form-calculator > legend + * { float: left; width: 650px; padding: 20px 32px 50px 72px; } .form-calculator > * > p:first-child { margin-left: -40px; } .form-calculator h1, .form-calculator h2, .form-calculator h3, .form-calculator h4, .form-calculator h5, .form-calculator h6 { position: relative; margin: 35px 0 10px; color: #000; font-size: 1.8em; font-weight: 400; line-height: 1.23071428571; } .form-calculator .no { display: block; position: absolute; right: 100%; top: 0; width: 40px; text-align: center; } .form-calculator p, .form-calculator p.label { margin: 0 0 10px; font-size: 1.4em; } .form-calculator label, .form-calculator .label { margin: 0 0 10px; color: #000; font-weight: 300; font-size: 1em; } .form-calculator label a, .form-calculator .label a { color: #000; font-weight: 400; text-decoration: none; } .form-calculator .select, .form-calculator .semantic-select-wrapper { display: block; float: left; width: 100%; max-width: 324px; } .form-calculator .select + span, .form-calculator .semantic-select-wrapper + span { display: block; float: left; padding: 0 0 0 12px; color: #000; font-size: 18px; font-weight: 400; line-height: 44px; } .form-calculator .checklist-a { margin: 22px 0 38px; } .form-calculator .checklist-a li { margin-bottom: 4px; padding-left: 25px; } .form-calculator .checklist-a label { color: #484848; } .form-calculator .checklist-a label input, .form-calculator .checklist-a .input { left: -25px; top: 3px; width: 14px; line-height: 14px; } .form-calculator .checklist-a .input { height: 14px; } .form-contact { position: relative; z-index: 2; margin: 0 0 30px; padding: 0; text-align: center; } .form-contact h1, .form-contact h2, .form-contact h3, .form-contact h4, .form-contact h5, .form-contact h6 { margin: 0; padding: 7px; border: 1px solid #dfdfdf; border-bottom-width: 0; background: #6d6d6d; color: #fff; font-size: 2em; font-weight: 300; line-height: 1.25; text-align: center; } .form-contact p { margin: 0 0 -1px; font-size: 1.4em; } .form-contact p.has-error { z-index: 9999 !important; } .form-contact p.has-error input, .form-contact p.has-error select, .form-contact p.has-error textarea { border-color: #fd6120; } .form-contact em.error { display: block; position: absolute; right: 0; top: 0; z-index: 9; padding: 2.5px 14px; background: #fd6120; color: #fff; font-size: 14px; font-style: normal; line-height: 1.2; } .form-contact label, .form-contact .label { position: absolute; left: 26px; top: 11px; z-index: 2; margin: 0; color: #000; font-size: 1em; } .form-contact input, .form-contact select, .form-contact textarea, .form-contact .field { padding-left: 98px; border: 1px solid #dfdfdf; background: #f8f8f8; color: #585561; font-weight: 300; font-size: 1em; } .form-contact input { display: block; width: 100%; height: 40px; } .form-contact textarea { height: 365px; min-height: 365px; padding-top: 10px; } .form-contact .focus input, .form-contact .focus textarea, .form-contact .focus select { background: #fff; } .form-contact .focus label { color: #fd6120; } .form-contact .field { line-height: 42px; text-align: left; text-overflow: ellipsis; text-decoration: none; white-space: nowrap; } .form-contact button, .form-contact input[type="submit"] { display: inline-block; float: none; width: auto; height: auto; padding: 11.5px 29px; border-color: #000; background: #000; color: #fff; font-size: 22px; } .form-contact .submit { margin: 33px 0 26px; } .form-contact .check-a { margin-bottom: 44px; } .form-contact .submit + .check-a { margin-top: -10px; } .form-contact footer { position: absolute; left: 0; top: 100%; right: 0; margin: 0; padding: 11px 27px 0; text-align: left; } .double.has-form-contact.double { margin-bottom: 44px; } /*! Tables --------- */ table { display: table; width: 100%; border: 1px solid #000; border-collapse: collapse; border-spacing: 0; } th, td { padding: 12px 29px; border: 0 solid #000; border-left-width: 1px; border-right-width: 1px; color: #000; font-weight: 300; text-align: left; } th { background: #000; color: #fff; } tr:nth-child(2n+1) td { background: #f0f0f1; } td.no { padding-right: 0; border-right-width: 0; font-weight: 400; } td.no + td { padding-left: 10px; border-left-width: 0; } .table-wrapper { margin: 0 0 24px; } /*! Helpers --------- */ *, *:before, *:after { -webkit-transition: visibility .4s cubic-bezier(.4,0,.2,1) 0s, color .4s cubic-bezier(.4,0,.2,1) 0s, fill .4s cubic-bezier(.4,0,.2,1) 0s, background-color .4s cubic-bezier(.4,0,.2,1) 0s, border-color .4s cubic-bezier(.4,0,.2,1) 0s, opacity .4s cubic-bezier(.4,0,.2,1) 0s; transition: visibility .4s cubic-bezier(.4,0,.2,1) 0s, color .4s cubic-bezier(.4,0,.2,1) 0s, fill .4s cubic-bezier(.4,0,.2,1) 0s, background-color .4s cubic-bezier(.4,0,.2,1) 0s, border-color .4s cubic-bezier(.4,0,.2,1) 0s, opacity .4s cubic-bezier(.4,0,.2,1) 0s; -webkit-transform-origin: center center; -ms-transform-origin: center center; -webkit-transition-delay: -0.1s; } .no-mobile #nav > ul > li > a:before, .list-gallery .background .img { -webkit-transition: -webkit-transform .4s cubic-bezier(.4,0,.2,1), transform .4s cubic-bezier(.4,0,.2,1); transition: -webkit-transform .4s cubic-bezier(.4,0,.2,1), transform .4s cubic-bezier(.4,0,.2,1); -webkit-transition-delay: -0.1s; } .list-ticker img, .accordion > .header a:before { -webkit-transition: all .4s cubic-bezier(.4,0,.2,1) 0s; transition: all .4s cubic-bezier(.4,0,.2,1) 0s; -webkit-transition-delay: -0.1s; } option { -webkit-transition: none; transition: none; } .clear { clear: both; } .hidden, [hidden], template, #nav em, #footer ul li:last-child:before, .list-news ul li:before, .list-news:first-child:before, .clone *, #breadcrumbs li:last-child:before, #nav label, #nav > ul > li > ul li:last-child:before, #footer ul li.last-in-row:before, .header-a .small:before, .pagination-a a span, .list-testimonials:first-child:before, .js .list-testimonials li:first-child:after, .js .list-testimonials li:first-child + li:after, .js .list-testimonials li.first-child:after, .js .list-testimonials li.first-child + li:after, .js .list-testimonials li.first-child-after:after, .js .list-testimonials li.first-child-after + li:after, .js .check-a label input, .js .checklist-a label input, #root .input-file label .input, .semantic-select .label, .module-price .no, .filtering-by:first-child:before, .js .list-gallery .background img, .list-services .img:before, .list-triple ul li:before, .module-about header h1 span:before, .module-about header h2 span:before, .module-about header h3 span:before, .module-about header h4 span:before, .module-about header h5 span:before, .module-about header h6 span:before, .js .check-b label input, .module-border:first-child:before, .module-border:first-child > .fit, .heading-pulse.big h1 span:before, .heading-pulse.big h2 span:before, .heading-pulse.big h3 span:before, .heading-pulse.big h4 span:before, .heading-pulse.big h5 span:before, .heading-pulse.big h6 span:before, .heading-pulse.big h1 span:after, .heading-pulse.big h2 span:after, .heading-pulse.big h3 span:after, .heading-pulse.big h4 span:after, .heading-pulse.big h5 span:after, .heading-pulse.big h6 span:after, .js .heading-image .background img, html > svg, .no-mobile #nav li.mobile a, .slider .bx-controls-direction a:after, .slider .bx-pager .bx-pager-item a:after { position: absolute; left: -3000em; top: 0; right: auto; bottom: auto; } .no-mobile #nav li.mobile a:focus { position: relative; left: 0; } .tabs-a > div > .hidden, .tabs-a.mobile-only { display: none; } hr, .hr { display: block; overflow: hidden; width: 100%; height: 1px; margin: 15px 0; padding: 0; border: 0; border-top: 1px solid #ccc; background: none; font-size: 0; } .hr hr { display: none; } .article-blog footer:first-child, .list-social:first-child, .list-news:first-child, footer:first-child, .heading-center:first-child, .heading-center + #content, .heading-pulse + #content, .list-team:first-child, .search-results:first-child, .pagination-a:first-child, .module-address figure:first-child, .list-links:first-child, #root .checklist-a h1:first-child, #root .checklist-a h2:first-child, #root .checklist-a h3:first-child, #root .checklist-a h4:first-child, #root .checklist-a h5:first-child, #root .checklist-a h6:first-child, .form-builder .header-a:first-child, .list-btn:first-child, .module-box.a .header-inline:first-child, .form-calculator:first-child, .form-calculator h1:first-child, .form-calculator h2:first-child, .form-calculator h3:first-child, .form-calculator h4:first-child, .form-calculator h5:first-child, .form-calculator h6:first-child, .form-calculator .checklist-a:first-child, #root .m0 + *, #root .m20 + *, .tabs-a:first-child, .module-box.b:first-child, .list-services:first-child, .tabs-a .tabs-header > *:last-child, #root .list-triple + .module-box, .list-ticker:first-child, .vertical-line:first-child, .tabs-b:first-child, .list-results:first-child, #root legend + * { margin-top: 0; } .module-address figure:last-child, .tabs-a > ul li > *:last-child, .tabs-a > ul li > .last-child, .tabs-a .list-gallery:last-child, .tabs-a .tabs-innner > .list-gallery:last-child, .tabs-a .tabs-header > *:last-child, .tabs-a .tabs-header > .last-child, .tabs-a .tabs-inner > .list-gallery:last-child, .heading-aside > *:last-child, .table-wrapper table, #content > .module-border:last-child, .case:last-child, .case .list-cols:last-child { margin-bottom: 0; } #breadcrumbs li:last-child { margin-right: 0; } #root .m0 { margin-bottom: 0; } #root .m20 { margin-bottom: 20px; } #root .m30 { margin-bottom: 30px; } #root .m60 { margin-bottom: 60px; } /*! Warnings --------- */ p.lt-ie9 { position: fixed; left: 0; top: 0; z-index: 1000; width: 100%; height: 28px; background: #333; color: #fff; font-size: 1.2em; font-family: Arial, Helvetica, sans-serif; line-height: 28px; text-align: center; } p.lt-ie9 a { color: #fff; font-weight: 700; text-decoration: underline; } p.lt-ie9 a:hover, p.lt-ie9 a:focus, p.lt-ie9 a:active { text-decoration: none; } .lt-ie9 body { padding-top: 28px; } /*! Miscellaneous --------- */ audio, canvas, iframe, img, svg, video { border-width: 0; vertical-align: middle; } audio, canvas, progress, video { display: inline-block; vertical-align: baseline; } audio:not([controls]) { display: none; height: 0; } svg:not(:root) { overflow: hidden; } @-ms-viewport { width: auto; } ::selection { background: #fd6120; color: #fff; text-shadow: none; } ::-moz-selection { background: #fd6120; color: #fff; text-shadow: none; } #root .desktop-hide, #root .tablet-only, #root .mobile-only, #root .tiny-only { position: absolute; left: -3000em; top: -3000em; bottom: inherit; right: inherit; } br.desktop-hide, br.tablet-only, br.mobile-only, br.tiny-only { display: none; } /*! Flexbox --------- */ /* flex */ .case.a, #footer ul, .list-social, .list-boxes, .list-team, .pagination-a ol, .pagination-a ul, .header-dropdown, .double.a, .module-address, .list-gallery, .list-gallery header figure, .list-gallery-triple, .tabs-a > ul, .list-services, .list-triple, .list-ticker li, .list-ticker li a, .slider .bx-pager, .tabs-b > ul, .heading-image figure, .list-gallery-double, .list-gallery-double li, .list-results, .case.e { display: -moz-box; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; } /* wrap */ #footer ul, .list-news, .list-social, .list-boxes, .list-team, .pagination-a ol, .pagination-a ul, .header-dropdown, .form-calculator .has-select, .list-gallery, .slider .bx-pager { -webkit-flex-wrap: wrap; flex-wrap: wrap; } /* direction-col */ .case.a, .list-testimonials p, .module-address { -webkit-flex-direction: column; flex-direction: column; } /* justify-center */ .case.a, #footer ul, .list-social, .pagination-a ol, .pagination-a ul, .list-gallery header figure, .list-ticker li, .list-ticker a, .slider .bx-pager, .heading-image figure, .list-gallery-double li { -webkit-justify-content: center; justify-content: center; } /* justify-space */ .list-gallery-triple, .list-gallery-double { -webkit-justify-content: space-between; justify-content: space-between; } /* align-i-center */ .list-social, .list-testimonials p span, .list-gallery header figure, .list-ticker li, .list-ticker a, .heading-image figure, .list-gallery-double li, .case.e { -webkit-align-items: center; align-items: center; } /* align-i-stretch */ .list-news, .list-boxes, .list-team, .double.a, .list-gallery, .tabs-a > ul, .list-services, .list-triple, .list-gallery-double { -webkit-align-items: stretch; align-items: stretch; } /* grow 1 */ .list-services li, .list-triple li, .tabs-b > ul li, .list-gallery-double li, .list-results li { -webkit-flex-grow: 1; -ms-flex-grow: 1; flex-grow: 1; } /* grow 3 */ #nav > ul > li, .form-calculator .select, .form-calculator .semantic-select-wrapper { -webkit-flex-grow: 3; -ms-flex-grow: 3; flex-grow: 3; } /* basis 0 */ .list-services li, .list-triple li, .tabs-b > ul li, .list-gallery-double li, .list-results li { -webkit-flex-basis: 0; -ms-flex-basis: 0; flex-basis: 0; } /*! Outlines --------- */ [data-whatinput="keyboard"] a:focus, [data-whatinput="keyboard"] button:focus, [data-whatinput="keyboard"] input:focus, [data-whatinput="keyboard"] select:focus, [data-whatinput="keyboard"] textarea:focus, [data-whatinput="keyboard"] input:focus + .input { outline: 2px solid #fd6120; } [data-whatintent="mouse"] input:focus, [data-whatinput="mouse"] select:focus, [data-whatinput="mouse"] textarea:focus, [data-whatinput="keyboard"] #nav a:focus, [data-whatinput="keyboard"] #footer .cta a:focus, [data-whatinput="keyboard"] .list-ticker li a:focus, [data-whatinput="keyboard"] .list-social a:focus, [data-whatinput="keyboard"] .form-contact button:focus, [data-whatinput="keyboard"] .link-btn a:focus, [data-whatinput="keyboard"] .accordion .header a:focus, [data-whatinput="keyboard"] .list-btn a:focus, [data-whatinput="keyboard"] .list-btn button:focus, .form-contact input[type="submit"]:focus { outline: none; } [data-whatinput="keyboard"] .slider a:focus:after { border-width: 2px; } [data-whatinput="keyboard"] #nav > ul > li.active > a:focus, [data-whatinput="keyboard"] .accordion .header a:focus { border-color: #fd6120 !important; } /*! Fonts --------- */ @font-face { font-family: 'Kaushan_web'; font-style: normal; font-weight: 400; src: local('Kaushan Script'), local('KaushanScript-Regular'), url(https://fonts.gstatic.com/s/kaushanscript/v6/vm8vdRfvXFLG3OLnsO15WYS5DG74wNI.woff2) format('woff2'); unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; } @font-face { font-family: 'Montserrat_web'; font-style: italic; font-weight: 200; src: local('Montserrat ExtraLight Italic'), local('Montserrat-ExtraLightItalic'), url(https://fonts.gstatic.com/s/montserrat/v12/JTUPjIg1_i6t8kCHKm459WxZBg_z_PZw.woff2) format('woff2'); unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; } @font-face { font-family: 'Montserrat_web'; font-style: italic; font-weight: 300; src: local('Montserrat Light Italic'), local('Montserrat-LightItalic'), url(https://fonts.gstatic.com/s/montserrat/v12/JTUPjIg1_i6t8kCHKm459WxZYgzz_PZw.woff2) format('woff2'); unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; } @font-face { font-family: 'Montserrat_web'; font-style: italic; font-weight: 400; src: local('Montserrat Italic'), local('Montserrat-Italic'), url(https://fonts.gstatic.com/s/montserrat/v12/JTUQjIg1_i6t8kCHKm459WxRyS7m.woff2) format('woff2'); unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; } @font-face { font-family: 'Montserrat_web'; font-style: italic; font-weight: 500; src: local('Montserrat Medium Italic'), local('Montserrat-MediumItalic'), url(https://fonts.gstatic.com/s/montserrat/v12/JTUPjIg1_i6t8kCHKm459WxZOg3z_PZw.woff2) format('woff2'); unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; } @font-face { font-family: 'Montserrat_web'; font-style: italic; font-weight: 700; src: local('Montserrat Bold Italic'), local('Montserrat-BoldItalic'), url(https://fonts.gstatic.com/s/montserrat/v12/JTUPjIg1_i6t8kCHKm459WxZcgvz_PZw.woff2) format('woff2'); unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; } @font-face { font-family: 'Montserrat_web'; font-style: normal; font-weight: 200; src: local('Montserrat ExtraLight'), local('Montserrat-ExtraLight'), url(https://fonts.gstatic.com/s/montserrat/v12/JTURjIg1_i6t8kCHKm45_aZA3gnD_g.woff2) format('woff2'); unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; } @font-face { font-family: 'Montserrat_web'; font-style: normal; font-weight: 300; src: local('Montserrat Light'), local('Montserrat-Light'), url(https://fonts.gstatic.com/s/montserrat/v12/JTURjIg1_i6t8kCHKm45_cJD3gnD_g.woff2) format('woff2'); unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; } @font-face { font-family: 'Montserrat_web'; font-style: normal; font-weight: 400; src: local('Montserrat Regular'), local('Montserrat-Regular'), url(https://fonts.gstatic.com/s/montserrat/v12/JTUSjIg1_i6t8kCHKm459Wlhyw.woff2) format('woff2'); unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; } @font-face { font-family: 'Montserrat_web'; font-style: normal; font-weight: 500; src: local('Montserrat Medium'), local('Montserrat-Medium'), url(https://fonts.gstatic.com/s/montserrat/v12/JTURjIg1_i6t8kCHKm45_ZpC3gnD_g.woff2) format('woff2'); unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; } @font-face { font-family: 'Montserrat_web'; font-style: normal; font-weight: 700; src: local('Montserrat Bold'), local('Montserrat-Bold'), url(https://fonts.gstatic.com/s/montserrat/v12/JTURjIg1_i6t8kCHKm45_dJE3gnD_g.woff2) format('woff2'); unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; } /*! Icons --------- */ @font-face { font-family: 'i'; src: url('icons/icomoon.eot'); src: url('icons/icomoon.eot#iefix') format('embedded-opentype'), url('icons/icomoon.ttf') format('truetype'), url('icons/icomoon.woff') format('woff'), url('icons/icomoon.svg#icomoon') format('svg'); font-weight: normal; font-style: normal; } [class^="icon-"], [class*=" icon-"] { font-family: 'i' !important; speak: none; font-style: normal; font-weight: normal; font-variant: normal; text-transform: none; line-height: 1; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } .icon-angle-down:before { content: "\e92b"; } .icon-angle-left:before { content: "\e92c"; } .icon-angle-right:before { content: "\e92a"; } .icon-angle-up:before { content: "\e936"; } .icon-caret2-down:before { content: "\e930"; } .icon-caret2-left:before { content: "\e92d"; } .icon-caret2-right:before { content: "\e92e"; } .icon-caret2-up:before { content: "\e92f"; } .icon-caret-down:before { content: "\e934"; } .icon-caret-left:before { content: "\e931"; } .icon-caret-right:before { content: "\e932"; } .icon-caret-up:before { content: "\e933"; } .icon-check:before { content: "\e93b"; } .icon-chevron-down:before { content: "\e926"; } .icon-chevron-left:before { content: "\e927"; } .icon-chevron-right:before { content: "\e928"; } .icon-chevron-thin-down:before { content: "\e929"; } .icon-chevron-thin-left:before { content: "\e925"; } .icon-chevron-thin-right:before { content: "\e922"; } .icon-chevron-thin-up:before { content: "\e923"; } .icon-chevron-up:before { content: "\e924"; } .icon-chevron-wide-down:before { content: "\e920"; } .icon-chevron-wide-left:before { content: "\e921"; } .icon-chevron-wide-right:before { content: "\e91e"; } .icon-chevron-wide-up:before { content: "\e91f"; } .icon-circle:before { content: "\e91c"; } .icon-download:before { content: "\e91d"; } .icon-enterprise-cms:before { content: "\e91a"; } .icon-enterprise-cms-standalone:before { content: "\e941"; } .icon-envelope:before { content: "\e91b"; } .icon-envelope2:before { content: "\e918"; } .icon-envelope3:before { content: "\e900"; } .icon-eye:before { content: "\e919"; } .icon-facebook:before { content: "\e916"; } .icon-file-doc:before { content: "\e917"; } .icon-ia:before { content: "\e914"; } .icon-ia-inv:before { content: "\e910"; } .icon-letters-bc:before { content: "\e939"; } .icon-letters-uc:before { content: "\e93a"; } .icon-letters-wc:before { content: "\e938"; } .icon-linkedin:before { content: "\e915"; } .icon-logo:before { content: "\e912"; } .icon-percent-fall:before { content: "\e913"; } .icon-percent-raise:before { content: "\e935"; } .icon-persona-development:before { content: "\e93c"; } .icon-persona-development-aligned:before { content: "\e93f"; } .icon-pin:before { content: "\e911"; } .icon-play:before { content: "\e90f"; } .icon-pulse:before { content: "\e90e"; } .icon-quote-close:before { content: "\e90c"; } .icon-quote-open:before { content: "\e90a"; } .icon-select:before { content: "\e90b"; } .icon-twitter:before { content: "\e908"; } .icon-user-experience:before { content: "\e909"; } .icon-user-experience-aligned:before { content: "\e93d"; } .icon-user-experience-standalone:before { content: "\e940"; } .icon-enterprise-cms-standalone:before { content: "\e941"; } .icon-user-testing:before { content: "\e907"; } .icon-user-testing-aligned:before { content: "\e93e"; } .icon-web-design:before { content: "\e904"; } .icon-web-design-dot-1:before { content: "\e905"; } .icon-web-design-dot-2:before { content: "\e906"; } .icon-web-design-dot-3:before { content: "\e902"; } .icon-web-design-dot-4:before { content: "\e903"; } .icon-wireframes:before { content: "\e901"; } .icon-zoom:before { content: "\e937"; } .icon-zoom2:before { content: "\e90d"; } /*! Fancybox --------- */ body.fancybox-active { overflow: hidden; } body.fancybox-iosfix { position: fixed; left: 0; right: 0; } .fancybox-is-hidden { position: absolute; top: -9999px; left: -9999px; visibility: hidden; } .fancybox-container { position: fixed; top: 0; left: 0; width: 100%; height: 100%; z-index: 99992; -webkit-tap-highlight-color: transparent; -webkit-backface-visibility: hidden; backface-visibility: hidden; -webkit-transform: translateZ(0); transform: translateZ(0); font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol"; } .fancybox-outer, .fancybox-inner, .fancybox-bg, .fancybox-stage { position: absolute; top: 0; right: 0; bottom: 0; left: 0; } .fancybox-outer { overflow-y: auto; -webkit-overflow-scrolling: touch; } .fancybox-bg { background: #1e1e1e; opacity: 0; transition-duration: inherit; transition-property: opacity; transition-timing-function: cubic-bezier(0.47, 0, 0.74, 0.71); } .fancybox-is-open .fancybox-bg { opacity: 0.87; transition-timing-function: cubic-bezier(0.22, 0.61, 0.36, 1); } .fancybox-infobar, .fancybox-toolbar, .fancybox-caption-wrap { position: absolute; direction: ltr; z-index: 99997; opacity: 0; visibility: hidden; transition: opacity .25s, visibility 0s linear .25s; box-sizing: border-box; } .fancybox-show-infobar .fancybox-infobar, .fancybox-show-toolbar .fancybox-toolbar, .fancybox-show-caption .fancybox-caption-wrap { opacity: 1; visibility: visible; transition: opacity .25s, visibility 0s; } .fancybox-infobar { top: 0; left: 0; font-size: 13px; padding: 0 10px; height: 44px; min-width: 44px; line-height: 44px; color: #ccc; text-align: center; pointer-events: none; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; -webkit-touch-callout: none; -webkit-tap-highlight-color: transparent; -webkit-font-smoothing: subpixel-antialiased; mix-blend-mode: exclusion; } .fancybox-toolbar { top: 0; right: 0; margin: 0; padding: 0; } .fancybox-stage { overflow: hidden; direction: ltr; z-index: 99994; -webkit-transform: translate3d(0, 0, 0); } .fancybox-is-closing .fancybox-stage { overflow: visible; } .fancybox-slide { position: absolute; top: 0; left: 0; width: 100%; height: 100%; margin: 0; padding: 0; overflow: auto; outline: none; white-space: normal; box-sizing: border-box; text-align: center; z-index: 99994; -webkit-overflow-scrolling: touch; display: none; -webkit-backface-visibility: hidden; backface-visibility: hidden; transition-property: opacity, -webkit-transform; transition-property: transform, opacity; transition-property: transform, opacity, -webkit-transform; } .fancybox-slide::before { content: ''; display: inline-block; vertical-align: middle; height: 100%; width: 0; } .fancybox-is-sliding .fancybox-slide, .fancybox-slide--previous, .fancybox-slide--current, .fancybox-slide--next { display: block; } .fancybox-slide--image { overflow: visible; } .fancybox-slide--image::before { display: none; } .fancybox-slide--video .fancybox-content, .fancybox-slide--video iframe { background: #000; } .fancybox-slide--map .fancybox-content, .fancybox-slide--map iframe { background: #E5E3DF; } .fancybox-slide--next { z-index: 99995; } .fancybox-slide > * { display: inline-block; position: relative; padding: 24px; margin: 44px 0 44px; border-width: 0; vertical-align: middle; text-align: left; background-color: #fff; overflow: auto; box-sizing: border-box; } .fancybox-slide > title, .fancybox-slide > style, .fancybox-slide > meta, .fancybox-slide > link, .fancybox-slide > script, .fancybox-slide > base { display: none; } .fancybox-slide .fancybox-image-wrap { position: absolute; top: 0; left: 0; margin: 0; padding: 0; border: 0; z-index: 99995; background: transparent; cursor: default; overflow: visible; -webkit-transform-origin: top left; -ms-transform-origin: top left; transform-origin: top left; background-size: 100% 100%; background-repeat: no-repeat; -webkit-backface-visibility: hidden; backface-visibility: hidden; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; transition-property: opacity, -webkit-transform; transition-property: transform, opacity; transition-property: transform, opacity, -webkit-transform; } .fancybox-can-zoomOut .fancybox-image-wrap { cursor: -webkit-zoom-out; cursor: zoom-out; } .fancybox-can-zoomIn .fancybox-image-wrap { cursor: -webkit-zoom-in; cursor: zoom-in; } .fancybox-can-drag .fancybox-image-wrap { cursor: -webkit-grab; cursor: grab; } .fancybox-is-dragging .fancybox-image-wrap { cursor: -webkit-grabbing; cursor: grabbing; } .fancybox-image, .fancybox-spaceball { position: absolute; top: 0; left: 0; width: 100%; height: 100%; margin: 0; padding: 0; border: 0; max-width: none; max-height: none; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; } .fancybox-spaceball { z-index: 1; } .fancybox-slide--iframe .fancybox-content { padding: 0; width: 80%; height: 80%; max-width: calc(100% - 100px); max-height: calc(100% - 88px); overflow: visible; background: #fff; } .fancybox-iframe { display: block; margin: 0; padding: 0; border: 0; width: 100%; height: 100%; background: #fff; } .fancybox-error { margin: 0; padding: 40px; width: 100%; max-width: 380px; background: #fff; cursor: default; } .fancybox-error p { margin: 0; padding: 0; color: #444; font-size: 16px; line-height: 20px; } /* Buttons */ .fancybox-button { box-sizing: border-box; display: inline-block; vertical-align: top; min-width: 0; width: 44px; height: 44px; margin: 0; padding: 10px; border: 0; border-radius: 0; background: rgba(30, 30, 30, 0.6); transition: color .3s ease; cursor: pointer; outline: none; } .fancybox-button, .fancybox-button:visited, .fancybox-button:link { color: #ccc; } .fancybox-button:focus, .fancybox-button:hover { color: #fff; } .fancybox-button[disabled] { color: #ccc; cursor: default; opacity: 0.6; } .fancybox-button svg { display: block; position: relative; overflow: visible; shape-rendering: geometricPrecision; } .fancybox-button svg path { fill: currentColor; stroke: currentColor; stroke-linejoin: round; stroke-width: 3; } .fancybox-button--share svg path { stroke-width: 1; } .fancybox-button--play svg path:nth-child(2) { display: none; } .fancybox-button--pause svg path:nth-child(1) { display: none; } .fancybox-button--zoom svg path { fill: transparent; } /* Navigation arrows */ .fancybox-navigation { display: none; } .fancybox-show-nav .fancybox-navigation { display: block; } .fancybox-navigation button { position: absolute; top: 50%; margin: -50px 0 0 0; z-index: 99997; background: transparent; width: 60px; height: 100px; padding: 17px; } .fancybox-navigation button:before { content: ""; position: absolute; top: 30px; right: 10px; width: 40px; height: 40px; background: rgba(30, 30, 30, 0.6); } .fancybox-navigation .fancybox-button--arrow_left { left: 0; } .fancybox-navigation .fancybox-button--arrow_right { right: 0; } /* Close button on the top right corner of html content */ .fancybox-close-small { position: absolute; top: 0; right: 0; width: 40px; height: 40px; padding: 0; margin: 0; border: 0; border-radius: 0; background: transparent; z-index: 10; cursor: pointer; } .fancybox-close-small:after { content: '×'; position: absolute; top: 5px; right: 5px; width: 30px; height: 30px; font: 22px/30px Arial, "Helvetica Neue",Helvetica,sans-serif; color: #888; font-weight: 300; text-align: center; border-radius: 50%; border-width: 0; background-color: transparent; transition: background-color .25s; box-sizing: border-box; z-index: 2; } .fancybox-close-small:focus { outline: none; } .fancybox-close-small:focus:after { outline: 1px dotted #888; } .fancybox-close-small:hover:after { color: #555; background: #eee; } .fancybox-slide--image .fancybox-close-small, .fancybox-slide--iframe .fancybox-close-small { top: 0; right: -40px; } .fancybox-slide--image .fancybox-close-small:after, .fancybox-slide--iframe .fancybox-close-small:after { font-size: 35px; color: #aaa; } .fancybox-slide--image .fancybox-close-small:hover:after, .fancybox-slide--iframe .fancybox-close-small:hover:after { color: #fff; background: transparent; } .fancybox-is-scaling .fancybox-close-small, .fancybox-is-zoomable.fancybox-can-drag .fancybox-close-small { display: none; } /* Caption */ .fancybox-caption-wrap { bottom: 0; left: 0; right: 0; padding: 60px 2vw 0 2vw; background: linear-gradient(to bottom, transparent 0%, rgba(0, 0, 0, 0.1) 20%, rgba(0, 0, 0, 0.2) 40%, rgba(0, 0, 0, 0.6) 80%, rgba(0, 0, 0, 0.8) 100%); pointer-events: none; } .fancybox-caption { padding: 30px 0; border-top: 1px solid rgba(255, 255, 255, 0.4); font-size: 14px; color: #fff; line-height: 20px; -webkit-text-size-adjust: none; } .fancybox-caption a, .fancybox-caption button, .fancybox-caption select { pointer-events: all; position: relative; /* Fix IE11 */ } .fancybox-caption a { color: #fff; text-decoration: underline; } /* Loading indicator */ .fancybox-slide > .fancybox-loading { border: 6px solid rgba(100, 100, 100, 0.4); border-top: 6px solid rgba(255, 255, 255, 0.6); border-radius: 100%; height: 50px; width: 50px; -webkit-animation: fancybox-rotate .8s infinite linear; animation: fancybox-rotate .8s infinite linear; background: transparent; position: absolute; top: 50%; left: 50%; margin-top: -30px; margin-left: -30px; z-index: 99999; } @-webkit-keyframes fancybox-rotate { from { -webkit-transform: rotate(0deg); transform: rotate(0deg); } to { -webkit-transform: rotate(359deg); transform: rotate(359deg); } } @keyframes fancybox-rotate { from { -webkit-transform: rotate(0deg); transform: rotate(0deg); } to { -webkit-transform: rotate(359deg); transform: rotate(359deg); } } /* Transition effects */ .fancybox-animated { transition-timing-function: cubic-bezier(0, 0, 0.25, 1); } /* transitionEffect: slide */ .fancybox-fx-slide.fancybox-slide--previous { -webkit-transform: translate3d(-100%, 0, 0); transform: translate3d(-100%, 0, 0); opacity: 0; } .fancybox-fx-slide.fancybox-slide--next { -webkit-transform: translate3d(100%, 0, 0); transform: translate3d(100%, 0, 0); opacity: 0; } .fancybox-fx-slide.fancybox-slide--current { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); opacity: 1; } /* transitionEffect: fade */ .fancybox-fx-fade.fancybox-slide--previous, .fancybox-fx-fade.fancybox-slide--next { opacity: 0; transition-timing-function: cubic-bezier(0.19, 1, 0.22, 1); } .fancybox-fx-fade.fancybox-slide--current { opacity: 1; } /* transitionEffect: zoom-in-out */ .fancybox-fx-zoom-in-out.fancybox-slide--previous { -webkit-transform: scale3d(1.5, 1.5, 1.5); transform: scale3d(1.5, 1.5, 1.5); opacity: 0; } .fancybox-fx-zoom-in-out.fancybox-slide--next { -webkit-transform: scale3d(0.5, 0.5, 0.5); transform: scale3d(0.5, 0.5, 0.5); opacity: 0; } .fancybox-fx-zoom-in-out.fancybox-slide--current { -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); opacity: 1; } /* transitionEffect: rotate */ .fancybox-fx-rotate.fancybox-slide--previous { -webkit-transform: rotate(-360deg); -ms-transform: rotate(-360deg); transform: rotate(-360deg); opacity: 0; } .fancybox-fx-rotate.fancybox-slide--next { -webkit-transform: rotate(360deg); -ms-transform: rotate(360deg); transform: rotate(360deg); opacity: 0; } .fancybox-fx-rotate.fancybox-slide--current { -webkit-transform: rotate(0deg); -ms-transform: rotate(0deg); transform: rotate(0deg); opacity: 1; } /* transitionEffect: circular */ .fancybox-fx-circular.fancybox-slide--previous { -webkit-transform: scale3d(0, 0, 0) translate3d(-100%, 0, 0); transform: scale3d(0, 0, 0) translate3d(-100%, 0, 0); opacity: 0; } .fancybox-fx-circular.fancybox-slide--next { -webkit-transform: scale3d(0, 0, 0) translate3d(100%, 0, 0); transform: scale3d(0, 0, 0) translate3d(100%, 0, 0); opacity: 0; } .fancybox-fx-circular.fancybox-slide--current { -webkit-transform: scale3d(1, 1, 1) translate3d(0, 0, 0); transform: scale3d(1, 1, 1) translate3d(0, 0, 0); opacity: 1; } /* transitionEffect: tube */ .fancybox-fx-tube.fancybox-slide--previous { -webkit-transform: translate3d(-100%, 0, 0) scale(0.1) skew(-10deg); transform: translate3d(-100%, 0, 0) scale(0.1) skew(-10deg); } .fancybox-fx-tube.fancybox-slide--next { -webkit-transform: translate3d(100%, 0, 0) scale(0.1) skew(10deg); transform: translate3d(100%, 0, 0) scale(0.1) skew(10deg); } .fancybox-fx-tube.fancybox-slide--current { -webkit-transform: translate3d(0, 0, 0) scale(1); transform: translate3d(0, 0, 0) scale(1); } /* Share */ .fancybox-share { padding: 30px; border-radius: 3px; background: #f4f4f4; max-width: 90%; text-align: center; } .fancybox-share h1 { color: #222; margin: 0 0 20px 0; font-size: 35px; font-weight: 700; } .fancybox-share p { margin: 0; padding: 0; } p.fancybox-share__links { margin-right: -10px; } .fancybox-share__button { display: inline-block; text-decoration: none; margin: 0 10px 10px 0; padding: 0 15px; min-width: 130px; border: 0; border-radius: 3px; background: #fff; white-space: nowrap; font-size: 14px; font-weight: 700; line-height: 40px; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; color: #fff; transition: all .2s; } .fancybox-share__button:hover { text-decoration: none; } .fancybox-share__button--fb { background: #3b5998; } .fancybox-share__button--fb:hover { background: #344e86; } .fancybox-share__button--pt { background: #bd081d; } .fancybox-share__button--pt:hover { background: #aa0719; } .fancybox-share__button--tw { background: #1da1f2; } .fancybox-share__button--tw:hover { background: #0d95e8; } .fancybox-share__button svg { position: relative; top: -1px; width: 25px; height: 25px; margin-right: 7px; vertical-align: middle; } .fancybox-share__button svg path { fill: #fff; } .fancybox-share__input { box-sizing: border-box; width: 100%; margin: 10px 0 0 0; padding: 10px 15px; background: transparent; color: #5d5b5b; font-size: 14px; outline: none; border: 0; border-bottom: 2px solid #d7d7d7; } /* Thumbs */ .fancybox-thumbs { display: none; position: absolute; top: 0; bottom: 0; right: 0; width: 212px; margin: 0; padding: 2px 2px 4px 2px; background: #fff; -webkit-tap-highlight-color: transparent; -webkit-overflow-scrolling: touch; -ms-overflow-style: -ms-autohiding-scrollbar; box-sizing: border-box; z-index: 99995; } .fancybox-thumbs-x { overflow-y: hidden; overflow-x: auto; } .fancybox-show-thumbs .fancybox-thumbs { display: block; } .fancybox-show-thumbs .fancybox-inner { right: 212px; } .fancybox-thumbs > ul { list-style: none; position: absolute; position: relative; width: 100%; height: 100%; margin: 0; padding: 0; overflow-x: hidden; overflow-y: auto; font-size: 0; white-space: nowrap; } .fancybox-thumbs-x > ul { overflow: hidden; } .fancybox-thumbs-y > ul::-webkit-scrollbar { width: 7px; } .fancybox-thumbs-y > ul::-webkit-scrollbar-track { background: #fff; border-radius: 10px; box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3); } .fancybox-thumbs-y > ul::-webkit-scrollbar-thumb { background: #2a2a2a; border-radius: 10px; } .fancybox-thumbs > ul > li { float: left; overflow: hidden; padding: 0; margin: 2px; width: 100px; height: 75px; max-width: calc(50% - 4px); max-height: calc(100% - 8px); position: relative; cursor: pointer; outline: none; -webkit-tap-highlight-color: transparent; -webkit-backface-visibility: hidden; backface-visibility: hidden; box-sizing: border-box; } li.fancybox-thumbs-loading { background: rgba(0, 0, 0, 0.1); } .fancybox-thumbs > ul > li > img { position: absolute; top: 0; left: 0; max-width: none; max-height: none; -webkit-touch-callout: none; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; } .fancybox-thumbs > ul > li:before { content: ''; position: absolute; top: 0; right: 0; bottom: 0; left: 0; border: 4px solid #4ea7f9; z-index: 99991; opacity: 0; transition: all 0.2s cubic-bezier(0.25, 0.46, 0.45, 0.94); } .fancybox-thumbs > ul > li.fancybox-thumbs-active:before { opacity: 1; } @media all and (max-width: 800px) { .fancybox-thumbs { width: 110px; } .fancybox-show-thumbs .fancybox-inner { right: 110px; } .fancybox-thumbs > ul > li { max-width: calc(100% - 10px); } } /* Responsive --------- */ @media only screen and (max-width: 75em) { /* 1200 */ #content, #footer, #breadcrumbs ul, #breadcrumbs ol { width: 940px; } .heading-center, .heading-pulse { max-width: 940px; } #top { height: auto; padding: 0; } #logo { position: relative; left: 0; height: 57px; margin: 0; } #root #logo a:before { left: 15px; font-size: 22px; } #nav { position: relative; right: 0; margin: 0; } #nav > ul > li { font-size: 1.3em; } #nav > ul > li > a { height: 57px; padding: 0 29px; line-height: 53px; } #nav > ul > li > a:before { left: 27px; right: 27px; } #nav form { padding-top: 10px; padding-bottom: 10px; padding-right: 15px; } #nav form p { width: 293px; font-size: 13px; } #nav form input, #nav form button, #nav form input[type="submit"] { height: 37px; } #breadcrumbs { padding-top: 7.5px; padding-bottom: 7.5px; } #breadcrumbs li { font-size: 1.3em; } #content { } #content.repeat:before { padding-top: 150px; } #footer { } #footer p, #footer li { font-size: 1.3em; } .article-blog { } .article-blog + * { padding-top: 23px; } .cases { } .cases .list-results { margin-bottom: 21px; } .case { margin-bottom: 21px; padding-left: 30px; } .case h1, .case h2, .case h3, .case h4, .case h5, .case h6 { margin: 0 0 15px; } .case .list-inline { margin-bottom: 6px; } .case.d + .list-results, .case.b + .list-results, .list-results + .case.b, .list-results + .case.d, .list-results + .case.e, .case.e + .list-results { margin-top: -21px; } .case.heading { min-height: 303px; margin-bottom: 48px; padding-left: 490px; padding-right: 15px; } .case.heading figure { left: -14px; top: 8px; max-width: 495px; } .case.a { min-height: 266px; padding-right: 500px; padding-top: 33px; padding-bottom: 44px; } .case.a figure { max-width: 550px; } .case.a figure img { -webkit-transform: perspective(300px) rotateY(-8deg); -ms-transform: perspective(300px) rotateY(-8deg); transform: perspective(300px) rotateY(-8deg); } .case.b { margin-bottom: 33px; padding-left: 485px; padding-top: 79px; padding-bottom: 80px; } .case.b figure, .case.b .list-gallery-double { left: 0; bottom: auto; top: 50%; } .case.b figure, .case.b .list-gallery-double { -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); } .case.b .list-gallery-double { width: 444px; } .case.c { padding-right: 490px; } .case.c .list-cols { -moz-column-count: auto; -webkit-column-count: auto; column-count: auto; } #root .case.c .double > ul { float: none; width: auto; } .case.c .double > ul + ul { margin-top: -4px; } .case.c figure { right: 25px; top: -53px; width: 460px; } .case.d { padding-top: 35px; padding-bottom: 28px; } .case.e { } .case.e > * { width: 436px; } .case.e > *:first-child { width: 410px; } .cols-a { max-width: none; } .cols-a q { padding-right: 30px; } .cols-a q:after { right: 0; } .double-box { margin-left: 0; padding-top: 21px; padding-bottom: 45px; } .double-box > * { float: none; width: auto; padding-top: 4px; padding-bottom: 1px; border-left-width: 0; } .double-box:before { left: -21px; background-image: url(../images/triangles-repeat.svg); background-repeat: repeat; } .header-a { font-size: 1.6em; } .header-a span:before { margin-top: -1px; } .heading-aside { margin-bottom: 45px; padding-left: 175px; } .heading-aside figure svg, .heading-aside i { height: 138px; font-size: 138px; line-height: 138px; } .heading-aside h1, .heading-aside h2, .heading-aside h3, .heading-aside h4, .heading-aside h5, .heading-aside h6 { margin-bottom: 18px; } .heading-blog { padding-top: 54px; padding-bottom: 73px; } .heading-center { margin-top: 29px; margin-bottom: 36px; } .heading-center h1, .heading-center h2, .heading-center h3, .heading-center h4, .heading-center h5, .heading-center h6 { margin: 0 0 11px; font-size: 4.378em; } .heading-center p { font-size: 2.021em; } .heading-image { } .heading-image + #content { padding-top: 111px; } .heading-image + #content.repeat:before { top: 0; border-top-width: 156px; } .heading-pulse { min-height: 137px; margin-bottom: 30px; padding: 16px 0 0; } .heading-pulse h1, .heading-pulse h2, .heading-pulse h3, .heading-pulse h4, .heading-pulse h5, .heading-pulse h6 { margin: 0 0 24px; padding-right: 89px; font-size: 4.058em; } .heading-pulse h1 span:before, .heading-pulse h2 span:before, .heading-pulse h3 span:before, .heading-pulse h4 span:before, .heading-pulse h5 span:before, .heading-pulse h6 span:before { top: 4px; height: 109px; border-left-width: 10px; } .heading-pulse h1 span:after, .heading-pulse h2 span:after, .heading-pulse h3 span:after, .heading-pulse h4 span:after, .heading-pulse h5 span:after, .heading-pulse h6 span:after { left: 2px; right: -12px; top: 56px; height: 3px; } .heading-pulse p { margin-bottom: 15px; font-size: 1.7em; } #root .heading-pulse p.link { margin-right: -101px; padding-bottom: 54px; } .heading-pulse p.link:before { bottom: -30px; height: 68px; border-top-width: 18px; border-bottom-width: 30px; } .heading-pulse p.link:after { bottom: 38px; } .heading-pulse.a { } .heading-pulse.a h1 span:after, .heading-pulse.a h2 span:after, .heading-pulse.a h3 span:after, .heading-pulse.a h4 span:after, .heading-pulse.a h5 span:after, .heading-pulse.a h6 span:after { width: 46px; } .heading-pulse.big { min-height: 470px; padding-top: 122px; line-height: 1.5625; } .heading-pulse.big:before { border-right-width: 2795px; } .heading-pulse.big h1, .heading-pulse.big h2, .heading-pulse.big h3, .heading-pulse.big h4, .heading-pulse.big h5, .heading-pulse.big h6 { max-width: 480px; margin: 0 0 41px; font-size: 4.4em; line-height: 1.13636363636; } .heading-pulse.big p { max-width: 480px !important; font-size: 1.6em; } .list-boxes { margin: 0 0 34px -16px; } .list-boxes li { margin: 0 0 16px; padding-left: 21px; padding-right: 21px; border-left-width: 16px; } .list-gallery { margin-bottom: 0; } .list-gallery li { height: 450px; } .list-gallery header { left: 33px; width: 370px; min-height: 0; padding-left: 30px; padding-right: 30px; padding-bottom: 15px; } .list-gallery header figure { height: 102px; margin-bottom: 0; } .list-gallery h1, .list-gallery h2, .list-gallery h3, .list-gallery h4, .list-gallery h5, .list-gallery h6 { margin-right: -20px; } .list-gallery .featured { width: 434px; padding: 0 20px; } .list-gallery .list-gallery-triple { right: 20px; width: 400px; } .list-gallery li.half { height: 480px; } .list-gallery li.half header { bottom: 30px; margin-left: -185px; } .list-gallery li.half header figure { height: 75px; margin-top: -4px; margin-bottom: 3px; } .list-gallery li.half .featured { top: 45px; } .list-gallery li.half .list-gallery-triple { top: 45px; width: 370px; margin: 0 0 0 -185px; } .list-gallery-double { } .list-gallery-double img { width: auto !important; max-height: 366px !important; } .list-gallery-triple { } .list-gallery-triple li:before { left: -12px; top: -27px; right: -12px; bottom: -27px; } .list-gallery-triple img { width: auto !important; max-height: 203px !important; } .list-news { margin-left: -25px; } .list-news:before { left: 25px; } .list-news li { margin-bottom: 25px; padding: 17px 21px 1px; border-left-width: 25px; font-size: 1.2em; } .list-news figure { margin: -17px -21px 17px; } .list-news figure:before { width: 84px; height: 54px; } .list-news h1, .list-news h2, .list-news h3, .list-news h4, .list-news h5, .list-news h6 { margin-bottom: 11px; } .list-news ul { margin-bottom: 15px; } .list-news ul li { font-size: 1em; } .list-news.a { } .list-news.a > .fit { left: 4px; } .list-services.a { margin-bottom: 0; } .list-shrunk { padding-left: 27px; } .list-shrunk li { margin-bottom: 4px; } .list-team { margin-bottom: 0; margin-left: -10px; } .list-team li { margin: 0 0 10px; padding-top: 10px; border-left-width: 10px; } .list-team figure { margin-top: -10px; margin-bottom: 10px; padding: 16px; } .list-team img { max-width: 140px !important; } .list-team h1, .list-team h2, .list-team h3, .list-team h4, .list-team h5, .list-team h6 { font-size: 1.525em; } .list-team p { font-size: 1.231em; } .list-testimonials { } .list-testimonials p { padding-left: 7px; padding-right: 7px; } .list-testimonials q { max-width: none; } .list-testimonials q:before { left: 11px; } .list-testimonials q:after { right: 6px; } .list-testimonials p span { padding-left: 120px; } .list-testimonials p span img { left: 5px; } .list-ticker { } .list-ticker .item { width: 178px !important; } .list-ticker.is-slider { padding: 0 50px; } .list-ticker .bx-controls-direction a { width: 40px; height: 40px; margin: -20px 0 0; font-size: 13px; } .list-triple { margin-left: -23px; margin-bottom: 17px; } .list-triple li { min-height: 0; margin-bottom: 23px; padding-left: 30px; padding-right: 30px; padding-bottom: 2px; border-left-width: 23px; } .module-about { padding-right: 455px; line-height: 1.38461538462; } .module-about > * { width: 455px; margin-right: -455px; padding-top: 36px; padding-left: 30px; padding-right: 30px; } .module-about > *:first-child { padding-left: 20px; padding-right: 20px; } .module-about > * > figure, .module-about > * > .module-triple { margin-left: -30px; margin-right: -30px; margin-bottom: 16px; } .module-about > *:first-child > figure, .module-about > *:first-child > .module-triple { margin-left: -20px; margin-right: -20px; } .module-about > * > figure:first-child, .module-about > * > .module-triple:first-child { margin-top: -36px; } .module-about h1, .module-about h2, .module-about h3, .module-about h4, .module-about h5, .module-about h6, .module-triple h1, .module-triple h2, .module-triple h3, .module-triple h4, .module-triple h5, .module-triple h6 { margin: 0 0 22px; font-size: 1.8em; } .module-about p, .module-about ul, .module-about ol { margin-bottom: 18px; } .module-about p, .module-about li { font-size: 1.3em; } .module-about header { } .module-about header h1, .module-about header h2, .module-about header h3, .module-about header h4, .module-about header h5, .module-about header h6 { margin: 0 0 50px; font-size: 3.6em; } .module-about header h1 span, .module-about header h2 span, .module-about header h3 span, .module-about header h4 span, .module-about header h5 span, .module-about header h6 span { font-size: 1.25em; } .module-border { margin-top: 30px; padding-top: 57px; background: #fff; } .module-border:before, .module-border > .fit { height: 30px; } .module-box { } .module-box .list-ticker:last-child { margin-bottom: 1px; } .module-triple { padding: 25px 20px 15px; line-height: 1.2426666666; } .module-triple h1, .module-triple h2, .module-triple h3, .module-triple h4, .module-triple h5, .module-triple h6 { margin: 0 0 18px; } .module-triple i.icon-user-experience:before, .module-triple i.icon-user-experience-aligned:before { content: "\e940"; } .module-triple i.icon-enterprise-cms:before { content: "\e941"; } .module-triple li { padding: 12px 20px 7px 136px; font-size: 1em; } .module-triple ul { margin: 0 -20px; } .module-triple ul h1, .module-triple ul h2, .module-triple ul h3, .module-triple ul h4, .module-triple ul h5, .module-triple ul h6 { margin: 0 0 6px; font-size: 1.646em; } .module-triple p { margin-bottom: 6px; font-size: 1.3em; } .module-triple figure, .module-triple i { left: 20px; height: 90px; margin: -45px 0 0; font-size: 90px; line-height: 90px; } .quote { padding-left: 7px; padding-right: 7px; } .quote q { max-width: 380px; } .quote q:before { left: 0; } .quote q:after { right: 0; } .quote span { padding-left: 120px; } .quote img { left: 5px; } .search-results { max-width: none; padding-right: 20px; } .search-results article { max-width: none; } .search-results .pagination-a { max-width: 672px; } .tabs-a { } .tabs-a > ul li { padding-left: 26px; padding-right: 26px; } .tabs-a > ul figure { margin-left: -26px; margin-right: -26px; } .tabs-a > div { padding-left: 18px; padding-right: 18px; padding-bottom: 0; } .ui-autocomplete { } .ui-autocomplete li { font-size: 12.45px; } .ui-autocomplete li a { padding-top: 14px; padding-bottom: 14px; padding-left: 28px; } .ui-autocomplete li a:before { left: 11px; font-size: 14px; } .form-calculator { } .form-calculator > * { width: 356px; } .form-calculator > *:first-child, .form-calculator > legend + * { width: 518px; padding-left: 48px; } .double-box > * + * { position: absolute; left: -3000em; top: -3000em; bottom: inherit; right: inherit; } } @media only screen and (max-width: 62.5em) { /* 1000 */ #content, #footer, #breadcrumbs ul, #breadcrumbs ol { width: 720px; } .heading-center, .heading-blog, .heading-pulse { max-width: 720px; } #top { } #logo { width: 150px; height: 52px; } #root #logo a:before { font-size: 19px; } #nav { height: 52px; } #nav > ul > li > a { height: 52px; padding: 0 13px; line-height: 48px; } #nav > ul > li > a:before { left: 11px; right: 11px; } #nav > ul > li > a:before, #nav > ul > li > a span:before { bottom: 13px; } #nav form { } #nav form p { width: 205px; } #nav form input, #nav form button, #nav form input[type="submit"] { height: 32px; } #nav form input { padding-right: 74px; } #nav form button, #nav form input[type="submit"] { width: 62px; } #breadcrumbs { padding-top: 7px; padding-bottom: 7px; } #content { margin-bottom: 40px; } #content.repeat:before { top: 0; border-top-width: 175px; } #content.repeat.right:before { background-image: url(../images/triangles-repeat.svg); } #content.repeat.has-link-btn-last:before, #content.repeat.right.has-link-btn-last:before { border-bottom-width: 80px; background-position: center 100%; } #footer { } #footer .cta { padding-top: 24px; padding-bottom: 30px; } #footer .cta a { max-width: 354px; margin-top: 25px; padding: 8.5px; } #footer .cta span.btn:before { height: 190px; margin: -95px 0 0 -1785px; } #footer nav ul { margin-right: -46px; } #footer nav ul li { margin-right: 46px; } #footer nav ul li:before { width: 46px; } .heading-image { } .heading-image + #content { padding-top: 85px; } .heading-image + #content.repeat:before { border-top-width: 740px; } .cases { } #root .cases + * { margin-top: 40px; } .cases .list-results { margin-bottom: 30px; } .case, .case.heading, .case.a, .case.b, .case.c { min-height: 0; margin-bottom: 30px; padding-left: 18px; padding-right: 18px; } #root .case h1, #root .case h2, #root .case h3, #root .case h4, #root .case h5, #root .case h6 { margin: 0 0 15px; } .case.d + .list-results, .case.b + .list-results, .list-results + .case.b, .list-results + .case.d, .list-results + .case.e, .case.e + .list-results { margin-top: -30px; } .case.heading { } .case.heading figure { position: relative; left: 0; top: 0; max-width: 453px; margin: 0 auto 27px; text-align: center; } .case.a, .ie .case.a { display: block; padding-top: 0; padding-bottom: 0; } .case.a figure { overflow: hidden; position: relative; right: 0; top: 0; max-width: none; max-height: 320px; margin-bottom: 40px; background: center center no-repeat; background-size: cover; } .case.a figure img { display: block; width: 100% !important; } .js .case.a figure img { opacity: 0; } .case.b { margin-bottom: 40px; padding-top: 40px; padding-bottom: 21px; } .case.b figure, .case.b .list-gallery-double { position: relative; top: 0; width: auto; max-width: none; margin: 48px auto 30px; } .case.b .list-gallery-double { max-width: 440px; } .case.b figure:first-child, .case.b .list-gallery-double:first-child, .case.c figure:first-child { margin-top: 0; } .case.c { } .case.c figure { position: relative; right: 0; top: 0; width: auto; max-width: 427px; margin: 47px auto 30px; } .case.c figure:last-child { margin-bottom: 8px; } .case.c .list-cols { -moz-column-count: 2; -webkit-column-count: 2; column-count: 2; -moz-column-gap: 30px; -webkit-column-gap: 30px; column-gap: 30px; } .case.d { padding-top: 40px; padding-bottom: 21px; } .case.d .list-cols { -moz-column-count: auto; -webkit-column-count: auto; column-count: auto; } .case.e { display: block; } .case.e > *, .case.e > *:first-child { float: none; width: auto; } .cols-a { padding-left: 310px; } .cols-a > header:first-child, .cols-a > aside { margin-left: -310px; } q, .cols-a q { padding: 0; } .cols-a q:after { right: 0; } .heading-aside figure { padding-left: 155px; } .heading-aside figure svg, .heading-aside i { height: 126px; font-size: 126px; line-height: 126px; } .heading-blog { padding: 36px 0 60px; } .heading-blog h1, .heading-blog h2, .heading-blog h3, .heading-blog h4, .heading-blog h5, .heading-blog h6 { font-size: 4em; } .heading-blog h1 span, heading-blog h2 span, heading-blog h3 span, heading-blog h4 span, heading-blog h5 span, heading-blog h6 span, heading-blog h6 span { margin-bottom: 8px; } .heading-center { margin-top: 28px; margin-bottom: 33px; } .heading-center h1, .heading-center h2, .heading-center h3, .heading-center h4, .heading-center h5, .heading-center h6 { margin: 0 0 8px; font-size: 3.471em; } .heading-center p { font-size: 1.6em; } .heading-pulse { min-height: 113px; margin-bottom: 30px; padding: 11px 0 0; } .heading-pulse h1, .heading-pulse h2, .heading-pulse h3, .heading-pulse h4, .heading-pulse h5, .heading-pulse h6 { margin: 0 0 6px; padding-right: 60px; font-size: 3.8em; } .heading-pulse h1 span:before, .heading-pulse h2 span:before, .heading-pulse h3 span:before, .heading-pulse h4 span:before, .heading-pulse h5 span:before, .heading-pulse h6 span:before { top: 13px; height: 83px; border-left-width: 10px; } .heading-pulse h1 span:after, .heading-pulse h2 span:after, .heading-pulse h3 span:after, .heading-pulse h4 span:after, .heading-pulse h5 span:after, .heading-pulse h6 span:after { right: -12px; top: 52px; } .heading-pulse p { margin-bottom: 11px; font-size: 1.4em; } #root .heading-pulse p.link { margin-right: -105px; padding-bottom: 47px; } .heading-pulse p.link:before { bottom: -30px; height: 61px; border-top-width: 14px; } .heading-pulse p.link:after { bottom: 31px; } .heading-pulse.a { } .heading-pulse.a h1 span:after, .heading-pulse.a h2 span:after, .heading-pulse.a h3 span:after, .heading-pulse.a h4 span:after, .heading-pulse.a h5 span:after, .heading-pulse.a h6 span:after { width: 40px; } .heading-pulse.big { min-height: 395px; padding-top: 88px; line-height: 1.53846153846; } .heading-pulse.big:before { border-right-width: 2780px; } .heading-pulse.big h1, .heading-pulse.big h2, .heading-pulse.big h3, .heading-pulse.big h4, .heading-pulse.big h5, .heading-pulse.big h6 { max-width: 390px; margin: 0 0 39px; font-size: 4em; line-height: 1.2; } .heading-pulse.big p { max-width: 390px !important; font-size: 1.3em; } .list-boxes { margin: 0 0 21px -12px; } .list-boxes li { margin: 0 0 12px; border-left-width: 12px; } #content > .list-boxes:first-child { margin-top: -2px; } .list-gallery { margin-bottom: 28px; } .list-gallery li { height: 345px; margin-bottom: 22px; } .list-gallery header { left: 18px; width: 294px; padding-left: 15px; padding-right: 5px; padding-bottom: 6px; } .list-gallery header figure { height: 77px; margin-bottom: 0; margin-right: 10px; } .list-gallery header figure img { width: auto !important; max-height: 55px !important; } .list-gallery h1, .list-gallery h2, .list-gallery h3, .list-gallery h4, .list-gallery h5, .list-gallery h6 { margin: 0 0 6px; font-size: 2.288em; } .list-gallery h1 span, .list-gallery h2 span, .list-gallery h3 span, .list-gallery h4 span, .list-gallery h5 span, .list-gallery h6 span { margin: 0 0 4px; font-size: .52447552447em; } .list-gallery p { font-size: 1.2em; } .list-gallery .featured { width: 330px; padding: 0 17px; } .list-gallery .list-gallery-triple { right: 17px; width: 304px; } .list-gallery li.half { height: 370px; } .list-gallery li.half header { bottom: 23px; margin-left: -147px; } .list-gallery li.half header figure { height: 55px; margin-top: -4px; margin-bottom: 4px; } .list-gallery li.half .featured { top: 34px; } .list-gallery li.half .list-gallery-triple { top: 34px; width: 294px; margin: 0 0 0 -147px; } .list-gallery li.half .list-gallery-triple img, .list-gallery li.half .featured { max-height: 134px !important; } .list-gallery li.half .list-gallery-triple li:before { left: -6px; top: -18px; right: -6px; bottom: -18px; } #content > .list-gallery:last-child { margin-bottom: 0; } .list-gallery-triple { } .list-gallery-triple li:before { left: -9px; top: -20px; right: -9px; bottom: -20px; } .list-gallery-triple img { max-height: 157px !important; } .list-news { margin-left: -18px; } .list-news:before { left: 18px; } .list-news li { margin-bottom: 18px; border-left-width: 18px; } .list-news.a { } .list-news.a > .fit { left: -3px; } .list-services { margin-left: -15px; margin-bottom: 12px; } .list-services li { margin-bottom: 15px; border-left-width: 15px; } .list-services.a { margin-top: 30px; } .list-services.a li { padding: 22px 25px 0; } .list-services.a figure { margin-left: -40px; margin-right: -40px; margin-bottom: 17px; } .list-services.a svg { height: 120px; } .list-services.a p { font-size: 1.22em; } .list-services.a h1, .list-services.a h2, .list-services.a h3, .list-services.a h4, .list-services.a h5, .list-services.a h6 { margin: 0 -15px 18px; color: #000; font-size: 1.829em; } .list-team { } .list-team li { width: 33.333333333%; } .list-team li:nth-child(4n) + li { clear: none; } .list-team li:nth-child(3n) + li { clear: both; } .list-testimonials { margin-left: 0; padding-top: 36px; } .list-testimonials:before { left: 0; } .list-testimonials li { float: none; width: 100%; border-left-width: 0; } .js .list-testimonials li.first-child-after:before, .js .list-testimonials li:first-child + li:before { top: -27px; border-bottom-width: 1px; border-top-width: 0; } .list-testimonials q { max-width: 379px; } .list-testimonials q:before { left: -20px; } .list-testimonials q:after { right: -13px; } .list-testimonials p span { max-width: 450px; margin-left: auto; margin-right: auto; } .list-testimonials p span img { left: 0; } .js .list-testimonials li:first-child + li:after, .js .list-testimonials li.first-child-after + li:after { content: ""; display: block; position: absolute; left: 25px; top: -14px; right: 25px; height: 1px; background: #dfdfdf; } .list-ticker { } .list-ticker .item { width: 177.3333333333px !important; } .list-triple { margin-left: -17px; margin-bottom: 23px; } .list-triple li { margin-bottom: 17px; padding-left: 12px; padding-right: 12px; border-left-width: 17px; } .module-about { padding-right: 345px; } .module-about > * { width: 345px; margin-right: -345px; padding-top: 26px; padding-left: 23px; padding-right: 23px; } .module-about > *:first-child { padding-left: 18px; padding-right: 18px; } .module-about > * > figure, .module-about > * > .module-triple { margin-left: -23px; margin-right: -23px; margin-bottom: 23px; } .module-about > *:first-child > figure, .module-about > *:first-child > .module-triple { margin-left: -18px; margin-right: -18px; } .module-about > * > figure:first-child, .module-about > * > .module-triple:first-child { margin-top: -26px; } .module-about header { } .module-about header h1, .module-about header h2, .module-about header h3, .module-about header h4, .module-about header h5, .module-about header h6 { margin: 0 -10px 31px 0; font-size: 3em; } .module-box { margin: 0 -6px 24px; padding: 28px 19px 8px; } .module-box .heading-aside { margin-right: -19px; } .module-box .module-about { margin-left: -19px; margin-right: -19px; } .module-box .module-about:first-child { margin-top: -25px; } .module-box .list-ticker:last-child { margin-bottom: 11px; } .module-box > .header-a:first-child { margin-top: -10px; } .module-box.b { margin-top: 84px; padding-left: 25px; padding-right: 25px; } .module-card { padding: 30px 29px 10px; } .module-triple { padding-left: 18px; padding-right: 18px; padding-bottom: 25px; } .module-triple h1, .module-triple h2, .module-triple h3, .module-triple h4, .module-triple h5, .module-triple h6 { margin: 0 0 30px; } .module-triple ul { margin: 0 -18px; } .module-triple li { padding: 22px 10px 19px 144px; } .module-triple figure, .module-triple i { left: 18px; height: 108px; margin-top: -54px; font-size: 108px; line-height: 108px; } .pagination-a { margin-bottom: 0; } .quote { } .quote q { max-width: 593px; } .quote span { max-width: 450px; margin-left: auto; margin-right: auto; } .quote img { left: 0; } .search-results { margin-left: -6px; margin-right: -6px; padding: 0 17px; } .tabs-a { margin-bottom: 21px; } .tabs-a > ul { line-height: 1.46153846154; } .tabs-a > ul li { padding-left: 15px; padding-right: 15px; padding-bottom: 33px; } .tabs-a > ul h1, .tabs-a > ul h2, .tabs-a > ul h3, .tabs-a > ul h4, .tabs-a > ul h5, .tabs-a > ul h6 { margin-bottom: 29px; } .tabs-a > ul figure { margin-left: -15px; margin-right: -15px; } .tabs-a > ul p { margin: 0 -7px 13px 0; font-size: 1.3em; } .tabs-a > ul p a { font-size: 1.29538461538em; line-height: 1.06888361045; } .tabs-a > div { padding-top: 82px; padding-left: 16px; padding-right: 16px; } .ui-autocomplete { } .ui-autocomplete li { font-size: 11.18px; } .ui-autocomplete li a { padding-top: 13px; padding-bottom: 13px; padding-left: 25px; } .ui-autocomplete li a:before { left: 10px; font-size: 13px; } .form-calculator { } .form-calculator > *, .form-calculator > *:first-child, .form-calculator > legend + * { float: none; width: auto; } .form-calculator > * + * { padding-top: 70px; } .form-calculator .module-price { max-width: 410px; } .list-testimonials p { display: -moz-box; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; } .case.a figure, .case.a figure img, .case.b figure, .case.b .list-gallery-double { -webkit-transform: none; -ms-transform: none; transform: none; } #root .heading-image .background.tablet-only, #root .list-gallery .background.tablet-only { visibility: visible; opacity: 1; } #root .heading-image .background.desktop-only, #root .list-gallery .background.desktop-only { visibility: hidden; opacity: 0; } br.desktop-hide, br.tablet-only { display: block; } br.desktop-only, br.tablet-hide { display: none; } #root .desktop-hide, #root .tablet-only { position: relative; left: 0; top: 0; } #root .desktop-only, #root .tablet-hide { position: absolute; left: -3000em; top: -3000em; bottom: inherit; right: inherit; } } @media only screen and (min-width: 47.55em) { /* 760 */ .heading-pulse { } .heading-pulse p { max-width: none !important; } } @media only screen and (max-width: 47.5em) { /* 760 */ #content, #footer, #breadcrumbs ul, #breadcrumbs ol { width: 450px; } .heading-center, .heading-blog, .heading-pulse { max-width: 450px; } li, dt, dd, p, figure, th, td, caption, legend, pre { font-size: 1.45em; } ul, ol, dl, p, figure, table, pre, h1, h2, h3, h4, h5, h6, legend { margin-bottom: 22px; } figure { margin-bottom: 14px; } figcaption { padding: 7.5px 12px; } ul, ol, ol ol, ul ol { padding-left: 27px; } li { margin-bottom: 14px; } ul li:after { top: 9px; } ol li:after, ul ol li:after, ol ol li:after { left: -27px; } ul ul, ol ol, ul ol, ol ul { margin: 20px 0; } #top { } #logo { height: 54px; } #nav { float: none; clear: both; height: 42px; box-shadow: 0 -2px 3px rgba(0,0,0,.05); } #nav > ul > li > a { height: 42px; padding: 0; line-height: 38px; } #nav > ul > li > a:before, #nav > ul > li > a span:before { bottom: 8px; } #nav > ul > li.search { position: absolute; right: 0; top: -54px; z-index: 99; } #nav form { padding: 13.5px 15px; } #nav form p { width: 231px; } #nav form input, #nav form button, #nav form input[type="submit"] { height: 27px; } #nav form input { padding-right: 72px; } #nav form button, #nav form input[type="submit"] { width: 65px; } #breadcrumbs { padding-top: 6.5px; padding-bottom: 6.5px; } #content { margin-bottom: 22px; padding-top: 15px; padding-left: 15px; padding-right: 15px; } #content.triangle:before { height: auto; top: 176px; bottom: 0; background: url(../images/triangles-repeat.svg); background-size: 100% auto; } #content.repeat:before { top: 0; border-top-width: 175px; /*border-bottom-width: 175px; background-position: 0 100%;*/ } #content > p:last-child { margin-bottom: 44px; } #footer { padding-bottom: 24px; } #footer .cta { padding-top: 12px; padding-bottom: 19px; } #footer .cta span { font-size: 1em; } #footer .cta a { max-width: 264px; margin-top: 12px; padding: 6px; } #footer .cta span.btn:before { height: 140px; margin: -70px 0 0 -1725px; } #footer nav ul { margin-right: -63px; } #footer nav ul li { margin-right: 63px; } #footer nav ul li:before { width: 63px; } h2, h3, .article-blog h2 { font-size: 1.836em; } .list-news li:last-child { margin-bottom: 0; } a.video { } a.video:before { width: 50px; height: 50px; margin: -25px 0 0 -25px; padding-left: 3px; font-size: 22px; line-height: 46px; } .article-blog { } .article-blog h2 { font-size: 1.836em; } .author-blog { margin-bottom: 25px; } #content > .author-blog:first-child { margin-top: -100px; } .case, .case.heading, .case.a, .case.b, .case.c, .case.e { padding-left: 20px; padding-right: 20px; } .case .quote { margin-left: -20px; margin-right: -20px; } .case.heading { } .case.heading figure { max-width: none; margin-left: -20px; margin-right: -20px; } .case.a { } .case.a figure { max-height: 215px; } .case.b { } .case.b .list-gallery-double { max-height: none; margin-left: -20px; } .case.b .list-gallery-double li { border-left-width: 20px; } .case.b .list-gallery-double li { -moz-flex-basis: auto; -webkit-flex-basis: auto; flex-basis: auto; } .case.c { } .case.c .list-cols { -moz-column-count: auto; -webkit-column-count: auto; column-count: auto; } .cols-a { padding: 0; } #root .cols-a > * { float: none; width: auto; margin-left: 0; } #root .cols-a > * + * { margin-top: 100px; } #root .cols-a > header:first-child, #root .cols-a > aside { max-width: 274px; margin-left: auto; margin-right: auto; } .double-box { margin-top: 25px; padding-top: 15px; padding-bottom: 22px; } .double-box:before { left: -15px; right: -15px; } .double-box > * { padding-top: 6px; } .filtering-by { margin-right: -25px; margin-bottom: 24px; padding-top: 20px; } .filtering-by:before { right: 25px; } .filtering-by h1, .filtering-by h2, .filtering-by h3, .filtering-by h4, .filtering-by h5, .filtering-by h6 { margin-right: 13px; font-size: 1.2em; } .filtering-by ul li { margin-right: 25px; font-size: 1.2em; } .float-left { max-width: calc(50% - 15px); margin-right: 15px; } .float-right { max-width: calc(50% - 15px); margin-lefT: 15px; } .float-left figcaption:last-child, .float-right figcaption:last-child { margin-bottom: 0; } .header-dropdown { display: block; margin-right: -20px; font-size: 1.532em; } .header-dropdown label { display: inline; } .header-dropdown .select, .header-dropdown .semantic-select-wrapper { height: auto; margin: 0 4px; } .header-dropdown br.mobile-only + .select, .header-dropdown br.mobile-only + .semantic-select-wrapper { margin-left: 0; } .header-dropdown .semantic-select-wrapper { position: relative; top: 4px; } .header-dropdown .semantic-select .input:before { right: 16px; bottom: 3px; } .header-dropdown .semantic-select .ticker:before { margin-top: -13px; font-size: 5px; } #root .header-dropdown select, .header-dropdown .semantic-select .input { padding-right: 16px; } .header-dropdown .select:before { margin-top: -8px; } .header-dropdown .select:after { right: 16px; bottom: -3px; } .heading-aside { min-height: 0; padding: 0; } .heading-aside figure, .heading-aside i { position: relative; top: 0; margin-bottom: 39px; } .heading-aside figure svg, .heading-aside i { height: 126px; font-size: 126px; line-height: 126px; } .heading-aside h1, .heading-aside h2, .heading-aside h3, .heading-aside h4, .heading-aside h5, .heading-aside h6 { margin: 0 0 15px; font-size: 2.5em; line-height: 1.32; } .heading-aside p { font-size: 2em; } .module-box .heading-aside { margin-right: 0; } .heading-blog { padding: 26px 0 38px; } .heading-blog h1, .heading-blog h2, .heading-blog h3, .heading-blog h4, .heading-blog h5, .heading-blog h6, .article-blog h1 { font-size: 2.516em; } .heading-center { max-width: 470px; margin-top: 31px; margin-bottom: 38px; } .heading-center h1, .heading-center h2, .heading-center h3, .heading-center h4, .heading-center h5, .heading-center h6 { margin-bottom: 10px; font-size: 3em; } .heading-center p { font-size: 1.4em; } .heading-image { padding-top: 28px; padding-bottom: 45px; padding-left: 10px; padding-right: 10px; } .heading-image > * { max-width: 450px; } .heading-image h1, .heading-image h2, .heading-image h3, .heading-image h4, .heading-image h5, .heading-image h6 { margin-bottom: 6px; font-size: 4.037em; letter-spacing: -.025em; } .heading-image h1 span, .heading-image h2 span, .heading-image h3 span, .heading-image h4 span, .heading-image h5 span, .heading-image h6 span { margin: 0 0 10px; font-size: .3467921724em; letter-spacing: normal; } .heading-image figure { bottom: -15px; } .heading-image p { font-size: 1.864em; } .heading-image + #content { padding-top: 76px; } .heading-image + #content.repeat:before { border-top-width: 255px; } .heading-pulse { min-height: 100px; margin-bottom: 20px; padding: 19px 0 0; } .heading-pulse h1, .heading-pulse h2, .heading-pulse h3, .heading-pulse h4, .heading-pulse h5, .heading-pulse h6 { display: inline-block; float: none; margin: 0 0 38px; padding: 0; font-size: 3em; } .heading-pulse h1 span:before, .heading-pulse h2 span:before, .heading-pulse h3 span:before, .heading-pulse h4 span:before, .heading-pulse h5 span:before, .heading-pulse h6 span:before { top: 13px; height: 64px; } .heading-pulse h1 span:after, .heading-pulse h2 span:after, .heading-pulse h3 span:after, .heading-pulse h4 span:after, .heading-pulse h5 span:after, .heading-pulse h6 span:after { left: 1px; right: -12px; top: 43px; } .heading-pulse p { float: none; width: auto; margin-left: 0 !important; margin-bottom: 6px; padding-left: 0 !important; font-size: 1.3em; } .heading-pulse * + p.mobile-text-center { margin-top: -27px; text-align: right; } #root .heading-pulse p.link { margin-right: -53px; padding-bottom: 45px; } .heading-pulse p.link:before { bottom: -20px; height: 49px; border-top-width: 13px; border-bottom-width: 20px; } .heading-pulse p.link:after { bottom: 29px; } .heading-pulse.a { } .heading-pulse.a h1 span:after, .heading-pulse.a h2 span:after, .heading-pulse.a h3 span:after, .heading-pulse.a h4 span:after, .heading-pulse.a h5 span:after, .heading-pulse.a h6 span:after { width: 34px; } .heading-pulse.big { min-height: 285px; padding-top: 22px; } .heading-pulse.big:before { overflow: hidden; border-left-width: 3000px; border-right-width: 2876px; background-image: url(../images/welcome-mobile.svg); } .heading-pulse.big h1, .heading-pulse.big h2, .heading-pulse.big h3, .heading-pulse.big h4, .heading-pulse.big h5, .heading-pulse.big h6 { max-width: 220px; margin: 0 0 21px; font-size: 2.8em; line-height: 1.25; } .heading-pulse.big p { max-width: 220px !important; } .lead { margin-bottom: 21px; font-size: 2.2em; } .list-boxes { display: block; margin: 0 0 7px; } .list-boxes li { float: none; width: auto; margin: 0 0 30px; border-left-width: 0; } .list-boxes figure { width: 138px; height: 138px; } .list-boxes figure svg { width: 138px; height: 56px; margin: -28px 0 0; } .list-boxes h1, .list-boxes h2, .list-boxes h3, .list-boxes h4, .list-boxes h5, .list-boxes h6 { margin: 0 0 13px; font-size: 2.2em; } .list-boxes p { max-width: 303px; font-size: 1.6em; } .list-boxes p a { font-size: 1.125em; } .list-btn { } .list-btn li { font-size: 1.738em; } .list-btn svg { width: 30px; height: 38px; } .list-gallery { margin-bottom: 10px; } .list-gallery li { height: auto; margin-bottom: 30px; padding: 45px 20px 0; } .list-gallery .featured, .list-gallery header, .list-gallery .list-gallery-triple, .list-gallery li.half header, .list-gallery li.half .featured, .list-gallery li.half .list-gallery-triple { position: relative; left: 0; right: 0; top: 0; bottom: 0; width: auto; max-width: 267px; margin: 0 auto; } .list-gallery .featured, .list-gallery li.half .featured { max-height: none !important; margin-bottom: 35px; padding: 0; } .list-gallery header, .list-gallery li.half header { margin-bottom: 30px; } .list-gallery .list-gallery-triple, .list-gallery li.half .list-gallery-triple { margin-bottom: 50px; } .list-gallery li.half { width: 100%; height: auto; } .list-gallery li.half header figure { height: 77px; margin: 0; } .header-a + .list-gallery { margin-top: 0; } .list-gallery-triple { } .list-gallery-triple li:before { left: -6px; top: -18px; right: -6px; bottom: -18px; } .list-gallery-triple img { max-height: 134px !important; } .list-links { margin-right: 0; } .list-links li { position: relative; float: none; margin-right: 0; padding: 0 0 0 28px; font-size: 1.2em; } .list-links i { position: absolute; left: 0; top: 50%; margin: -10px 0 0; font-size: 17px; line-height: 20px; } .list-links i.icon-eye { font-size: 10px; } .list-news { display: block; margin-bottom: 25px; margin-left: 0; } .list-news:before { left: 0; } .list-news li { float: none; width: auto; margin-bottom: 20px; border-left-width: 0; } .list-news figure:before { width: 80px; height: 50px; } .list-news.a { } .list-news.a > .fit { left: -15px; right: -15px; background-image: url(../images/triangles.svg); } .list-news.a:last-child > .fit { bottom: -25px; } .list-results { display: block; } .list-results li + li { margin-top: 30px; } .list-services { display: block; margin-bottom: 0; } .list-services li { float: none; width: auto; margin: 0 0 20px; } .list-services.a { } .list-services.a li { padding: 34px 32px 11px; } .list-services.a figure { margin: 0 -30px 27px; } .list-services.a svg { width: 240px; height: 158px; } .list-services.a h1, .list-services.a h2, .list-services.a h3, .list-services.a h4, .list-services.a h5, .list-services.a h6 { margin: 0 0 30px; color: #000; font-size: 2.4em; font-weight: 300; line-height: 1.25; text-align: center; } .list-services.a p { max-width: 285px; margin-left: auto; margin-right: auto; font-size: 1.6em; } .list-social { margin-top: 54px; } .list-team { margin-top: 23px; } .list-team li { width: 50%; } .list-team li:nth-child(3n) + li { clear: none; } .list-team li:nth-child(2n) + li { clear: both; } .list-team figure { margin-top: -10px; margin-bottom: 10px; padding: 15px; } .list-team img { max-width: 125px !important; } .list-team h1, .list-team h2, .list-team h3, .list-team h4, .list-team h5, .list-team h6 { font-size: 1.351em; } .list-team p { font-size: 1.1em; } .list-testimonials { } .list-testimonials li { padding-left: 19px; padding-right: 19px; padding-bottom: 13px; } .js .list-testimonials li:after, .js .list-testimonials li:first-child + li:after, .js .list-testimonials li.first-child-after + li:after { left: 19px; right: 19px; } .list-testimonials h1, .list-testimonials h2, .list-testimonials h3, .list-testimonials h4, .list-testimonials h5, .list-testimonials h6 { min-height: /*20*/3px; margin: 0 0 8px; font-size: 3.477em; } .list-testimonials h1 span, .list-testimonials h2 span, .list-testimonials h3 span, .list-testimonials h4 span, .list-testimonials h5 span, .list-testimonials h6 span { margin-bottom: 7px; font-size: .38884095484em; } .list-testimonials p { margin-bottom: 15px; font-size: 1.355em; } .list-testimonials q { margin-bottom: 73px; font-size: 1.71217712177em; } .list-testimonials q:before, .list-testimonials q:after { font-size: 50px; line-height: 50px; } .list-testimonials q:before { left: 0; top: -70px; } .list-testimonials q:after { right: 0; bottom: -57px; } .list-testimonials footer p { font-size: 2.321em; } .list-ticker { margin-top: 27px; } .list-ticker li, .list-ticker li a { height: 55px; } .list-ticker .item { width: 134px !important; } .list-triple { display: block; margin-bottom: 10px; } .list-triple li { float: none; width: auto; margin-bottom: 30px; padding-bottom: 40px; padding-left: 10px; padding-right: 10px; font-size: 1.6em; } .list-triple h1, .list-triple h2, .list-triple h3, .list-triple h4, .list-triple h5, .list-triple h6, .list-triple p, .list-triple ul { max-width: 282px; margin-left: auto; margin-right: auto; } .list-triple p, .list-triple ul li { font-size: 1em; } .mobile-text-center { text-align: center; } .module-about { margin-bottom: 17px; padding: 0; } .module-about > *, .module-about > *:first-child { float: none; width: auto; margin-bottom: 0; margin-right: 0; padding-top: 36px; padding-left: 20px; padding-right: 20px; } .module-about > * > figure, .module-about > * > .module-triple, .module-about > *:first-child > figure, .module-about > *:first-child > .module-triple { margin-left: -20px; margin-right: -20px; } .module-about > * > figure { margin-bottom: 16px; } .module-about > * > figure:first-child, .module-about > * > .module-triple:first-child { margin-top: -36px; } .module-about header { } .module-about header h1, .module-about header h2, .module-about header h3, .module-about header h4, .module-about header h5, .module-about header h6 { margin: 0 0 50px; font-size: 3.6em; } .module-border { margin-left: -15px; margin-right: -15px; padding-left: 15px; padding-right: 15px; } .module-box { margin-left: 0; margin-right: 0; padding-top: 18px; } .module-box + .header-a { margin-top: 30px; } .module-box > .header-a:first-child { margin-top: -5px; } .module-box .list-ticker:last-child { margin-bottom: 19px; } .module-box .module-about:first-child { margin-top: -14px; } .module-box.b { margin-top: 61px; padding-left: 14px; padding-right: 14px; padding-bottom: 1px; } .module-card { padding: 20px 29px 1px; } .module-card header p { margin-bottom: 30px; } .module-card h1, .module-card h2, .module-card h3, .module-card h4, .module-card h5, .module-card h6 { font-size: 1.8em; } .module-card h1 span, .module-card h2 span, .module-card h3 span, .module-card h4 span, .module-card h5 span, .module-card h6 span { margin: 0 0 16px; font-size: .72222222222em; } .module-triple { padding: 25px 20px 15px; } .module-triple ul { margin: 0 -20px; } .module-triple li { padding: 12px 20px 7px 136px; font-size: 1em; } .module-triple h1, .module-triple h2, .module-triple h3, .module-triple h4, .module-triple h5, .module-triple h6 { margin: 0 0 18px; } .module-triple figure, .module-triple i { left: 20px; height: 90px; margin: -45px 0 0; font-size: 90px; line-height: 90px; } .pagination-a { margin-bottom: 32px; } .pagination-a ol, .pagination-a ul { margin: 0 -17px; } .pagination-a li { margin: 0 17px; } .search-results { margin-top: 24px; margin-left: 0; margin-right: 0; } .search-results article { padding-right: 0; } .search-results .small { display: block; margin: 5px 0 0; } .search-results > h1, .search-results > h2, .search-results > h3, .search-results > h4, .search-results > h5, .search-results > h6 { margin-bottom: 24px; } .search-results figure { float: none; margin: 28px 0 20px; } #root .size-d { font-size: 1.3em; } .slider { } .slider .bx-controls-direction a { width: 40px; height: 80px; margin: -40px 0 0; font-size: 32px; } .slider .bx-pager { padding: 16px 0 0; } .slider .bx-pager .bx-pager-item { margin: 0 4px; } .slider .bx-pager .bx-pager-item a { width: 12px; height: 12px; } .slider.is-slider { margin-bottom: 60px; } table { } th, td, .th { /* min-width: 150px; */ padding: 6px 12px; font-size: 1.3em; } td.no { min-width: 0; } th, td { display: block; overflow: hidden; border-width: 0; } .th { display: block; margin: -6px -12px 6px; border: 0 solid #000; border-left-width: 1px; border-right-width: 1px; background: #000; color: #fff; font-size: 1em; } .table-wrapper { overflow-x: auto; max-width: 100%; } tabs-a { margin-bottom: 15px; } .tabs-a > div { padding: 0; border-width: 0; background: none; } .tabs-a .tabs-header.toggle { background: #000; } .tabs-a .tabs-header.toggle, .tabs-a .tabs-header.toggle h1, .tabs-a .tabs-header.toggle h2, .tabs-a .tabs-header.toggle h3, .tabs-a .tabs-header.toggle h4, .tabs-a .tabs-header.toggle h5, .tabs-a .tabs-header.toggle h6, .tabs-a .tabs-header.toggle svg, .tabs-a .tabs-header.toggle.tabs-a .tabs-header.toggle i, .tabs-a .tabs-header.toggle p a { color: #fff; fill: #fff; } .tabs-a .tabs-header:before { color: #000; } .tabs-a .tabs-inner { padding: 52px 18px 0; border-width: 2px; background: #fff; } .tabs-a .list-gallery li:last-child { margin-bottom: 18px; } .tabs-a > div > h1.mobile-only, .tabs-a > div > h2.mobile-only, .tabs-a > div > h3.mobile-only, .tabs-a > div > h4.mobile-only, .tabs-a > div > h5.mobile-only, .tabs-a > div > h6.mobile-only { padding: 43px 0 32px; } .tabs-b { } .tabs-b > div { padding: 0; } .vertical-line { margin: 30px 0; } .vertical-line > * { padding-left: 0; padding-right: 0; } .vertical-line .vertical-left, .vertical-line .vertical-right { float: none; width: auto; padding: 0; } .vertical-line > * + *, .vertical-left + .vertical-right { margin-top: 30px; padding-top: 30px; border-top-width: 2px; } #root .double { display: block; } #root .double > * { float: none; width: auto; } .form-contact { margin-bottom: 64px; } .form-contact textarea { max-height: 100vh; } .double.has-form-contact.double { margin-bottom: 0; } #root #content > .form-contact:first-child, #root #content > .double:first-child > .form-contact:first-child, #root #content > .module-address:first-child, #root #content > .double:first-child > .module-address:first-child { margin-top: 0; } .form-calculator { margin-top: 22px; margin-bottom: 30px; } .form-calculator > * { padding-bottom: 10px; } .form-calculator > * + * { padding-top: 35px; } .form-calculator .select, .form-calculator .semantic-select-wrapper { max-width: 296px; } .form-calculator .select + span, .form-calculator .semantic-select-wrapper + span { width: 20px; white-space: nowrap; } #nav > ul { display: -moz-box; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; } .list-gallery .featured, .list-gallery header, .list-gallery .list-gallery-triple { -webkit-transform: none; -ms-transform: none; transform: none; } #root .heading-image .background.mobile-only, #root .list-gallery .background.mobile-only { visibility: visible; opacity: 1; } #root .heading-image .background.tablet-only, #root .list-gallery .background.tablet-only { visibility: hidden; opacity: 0; } br.tablet-hide, br.mobile-only, .tabs-a.mobile-only { display: block; } br.tablet-only, br.mobile-hide, .tabs-a.mobile-hide { display: none; } #root .tablet-hide, #root .mobile-only, .tabs-a .tabs-inner.toggle { position: relative; left: 0; top: 0; } #root .tablet-only, #root .mobile-hide, #nav > ul > li > a:before, .search-results figure, .tabs-a > ul, .tabs-a .tabs-inner, .vertical-line .vertical-right:before, #content.repeat.no-mobile:before, table th { position: absolute; left: -3000em; top: -3000em; bottom: inherit; right: inherit; } } @media only screen and (max-width: 31.25em) { /* 500 */ #content, #footer, .heading-blog, .heading-center, #breadcrumbs ul, #breadcrumbs ol { max-width: none; width: auto; } #root > .heading-blog, #root > .heading-center, #root > .heading-pulse { padding-left: 14px; padding-right: 14px; } li, dt, dd, p, figure, th, td, caption, legend, pre { font-size: 1.3em; } ul, ol, dl, p, figure, table, pre, h1, h2, h3, h4, h5, h6, legend, figure, .float-left, .float-right { margin-bottom: 20px; } ul, ol, ol ol, ul ol { padding-left: 23px; } ul li:after { left: -14px; } ol li:after, ul ol li:after, ol ol li:after { left: -23px; } q { margin-bottom: 58px; font-size: 38px; } q:before, q:after { font-size: 72px; line-height: 72px; } #top { } #logo { width: 179px; height: 48px; } #root #logo a:before { font-size: 19px; } #nav { height: 36px; } #nav > ul > li > a { height: 36px; line-height: 32px; } #nav > ul > li > a:before, #nav > ul > li > a span:before { bottom: 5px; } #nav > ul > li.search { left: 0; top: -48px; } #nav form { padding: 11.5px 15px; } #nav form p { float: right; width: calc(100% - 144px); } #nav form input, #nav form button, #nav form input[type="submit"] { height: 25px; } #nav form input { padding-right: 73px; } #nav form button, #nav form input[type="submit"] { width: 61px; } #breadcrumbs { padding-top: 7.5px; padding-bottom: 7.5px; } #breadcrumbs li { margin-right: 9px; font-size: 1.1em; } #breadcrumbs li:before { width: 9px; } #content { margin-left: 14px; margin-right: 14px; padding-left: 10px; padding-right: 10px; padding-top: 10px; } h2, h3, .article-blog h2 { font-size: 1.8em; } ul li:after { top: 7px; } .article-blog { } .article-blog + * { margin-top: 10px; margin-left: -10px; margin-right: -10px; padding-top: 12px; padding-left: 10px; padding-right: 10px; } .article-blog .list-social:last-child, .list-links li:last-child { margin-bottom: 0; } .author-blog { margin-bottom: 20px; } #content > .author-blog:first-child { margin-top: -95px; } .case, .case.heading, .case.a, .case.b, .case.c, .case.e { padding-left: 13px; padding-right: 13px; } .case h1, .case h2, .case h3, .case h4, .case h5, .case h6 { font-size: 2em; } .case.heading { } .case.heading figure, .case .quote { margin-left: -13px; margin-right: -13px; } .case.b { } .case.b .list-gallery-double { margin-left: -12px; } .case.b .list-gallery-double li { border-left-width: 12px; } .checklist-a { margin-bottom: 18px; } .checklist-a li { margin-bottom: 14px; padding-left: 35px; font-size: 1.253em; } .checklist-a label input, .checklist-a .input { left: -35px; top: 2px; width: 13px; font-size: 7px; line-height: 13px; } .checklist-a label a { padding-bottom: 2px; } .checklist-a .input { height: 13px; } .checklist-a li li { margin: 0 0 11px; padding-left: 22px; } .checklist-a li li label input, .checklist-a li li .input { left: -22px; top: 3px; width: 11px; line-height: 11px; } .checklist-a li li label.radio .input:before { width: 5px; height: 5px; margin: -2.5px 0 0 -2.5px; } .checklist-a li li .input { height: 11px; } .checklist-a li.input-file { padding-top: 4px; } #root .checklist-a h1, #root .checklist-a h2, #root .checklist-a h3, #root .checklist-a h4, #root .checklist-a h5, #root .checklist-a h6 { margin: 27px 0 9px; font-size: 12.53px; } .check-b { } .check-b label { max-width: 200px; min-height: 76px; } .double-box { margin-top: 0; padding-top: 10px; } .double-box:before { left: -10px; right: -10px; } .double-box > * { padding-left: 22px; padding-right: 22px; } .filtering-by { margin-bottom: 18px; margin-right: -17px; padding-top: 14px; } .filtering-by h1, .filtering-by h2, .filtering-by h3, .filtering-by h4, .filtering-by h6 { float: none; margin: 0 17px 9px 0; } .filtering-by ul { float: none; } .filtering-by ul li { margin-right: 17px; } .float-left, .float-right { float: none; max-width: none; margin-left: 0; margin-right: 0; } .float-left img, .float-right img { display: block; width: 100% !important; } .header-a { margin-bottom: 18px; } #root .header-a.size-c, #root .header-a.size-d { font-size: 1.8em; } .header-a.size-c span:before, .header-a.size-b span:before, .header-a span:before { margin-top: 0; } .heading-aside { line-height: 1.38888888889; } .heading-aside figure, .heading-aside i { margin-bottom: 36px; } .heading-aside h1, .heading-aside h2, .heading-aside h3, .heading-aside h4, .heading-aside h5, .heading-aside h6 { margin: 0 0 0; font-size: 2.2em; line-height: 1.5; } .heading-aside p { font-size: 1.8em; } .header-dropdown { } .header-dropdown select, .header-dropdown .select, #root .header-dropdown select { font-size: 14px; } .header-dropdown br.tiny-only + .select, .header-dropdown br.tiny-only + .semantic-select-wrapper { margin-left: 0; } .heading-blog { padding: 26px 0 41px; text-align: center; } .heading-blog h1, .heading-blog h2, .heading-blog h3, .heading-blog h4, .heading-blog h5, .heading-blog h6, .article-blog h1 { font-size: 2.3em; } .heading-center { margin-top: 23px; margin-bottom: 26px; } .heading-center.a { margin-bottom: 29px; } .heading-center.a h1, .heading-center.a h2, .heading-center.a h3, .heading-center.a h4, .heading-center.a h5, .heading-center.a h6 { margin-bottom: 9px; font-size: 2.5em; } .heading-center.a p { font-size: 2em; } .heading-image { padding: 28px 14px 46px; } .heading-image h1, .heading-image h2, .heading-image h3, .heading-image h4, .heading-image h5, .heading-image h6 { margin-bottom: 10px; font-size: 3em; letter-spacing: normal; } .heading-image h1 span, .heading-image h2 span, .heading-image h3 span, .heading-image h4 span, .heading-image h5 span, .heading-image h6 span { margin: 0 0 14px; font-size: .46666666666em; } .heading-image p { font-size: 1.374em; } .heading-image + #content { padding-top: 77px; } .heading-image + #content.repeat:before { border-top-width: 143px; } .heading-pulse { } #root .heading-pulse p.link { left: 195px; right: auto; margin: 0; } .heading-pulse.big { } .heading-pulse.big:before { background-position: 20px 0; } .input-file { } .input-file .label { margin-bottom: 10px; } .input-file label { min-width: 88px; padding: 3.5px; font-size: 9.4px; } .input-file .container { padding: 8px 6px; } .lead { margin-bottom: 17px; font-size: 1.8em; } figure + .lead { margin-top: -7px; } .link-btn { font-size: 1.575em; } .link-btn a { min-width: 167px; padding: 13px 26px; } .list-btn { max-width: 271px; margin: 0 auto; } .list-btn li { margin-bottom: 28px; font-size: 1.4em; } .list-btn a, .list-btn button, .list-btn input[type="submit"] { padding: 12px 12px 12px 50px; text-align: left; } .list-btn svg { left: 10px; width: 25px; height: 31px; margin: -15.5px 0 0; } .list-btn .form, .list-btn form { padding: 18px 14px 2px; } .list-btn .form p, .list-btn form p { margin: 0 0 22px; } .list-btn p button, .list-btn p input[type="submit"] { min-width: 134px; padding: 13.5px 26px; } .list-gallery { } .list-gallery li { margin-bottom: 20px; padding: 40px 15px 0; } #content > .list-gallery:last-child { margin-bottom: 0; } /*.header-a + .list-gallery { margin-top: 32px; }*/ .list-news { margin-left: 0; } .list-news li { margin-bottom: 15px; border-left-width: 0; } .list-news figure:before { width: 70px; height: 45px; } .list-news.a { } .list-news.a > .fit { left: -10px; right: -10px; background-image: url(../images/triangles-repeat.svg); background-repeat: repeat; } .list-services { max-width: 245px; margin-left: auto; margin-right: auto; } .list-services li { border-left-width: 0; } .list-services.a { max-width: none; margin-top: 22px; } .list-services.a li { margin-bottom: 20px; padding: 30px 25px 9px; } .list-services.a figure { margin-bottom: 24px; } .list-services.a svg { height: 143px; } .list-services.a h1, .list-services.a h2, .list-services.a h3, .list-services.a h4, .list-services.a h5, .list-services.a h6 { margin: 0 -15px 26px; font-size: 2.086em; } .list-services.a p { max-width: 250px; font-size: 1.4em; } .list-social { display: block; margin-top: 38px; } .list-social li { float: left; margin-bottom: 20px; font-size: 1.6em; } .list-social li.title { float: none; clear: both; width: 100%; } .list-team { } .list-team li { padding-bottom: 0; padding-top: 5px; padding-left: 10px; padding-right: 10px; } .list-team figure { margin: -5px -10px 5px; padding: 12px; } .list-team img { max-width: calc(100% - 8px) !important; width: auto !important; max-height: 94px !important; } .list-team h1, .list-team h2, .list-team h3, .list-team h4, .list-team h5, .list-team h6 { margin: 0 0 1px; font-size: 1.3em; } .list-team p { margin: 0 0 7px; font-size: 1em; } .list-testimonials { margin-bottom: 15px; } .list-testimonials q { margin-bottom: 80px; } .list-testimonials p img { position: relative; left: 0; top: 0; margin: 0 auto 20px; } .list-testimonials p span { max-width: none; padding: 0; } .list-ticker { margin-top: 33px; } .list-ticker li, .list-ticker li a { height: auto; } .list-ticker.is-slider { padding: 0 42px; } .list-ticker .bx-controls-direction a { width: 32px; height: 32px; margin: -16px 0 0; font-size: 11px; } .module-box .list-ticker .item { width: calc(50vw - 98.5px) !important; } .list-total { margin-bottom: 25px; } .list-total li { margin-bottom: 6px; font-size: 1.265em; } .list-total li.a { padding: 14px 0 0; } .list-total span { width: 56px; padding: 0 0 0 8px; } .list-total span:first-child { padding: 0 8px 0 0; } .list-triple { } .list-triple li { padding-bottom: 19px; } .module-about { margin-bottom: 22px; } .module-about > *, .module-about > *:first-child { padding-left: 13px; padding-right: 13px; padding-top: 27px; } .module-about > * > figure, .module-about > * > .module-triple, .module-about > *:first-child > figure, .module-about > *:first-child > .module-triple { margin-left: -13px; margin-right: -13px; } .module-about > * > figure:first-child, .module-about > * > .module-triple:first-child { margin-top: -27px; } .module-about header { } .module-about header h1, .module-about header h2, .module-about header h3, .module-about header h4, .module-about header h5, .module-about header h6 { margin: 0 0 32px; font-size: 2.769em; } .module-about header h1 span, .module-about header h2 span, .module-about header h3 span, .module-about header h4 span, .module-about header h5 span, .module-about header h6 span { font-size: 1.2499097147em; } .module-about header .scheme-a { color: #fd6120; } .module-border { padding-top: 40px; } .module-box { } .module-box .module-about:first-child { margin-top: -14px; } .module-box.b { margin-top: 46px; margin-bottom: 40px; padding-left: 10px; padding-right: 10px; padding-top: 22px; } .module-card { padding: 19px 19px 1px; } .module-card header p { margin-bottom: 16px; } .module-card h1 span, .module-card h2 span, .module-card h3 span, .module-card h4 span, .module-card h5 span, .module-card h6 span { margin: 0 0 6px; } .module-price { margin-bottom: 26px; padding: 16px 16px 19px; } #root .module-price h1, #root .module-price h2, #root .module-price h3, #root .module-price h4, #root .module-price h5, #root .module-price h6 { margin: 0 0 24px; font-size: 1.626em; } .module-price p { font-size: 1.222em; } .module-triple { padding-left: 13px; padding-right: 13px; } .module-about h1, .module-about h2, .module-about h3, .module-about h4, .module-about h5, .module-about h6, .module-triple h1, .module-triple h2, .module-triple h3, .module-triple h4, .module-triple h5, .module-triple h6 { margin: 0 0 15px; } .module-triple i.icon-user-experience:before, .module-triple i.icon-user-experience-aligned:before { content: "\e93d"; } .module-triple i.icon-enterprise-cms:before { content: "\e91a"; } .module-triple ul { margin: 0 -13px; text-align: center; } .module-triple li { padding: 12px 13px 6px; } .module-triple figure, .module-triple i { position: relative; left: 0; top: 0; height: 85px; margin: 0 auto 17px; font-size: 85px; line-height: 85px; } .pagination-a { margin-bottom: 14px; } .pagination-a ol, .pagination-a ul { margin: 0 -13px; } .pagination-a li { margin: 0 13px; } .price-total, #root .price-total { margin: 0 0 3px; font-size: 2.168em; } .price-total span { font-size: .66651291512em; } .quote { margin-bottom: 80px; } .quote q { margin-bottom: 55px; } .quote q:before { left: 8px; } .quote q:after { right: 8px; } .quote img { position: relative; left: 0; top: 0; margin: 0 auto 20px; } .quote span { max-width: none; padding: 0; } .search-results { padding-left: 13px; padding-right: 13px; } .search-results .pagination-a { margin-left: -10px; margin-right: -10px; } #root .size-b { font-size: 18px; } .slider { } .slider .bx-controls-direction a { width: 30px; height: 60px; margin: -30px 0 0; font-size: 28px; } .slider .bx-pager { padding: 12px 0 0; } .slider .bx-pager .bx-pager-item { margin: 0 3px; } .slider.is-slider { margin-bottom: 55px; } .tabs-a { margin-top: 30px; margin-bottom: 10px; } .tabs-a .tabs-header { padding: 32px 32px 29px; line-height: 1.2666666666; } .tabs-a .tabs-header figure { margin-bottom: 28px; } .tabs-a .tabs-header h1, .tabs-a .tabs-header h2, .tabs-a .tabs-header h3, .tabs-a .tabs-header h4, .tabs-a .tabs-header h5, .tabs-a .tabs-header h6 { margin-bottom: 26px; font-size: 2.055em; } .tabs-a .tabs-header p { margin: 0 0 16px; font-size: 1.5em; } .tabs-a .tabs-header p a { font-size: 1.12066666667em; line-height: 1.07079119572; } .tabs-a .tabs-inner { padding: 32px 10px 0; } .tabs-a .tabs-inner > *:last-child { margin-bottom: 32px; } .vertical-line { margin: 0 0 24px; } .vertical-line > * + *, .vertical-left + .vertical-right { margin-top: 20px; padding-top: 20px; border-top-width: 2px; } label, .label { margin-bottom: 11px; font-size: 14px; } input, select, .semantic-select .input { height: 35px; } .semantic-select .input { line-height: 33px; } .form-builder { } .form-builder h1, .form-builder h2, .form-builder h3, .form-builder h4, .form-builder h5, .form-builder h6 { margin: 2px 0 11px; font-size: 1.41em; } .form-builder p { margin-bottom: 20px; } .form-contact { } #root #content > .form-contact:first-child, #root #content > .double:first-child > .form-contact:first-child, #root #content > .module-address:first-child, #root #content > .double:first-child > .module-address:first-child { margin-top: 0; } .form-calculator { margin-top: 20px; } .form-calculator > * { padding-left: 13px; padding-right: 13px; } .form-calculator > *:first-child, .form-calculator > legend + * { padding-left: 45px; } .form-calculator p, .form-calculator p.label { margin: 0 0 5px; font-size: 1.222em; } .form-calculator h1, .form-calculator h2, .form-calculator h3, .form-calculator h4, .form-calculator h5, .form-calculator h6 { margin: 22px 0 9px; font-size: 1.571em; } .form-calculator .select, .form-calculator .semantic-select-wrapper { width: auto; max-width: none; } .form-calculator .select + span, .form-calculator .semantic-select-wrapper + span { width: auto; padding: 0 0 0 9px; font-size: 15.72px; line-height: 33px; } .form-calculator .checklist-a { margin: 6px 0 34px; } .form-calculator .checklist-a li { margin-bottom: 4px; padding-left: 21px; font-size: 1.4em; } .form-calculator .checklist-a label input, .form-calculator .checklist-a .input { left: -21px; top: 4px; width: 12px; line-height: 12px; } .form-calculator .checklist-a .input { height: 12px; } .form-calculator .has-select label { width: 100%; } .form-calculator .has-select { display: -moz-box; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; } .list-testimonials p img, .quote img { -webkit-transform: none; -ms-transform: none; transform: none; } br.tiny-only { display: block; } #root .tiny-only { position: relative; left: 0; top: 0; } #root .tabs-a .tabs-header:before { position: absolute; left: -3000em; top: -3000em; bottom: inherit; right: inherit; } } @media only screen and (max-width: 25em) { /* 400 */ @-ms-viewport { width: device-width; } @viewport { width: device-width; } .list-gallery { } .list-gallery .list-gallery-triple, .list-gallery li.half .list-gallery-triple { max-width: none; margin-left: -10px; margin-right: 0; } .list-gallery-triple { margin-left: -10px; } #root .list-gallery-triple li { border-left-width: 10px; } .list-ticker { } .module-box .list-ticker .item { width: calc(100vw - 187px) !important; } .form-calculator { } .form-calculator > *:first-child, .form-calculator > legend + * { padding-left: 13px; } .form-calculator .no { display: inline; position: relative; right: 0; } .form-calculator > * > p:first-child { margin-left: 0; } .list-gallery-triple { display: -moz-box; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; } .list-gallery-triple { -webkit-justify-content: space-between; justify-content: space-between; } br.mobile-only, .heading-pulse br { display: none; } }